/*
Theme Name: Child Theme Gema
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   gema
Version:    1.0
License:    GNU General Public License v2 or later
*/
.position-relative {
    position: relative;
    z-index: 1;
}
/** Hide Special menu search text label **/    

ul#primary-menu-special .js-search a span {
    display: none;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.page-template-Magazine.singular .content-area {
    max-width: inherit !important;
}
.card__image .g-5 {
    margin: 0 auto !important;
}

.text-center {
    text-align: center;
}
.mb-5 {
    margin-bottom: 2rem;
}

.card__shadow .for-review {
    position: absolute;
    z-index: 20;
    right: -10px;
}
.card__shadow .special-report {
    position: absolute;
    z-index: 9;
    left: 5px;
    top: 5px;
}

.smart-text-center {
    text-align: center;
}
.container-smart,
.smart-container,
.smart-container-fluid,
.smart-container-lg,
.smart-container-md,
.smart-container-sm,
.smart-container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.smart-container-fluid {
    padding: 0 5%;    
}
@media all and (min-width:576px) {
	.container-smart,
	.smart-container,
	.smart-container-sm {
		max-width: 540px !important;
	}
}

@media all and (min-width:768px) {
	.container-smart,
	.smart-container,
	.smart-container-md,
	.smart-container-sm {
		max-width: 720px !important;
	}
}

@media all and (max-width:769px) {
    .row-md-row-reverese {
        flex-direction: column-reverse;
    }
}
@media all and (min-width:900px) {
    .smart-d-lg-none {
        display: none;   
    }
}
@media all and (min-width:992px) {
	.container-smart,
	.smart-smart-container,
	.smart-container-lg,
	.smart-container-md,
	.smart-container-sm {
		max-width: 960px !important;
	}
}

@media all and (min-width:1024px) {
    #special-header {
        width: 100%;
    }
    #special-header .custom-logo-link img {
        max-width: 200px;
        max-height: inherit !important;
        height: inherit;
    }
    #special-header nav.special-navigation ul#primary-menu-special li {
	    margin-left: 10px;
        margin-right: 10px;
	}
	#special-header nav.special-navigation ul#primary-menu-special li a {
	    font-size: 20px !important;
	}
	#primary-menu-special {
	    margin-bottom: 0;
	}
	
	.pr-lg-4 {
        padding-right: 3rem;
    }
	


    
}

@media all and (min-width:1200px) {
    
	.container-smart,
	.smart-container,
	.smart-container-lg,
	.smart-container-md,
	.smart-container-sm,
	.smart-container-xl {
		max-width: 1140px !important;
	}
	
	#special-header nav.special-navigation ul#primary-menu-special li {
	    margin-left: 20px;
        margin-right: 20px;
	}
	#special-header nav.special-navigation ul#primary-menu-special li a {
	    font-size: 20px !important;
	}
	
	.pr-lg-5 {
        padding-right: 1.5rem !important;
    }
    
 
    .float-right-gallery-section .gallery {
        max-width: 300px;
        float: right;
        margin-left: 30px;
    }
	.float-left-gallery-section .gallery  {
	    max-width: 300px;
        float: left;
        margin-right: 30px;
	}
}

@media all and (min-width:1400px) {
    #special-header .custom-logo-link img {
            max-width: 300px;
            max-height: inherit !important;
        }
    
    
    .pr-xl-5 {
        padding-right: 5rem;
    }
    
  
    .float-right-gallery-section .gallery {
        max-width: 400px;
        float: right;
        margin-left: 30px;
    }
	.float-left-gallery-section .gallery  {
	    max-width: 400px;
        float: left;
        margin-right: 30px !important;
	}
    
    
    .smart-container-fluid {
        padding: 0 10%;    
    }
}
@media all and (min-width:1600px) {
    
    #special-header nav.special-navigation ul#primary-menu-special li {
	        margin-left: 25px;
            margin-right: 25px;
	}
	#special-header nav.special-navigation ul#primary-menu-special li a {
	    font-size: 24px !important;
	}
	

    .float-right-gallery-section .gallery {
        max-width: 400px;
        float: right;
        margin-left: 30px;
    }
	.float-left-gallery-section .gallery  {
	    max-width: 400px;
        float: left;
        margin-right: 30px;
	}
	
	
}

