/*
Theme Name: Boombox Child Theme
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.0
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
*/

/*************** Add your custom css here  ***************/

/* 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: 20px;}}

/* 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;}}

/* Breadcrumbs */
div.breadcrumbs {font-size: 16px;text-align: left;color: #a3a3a3;}
@media only screen and (max-width: 768px){
  div.breadcrumbs {display: inline-block;margin-top: 10px;margin-bottom: 10px;margin-left: 6px;}}
@media only screen and (min-width: 769px){
  div.breadcrumbs {margin-bottom: 12px;margin-left: 17px;}}

/* 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: 105px;
    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;}
.bb-cards-view .bb-post-single.style2.style1 .s-post-main.bb-card-item {padding-top: 5px!important;}
.mb-xs {margin-bottom: 0px;}}

/* 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: 20px;}}
  
/* 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;}
.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: 1.0em;
    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;}

/* 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;}}

/* 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;}
.bb-author-vcard-mini.size-md .auth-url {font-size: 16px;}}

/* make author box font size smaller */
.bb-author-vcard .author-info .auth-desc {font-size: 14px;}
@media only screen and (max-width: 768px){
.bb-author-vcard .author-info {padding: 15px 15px;}}
.bb-author-vcard .author-info {padding-bottom: 10px;}
/* .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%; 
}
}

/* 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: 2.0rem;}
h2 {font-size: 2.1rem;margin-left: 6px;line-height: 1.2;}  
h3 {font-size: 1.8rem;margin-left: 6px;}
h4 {font-size: 1.52rem;color: #683cd0;margin-left: 6px;}}
@media screen and (min-width: 769px) {
h3 {font-size: 1.65rem;}
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;}
 #footer .footer-top {padding: 10px 0 0;}
 .col-content {margin: 0 0 0px;}}

/* 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,.27)}

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

/* 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-family: Montserrat,sans-serif;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;}
.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;}
.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;text-align: center;}

/* 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;
padding-top: 20px;}}
.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: 1.0em;
    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: .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: 6px;}}

/* 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: 19px;
}
@media screen and (max-width: 768px){.bb-post-single.style2 .s-post-header .s-post-summary {font-size: 19px;}}

/* 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;}

/* smaller quote text on desktop */
@media screen and (min-width: 769px){blockquote {font-size: 1.4rem;}}

/* bold subtitle excerpt */
.bb-post-single.style2 .s-post-header .s-post-summary {font-weight: 600!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;
}
}

/* 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;}
.bb-tags a {border: 1px solid #ff086a; 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 .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;}

/* make title metabox 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;}}

/* 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;}
.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;}

/* end */