@charset "UTF-8";
/*
Theme Name: Boombox Child Theme - Xfire
Theme URI: http://boombox.px-lab.com
Template: boombox
Author: Px-Lab
Author URI: https://px-lab.com
Description: Boombox is most powerful and flexible viral and buzz style WordPress theme. Flexible and fully customizable viral magazine theme combined with most powerful Viral content plugin with a ton of snacks and exclusive features and all that packed with dozens of powerful and popular plugins and with top-notch design
Version: 1.0.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-header, custom-background, full-width-template,custom-menu, editor-style, featured-images, featured-image-header, post-formats, sticky-post, theme-options, translation-ready
Text Domain: boombox
*/
/*--------------------------------------------------------------
# MQ
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Child theme
--------------------------------------------------------------*/

* {
  letter-spacing: 0.013em;
}


/* Fix too bold fonts in other browsers */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* Increase weight of text only site header title */
.site-title {
  font-weight: 700 !important;
}

/* Increase line height and mobile font */
.bb-post-single.style2 .s-post-content {
  line-height: 1.8;
}

@media only screen and (max-width: 768px) {
  .bb-post-single.style2 .s-post-content {
    line-height: 1.6;
    font-size: 19px;
  }
}
/* HP line height desktop */
@media only screen and (min-width: 769px) {
  article#post-533 {
    line-height: 1.8;
  }
}
/* mobile margins of post title area */
@media only screen and (max-width: 768px) {
  .bb-post-single.style2 .s-post-header {
    margin-left: 6px;
  }

  .bb-post-single.style2 .s-post-meta-block {
    margin-bottom: 15px !important;
    margin-left: 6px;
  }
}
.bb-post-single .s-post-header {
  margin-bottom: 2px;
  margin-left: 8px;
  margin-right: 8px;
}

.bb-post-single .s-post-content {
  margin-bottom: 1.5rem;
}

/* Breadcrumbs */
div.breadcrumbs {
  font-size: 14px;
  text-align: left;
  color: #a3a3a3;
}

@media only screen and (max-width: 768px) {
  div.breadcrumbs {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 769px) {
  div.breadcrumbs {
    margin-bottom: 12px;
  }
}
/* Limit length of NavXT breadcrumbs generally */
.breadcrumbs span[property=name] {
  display: inline-block;
  padding: 0;
  margin-top: -3px;
  vertical-align: middle;
  max-width: 510px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Limit length of NavXT breadcrumbs on mobiles */
@media only screen and (max-width: 768px) {
  .breadcrumbs span[property=name] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 176px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/* Category text color */
.bb-cat-links {
  color: #ff086a;
}

@media only screen and (max-width: 768px) {
  .bb-cat-links {
    margin-left: 0px !important;
  }
}
/* Make so category is on one line with breadcrumbs*/
@media only screen and (min-width: 769px) {
  .single .post.single .bb-cat-links {
    width: 100% !important;
  }
}
/* Close gap on mobile*/
@media only screen and (max-width: 768px) {
  .single-container.s-mt-sm {
    margin-top: 0px !important;
    padding-right: 0px;
  }

  .bb-cards-view .bb-post-single.style2.style1 .s-post-main.bb-card-item {
    padding-top: 5px !important;
  }

  .mb-xs {
    margin-bottom: 0px;
  }
}
/* dekstop fixes */
@media only screen and (min-width: 769px) {
  #main > .container.mb-xs, .bb-page-header #main > .mb-xs.container-inner, .mb-xs {
    margin-bottom: 0px;
  }

  .single-container.s-mt-sm {
    margin-top: 0px;
  }

  .mb-md {
    padding-top: 10px;
  }
}
/* Close top gap on desktop*/
@media only screen and (min-width: 769px) {
  .bb-cards-view .bb-card-item {
    padding-top: 20px;
  }
}
/* Decrease content side margins on desktop*/
@media only screen and (min-width: 769px) {
  .bb-cards-view .bb-card-item {
    padding-left: 17px;
    padding-right: 17px;
  }

  .bb-cards-view .bb-post-single.style2.style1 .s-post-thumbnail {
    margin-left: -17px;
    margin-right: -17px;
  }
}
/* lower margin of meta block */
.bb-post-single.style2 .s-post-meta-block {
  margin-bottom: 10px !important;
}

@media only screen and (max-width: 768px) {
  .bb-post-single.style2 .s-post-meta-block {
    margin-top: 0px;
  }
}
.bb-post-single .s-post-meta-block {
  margin-left: 10px;
  margin-right: 10px;
}

/* Adsense transparent */
ins.adsbygoogle {
  background: transparent !important;
}

/* add bottom margin to auto Youtube embeds in articles */
.s-post-content .boombox-responsive-embed {
  margin-bottom: 20px;
}

.entry-content .boombox-responsive-embed {
  margin-bottom: 20px;
}

/* fix display of category and breadcrumbs on desktop */
@media only screen and (min-width: 769px) {
  .single .post.single .bb-cat-links {
    width: 30%;
  }
}
/* shortcode note font */
.notefont {
  font-size: 15px;
  text-align: center;
}

.followong {
  background-color: #683cd024;
  cursor: pointer;
  margin: 0 auto 0.5em auto !important;
  max-width: fit-content;
}

@media only screen and (min-width: 769px) {
  .followong {
    float: right;
    margin-left: 12px !important;
  }
}
.notecheats {
  text-align: center;
  border-color: #ff0669;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.su-note {
  margin: 0 0 1.5em 0;
  border-style: none;
}

.su-note-inner {
  padding: 1em;
  border-width: 1px;
  border-style: solid;
  padding-left: 8px;
  padding-right: 8px;
  border-color: #683cd0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

p.xf {
  text-align: center;
  font-size: 16px;
  margin-bottom: 0px !important;
  padding: 0 5px 0 5px;
}

p.xf a {
  color: #683cd0;
}

p.cod {
  text-align: center;
  font-size: 16px;
  margin-bottom: 0px !important;
  padding: 0 5px 0 5px;
}

p.cod a {
  color: #683cd0;
}

/* shortcode article summary */
.notesumm {
  text-align: center;
  border-color: #ff0669;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #683cd024;
  margin-top: 12px;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.su-summ-inner {
  padding: 0;
  border-width: 1px;
  border-style: solid;
  padding-left: 8px;
  padding-right: 8px;
  border-color: #683cd0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.su-summ-title {
  border-bottom: 1px dashed #683cd0;
  font-weight: 700;
  display: inline-block;
  margin-top: 6px;
  position: relative;
  color: #ff086a;
}

@media only screen and (min-width: 769px) {
  .su-summ-title {
    font-size: 16px;
  }

  i.bb-icon.bb-icon-hashtag.su-summtooltip {
    font-size: 15px;
  }
}
.su-note.notesumm ul li {
  font-size: 17px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .su-note.notesumm ul li {
    font-size: 17px;
    margin-bottom: 12px;
  }
}
.su-summtooltip {
  font-size: 10px;
  position: inherit;
  vertical-align: text-top;
}

.su-summ-para {
  margin: 0.5rem;
}

@media only screen and (max-width: 768px) {
  .su-summ-para {
    font-size: 17px;
  }
}
/* fix main content padding on mobile only */
@media only screen and (max-width: 768px) {
  .bb-cards-view .bb-post-single.style2.style1 .s-post-main.bb-card-item {
    padding-left: 8px;
    padding-right: 8px;
  }

  .single-post.bb-cards-view .bb-card-item {
    padding: 5px;
  }

  table td {
    padding: 9px 3px 9px;
  }

  .bb-cards-view.single-post .single.post.bb-card-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* removing gap between posts and header */
.main-container {
  margin-top: 25px;
}

/* footer text small */
#footer .footer-bottom .copy-right {
  max-width: unset;
  font-size: 13px;
  margin-right: 17px;
}

.footer-nav {
  max-width: 48%;
}

/* reduce footer padding */
#footer .footer-top {
  padding: 30px 0 0;
}

/* add space on top of posts strip on desktop */
@media only screen and (min-width: 769px) {
  .bb-el-before-main-cnt + #main > .bb-featured-strip.bb-stretched-full.no-gap:first-child {
    margin-top: 20px;
  }
}
/* footer text width on mobile */
@media only screen and (max-width: 768px) {
  #footer .footer-bottom .copy-right {
    max-width: 100% !important;
  }
}
/* making views and comments icons smaller on mobile */
@media only screen and (max-width: 768px) {
  .bb-post-meta.size-lg .post-meta-item .count {
    font-size: 15px;
  }

  .bb-post-meta.size-lg .post-meta-item .bb-icon {
    font-size: 16px;
  }

  .bb-post-single.style2 .s-post-meta-block {
    margin-bottom: 15px;
  }

  .bb-post-meta {
    text-align: right;
  }

  .bb-post-single.style2 .s-post-meta-block .col-l {
    margin-bottom: 0px;
  }
}
/* making views text uppercase */
.bb-post-meta .post-meta-item .count {
  text-transform: uppercase;
}

/* making views and comments icons smaller on desktop */
@media only screen and (min-width: 769px) {
  .bb-post-meta.size-lg .post-meta-item .count {
    font-size: 17px;
  }

  .bb-post-meta.size-lg .post-meta-item .bb-icon {
    font-size: 18px;
  }
}
/* misc HP tweaks */
h1.hptitle {
  font-size: 45px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  h1.hptitle {
    font-size: 28px;
    margin-top: 20px;
  }

  p.hp {
    line-height: 1.6;
    font-size: 20px;
  }
}
h1.hptitle1 {
  font-size: 45px;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 10px;
  margin-top: -20px;
}

@media only screen and (max-width: 768px) {
  h1.hptitle1 {
    font-size: 28px;
  }
}
img.hpimg {
  margin-bottom: 0;
}

article#post-21009 {
  padding-top: 0px !important;
}