.ad-post-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    border: none !important;
}
.ad-post-wrapper:hover {
    border: none !important;
}
.ad-post-wrapper .g {
    min-height: 600px !important;
}
.ad-post-wrapper .g img {
    min-height: 600px;
    height: 100% !important;
}

.g.g-5 {
   min-height: 600px !important;
}



/** Search field **/
.js-search > a {
    text-decoration: none;
}


.mb-5 {
    margin-bottom: 1.5rem !important;
}
.mt-5 {
    margin-top: 1.5rem !important;
}




.singular .site-header, .attachment .site-header {
    position: relative;
    z-index: 9;
}
#default-post-content {
    padding-left: 0;
}
 
 /** Making sidebar having a 100% width and make it responsive **/   
.defaulthorizontal-tpl .widget-area {
    width: 100% !important;
}
@media all and (max-width:768px) {
    #secondary {
        top: 10px !important;
    }    
}
@media all and (min-width:769px) {
    

    
    .review-single-post-template .featured-content {
        padding-right: 6rem;
    }
}
@media only screen and (max-width: 768px) {
    .review-single-post-template .smart-col-md-12.smart-col-lg-7.smart-col-xl-8.featured-content {
        padding: 30px;
        padding-bottom: 0px;
    }
    .review-single-post-template .smart-col-xl-9 {
        padding: 0px !important;
    }
}


@media only screen and (min-width:900px) {
    #secondary {
        padding: 0px !important;
    }
}
@media all and (min-width:1024px) {
    
    .defaulthorizontal-tpl .featured-section {
        position: relative;
    }
    
    
    .defaulthorizontal-tpl .featured-section .entry-header {
        position: absolute;
        bottom: -30px;
        min-width: 500px !important;
        text-align: left;
    }
    .defaulthorizontal-tpl .post__content {
        margin-right: 0;
    }
    
    
    .defaulthorizontal-tpl  .is--placed.widget-area {
        position: inherit;
        top: inherit !important;
        margin-top: 40px;
    }
    
    
    
    .review-single-post-template .featured-content .entry-title {
        /*font-size: 4rem;*/
        /*line-height: 1.2;*/
        /*margin-bottom: 3rem !important;*/
    }
    
    .review-single-post-template .featured-content {
        padding-right: 5rem;
    }
    .review-single-post-template .featured-content p {
      /*font-size: 1.4rem;*/
    }
}

.review-single-post-template aside#secondary {
    display: block !important;
}

.review-single-post-template .ratings {
 float: right !important;   
}
.review-single-post-template .review-box {
    
}
.review-single-post-template .review-box .verdict-row {
    overflow: hidden;
    margin-bottom: 20px;
}
.review-single-post-template .review-box .rating-box h4 {
    font-family: Lora !important;
    font-weight: 700 !important;
}
.review-single-post-template .review-box .review-description .verdict {
    width: 100%;
}
.review-single-post-template .review-box .review-description .review-box-procon {
    width: 100%;
}

.review-single-post-template .nearest-post-container,
.review-single-post-template .related-post {
    margin-left: 0;
    margin-top: 30px;
}

.review-single-post-template .empty-space > hr {
    margin-left: 0;
}

.review-single-post-template .g-25 {
    width: 100%;
    max-width: 100%;
}


.review-single-post-template #secondary.widget-area {
    width: 100% !important;
    margin: 0 !important;
}

.float-right-gallery-section .gallery {
    border: 1px solid #000;
    padding: 20px;
    position: relative;
    background: white;
    margin-right: 8px;
}
.float-left-gallery-section .gallery {
    border: 1px solid #000;
    padding: 20px;
    position: relative;
    background: white;
    margin-right: 30px;
}
.float-left-gallery-section .gallery:before, .float-right-gallery-section .gallery:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: -1;
    background: #000;
}


