/*
Theme Name:   ZoxPress Child Theme
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  ZoxPress Child Theme
Author:       MVP Themes - Customized by NC DevTeam
Author URI:   https://northcreative.com.mx
Template:     zoxpress
Version:      1.6.3
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  ZoxPress-child-theme
*/

/* * * * * * * * * * * * * * * * * *
 *  Layout
 */

/* body { background-color: #f0f0f0!important; } */


/* * * * * * * * * * * * * * * * * *
 *  Components
 */

.th__video-wrapper {
    width: 100%;
    padding: 30px 0;
    background-color: #1c1f27;
}

.th__video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.zox-bot-head-logo-main img {
    width: 100vw;
    height: auto;
    max-width: 100px;
}

#zox-fly-logo img {
    min-width: auto;
}

.zox-post-main .embed-container,
.zox-post-main .fb_iframe_widget,
.zox-post-main .twitter-tweet {
    width: 100%!important;
    max-width: 660px!important;
    margin: auto;
    display: block!important;
}

.zox-post-main .embed-container > *,
.zox-post-main .fb_iframe_widget > *,
.zox-post-main .twitter-tweet > *,
.zox-post-main .embed-container iframe,
.zox-post-main .fb_iframe_widget iframe,
.zox-post-main .twitter-tweet iframe,
.zox-post-main iframe {
    width: 100%!important;
    max-width: 660px!important;
    display: block!important;
    margin: auto;
}


/* * * * * * * * * * * * * * * * * *
 *  Home page
 */

.zox-feat-net3-sub-wrap.ad-slot {
    grid-template-columns: repeat(4, 1fr);
}

#th-home-sidebar-left-wrap {
    padding: 0;
}

#th-home-sidebar-left-wrap .zox-art-grid {
    position: relative;
}

#th-home-sidebar-left-wrap .zox-art-grid [id^=div-gpt-ad] {
    margin: auto;
}

#th-home-sidebar-left-wrap>.zox-art-grid {
    position: absolute;
    top: 0;
    /* transform: translateY(-50%); */
    margin: 0 auto;
    left: 0;
    right: 0;
}

.zox-feat-net3-main-wrap .zox-art-text h2.zox-s-title1, 
.zox-feat-net3-main-wrap .zox-art-text h2.zox-s-title1-feat, 
.zox-feat-net3-sub-wrap .zox-art-text h2.zox-s-title2 {
    font-family: 'Chronicle Text G1';
    text-transform: uppercase;
    font-weight: bold;
}
  
h2.zox-s-title2,
h2.zox-s-title3,
span.zox-woo-cart-num,
p.zox-search-p,
.alp-related-posts .current .post-title,
.alp-related-posts-wrapper .alp-related-post .post-title,
.zox-widget-txtw span.zox-widget-main-title {
    font-family: 'Chronicle Text G1';
    font-weight: bold;
    text-transform: initial;
} 
 

/* * * * * * * * * * * * * * * * * *
 *  Single post
 */

h1.zox-post-title.entry-title {
    font-family: 'Chronicle Text G1';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 3.250rem;
}

h2.zox-s-title2,
h2.zox-s-title3,
span.zox-woo-cart-num p.zox-search-p, 
.alp-related-posts .current .post-title, 
.alp-related-posts-wrapper .alp-related-post .post-title, 
.zox-widget-txtw span.zox-widget-main-title {
    font-family: 'Chronicle Text G1';
    font-weight: bold;
    text-transform: initial;
}

/* * * * * * * * * * * * * * * * * *
 *  Overrides
 */

#zox-main-head-wrap { margin-bottom: 0px; }
#zox-home-main-wrap { grid-row-gap: 20px!important; }

.zox-bot-head-logo { overflow: visible!important; margin-left: -10px; top: 0; }
.zox-bot-head-logo-main { margin-top: 10px; }
.zox-bot-head-logo img, .zox-bot-head-logo-main img { max-width: 1em!important; margin: 0 -0.1em; font-size: 120px; }

h2.zox-s-title2, h2.zox-s-title3, span.zox-woo-cart-num, p.zox-search-p, .alp-related-posts .current .post-title, .alp-related-posts-wrapper .alp-related-post .post-title, .zox-widget-txtw span.zox-widget-main-title { text-transform: initial; }
h2.zox-s-title1, h2.zox-s-title1-feat, .woocommerce div.product .product_title, .woocommerce .related h2, #woo-content .summary p.price, .woocommerce div.product .woocommerce-tabs .panel h2, #zox-404 h1, h1.zox-post-title, .zox-widget-side-trend-wrap .zox-art-text:before { text-transform: initial; }

.zox-net3 .zox-widget-flex1-cont { grid-column-gap: 30px; }

.afw { text-align: center; margin-left: auto; margin-right: auto; }

/* Single */
.single #zox-site-grid { padding-top: 20px; }
.zox-post-top-wrap, .zox-post-bot-wrap { grid-row-gap: 0!important; }
.zox-post-main-wrap { grid-template-columns: calc(100% - 390px) 350px; }
.single .zox-post-main div[id^=div-gpt-ad] { margin-left: auto; margin-right: auto; }