span.hpsmall {
  font-size: 90%;
  font-style: italic;
}

@media only screen and (max-width: 768px) {
  .bb-featured-area .featured-header h2 {
    font-size: 140%;
  }
}
@media only screen and (max-width: 768px) {
  p.hp {
    margin: 10px 5px 0px;
    text-align: left;
    line-height: 1.8;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 769px) {
  p.hp {
    margin: 5px 0px 0px;
    text-align: left;
    line-height: 1.8;
  }

  article.featured-item header.featured-header .bb-author-vcard-mini {
    margin-bottom: 6px;
  }
}
/* disable top comments navigation */
.comments .comment-navigation {
  display: none;
}

.comments .comment-list + .comment-navigation {
  display: block;
}

/** Comments text size **/
#comments .comment .comment-body .comment-content,
#comments .pingback .comment-body .comment-content {
  font-size: inherit;
}

.comment-respond .logged-in-as {
  font-size: inherit;
}

.comment-respond textarea, .comment-respond #commentform textarea#comment {
  font-size: inherit;
}

.comment-respond .logged-in-as {
  margin-bottom: 10px;
  color: #a3a3a3;
}

#comments .comment .comment-body .comment-content {
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1.4;
}

#comments .comment .comment-body .comment-content p {
  color: #dbdbdb !important;
}

nav.main-navigation {
  font-weight: 700 !important;
}

.bb-header.header-desktop .top-header .main-navigation .sub-menu {
  font-weight: 700 !important;
}

/* make meta at top of article font smaller on mobile only */
@media only screen and (max-width: 768px) {
  .single .post.single .bb-cat-links a {
    font-size: 16px;
    line-height: 18px;
  }

  .single .post.single .view-meta .views .icon {
    top: -2px;
  }

  .single .post.single .view-meta .post-comments {
    font-size: 14px;
  }

  .single .post.single .view-meta .views {
    font-size: 14px;
  }

  .bb-post-meta.size-lg .post-meta-item .txt {
    font-size: 15px;
  }
}
/* make author box font size smaller */
.bb-author-vcard header {
  background-color: #292c3b;
}

.bb-author-vcard-mini.size-md .auth-url {
  font-size: 13px;
  color: #ff0669;
  font-weight: 600;
}

.bb-author-vcard .author-info .auth-desc {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .bb-author-vcard .author-info {
    padding: 15px 15px;
  }
}
.bb-author-vcard .author-info {
  padding-bottom: 10px;
  text-align: left;
}

/* .bb-author-vcard {margin-bottom: 40px!important;}
@media only screen and (max-width: 768px){.bb-author-vcard {margin-bottom: 20px!important;}} */
/* make comment box bigger */
.comment-respond #commentform textarea#comment, .comment-respond textarea {
  height: 90px;
}

/* comment reply button colour */
.comment-respond #commentform input#submit, .comment-respond .form-submit .submit-button {
  background-color: #ff0669;
}

/* comment color */
#comments .comment .comment-body .comment-content p {
  color: #dbdbdb;
}