.wp-caption-text.wp-caption-text.wp-caption-text, .gallery-caption.gallery-caption.gallery-caption {
    text-align: left;
}

.g.g-35 {
    min-height: inherit !important;
    max-height: inherit !important;
}


/** Vertical **/

@media all and (max-width:769px) {
    /*.vertical-single-post-template*/
    .post-template-single-verticalreview.single #secondary{
        width: 100% !important;
        margin: 0 !important;
        top: 60px !important;
    }
    
    .vertical-single-post-template.single #secondary.widget-area {
        width: 100% !important;
        margin: 0 !important;
        top: 60px !important;
    }
}


/** Product Focus Vertical **/

.tpproductfocusvertical {
    
}
.tpproductfocusvertical .tpproductfocusvertical-content {
    
}
.tpproductfocusvertical img,
.tpproductfocusvertical iframe {
    margin-bottom: 2rem;
}
.tpproductfocusvertical .title-part-product-focus-vertical {
  padding-top: 5%;
}

.tpproductfocusvertical .g, .g {
    max-width: 100% !important;
}
.tpproductfocusvertical .g img , .g img {
    width: 100%;
}
.tpproductfocusvertical .tpproductfocusvertical-ad .g-25 {
     max-width: 100%;
 }   
 
 
 
 .review-single-post-template .category-reviews {
     padding-top: 0 !important;
 }




/** This is for above ipad  styles **/
@media all and (min-width:768px) {
    
    /*.tpproductfocusvertical figure>img, .tpproductfocusvertical .post__content>p>img, .tpproductfocusvertical .post__content>div>span{*/
    /*    left: 50%;*/
    /*	margin-left: -50vw !important;*/
    /*	margin-right: -50vw !important;*/
    /*	max-width: 100vw;*/
    /*	position: relative;*/
    /*	right: 50%;*/
    /*	width: 100vw;*/
    /*	margin: 28px 0;*/
    /*}*/
    
    #primary.tpproductfocusvertical {
        max-width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .tpproductfocusvertical .content-area {
        padding-left: 0 !important;
    }
    
}

/** This is for above IPAD Pro styles **/
@media all and (min-width:1025px) {
    .tpproductfocusvertical .featured-image {
        float: right;
        max-width: 50%;
        pading-left: 10px;
    }
    .tpproductfocusvertical .title-part-product-focus-vertical {
      padding-top: 25%;
    }
    
}


@media all and (min-width:1281px)  {
    .post-template-single-horizontalProductFocus #special-header nav.special-navigation ul#primary-menu-special li a {
        font-size: 20px !important;
    }
}

@media all and (max-width:1200px)  {
    .post-template-single-horizontalProductFocus header#special-header,
    header#special-header {
        display: none;
    }    
}
/*@media all and (min-width:1024px)  {*/
@media all and (min-width:1201px)  {
    .post-template-single-horizontalProductFocus header#special-header,
    header#special-header {
        /*display: flex;*/
    }    
    .post-template-single-horizontalProductFocus #special-header nav.special-navigation ul#primary-menu-special li a,
    #special-header nav.special-navigation ul#primary-menu-special li a {
        font-size: 18px !important;
    }
    .post-template-single-horizontalProductFocus #special-header nav.special-navigation ul#primary-menu-special li,
     #special-header nav.special-navigation ul#primary-menu-special li {
            margin: 0px 10px;
    }
}

@media only screen and (min-width: 768px) {
    .post-template-single-horizontalProductFocus #main  .entry-header {
    padding: 0px 20% 0px 20% !important;
    }
}

@media only screen and (max-width:768px) {
    .post-template-single-horizontalProductFocus .entry-content .empty-space {
        display: none;
    }
}
@media all and (min-width:1024px) and (max-width:1200px) {
    
    .post-template-single-defaulthorizontal header#masthead {
        display: flex;
    }    
    
    .post-template-single-defaulthorizontal .main-navigation li a {
        font-weight: 500;
        font-size: 16px !important;
        letter-spacing: 0.09rem;
    }
    
    .post-template-single-defaulthorizontal .nav-menu > li {
            margin: 0px;
    }
}

