/*
Theme Name:   	Storefront CDIA
Theme URI:    	http://cdia.icool.mx
Author:       	Jesús De La Torre
Author URI:     http://cdia.icool.mx
Template:     	storefront
Description:  	Tema hijo de Storefront para CDIA
Version:      	1.0.33
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
*/
/*
 * Add your own custom css below this text.
 */
 
    
.home.page:not(.page-template-template-homepage) .site-header{
    margin-bottom: 0 !important;
}
button#site-navigation-menu-toggle{
    display: none;
}
.o-slider-textWrap{
    display: none;
}
.site-branding{
    max-width: 32vw;
}
header#masthead.site-header {
    position: fixed;
    width: 100%;
    padding-top: 0;
    transition: 0.3s;
}
header#masthead.site-header.sticked { /* sticked */
    background: rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0);
    backdrop-filter: blur(4px);
}
header#masthead.site-header.sticked .site-branding{ /* .site-header.sticked */
    filter: grayscale(1) brightness(50);
}
header#masthead.site-header.sticked #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    color: #fff;
}
@media (min-width: 768px) {
    header#masthead{
        display: flex;
    }
    #masthead>.col-full {
        padding: 0 !important;
        /*margin-left: 0 !important;*/ 66.4989378333em
    }
    #mega-menu-wrap-primary{
        background: rgba(0,0,0,0);
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{
        background: rgba(0,0,0,0) !important;
        border-bottom: 2px solid #222 !important;
    }
    nav#site-navigation{
        margin-top: 2rem;
    }
}
.xfull{
    max-width: 100vw !important;
    width: 100vw !important;
}
@media (min-width: 1150px) {
    .xfull{
        margin-left: calc(((100vw - 66.4989378333em) / 2)* -1);
    }
    #masthead>.col-full {
        margin-left: calc( (100vw - 66.4989378333em) / 2 )
    }
    nav#site-navigation{
        margin-right: calc( (100vw - 66.4989378333em) / 2 )
    }
}
@media (max-width: 1149px) and (min-width: 569px) {
    .xfull {
        margin-left: -2.617924em;
    }
}
@media (max-width: 568px) {
    .xfull{
        margin-left: -1.41575em;
    }
}

#mega-menu-wrap-primary .mega-menu-toggle {
    position: fixed;
    right: 22px;
}
header#masthead.site-header.sticked #mega-menu-wrap-primary .mega-menu-toggle{
    top: 10px !important;
}
header#masthead.site-header #mega-menu-wrap-primary .mega-menu-toggle{
    top: 10px !important; /* 40 */
}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
    background: rgba(0,0,0,0);
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{
    min-height: calc(100vh - 2rem);
}