/* move post comment button lower */
@media only screen and (min-width: 769px) {
  .comment-respond .comment-form-comment {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .comment-respond .form-submit {
    float: none;
    width: 100%;
  }
}
.comment-list li:nth-child(even) .comment-body {
  background-color: #1d1e29;
}

.comment-list .children .comment-body {
  background-color: #141414 !important;
}

/* hide featured image caption */
.post-thumbnail .thumbnail-caption {
  display: none;
}

/* fix padding on hp on mobile only */
@media only screen and (max-width: 768px) {
  #post-21009 {
    padding: 0px;
  }
}
/* change h1 article title size on mobile as well as h2 and h3 */
@media screen and (max-width: 768px) {
  .bb-post-single.style2 .s-post-title {
    font-size: 28px;
    line-height: 1.2;
  }

  h2 {
    font-size: 2.1rem;
    margin-left: 6px;
    line-height: 1.2;
  }

  .s-post-content h2 {
    border-left: 4px solid #ff086a;
    padding-left: 10px;
  }

  h3 {
    font-size: 26px;
    margin-left: 6px;
  }

  .s-post-content h3 {
    border-left: 4px solid #683cd0;
    padding-left: 10px;
  }

  h4 {
    font-size: 1.52rem;
    color: #683cd0;
    margin-left: 6px;
  }
}
@media screen and (min-width: 769px) {
  .s-post-content h2 {
    border-left: 4px solid #ff086a;
    padding-left: 10px;
  }

  h3 {
    font-size: 26px;
  }

  .s-post-content h3 {
    border-left: 4px solid #683cd0;
    padding-left: 10px;
  }

  h4 {
    font-size: 1.35rem;
    color: #683cd0;
  }
}
/* remove blank space at bottom of posts */
.next-prev-pagination {
  margin-bottom: 5px;
}

/* on mobile remove blank space just before footer */
@media only screen and (max-width: 768px) {
  #main {
    margin: 0 auto 0px;
  }

  footer#footer.footer {
    margin: 0px 0 0;
  }

  #main > .container {
    margin-bottom: 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #footer .footer-top {
    padding: 10px 0 0;
  }

  .col-content {
    margin: 0 0 0px;
  }
}
/* logo size mobile */
@media only screen and (max-width: 768px) {
  p.site-title a img {
    max-width: 100px !important;
  }
}
/* on mobile increase gap below logo */
@media only screen and (max-width: 768px) {
  #main {
    margin-top: 10px;
  }
}
/* change size and add background to widget titles on desktop */
@media only screen and (min-width: 769px) {
  .widget-title {
    font-size: 20px !important;
    background: #ff0669;
    padding-bottom: 6px;
    padding-top: 6px;
  }
}
.widget-title {
  color: #ffffff !important;
}

/* remove faint underline unde logo on desktop */
.bb-header.header-desktop.top-shadow .top-header {
  box-shadow: 0 0 0 0 rgba(42, 42, 42, 0.27);
}

/* logged in as text in comment box */
p.logged-in-as {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  #comments .comments-title {
    margin-bottom: 10px;
    padding-top: 10px;
  }
}
#comments .comments-title {
  margin-left: 20px;
}

/* reduce empty space above pagination at bottom of articles */
.bb-post-single.style2 .s-post-content {
  margin-bottom: 20px;
}

.bb-next-prev-pagination {
  margin-bottom: 10px !important;
}

/* style category descriptions */
h2.page-subtitle {
  text-align: left;
  font-size: 16px !important;
  margin-top: 20px !important;
  font-weight: 500 !important;
}

h2.page-subtitle a {
  text-decoration: underline;
  color: #ea3748;
}

/* table of contents */
div#ez-toc-container p.ez-toc-title {
  color: #683cd0 !important;
}

@media only screen and (max-width: 768px) {
  div#ez-toc-container {
    width: 100%;
  }
}
div#ez-toc-container {
  margin-bottom: 20px !important;
  border: 1px solid #683cd0;
  width: auto;
  font-size: 17px;
}

/* Titles and padding of related articles underneath single */
aside.bb-post-collection h2.title {
  font-size: 1.625rem;
}

@media screen and (max-width: 768px) {
  aside.bb-post-collection h2.title {
    font-size: 2.1rem;
  }
}
/* Thumbnail padding of related articles */
@media screen and (max-width: 768px) {
  .single-post.bb-cards-view .bb-card-item {
    padding: 0 5px 0;
  }
}
/* Font size of titles of actual related posts */
@media screen and (max-width: 768px) {
  .post-grid.col-3 .post-item .entry-header h2 {
    font-size: 20px;
    line-height: 1.4;
  }

  .post-list.list.big-item .post .content .entry-header h2 {
    font-size: 20px;
    line-height: 1.4;
  }
}
/* Less width for archive category intro texts - FYI makes normal page title off-center */
@media screen and (min-width: 769px) {
  .header-content-layout {
   /* width: 800px !important; */
    margin-left: auto;
    margin-right: auto;
  }
}
.header-content-layout p {
  text-align: justify;
  color: #dcdbdb;
}

/* Less width for pages on mobile */
@media screen and (max-width: 768px) {
  .bb-card-item.page {
    padding: 16px !important;
  }
}
/* Mobile only increase gap below logo and start of content */
@media screen and (max-width: 768px) {
  #main {
    margin-top: 5px !important;
  }
}
/* Make space at top of start of mobile sidebar */
@media only screen and (max-width: 768px) {
  .col-sidebar {
    margin-top: 20px;
  }
}
/* 404 text color */
section.error-404 .text {
  color: #ffffff;
}

/* featured menu */
.bb-featured-menu {
  margin-bottom: 0px !important;
}

.bb-featured-menu ul {
  padding: 0px 0px 5px !important;
}

.bb-featured-menu a {
  color: #bdbdbd;
  font-weight: 600;
}

/* mobile header icons */
.bb-header-icon i {
  color: #fff !important;
}

/* increase font weight of normal tables */
table td {
  font-weight: 500;
}

/* contact form align left */
input.wpcf7-form-control {
  text-align: left !important;
}

textarea.wpcf7-form-control {
  text-align: left !important;
}

/* header icon color mobile */
.bb-header.header-mobile .header-row {
  color: #d19700;
}

/* dont show social sharing names on mobiles */
@media only screen and (max-width: 768px) {
  span.dpsp-network-label {
    display: none;
  }
}
/* sharing margin bottom */
#dpsp-content-top {
  margin-bottom: 10px;
}

/* increase content width no sidebar posts with table 1200px min */
@media only screen and (min-width: 1200px) {
  .no-sidebar .bb-post-single.style2 .s-post-small-el {
    width: 1160px;
  }
}
/* high data tables */
table#small tr td {
  font-size: 10px;
  font-weight: 800;
  border: 1px solid white;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}

table#small {
  border-collapse: collapse;
}

/* map page mobile */
@media screen and (max-width: 768px) {
  .ol-layer canvas {
    max-width: fit-content;
  }
}
/* more map css in map plugin */
/* increase posts only width with no sidebar  */
@media screen and (min-width: 1200px) {
  .no-sidebar .bb-post-single.style2 .s-post-small-el {
    width: 980px;
  }
}
/* desktop padding and mobile nav font size and padding */
.bb-header-navigation .main-navigation > ul > li {
  margin-right: 35px !important;
}

.bb-mobile-navigation .main-navigation > ul > li > a {
  font-size: 18px !important;
  font-weight: 700 !important;
}