@media all and (max-width:600px) {
    .defaulthorizontal-tpl .featured-section .entry-header {
        max-width:80%;
    }
}

.overlay--search .overlay__close {
    top: 10px !important;
}

/*** Start Standard Vertical TPL ***/
.standard-vertical-tpl .featured-section img {
        /*left: 75%;*/
        /*margin-left: -50vw !important;*/
        /*margin-right: -50vw !important;*/
        /*max-width: 75vw;*/
        /*position: relative;*/
        /*right: 50%;*/
        /*width: 100vw;*/
        /*z-index: 0;*/
}

@media all and (max-width: 1200px) {
    .standard-vertical-tpl #primary {
        padding-left: 0;
    }
    .post-template-single-standardVertical header#masthead {
        display: flex;
    }
    .post-template-single-standardVertical .site-branding {
        min-width: inherit;
    }
}
@media all and (max-width:1400px) {
    .standard-vertical-tpl .custom-logo-link img {
        max-width: 250px;
    }    
}

@media all and (min-width:1024px) {
    .standard-vertical-tpl .featured-section img {
            min-height: 550px;
    }    
    
} 

/** Making sidebar having a 100% width and make it responsive **/   
.standard-vertical-tpl .widget-area {
    width: 100% !important;
    margin: 0;
}


@media all and (max-width:900px) {
    
    
    .post-template-single-specialReport .entry-image--landscape .entry-featured {
        left: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw;
    }
    
    .singular .entry-content {
        margin-left: 0% !important;
    }
    .post-template-single-specialReport #masthead .site-branding.site-branding.site-branding {
     width: inherit !important;   
    }
    
    .post-template-single-specialReport .mobile-header-wrapper [class].mobile-logo .site-branding {
        display: none !important;
    }
}

@media all and (min-width:901px) {
    .hide-991-up {
        display: none;
    }
}

@media all and (max-width:900px) {
    .post-template-single-productFocusVertical .mobile-header-wrapper [class].mobile-logo .site-branding {
        margin-left: 0;
        padding-top: 0px;
    }
    .post-template-single-productFocusVertical .mobile-header-wrapper [class].mobile-logo .site-branding:first-child {
        display: none;
    }
}

@media screen and (max-width: 900px) and (min-width: 800px) {
    .post-template-single-productFocusVertical .site-branding.site-branding.site-branding {
        width: inherit;
    }
}
/*@media all and (min-width:1024px) and (max-width:1239.9px) {*/
@media all and (min-width:901px) and (max-width:1200px) {
/*@media all and (min-width:901px) and (max-width:1200px) {  */
    
    /** Product Focus Vertical single post **/
    .post-template-single-productFocusVertical {
        
     }
     
     .post-template-single-productFocusVertical header#masthead {
        display: flex;
    }    
    .post-template-single-productFocusVertical #special-header {
        display: none;
    }
    .post-template-single-productFocusVertical .main-navigation li a {
        font-weight: 500;
        font-size: 16px !important;
        letter-spacing: 0.09rem;
    }
    
    .post-template-single-productFocusVertical .nav-menu > li {
            margin: 0px;
            padding-right: 10px !important;
    }
     
    
    /** horizontal review single post **/
    .horizontal-review-single-post header#masthead,
    .single-format-standard header#masthead {
        display: flex;
    }    
    .horizontal-review-single-post #special-header {
        display: none;
    }
    .horizontal-review-single-post .main-navigation li a {
        font-weight: 500;
        font-size: 16px !important;
        letter-spacing: 0.09rem;
    }
    
    .horizontal-review-single-post .nav-menu > li {
            margin: 0px;
            padding-right: 10px !important;
    }
    
    /** End horizontal review single post **/
    
    /** Single Special Report **/
    .post-template-single-specialReport header#masthead {
        display: flex;
    }    
    /** Hide Special header on Speacial Report template **/
    .post-template-single-specialReport #special-header {
        display: none;
    }
    .post-template-single-specialReport .main-navigation li a {
        font-weight: 500;
        font-size: 16px !important;
        letter-spacing: 0.09rem;
    }
    
    .post-template-single-specialReport .nav-menu > li {
            margin: 0px;
            padding-right: 10px !important;
    }
    
    /** Single StandardVertical **/
    
    .post-template-single-standardVertical header#masthead {
        display: flex;
    }    
    
    .post-template-single-standardVertical .main-navigation li a {
        font-weight: 500;
        font-size: 16px !important;
        letter-spacing: 0.09rem;
    }
    
    .post-template-single-standardVertical .nav-menu > li {
            margin: 0px;
    }
    
}