/* Social Share */
body #th-single-before-content .theiaStickySidebar {
    bottom: 0!important;
    top: unset!important;
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    z-index: 1000;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    background-color: white;
}
.eapps-social-share-buttons-container { margin-left: -2em; margin-right: -2em; }
.eapps-social-share-buttons-inner { width: 100%!important; }
.eapps-social-share-buttons-inner > .theiaStickySidebar { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
.eapps-social-share-buttons-inner > .theiaStickySidebar
.eapps-social-share-buttons-item { min-width: unset; width: auto; flex-grow: 1; }

/* * * * * * * * * * * * * * * * * *
 *  Media Queries
 */

 @media (min-width: 780px) {
    .digital-editions {
        padding: 0;
    }
    .digital-editions__title{
        font-size: 1rem;
    }
 }

 @media (min-width: 826px) {
    .eapps-social-share-buttons-inner > .theiaStickySidebar { padding-left: 2em; padding-right: 2em; }
 }

 @media (min-width: 1023px) {
    img { min-width: 100%; }
    .zox-bot-head-logo img,
    .zox-bot-head-logo-main img { max-width: 60px; }
    .zox-post-head-min .zox-post-width,
    .zox-auto-post-grid .zox-post-title-wrap { padding-left: 1em; padding-right: 1em; max-width: 100%; }
 }

 @media (min-width: 1170px) {
    .zox-post-head-min .zox-post-width,
    .zox-auto-post-grid .zox-post-title-wrap { max-width: 660px; padding-left: 0; padding-right: 0; }
 }

 @media (min-width: 1199px) {
    .zox-bot-head-logo img,
    .zox-bot-head-logo-main img { max-width: 100px; }
 }

 @media (max-width: 1199px) {
    .zox-net3 .zox-widget-flex1-cont { grid-gap: 7px; }
    .zox-net3 .zox-div4 .zox-widget-flex1-cont,
    .zox-fash1 .zox-div4 .zox-widget-flex1-cont { grid-column-gap: 7px; }
    .zox-feat-net3-sub-wrap.ad-slot { grid-template-columns: repeat(2, 1fr); }
 }

 @media (max-width: 899px) {
    .zox-feat-title-wrap { padding-top: 1em; }
    .zox-feat-net3-sub-wrap.ad-slot .zox-art-grid { display: block; }
 }

 @media (max-width: 825px) {

    .eapps-social-share-buttons-container { margin-left: -1em; margin-right: -1em; }

    .eapps-social-share-buttons-inner > .theiaStickySidebar { padding-left: 1em; padding-right: 1em; }

    .eapps-social-share-buttons-inner > .theiaStickySidebar
    .eapps-social-share-buttons-item-text { display: none; }

    .eapps-social-share-buttons-inner > .theiaStickySidebar
    .eapps-social-share-buttons-item-icon-container { width: 100%; }

    .eapps-social-share-buttons-inner > .theiaStickySidebar
    .eapps-social-share-buttons-item-icon { margin: auto; }

 }

 @media (max-width: 768px) {
    .zox-feat-net3-sub-wrap.ad-slot { grid-template-columns: repeat(3, 1fr); }
    #th-home-sidebar-left-wrap { grid-column: 1 / 4; grid-row: 1; }
    #th-home-sidebar-left-wrap>.zox-art-grid { position: relative; }
 }

 @media (max-width: 479px) {
    #zox-home-main-wrap {
        padding: 0;
    }
    .zox-bot-head-logo img,
    .zox-bot-head-logo-main img {
        max-height: 75px!important;
        width: auto;
        height: 100vh;
        max-width: none;
    }
    h1.zox-post-title.entry-title {
        font-size: 8vw;
    }

    /**
     * Overrides
     */
    #zox-main-body-wrap { padding-top: 10px!important; }
    #zox-bot-head-wrap, #zox-bot-head,
    #zox-bot-head-left, #zox-bot-head-right, #zox-bot-head-mid,
    .zox-bot-head-logo, .zox-bot-head-logo-main { height: 80px!important; }
    .zox-bot-head-logo .zox-bot-head-logo-main img { max-height: 105px!important; margin-top: 0px; }
    .zox-net3 #zox-home-main-wrap, .zox-net3 #zox-home-widget-wrap { grid-row-gap: 0px!important; }
    .eapps-social-share-buttons-item { margin-left: 1px!important; margin-right: 1px!important; }
    .zox-feat-net3-sub-wrap.ad-slot { grid-template-columns: repeat(1, 1fr); }
    #th-home-sidebar-left-wrap { grid-column: 1 / 1; background-color: rgba(17,17,17,0.07); padding: 1em 0; }
 }

 


/* * * * * * * * * * * * * * * * * *
 *  Animations
 */

.th__pulsating-circle__wrapper {
    display: inline-block;
    position: relative;
    font-size: 0.5em;
    color: #f70e44;
    vertical-align: super;
    margin-right: 1.5em;
    margin-left: 1em;
}

.th__pulsating-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 1em;
    height: 1em;
}

.th__pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 2em;
    color: inherit;
    background-color: currentColor;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.th__pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: currentColor;
    border-radius: 0.5em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
    0% {
        -webkit-transform: scale(0.63);
                transform: scale(0.63);
    }
    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-ring {
    0% {
        -webkit-transform: scale(0.63);
                transform: scale(0.63);
    }
    80%, 100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
}

@keyframes pulse-dot {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
}