.bb-mobile-navigation .main-navigation > ul > li {
  padding: 15px 0 !important;
}

.bb-mobile-navigation .main-navigation > ul > li .sub-menu li a {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.bb-mobile-navigation .main-navigation > ul > li .sub-menu li {
  padding: 15px 20px 5px 0 !important;
}

/* featured area styling */
.bb-featured-area .featured-caption {
  background-color: rgba(29, 30, 41, 0.6);
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
}

/* grid author separator color */
.bb-post-collection .post-items .post-item .post-author-meta {
  border-color: #d1970030;
}

/* article main background color and padding  */
@media screen and (min-width: 769px) {
  .mb-md {
    background-color: #131313;
    padding-bottom: 20px;
    padding-left: 17px;
    padding-right: 17px;
  }
}
.mb-md {
  background-color: #131313;
  padding-bottom: 20px;
}

/* table bg row colors  */
table tbody tr:nth-child(2n+1) td, table tbody tr:nth-child(2n+1) th {
  background-color: #3c3a3a;
}

span[itemprop=name] strong {
  border-top: 2px dotted #d19700;
  padding-top: 15px;
}

/* adthrive header  */
@media (min-width: 769px) {
  .at-header-ad {
    min-height: 90px;
  }
}
@media (min-width: 1024px) {
  .at-header-ad {
    min-height: 250px;
  }
}
/* footer bg and nav links  */
.footer-top .container {
  background-color: #141414;
}

.widget_nav_menu .menu li a {
  font-size: 16px;
  font-weight: 600;
}

.widget_nav_menu .menu li a:hover {
  background: none !important;
}

#footer h4 {
  margin-top: 10px;
}

/* helpful box */
.helpful-outer {
  padding: 1em;
  border: 0 !important;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #070707;
  border-color: #d4d5d8;
  color: #ececec;
}

.helpful-inner {
  text-align: justify;
  font-size: 16px;
  color: #797979;
}

/* site description default display none */
p.site-desc {
  display: none;
  margin: 0 7px 20px 7px;
  opacity: 0.9;
  font-style: italic;
  line-height: 1.1em;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  p.site-desc {
    font-size: 15px;
  }
}
/* reddit embed container */
.redditembed, .embedly-card {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #fff;
}

.embedly-card-hug {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #fff;
}

/* desktop menu text size */
.bb-header.header-desktop .top-header .main-navigation {
  font-size: 17px !important;
}

.bb-header.header-desktop .top-header .main-navigation .sub-menu {
  font-size: 15px !important;
}

/* other sites */
#footer #nav_menu-3 ul li a {
  text-transform: none !important;
  font-size: 14px !important;
}

/* widget titles on mobile */
@media only screen and (max-width: 768px) {
  #footer .widget-title, h4.widget-title {
    background: #ff0669;
    padding: 5px;
    color: #ffffff;
  }

  .widget_picked_entries .post .entry-header h3 {
    font-size: 20px;
    line-height: 1.6;
  }
}
/* mobile margin */
@media screen and (max-width: 768px) {
  p {
    margin-left: 8px;
    margin-right: 8px;
  }
}
/* homescreen padding */
@media only screen and (max-width: 768px) {
  #post-533 {
    padding: 0px !important;
  }
}
/* email box */
.mc4wp-form-fields {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 0 0 1.5em 0;
  padding: 10px 10px 14px;
}

.signup-header {
  text-align: center;
  color: #683cd0;
  font-size: 18px;
}

input.subscribe {
  font-size: 18px;
  line-height: 1;
}

input.enteremail {
  background-color: #292c3b;
  font-size: 16px;
}

.mc4wp-success {
  font-style: italic;
  text-align: center;
}

/* navigation footer width */
.footer-nav {
  max-width: max-content;
  float: right;
  margin-right: 0px;
}

/* featured image caption */
span.image-caption {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: #a3a3a3;
  display: block;
  margin-top: -20px;
  padding-bottom: 30px;
}

/* auto tagged links */
a.tagged {
  text-decoration: underline dotted #ff0669b5 !important;
  text-underline-offset: 4px !important;
}

@media screen and (max-width: 768px) {
  a.tagged {
    text-underline-offset: 3px !important;
  }
}
/* normal in-article links */
.s-post-content a {
  color: #ff0669;
  text-decoration: underline dotted #ff0669;
  text-underline-offset: 4px;
}

@media screen and (max-width: 768px) {
  .s-post-content a {
    text-underline-offset: 3px;
  }
}
/* if no featured image caption, don't show it the span */
span.image-caption:empty {
  display: none;
}

/* hide featured images on web stories  */
.post-type-archive-web-story div.bb-featured-area {
  display: none;
}

/* bottom margin web stories embed  */
.web-stories-embed.aligncenter {
  margin-bottom: 20px;
}

/* capitalise tag archive page titles  */
.bb-page-header.style-center-narrow .page-title, .bb-page-header.style-corner-narrow .page-title {
  text-transform: capitalize;
}

/* subtitle subheading */
.bb-post-single.style2 .s-post-header .s-post-summary {
  line-height: 1.5;
  margin: 10px 0 10px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .bb-post-single.style2 .s-post-header .s-post-summary {
    font-size: 19px;
  }
}
.bb-post-single .s-post-header .s-post-summary {
  margin: 14px 0 10px 0;
}

/* quicktake box */
.quicktake {
  display: block;
  width: fit-content;
  background-color: #0707076e;
  border-left: 12px solid #ff0669ad !important;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}

.text-area {
  width: 100%;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.quicktext {
  display: table;
  min-height: 50px;
  line-height: 1.4;
  margin-bottom: 2px;
  top: 0;
  text-align: center;
}

.quickcontent {
  display: table-cell;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

.quickcta {
  border-bottom: 0 solid #fff;
  color: #ff0669;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.quickthetext {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* youtube shorts box */
.tubetake {
  display: block;
  width: fit-content;
  background-color: #0707076e;
  margin-left: auto;
  margin-right: 0;
  clear: both;
  margin-bottom: 1em;
  margin-top: -16px;
}

.tubetext {
  display: table;
  min-height: 40px;
  line-height: 1.4;
  margin-bottom: 2px;
  top: 0;
  text-align: center;
}

/* slightly increase width of boxed feat area on archives and hp on desktop */
@media screen and (min-width: 769px) {
  #main > div.container.bb-featured-area.boxed.item-1-3.badges-off {
    max-width: 1400px;
    width: 100%;
  }
}
.bb-page-header .container-bg {
  border-bottom: none;
  background-color: #141414;
}

/* bold subtitle excerpt */
.bb-post-single.style2 .s-post-header .s-post-summary {
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

/* cheats table */
span#name {
  color: #ff0669;
  line-height: 2;
  font-weight: 600;
}

table#gta5cheats td {
  line-height: 1.6;
  vertical-align: text-top;
}

h3#cheats {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

td#cheatheading {
  font-size: 1.65rem;
  color: #ff0669;
  line-height: 1.07;
  font-weight: 600;
}

td#code {
  padding-top: 16px;
}