@media all and (min-width:1200px) {
.post-template-single-standardVertical #primary {
        margin-left: 0 !important;
    }
    .post-template-single-standardVertical .site-branding {
        min-width: 280px;
    }    
}

@media all and (min-width:900px) {
    
    .standard-vertical-tpl .featured-section {
        position: relative;
        padding-bottom: 50px;
    }
    
    
    .standard-vertical-tpl .featured-section .entry-header {
        position: absolute;
        bottom: 0;
        max-width: 560px;
        text-align: left;
    }
    .standard-vertical-tpl .post__content {
        margin-right: 0;
    }
    
    .standard-vertical-tpl  .is--placed.widget-area {
        position: inherit;
        top: inherit !important;
        margin-top: 40px;
    }
    
}
@media all and (max-width:900px) {
    .post-template-single-standardVertical .mobile-header-wrapper [class].mobile-logo .site-branding {
        padding-top: 0 !important;
    }
}

@media all and (min-width: 768px) {
    .standard-vertical-tpl .container-smart, .standard-vertical-tpl .smart-container, .standard-vertical-tpl .smart-container-md, .standard-vertical-tpl .smart-container-sm {
        max-width: 100% !important;
    }
}

@media all and (max-width:414px) {
    .standard-vertical-tpl .featured-section .entry-header {
        min-width: 300px !important;
        max-width: 300px !important;
        width: 300px !important;
    }
}
/*** End Standard Vertical TPL ***/


/** Full width image **/
.full-width-img {
        left: 50%;
    	margin-left: -50vw !important;
    	margin-right: -50vw !important;
    	max-width: 100vw;
    	position: relative;
    	right: 50%;
    	width: 100vw;    
    }
    .full-width-img img {
        width: 100%;
    }
    @media all and (min-width: 1200px) {
     .full-width-img {
            left: 50%;
        	margin-left: -600px !important;
        	margin-right: -600px !important;
        	max-width: 1200px;
        	position: relative;
        	right: 50%;
        	width: 100vw;
        }   
    }
    
    
    
    
    
 /** Archive Sponsored post style **/   
.sponsored-post  .card__mask {
        will-change: auto !important;
        border: 1px solid currentColor;
        padding: 40px !important;
    }
    .sponsored-post  .card__mask img { 
        width: 50%;
    }
    @media only screen and (min-width: 768px) {
        
    .sponsored-post  .card__mask img {
        position: absolute;
        margin-left: -35px;
        margin-top: -35px;
        }
    }
    
    
    .sponsored-post {
        background: white;
        padding: 10px;
        border: 1px solid currentColor;
    }    
    
/** Make the opacity of the newly added Items display on Archive page Infinite display **/    
.card:not(.is-visible) .card__mask {
    opacity: 1;
}

/** Set menu overlay z index **/
.overlay-is-open .overlay-shadow {
    z-index: 5;
}

/** remove top menu search text **/

@media only screen and (max-width: 1200px) and (min-width: 900px) {
    .post-template-single-specialReport .main-navigation li.js-search a span,
    .post-template-default .main-navigation li.js-search a span{
        display: none;
    }

    .post-template-single-verticalreview .main-navigation li.js-search a span{
        display: none;
    }    
}


