/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
Version:		1.0.1
*/

@import url("../thestory/style.css");

body {
	color: #333333 !important;
	background: #666666 !important;
}

.wp-block-separator {width: 60%; color: #e8e8e8; background-color: #e8e8e8; margin: 0em auto;}

.sidebar:empty {
   display: none;	
}

.widget_nav_menu li.current-menu-item > a {padding-left: 0em;}

#content-container {
	padding: 20px 3%;
}

.layout-right .content-container {
  float: none;
  max-width: 27%;
  width: 27%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.alignfull {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	text-align: center;
}

.alignfull img {
	width: 100%;
}

.alignwide {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	text-align: center;
}

.alignwide img {
	max-width: 1200px;
}

/* Adjust the width of the main column */
.content-boxed {
	max-width: 900px;
	}

/* Adjust the wisth of the main column on the News archive */
.blog-twocolumn-sidebar {
	max-width: 1100px;
	}

/*
.blog-single-post {
	margin: 0em auto;
    max-width: 1000px;
}*/

/* Adjust title on archive pages */
.page-template-template-blog .content-boxed h1 {font-size: 5em; text-align: left;}



/*.content-boxed h1 {font-size: 6em;}
.page-template-default .content-boxed h1 {font-size: 4em;}
.post-content .post-title {font-size: 1.7em;}*/
.page-template-default .page-title-wrapper,
.page-template-template-blog .page-title-wrapper,
.page-template-template-portfolio-gallery .page-title-wrapper {padding-bottom: 0px;}
.page-template-default .page-title-wrapper h1::after,
.page-template-template-blog .page-title-wrapper h1::after,
.page-template-template-portfolio-gallery .page-title-wrapper h1::after {display: none;}
.page-template-default .content-boxed,
.page-template-template-blog .content-boxed,
.page-template-template-portfolio-gallery .content-boxed {vertical-align: bottom; text-align: left;}
.page-template-template-portfolio-gallery .page-title-wrapper h1 {color: #ffffff;}
.page-template-template-blog .post-autor {display: none;}

/* Adjust headlines on all posts */
.blog-single-post h2 {font-size: 1.7em; font-weight: bold; padding: 0.4em 0.7em;}
.blog-single-post h3 {font-size: 1.4em; font-weight: bold; padding: 0.4em 0.9em;}
.blog-single-post h4 {font-size: 1.2em; font-weight: bold; padding: 0.4em 1em;}
.blog-single-post h5 {font-size: 1.1em; font-weight: bold; padding: 0.4em 1.2em;}
.blog-single-post h6 {font-size: 1em; font-weight: bold; padding: 0.4em 1.3em;}

/* Adjust Features posts */

/* Adjust News posts */
.category-news-all h1 {font-size: 1.7em;}

/* Adjust Reviews posts */

/* Adjusting the padding on post elements since the parent div has no padding */
#full-width .post-content,
#content .post-content {padding: 0px;}
/*#full-width .blog-single-post p {padding: 0.4em 1.5em;}*/
#full-width .post-title,
#content .post-title {margin: 0.5em 0.7em 0em 0.7em;}
#full-width .post-info,
#content .post-info {padding: 1.5em 2em 0.5em 2em;}
#full-width .read-more,
#content .read-more {margin: 1.5em 2em;}
#wtr-content {padding-bottom: 1em;}

/* Adjust padding for posts and post archives */
.category-feature-all p {padding: 0.4em 1.5em;}
.category-news-all p {margin: 0.5em 1em 0.8em 1em;}
.category-review-all p {padding: 0.4em 1.3em;}
.category-news-all ul,
.category-review-all ul,
.category-feature-all ul,
.category-news-all ol,
.category-review-all ol,
.category-feature-all ol {list-style-position: inside; padding-left: 1.2em;}
/*.category-feature-all h2 {padding: 0.4em 1.5em;}
.category-news-all h2 {font-size: 1.2em;}
.category-review-all h2 {padding: 0.4em 1em;}*/

/* Adjust quotes */
blockquote {margin: 2em;}
.wp-block-quote cite {padding-left: 3em;}

/* Adjust posts with right sidebar to be wider */
.layout-right {max-width: 1100px;}

/* Give sidebars a bit of breathing room at the top */
#sidebar {padding-top: 20px;}

/* Adjust media + text embeds */
.has-large-font-size {font-size: 2em;}
.wp-block-media-text .wp-block-media-text__content {padding: 0em 0.3em;}
.wp-block-image {background-color: none; margin-bottom: 0.5em;}
.fullbreak img {background-color: #ff0000; color: #0000ff;}
.wp-block-image figcaption {color: #797d82; font-size: 0.6em; text-align: left; padding-left: 1em;}
.rightbreak figcaption {text-align: left; padding-right: 2em; padding-left: 0em;}
.leftbreak figcaption {text-align: right; padding-left: 2em;}
.fullbreak figcaption,
.widebreak figcaption {max-width: 850px; margin: 0em auto; padding: 0.5em 5vw 0em 5vw; text-align: left;}

/* Set certain breakouts to only work on desktop resolutions */
@media screen and (min-width: 1100px) {
	.wp-block-image .alignleft {margin-left: -3em;}
	.wp-block-image .alignright {margin-right: -3em;}
	.wp-block-media-text {width: 100%; margin: 1em auto 1em -3em; left: 0; right: 0; font-style: italic;}
	.has-media-on-the-right {width: 100%; margin: 1em -3em 1em auto; left: 0; right: 0; font-style: italic;}
	}
	
/* Limit the width of left- or right-float image embeds on smaller screens */
@media screen and (max-width: 800px) {
	.wp-block-image .alignleft {max-width: 40%;}
	.wp-block-image .alignright {max-width: 40%;}
	.has-large-font-size {font-size: 1.5em;}
	}

/* Adjust embedded images in posts */
.blog-single-post img {margin-top: 0.7em;}
.blog-post-img img {margin-top: 0;}
.category-news-all .aligncenter {margin: 0.5em 1em !important;}

/* Adjust media captions */
.category-feature-all .aligncenter figcaption,
.category-review-all .aligncenter figcaption {float: left; margin-left: 1em;}
.category-news-all .aligncenter figcaption {float: left; padding: 0.3em 0em 0.5em 0em; text-align: left !important;}
.wp-block-embed-youtube figcaption,
.wp-block-embed-reddit figcaption {color: #797d82; font-size: 0.6em; text-align: center; margin-top: -0.3em;}

/* Adjust the width of gallery items */
.pg-item {max-width: 280px;}

/* Adjust title blocks on News archives */
.newsarchivestyle .content-boxed,
.xboxonenewsarchivestyle .content-boxed {max-width: 1100px;}
.xboxonenewsarchivestyle h1 {font-size: 4.5em;}
.ps4reviewsarchivestyle h1 {font-size: 4.5em;}

/* Adjust the related posts box at the bottom of posts */
.pexeto-related-posts {margin: 0em 1em;}
.pexeto-related-posts h3 {margin-bottom: 0px; display: none;}
.pexeto-related-posts h3::after {display: none;}

/* Center embedded social media */
.wp-block-embed__wrapper {padding: 1em;}
.instagram-media-rendered {margin: 0.4em auto !important;}
.twitter-tweet-rendered {margin: 0.4em auto !important;}
.reddit-embed {border: 1px dashed #00ff00 !important;}
.tiktok-embed {max-width: 100% !important; margin: auto 0em; border-left: 0px; padding-left: 0px;}

/* Build review block */
.reviewblock {margin: 0.4em auto 1em auto; max-width: 860px;}
.reviewbox01 {padding: 0.3em 0.5em; font-size: 1.5em; font-weight: bold;}
.reviewbox02 {color: #777777; width: 20%; padding: 1.8em 0.8em 0.2em 0.8em; font-size: 0.8em; text-align: left; vertical-align: top; border-left: 1px solid #e9e9e9;}
.reviewbox03 {width: 80%; color: #000000; padding: 0.7em; font-size: 0.9em; vertical-align: top;}
.reviewbox04 {color: #777777; padding: 0.4em; font-size: 0.7em;}
.reviewscore {color: #d61d29; font-size: 2em; text-align: center;}

/* Adjust time to read style */
@media screen and (min-width: 600px) {
	.wtr-time-wrap {float: right; display: none;}
	}
	
.page-template-template-blog .wtr-time-wrap {
	display: none;
	}

/* Adjust popular posts widget */
#wpp-4 h4 {margin-bottom: 0em;}
.wpp-list {font-size: 0.8em;}
.wpp-list li {border-top: 1px solid #e1e1e1; padding-top: 0.6em; margin-bottom: 1em;}
.wpp-list a {color: #000000;}

.rpwe-final {margin-bottom: 3em;}
.sidebar-box .title {margin-bottom: 0px;}
.sidebar-box {margin-bottom: 0px;}

.tptn_title {font-size: 0.9em;}

/* Adjust Footer */
#footer {font-size: 0.8em !important;}
#footer .footer-widgets {max-width: 900px; margin: 1em auto 0em auto; padding: 2em 2em 1em 2em;}
#footer li {border-bottom: 0px !important; padding: 0px;}





/* Adjust top navigation before below */
@media screen and (max-width: 800px) {
	.header-wrapper {position: relative;}
	.home #header {position: fixed; top: 0px; left: 0px;}
	}
#logo-container {margin-right: 0px;}


/* Adjust ads */
#topadbanner {text-align: center; padding: 0.5em 0.5em 0.8em 0.5em;}
.home #topadbanner {display: none;}
#contentbottomad {text-align: center; padding: 0.3em;}
#outbrain_widget_0 {padding: 1em;}
.outbrain-wrapper {margin: 0em auto 3em auto; max-width: 250px !important; color: #797d82;}
.outbrain-wrapper #outbrain_widget_0 {padding: 0em;}
#outbrain_widget_0 .ob-widget-header,
#outbrain_widget_1 .ob-widget-header,
#outbrain_widget_2 .ob-widget-header {color: #797d82; font-size: smaller;}

/**
 * Added by 801red
 * ----------------------------------------------------------------------------- */

/* Theme override to fix full and wide-width images */
.wp-block-image {
	max-width: inherit;
}

/* New logo updates */
#logo-container a {
	background-image: url("images/egm-logo-NEWFONT.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size:contain;
	float: left;
	height: 70px;
	width: 250px;
	text-indent:-9999px;
}
#logo-container, .fixed-header-scroll #logo-container {
	margin-top: 0;
}
.home #logo-container a,
.fixed-header-scroll #logo-container a,
.mobile.fixed-header.fixed #logo-container a {
	background-image: url("images/egm-logo-full-NEWFONT.svg");
}

/* Header alignment */
.section-boxed.section-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
    padding: 0;
}

#header {
	padding-top: 0;
}
.header-wrapper #header {
	background: rgba(37, 37, 37, 0) !important;
	padding-top: 0;
	padding-bottom: 0;
}
.fixed-header-scroll #header,
.mobile.fixed-header.fixed #header {    
	background: rgba(37, 37, 37, 0.95) !important;
}

@media screen and (max-width: 568px) {
    #logo-container a {
        width: 200px;
    }
}

/* Fixed menu on all devices — override */
@media screen and (max-width: 1024px) {
    .mobile .section-header { padding-bottom: 0; }
    .fixed-header #header, .mobile.fixed-header #header,
    .mobile.page-template-template-fullscreen-slider-php .header-wrapper {
        position: fixed;
    }
    .fixed-header #header + .page-title-wrapper {
        padding-top: 95px;
    }
    .mobile.fixed-header #header + .page-title-wrapper,
    .mobile.page-template-template-fullscreen-slider-php .header-wrapper {
        padding-top: 0 !important;
    }
}