span#platform {
  color: #fff;
}

table#gta5cheats td#code {
  vertical-align: middle !important;
}

li#playstation, li#xbox, li#pc, li#phone {
  margin-bottom: 6px;
}

img#cheats {
  margin: 0;
  padding: 10px;
}

/* web stories widget */
.web-stories-list.is-view-type-circles .glider-track {
  justify-content: flex-start !important;
}

/* badges */
.bb-badge .circle {
  width: 30px;
  height: 30px;
}

.bb-badge.category .circle, .bb-badge.post_tag .circle {
  background-color: #0707077d !important;
}

.bb-badge .circle i {
  font-size: 19px;
  line-height: 30px;
}

/* mvine fixes */
@media only screen and (min-width: 901px) {
  .right-sidebar .col-content {
    max-width: calc(100% - 330px) !important;
  }

  .right-sidebar .col-sidebar {
    min-width: 330px !important;
  }
}
@media only screen and (max-width: 359px) {
  .bb-col.col-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container.single-container.s-mt-sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .bb-col.col-site-main {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .bb-row, .post-meta-content.row,
.s-post-thumbnail.post-thumbnail.bb-mb-el,
.search-form.form {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .search-dropdown.bb-header-dropdown.toggle-content {
    right: -10px !important;
  }
}
.bb-header-search form input {
  border-color: #cacaca;
}

/* hp feat item borders */
/* @media screen and (max-width: 768px) {article.featured-item {border-style: ridge;border-width: 1px;border-color: #683cd0;}} */
li.post-item .post-thumbnail .bb-media-placeholder {
  border-style: ridge;
  border-width: 1px;
  border-color: #ff086a;
}

li.post-item:nth-child(odd) .post-thumbnail .bb-media-placeholder {
  border-style: ridge;
  border-width: 1px;
  border-color: #683cd0;
}

/* tiktok */
.css-g03djc {
  background: #141414 !important;
}

.css-1hcx8jb {
  background-color: white !important;
}

blockquote.tiktok-embed:before {
  display: none;
}

/* tags under post */
.bb-tags.mb-md.bb-mb-el {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0.875rem !important;
  margin: auto;
  width: 760px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: -webkit-fill-available;
}

.bb-tags a {
  border: 1px solid #ff086a !important;
  font-size: 14px !important;
}

@media screen and (max-width: 768px) {
  .bb-tags.mb-md.bb-mb-el {
    margin-left: 6px;
  }
}
/* fade in lazy loaded images */
img[data-lazy-src] {
  opacity: 0;
}

img.lazyloaded {
  transition: opacity 0.5s linear 0.2s;
  opacity: 1;
}

/* tag link icon */
i.bb-ui-icon-tag {
  font-size: 13px;
  margin-left: 2px;
  color: #ff086a;
}

/* limit subtitle excerpts on archive pages and home to 2 lines */
p.entry-summary.entry-sub-title {
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* more space under embedded videos locally */
.wp-video {
  margin-bottom: 20px;
}

/* space under read more game descriptions */
.pressrelease-link {
  margin-bottom: 20px;
}

/* map space */
.wpgmza_map {
  margin-bottom: 30px;
}

/* hp title sections */
.hpsections {
  color: #683cd0;
  font-weight: 600;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .hpsections {
    font-size: 1.6rem;
    margin-left: 0px;
  }
}
.hfeed .post-items {
  margin-bottom: 0;
}

.vc_separator-has-text h4 {
  font-size: 22px;
	text-align: center;
}

/* make title metabox comments articlebody authorbox same width */
@media screen and (min-width: 1200px) {
  .bb-post-single.style2 .s-post-header {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
  }

  .bb-post-single.style2 .s-post-meta-block {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
  }

  section.bb-author-vcard.s-post-small-el.mb-md.bb-mb-el {
    width: auto;
  }

  .bb-comments {
    width: auto !important;
  }
}
/* article margin */
@media screen and (max-width: 768px) {
  .bb-post-single.style2 .s-post-inner {
    padding: 0;
  }
}
/* Mediavine Sidebar Fix games pages */
@media only screen and (min-width: 1200px) {
  .game-template-default .cont-with-aside .game-sidebar {
    max-width: 28% !important;
  }
}
/* Trinity audio player */
td#trinity-audio-tab {
  padding: 0px;
  display: initial;
}

table#trinity-audio-table {
  margin-bottom: 0px;
}

/* trending */
.trendart {
  text-align: center;
  font-size: 15px;
  color: #ff0669;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #211834;
}

.trendarthp {
  text-align: center;
  font-size: 15px;
  color: #ff0669;
  margin-bottom: 20px;
}

.trendartmob {
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  font-size: 15px;
  color: #ff0669;
  margin-bottom: 10px;
  line-height: 26px;
}

/* ajax load more */
.alm-listing .alm-reveal {
  margin-top: 40px;
}

/* comments link meta */
.comments-link {
  vertical-align: middle;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  display: table-cell;
  padding-right: 15px;
  float: right;
}

@media screen and (max-width: 768px) {
  .comments-link {
    margin-bottom: 4px;
    margin-right: 4px;
    display: inherit;
  }
}
/* monster insights */
.monsterinsights-inline-popular-posts {
  max-width: fit-content;
  margin: 0 auto;
}

/* modified time */
@media screen and (min-width: 769px) {
  .col-l.d-table-cell.col-md-6.col-sm-6.text-left-sm {
    width: 70% !important;
  }
}
.auth-posted-on.auth-posted-on {
  vertical-align: text-top;
}

/* no logo header shadow */
header.header-mobile.h-style .header-row {
  box-shadow: none;
}

.bb-header.header-mobile.h-style .header-row-layout {
  position: relative;
}

.bb-header.header-mobile .branding {
  position: sticky;
  left: 50%;
  transform: translateX(-50%);
}

.bb-header.header-mobile.g-style .header-main, .bb-header.header-mobile.h-style .header-row {
  box-shadow: none;
}

/* mobile post list */
@media screen and (max-width: 768px) {
  .post-grid .post-item .entry-header h2 {
    padding-left: 0px !important;
    font-size: 28px;
    line-height: 1.2;
  }
}
/* tags title */
h2.tagstitle {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 0px;
}

@media screen and (min-width: 769px) {
  h2.tagstitle {
    margin-left: 43px;
    padding-left: 17px;
  }
}
/* author article number */
.auth-article-count {
  font-size: 16px;
}

/* collpase on mobile only */
.content-container {
  text-align: left;
}

@media screen and (min-width: 769px) {
  p#buttonWrapper {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .su-note {
    position: relative;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }

  .content-container {
    position: relative;
  }

  .gradient-container {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(33, 24, 52, 0), #211834);
    z-index: 2;
    pointer-events: none;
    height: 140px;
  }

  .collapsed {
    max-height: 275px;
  }

  .arrow-button {
    position: absolute;
    bottom: 0;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 28px;
    z-index: 3;
    color: #fe0869;
  }
}
blockquote {
  padding-left: 3rem;
  line-height: 1.6;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .comment-respond form {
    padding-left: 10px;
    padding-right: 10px;
  }

  #comments .comments-title {
    margin-left: 10px;
  }

  .author {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#mobile-navigation.bb-mobile-navigation .bottom-nav-menu ul li.menu-item a {
  font-size: 16px !important;
  color: #ff086a !important;
}