@media only screen and (min-width: 900px) {
    .singular .site-branding.site-branding, .attachment .site-branding.site-branding {
        min-width: inherit !important;
    }
}
@media only screen and (max-width: 900px) {
    .singular .content-area, .attachment .content-area {
        padding-left: 0px !important;
    }    
}
@media only screen and (min-width: 901px) {
    .singular .content-area, .attachment .content-area {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 1200px) {
    .singular .content-area, .attachment .content-area {
        padding-left: 0px;
    }
}


@media only screen and (max-width:1130px) and (min-width:1001px) {
    .main-navigation #primary-menu li a {
      font-size: 15px !important;   
    }
    .main-navigation #primary-menu li {
        /*padding-right: 0 !important;*/
    }
}
@media only screen and (max-width:1000px) and (min-width:900px) {
    .main-navigation #primary-menu li a {
      font-size: 14px !important;   
    }
    .main-navigation #primary-menu li {
        padding-right: 10px !important;
    }
}





@media only screen and (max-width: 800px) {
        .horizontal-menu #masthead {
            display: block;
        }
        #header-top {
            display: none;
        }
}
@media only screen and (min-width: 800px) {
    .header.horizontal-menu .site-branding {
        padding-top: 0;
        width: inherit;
        margin-right: 1%;
        padding-left: 36px;
        padding-bottom: 0;
    }
    
        .horizontal-menu #masthead {
            display: none;
        }
        #header-top {
            display: block;
        }
    
    ul#primary-menu-header-top li a {
            font-size: 18px !important;
            font-family: Montserrat;
            font-weight: 400;
            letter-spacing: 0.09rem;
            color: #000000;
    }
    ul#primary-menu-header-top li {
            margin: 0px 10px  !important;
            text-transform: uppercase;
            display: inline;
    }
    .custom-logo-link img {
        max-width: 150px;
        width: 100%;
    }
    
    ul#primary-menu-header-top li.current_page_item a  {
        font-weight: 500;
    }
    
    ul#primary-menu-header-top li.js-search a span {
        display: none;
    }
    
}
@media only screen and (min-width: 1025px) {
    .custom-logo-link img {
        max-width: 250px;
    }
    .magazine-blog {
        max-width: 500px !important;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 800px){
                                 
    ul#primary-menu-header-top li a {
            font-size: 17px !important;
    }
    ul#primary-menu-header-top li {
            margin: 0px 5px  !important;
            text-transform: uppercase;
    }
}

@media only screen and (min-width: 1200px) {
    .u-blog-grid-width#magazine-blog {
        max-width: 500px !important;
        margin: 5rem auto 0 auto;
    }
    .u-blog-grid-width#magazine-blog .bricklayer-column {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

    #primary-menu-header-top {
        float: right;
    }
    ul#primary-menu-header-top li {
        display: inline;
        text-transform: uppercase;
        margin: 0px 5px  !important;
        text-transform: uppercase;
        display: inline;
    }
.header-top-row {
    height: auto;
    width: 100%;
    display: flex;
}
.header-top-column {
    display: inline;
    margin: auto;
}

aside#custom_html-2::before {
    top: 0px;
    background: #cc060d;
    border-style: solid;
    border-color: #cc060d;
    border-width: 1px;
}


@media only screen and (max-width: 1200px) and (min-width: 1200px) {
    .post-template-single-verticalreview #site-navigation{
        padding-left: 140px;
    }
    .singular .site-header, .attachment .site-header {
        max-width: inherit !important;
    }
}
@media only screen and (max-width: 1200px) {
    .singular .nav-menu li {
      display: inline-block !important;
      float: none !important;
      clear: left; 
    } 
    
}

#primary {
    min-height: unset !important;
}


#text-2 {
    border: none;
    padding: 35px 20px 1px 25px !important;
    background: #cc060d !important;
    color: white;
    text-align: center;
}
#mailing-list-sidebar-form h2 {
    color: white;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.1rem;
    text-align: center;
}
 
.adrotateClass {
	padding: 0 !important;
	border: 0 !important;
    margin-right: 0 !important;
}

.adrotateClass:before {
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
}

#categories-2::before {
    background: #000000 !important;
}