#mobile-navigation.bb-mobile-navigation .bottom-nav-menu ul li.menu-item {
  padding: 13px 0 !important;
}

.branding .site-description {
  font-size: 16px;
  color: #fff;
  font-style: normal;
  opacity: unset;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

.branding img {
  float: unset;
}

@media only screen and (max-width: 768px) {
  .bb-show-mobile-header + #main > .bb-featured-area:first-child {
    margin-top: 0px !important;
  }

  .bb-page-header .container-inner {
    padding-top: 0px;
  }
}
/* Apply CSS to all pages except the homepage */
/* body:not(.home) .branding .site-description,
body:not(.home) p.site-description {
  display: none;
} */

@media only screen and (max-width: 768px) {
  .hfeed .post-items {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.bb-page-header .page-title-block {
  text-align: left;
}

.bb-page-header .container-bg {
  background-color: unset;
}

.bb-post-single .s-post-content p {
  text-wrap: pretty;
}

.bb-post-single .s-post-content ul li {
  text-wrap: pretty;
}

h2.entry-summary {
  text-wrap: pretty;
}

.su-note.notesumm ul li {
  text-wrap: pretty;
}

.auth-posted-on.auth-posted-on {
  text-wrap: pretty;
  font-weight: 600;
}

p.comment-form-cookies-consent {
  text-wrap: pretty;
}

.image-caption {
  text-wrap: pretty;
}

.wp-caption-text {
  text-wrap: pretty;
}

.comment-content p {
  text-wrap: pretty;
}

.s-post-content h2 {
  text-wrap: balance;
}

.s-post-content h3 {
  text-wrap: balance;
}

h1.entry-title {
  text-wrap: balance;
  margin-top: 4px !important;
}

/* CLS stuff  */
.su-summ-title {
  min-height: 29px;
}

.auth-posted-on {
  min-height: 20px;
}

.header-col .header-c {
  min-height: 62px;
}

.header-col.header-l {
  min-height: 40px;
}

/* author bio  */
.auth-desc h2 {
  border-left: 4px solid #ff086a;
  padding-left: 10px;
  font-size: 1.875rem !important;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.07;
}

.auth-desc h3 {
  border-left: 4px solid #683cd0;
  padding-left: 10px;
}

@media only screen and (min-width: 769px) {
  .auth-desc h2 {
    font-size: 1.675rem !important;
  }

  .auth-desc h3 {
    font-size: 1.45rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .auth-desc p.contactme {
    margin-left: 8px !important;
  }
}
/* related posts and author bio block widthd  */
@media only screen and (min-width: 769px) {
  section.bb-author-vcard.s-post-small-el.mb-md.bb-mb-el, .bb-other-posts.bb-posts-related.bb-post-collection {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    background-color: #141414;
  }
}
@media only screen and (max-width: 768px) {
  .single-post .bb-author-vcard .auth-avatar.avatar {
    display: none !important;
  }

  .author .bb-author-vcard .header-info {
    padding-top: 0px;
  }
}
.related-topics {
  border-left: 4px solid #683cd0;
  padding-left: 10px;
}

@media only screen and (max-width: 768px) {
  .related-topics {
    font-size: 2rem !important;
  }
}
/* related posts heading  */
.bb-other-posts.bb-posts-related.bb-post-collection h3.title {
  border-left: 4px solid #683cd0;
  padding-left: 10px !important;
  font-size: 2rem !important;
  text-transform: none !important;
}

@media only screen and (min-width: 769px) {
  .bb-other-posts.bb-posts-related.bb-post-collection h3.title {
    font-size: 1.65rem !important;
    margin-left: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .bb-other-posts.bb-posts-related.bb-post-collection {
    font-size: 1.8rem !important;
    margin-left: 6px !important;
  }
}
/* related posts bg color same as article  */
@media only screen and (max-width: 768px) {
  .col-site-main {
    background-color: #141414;
  }
}
@media only screen and (min-width: 769px) {
  .mb-md {
    margin-bottom: 0rem;
  }

  .bb-other-posts .post-items {
    width: 760px;
    margin: auto;
    margin-top: 26px;
  }

  section.bb-author-vcard.s-post-small-el.mb-md.bb-mb-el {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    background-color: #141414;
  }

  .site-main {
    background-color: #141414 !important;
  }

  .bb-post-collection.hfeed.post-grid.bb-thumbnail-stretched.col-2 {
    background-color: #070707 !important;
  }
}
/* video player style  */
.mejs-container .mejs-controls {
  background: #683cd0 !important;
}

.mejs-overlay-button {
  background-color: #ff086a !important;
}

.wp-video {
  margin-top: 22px;
}

/* stripped down twitter style  */
.twitter-tweet {
  background-color: #683cd030;
  padding-top: 12px;
  padding-bottom: 2px;
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 18px;
}

.vc_column_container {
  background-color: #070707 !important;
}

/* margins around post meta  */
@media only screen and (max-width: 768px) {
  .bb-author-vcard-mini.size-md .auth-name {
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 768px) {
  span.sharing {
    margin-top: 4px;
    display: block;
  }
}
@media only screen and (min-width: 769px) {
  .auth-byline {
    margin-top: 1px;
  }
}
/* no author box on fireword  */
.postid-421993 .s-post-meta-block.bb-mb-el {
  display: none;
}

/*@media only screen and (min-width: 769px) {
  .page-id-223700 .entry-content {
    max-width: fit-content !important;
    padding-bottom: 0px !important;
	  background-color: #090909!important;
	  margin-top: 0px!important;
  }
} */
@media only screen and (min-width: 769px) {
  .entry-content {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    margin-top: 30px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  body:not(.home) .entry-content {
    padding-top: 20px;
  }
}

table.list th, table.list td {
  text-align: center;
  font-size: 19px;
}

@media only screen and (max-width: 768px) {
  table.list th.letter {
    width: 100px;
  }
}
body.archive h2.page-subtitle > p {
  font-style: italic;
}

@media only screen and (min-width: 769px) {
  .bb-page-header.style-corner-narrow .page-title {
    margin-left: 8px;
  }
}
/* max height1 of feat image mobile */
@media only screen and (max-width: 768px) {
  .bb-post-single .post-thumbnail img {
    object-fit: contain;
    max-height: 300px;
  }

  .bb-post-single .s-post-thumbnail {
    max-height: 300px;
  }
}
@media only screen and (min-width: 769px) {
  .bb-post-single .post-thumbnail img {
    object-fit: contain;
    max-height: 500px;
  }

  .bb-post-single .s-post-thumbnail {
    max-height: 500px;
  }
}
.bb-media-placeholder {
  display: contents;
}

.auth-blurb {
  font-style: italic;
  margin: 2px 0 2px 0;
  display: block;
}

/* end */
/*--------------------------------------------------------------
# Game style
--------------------------------------------------------------*/
.games_cards {
  display: grid;
  font-family: "Inter", sans-serif;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  overflow-x: auto;
  gap: 20px;
	overflow: hidden;
}

.games_cards .game_card {
	width: 220px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  /* Bg */
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 10px;
}

.games_cards .game_card:hover {
  border: 1px solid #FFDF6C;
}

.games_cards .game_card.positive:hover {
  border: 1px solid #6CFF95;
}

.games_cards .game_card.negative:hover {
  border: 1px solid #FF6C6C;
}

.games_cards .game_card {
background: #211834;
    border: 1px solid #683cd0;
}

.games_cards .game_card .game_card_image_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.games_cards .game_card .game_card_image_wrapper .bb-media-placeholder {
  display: block;
}

.games_cards .game_card .game_card_image {
  transition: all 300ms ease;
  height: 150px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.games_cards .game_card .game_card_image img {
  min-height: 100%;
  min-width: 100%;
  max-height: none;
}

.games_cards .game_card:hover .game_card_image {
  transform: scale(1.2);
}

.games_cards .game_card .game_card_info {
  margin-top: 1rem;
  color: #959595;
}

.games_cards .game_card .game_card_info .game_card_info_title {
  min-height: 48px;
  font-size: 18px;
  color: #0F172A;
  border-bottom: 1px solid #F0F0F0;
  font-weight: 500;
}

.games_cards .game_card .game_card_info .game_card_info_title {
  color: #F0F0F0;
}

.games_cards .game_card .game_card_info .separate {
  margin-top: 1rem;
  font-weight: 400;
  font-size: 12px;
}

.games_cards .game_card .game_card_info .separate > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-content: center;
}

.games_cards .game_card .game_card_info .separate > div svg {
  margin-top: 4px;
}

.games_cards .game_card .game_card_info .separate > div .custom_icons svg {
  height: 20px;
}

.games_cards .game_card .game_card_info .separate > div .custom_icons.thumbs-up svg {
  color: #37F13F;
}

.games_cards .game_card .game_card_info .separate > div .custom_icons.thumbs-down svg {
  color: #FF6C6C;
}

.game-section-navigation button {
  padding: 0;
  margin: 0;
  border: 1px solid var(--text-color);
  display: inline-block;
  width: 40px;
  height: 40px;
}

.game-section-navigation {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 0px;
	    margin-bottom: 14px;
}

.game-section-navigation button.active {
  background-color: #683cd0;
}

.main-container {
  margin-top: 0px;
}

.single-game .post-thumbnail img,
.single-games .post-thumbnail img {
  max-width: 500px;
}

#footer .footer-bottom .copy-right {
  float: none !important;
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-top: 1px solid #E6E6E6;
  padding-top: 20px;
  color: #AFAFAF;
  font-family: "Inter", sans-serif;
}

.bb-header.header-desktop .top-header .bb-header-icon:hover, .bb-header.header-desktop .top-header .bb-header-icon.active, .bb-header.header-desktop .top-header .main-navigation > ul > li:hover, .bb-header.header-desktop .top-header .main-navigation > ul > li.current-menu-item > a {
  color: #294072;
}

/* Game Details */
.game .entry-content {
  margin-top: 0;
}

.game-box {
  box-sizing: border-box;
  background: #683cd024;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  padding-bottom: 1rem;
	    border-width: 1px;
    border-style: solid;
    border-color: #683cd0;
}

.game-box .row {
  gap: 1rem;
}

.game-box .row .post-thumbnail {
  padding-left: 10px;
}

@media only screen and (max-width: 768px) {
  .game-box .row .post-thumbnail {
    margin-top: 0px !important;
  }
}
.game-box .row .post-thumbnail img {
  min-height: 265px;
  object-fit: cover;
  padding: 0;
}

.game-info-box {
  padding-top: 20px;
  padding-right: 20px;
  font-size: 15px;
  flex: 1;
}

.game-info-box h1 {
  font-size: 28px;
  font-weight: 600;
  color: #ffffff
  //font-family: "Inter", sans-serif;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin-bottom: 10px;
}

.game-info-line {
  color: #ffffff;
  margin-bottom: 7px;
}

.game-box-bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.game-partner-icons {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.game-partner-icons img {
  width: auto;
  max-height: 40px;
  max-width: 40px;
}

.sentiment {
  justify-self: end;
}

.game-partner-line {
  display: flex;
  align-items: center;
}

.icon-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}

.icon-container img, .icon-container span {
  margin-right: 10px;
  margin-bottom: 5px;
}

.game-info-box .label {
  color: #d4d4d4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  width: auto;
  min-width: 50px;
  margin-right: 10px;
}

.game-partner-line img {
  display: block;
  margin: 0px auto;
    padding: 3px;
}

.game-partner-line img.dark-icon {filter: invert(100%);}

.game .custom_icons > svg {
  width: 50px;
  height: 50px;
}

/* Reviews */
.game-reviews {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media only screen and (min-width: 769px) {
  .hide-for-desktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .hide-for-mobile {
    display: none;
  }

  .hide-for-desktop {
    display: block !important;
  }

  #single-game-sidebar-mobile {
    padding: 1rem 0;
  }

  .game-reviews {
    grid-template-columns: repeat(2, 1fr);
  }

.post-type-game .section-box {
    padding: 0 15px;
}
	
  .section-box .h2, .section-box h2 {
    font-size: 30px;
  }

  .game {
    padding: 0 10px;
  }

  .game-box .row {
    margin: 0;
  }

  .game-box .row .post-thumbnail {
    padding: 10px;
  }

  .game-info-box {
    padding: 10px;
  }

  .section-title {
    margin-left: 10px;
  }

  .section-title h2 {
    font-size: 1.25rem;
  }

  .sidebar.widget-area {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .game-reviews {
    grid-template-columns: 1fr;
  }
}
.overall_sentiment .sentence {
  font-weight: 500;
  line-height: 1.6;
}

h2 {
  font-size: 30px;
}

@media only screen and (max-width: 768px) {
  h2 {
    font-size: 26px;
  }
}
.game-info-box h1 {
  margin-bottom: 10px;padding-right: 10px;
}

@media only screen and (max-width: 768px) {
  .bb-show-desktop-header {
    display: none;
  }
}



.bb-header.header-desktop .top-header {
  max-width: 1200px;
  margin: auto;
}

.game-section-navigation button.left-arrow.active, .game-section-navigation button.left-arrow {
  background-color: #ff086a;
}

.game-section-navigation button.right-arrow.active, .game-section-navigation button.right-arrow {
  background-color: #683cd0;
}

.info #main_criticism, .info #standout_features, .info #overall {
  font-size: 16px;
  font-weight: 600;
}

.grad-line-game {
  position: relative;
}

.grad-line-game::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #800080, rgba(244, 187, 36, 0));
}

.bb-media-placeholder {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.single-game-stars {
  color: #19fae7;
  font-size: small;
}

.filter-title {
  font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .filter-title {
    font-size: 1.45rem !important;
  }
}
@media only screen and (min-width: 769px) {
  .hide_filters {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .hide_filters {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    right: 0;
    top: 3px;
    transition: all 300ms ease;
    cursor: pointer;
    float: right;
  }
}
.sentence::before {
  content: "";
    font-family: "ui-icomoon";
    font-style: inherit;
    line-height: 30px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    text-indent: 0;
	    display: inline;
    margin-right: 8px;
}

.bb-media-placeholder:before {
  display: none;
}

.game_card_info .separate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Used to hide word cloud in the content area */
@media only screen and (min-width: 769px) {
  .game .game-section.hide-desktop{
    display: none;
  }
  .game .game-section.hide-desktop{
    display: none;
  }

}
@media only screen and (max-width: 768px) {
  .game .game-section.hide-desktop{
    display: block;
  }
  .game .game-section.hide-desktop{
    display: block;
  }
  #single-game-sidebar-mobile .word_cloud_wrapper{
    display: none;
  }
}

.bb-show-mobile-header {display: inherit!important;}

#single-game-sidebar .widget label {
    font-size: 16px;
}
@media only screen and (max-width: 768px) {#single-game-sidebar .widget label {
    font-size: 14px;
}}

#single-game-sidebar-mobile .widget_content {margin-left: 18px;}
#single-game-sidebar-mobile .widget h4 {margin-left: 16px;}
#single-game-sidebar-mobile .widget {margin-bottom: 28px;}
.publication.dark-icon {
    filter: invert(100%);
}

@media only screen and (max-width: 768px) {
	.home .col-site-main, .home .bb-card-item.page {background-color: #070707!important;}
	.vc_custom_1729136299205 {margin-top: 12px !important;}
}

@media only screen and (max-width: 768px) {.page-id-436710 .signup-form h2 {font-size: 30px}}
	
.page-id-223700 .filter-container {padding-top: 0px !important;}

.home .container .signup-form h2 {font-size: 22px;}
.home .container .signup-form p {font-size: 19px;color: #dbdbdb;}
.home .container .signup-form p.already {margin-top: 0px;}
.home .container .signup-form .vc_custom_172913629920 {margin-top:0px!important;}
.home .container .signup-form {margin-top: 10px;}
.home .container .signup-main-area {margin-bottom: 10px;}
@media only screen and (max-width: 768px) {.home .container .signup-main-area {margin-bottom: 0px;}.home .game-section .section-title h2 {margin-top: 0px !important;}}
.home .container .signup-form p#top {margin-top: 8px;}

.home .game-section .section-title {display: flex;align-items: baseline;}
.home .game-section .section-title .see-all {font-size:14px;}
.home .game-section .section-title .see-all a {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 4px;}
.home .game-section .section-title h2 {font-size: 24px;font-weight: 700;margin-top: 10px;}
.home .games_cards {margin-bottom: 40px;}

@media only screen and (max-width: 768px) {
.home .game-section .section-title h2 {margin-left: 0px;}
.vc_custom_1729476470184 {margin-bottom: 20px;margin-top: 10px !important;}
.home .games_cards {margin-bottom: 30px;}}

@media only screen and (max-width: 768px) {h1.page-title {padding-left: 0px}}

@media only screen and (min-width: 769px) {.type-page .entry-content .section-box {padding-top: 20px;;}}
@media only screen and (min-width: 769px) {.type-page .entry-content .section-box h2 {font-size: 30px;}}

#footer {z-index: 4;}
.fc .fc-popover {position: absolute;z-index: 5;}

/* Game Card Container - Improved Positioning */
#game-card-container {
    position: absolute;
    background-color: #1e1e1e; /* Dark background for consistency */
    color: #ffffff;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    max-width: 250px; /* Prevent excessive width */
    word-wrap: break-word;
    font-family: Arial, sans-serif;
    transform: translateY(-100%); /* Move up slightly */
    transition: transform 0.2s ease-in-out, top 0.2s ease-in-out;
}
/* Card Title Styling */
#game-card-container .card-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: left;
}
/* Card Details */
#game-card-container .card-details {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    color: #ccc;
}
/* Add Pointer Arrow */
#game-card-container::before {
    content: "";
    position: absolute;
    bottom: -10px; /* Arrow below the card */
    left: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: #1e1e1e transparent transparent transparent;
}

#wpadminbar {position: fixed!important;}

/* Targeting the specific page with ID 395 */
.page-id-395 input.wpcf7-form-control, .page-id-395 textarea.wpcf7-form-control {background-color: #e6e6e6;}
.page-id-395 input[type="text"] {color: #000000;}
.page-id-395 input[type="submit"] {background-color: #ff086a !important;}

/*
===============================================
= Homepage Wordle Hub Cards
===============================================
*/
/* The main container that holds the cards */
.whp-card-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* The individual clickable card */
.whp-card {
    display: block;
    background-color: #180e2a;
    border: 2px solid #2a1a4c;
    border-radius: 8px;
    padding: 25px;
    text-decoration: none;
    color: #dbdbdb;
    flex: 1 1 320px; /* Base size, allows growing and shrinking */
    max-width: 420px; /* Prevents cards from becoming too wide */
    transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
/* The card's main title */
.whp-card-title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
}
/* The descriptive text on the card */
.whp-card-description {
    margin: 0 0 20px 0;
    line-height: 1.6;
    font-size: 18px;
    color: #dbdbdb;
}
/* The "Browse Lists ->" link text */
.whp-card-link {
    font-weight: 600;
    color: #ff0669;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* The hover effect for devices with a mouse */
@media (hover: hover) {
    .whp-card:hover {
        transform: translateY(-5px);
        border-color: #ff0669 !important;
    }
}