/*
Theme Name: Munder Skiles
Theme URI: https://munder-skiles.com/
Template: genesis
Description: Tema para Munder Skiles
Author: Auren
Author URI: https://auren.com/es/
*/
@font-face {
    font-family: agaramond-regular;
    src: url('./fonts/AGaramondPro-Regular.otf');
}
.title-slider{
    font-family: agaramond-regular!important;
}
/* VARIABLES DE COLORES */
:root {
    --gris-osc: #666666;
    --verde   : #5A6D28;
    --marron  : #8C6437;
    --marron-c: #C8A064;
    --blanco  : #FFFFFF;
    --negro   : #000000;
}
/* FIN VARIABLES DE COLORES */

/* CLASES COLORES */
.fondo-verde{
    background-color: var(--verde);
}
.fondo-gris-osc{
    background-color: var(--gris-osc);
}
.fondo-marron{
    background-color: var(--marron);
}
.fondo-marron-c{
    background-color: var(--marron-c);
}
.fondo-blanco{
    background-color: var(--blanco);
}
.fondo-negro{
    background-color: var(--negro);
}
/* FIN CLASES COLORES */


/* CLASES TIPOGRAFÍAS */

html,
body{
    font-size: 0.75rem;
    font-family: 'AGaramondPro', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.container{
    padding: 0 1.125rem !important;
}

@media  (min-width: 576px) {
    html{
        font-size: 1rem;
    }

}
@media  (min-width: 768px) {
    html{
        font-size: 1.125rem;
    }
}

/* FIN CLASES TIPOGRAFÍAS */

.m-6{
    margin: 3.333rem;
}
.mt-6{
    margin-top:3.333rem;
}
.ms-6{
    margin-left: 3.333rem;
}
.mb-6{
    margin-bottom: 3.333rem;
}
.me-6{
    mergin-right:3.333rem;
}
.mx-6{
    margin: 0rem 3.333rem;
}
.my-6 {
    margin: 3.333rem 0rem;
}
.p-6{
    padding: 3.333rem;
}
.pt-6{
    padding-top: 3.333rem;
}
.ps-6{
    padding-left: 3.333rem;
}
.pb-6{
    padding-bottom: 3.333rem;
}
.pe-6{
    padding-right: 3.333rem;
}
.px-6{
    padding: 0rem 3.333rem;
}
.py-6{
    padding: 3.333rem 0rem;
}

.wp-block-uagb-container p, .whitney,body li{
    font-family: 'WhitneyMedium', sans-serif !important;
    color: var(--gris-osc);
}
.wp-block-heading {
    color: var(--gris-osc);
}


a, a:visited, section { outline: none !important; }


/* New header */

.site-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1030;
}
main { margin-top: 9rem; }
.main-menu > .fondo-blanco{
    padding-top: 3rem;
    padding-bottom: 1rem;
}


.first-level img { width: 100%; max-width: 40px !important; }
#cmplz-document { max-width: 100%; }
.cmplz-preferences .sidebar { display: none; }
.searchIcon:has(input:focus) #menu-search-form { display: block !important; }
.searchIcon #menu-search-form {
    position: absolute !important;
    top: -5px !important;
    right: -10px;
    z-index: 9;
    background: #fff;
    box-shadow: none !important;
    padding: 0px !important;
    display: block;
    width: 280px !important;
    left: auto !important;
    border-radius: 99px;
    list-style: none;
}
.iconHeader  img { width: 30px; }
.searchIcon #menu-search-form li {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
}
.searchIcon #menu-search-form { display: none; }
.searchIcon:hover #menu-search-form { display: block; }
.searchIcon #menu-search-form form { border: 2px solid; border-radius: 99px; padding: 0 5px; display: flex; align-items: center;}
.searchIcon #menu-search-form form input { height: 32px; border-radius: 99px; font-size: 14px; border: none; padding-bottom: 0; padding-left: 5px; }
.searchIcon #menu-search-form form i { font-size: 15px !important; margin-bottom: 0 !important; margin-right: 0 !important; }
.second-level-menu { text-align: right; padding-bottom: 10px; }
.first-level > div { cursor: pointer; }
.second-level-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.second-level-menu ul li a { text-decoration: none; color: inherit; }
.user-logged img, .user-unlogged img { max-width: 32px !important; }

.pre-footer, footer, .post-footer { padding: 2rem 0 !important; }
footer { background-color: #e1e1e1; color: #000 !important; }
.pre-footer img { width: 100%; max-width: 15%; }
footer ul, .post-footer ul { padding-left: 0; margin: 0; }
footer ul li, .post-footer ul li { list-style: none; }
footer ul li a, .post-footer ul li a { text-decoration: none; font-family: 'AGaramondPro'; color: #666666; font-size: 22px; }
.footerLegal ul { display: flex; gap: 20px; line-height: 100%; }
.footerCopyright p { font-family: 'AGaramondPro'; margin: 0; font-size: 22px; }
.footerSocial > div { width: 45px; }
.footerLogos div:first-child { margin-bottom: 10px; }
.footerLogos img { width: 100%; max-width: 40% !important; }

.footerLogos .widget-title {
    width: 70%;
    font-size: 20px;
    color: #6c6e70;
    text-align: center;
    margin-top: 35px;
}
.footerLogos .textwidget {
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    width: 70%;
}
.footerLogos .textwidget p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 100%;
    font-family: 'AGaramondPro';
}
.munder-footer-logo img { display: block; max-width: 130px !important;}
.footerLogos a{display: flex; justify-content: start}

@media screen and (max-width: 992px){ .footerLogos img {  width: 100%; max-width: 70% !important; }}
@media screen and (max-width: 768px){
    .footerLogos img { width: 100%; max-width: 80% !important; }
    .munder-footer-logo img{display: none; max-width: 65px !important;}
    footer ul li a, .post-footer ul li a, .footerCopyright p { font-size: 20px; }


}
@media screen and (max-width: 576px){ .footerLogos img { width: 100%; max-width: 45% !important; } .footerLogos a{display: flex; justify-content: center}}



    /*HEADER*/

header .main-menu{
    height: 84px;
}
header .navbar{
    height: 100%;
}
header .navbar-brand{
    padding: 18px 0 18px 0 !important;
}
header .navbar-brand img{
    max-width: 160px;
}
@media (width: 768px){
    header .navbar-brand img{
        height: 42px;
    }
    .footerLogos img { height: 166px !important;  }
}
button.navbar-toggler{
    z-index: 1
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 128, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
#burgerMobile ul li:first-child{
    padding-top: 0px !important;
}
#burgerMobile #menuPrincipal a{
    color: var(--gris-osc);
    text-decoration: none;
    font-family: 'WhitneyMedium', sans-serif !important;
    /*font-size: 1.3rem !important;
    line-height: 1.6rem !important;*/
}
#burgerMobile #menuPrincipal .sub-menu li{
    padding-right: 1rem !important;
    line-height: 100% !important;
}
#burgerMobile #menuPrincipal .sub-menu li a { font-size: 14px !important; }
#burgerMobile #menuPrincipal .sub-menu li:last-child{
    border-bottom: none !important;
    padding-bottom: 0px !important;
}
.menu-header-menu-container{
    width: 100%;
}
#menu-header-menu{
    padding: 0;
    flex-direction: row;
    display: flex;
    justify-content: space-around;
    margin: 0;
    list-style: none;
    position: relative;
}
#menu-header-menu a{
    font-family: 'WhitneyMedium', sans-serif;
    font-size: 0.9rem;
    line-height: 2rem;
    text-decoration: none;

}
#menu-header-menu a:hover{
    font-size: 0.9rem;
    line-height: 2rem;
    text-decoration: none;
    font-family: 'WhitneySemibold', sans-serif;
    color: var(--gris-osc);
}
.divMenuHeader{
    padding: 33px 0 !important;
}
#menu-header-menu{
    width: 85%;
}

#menu-header-menu li:hover{
    font-weight: normal;
}
#menu-header-menu li:hover ul{
    font-weight: normal;
}

#menu-header-menu li.current-menu-item .sub-menu,
#menu-header-menu li.current-menu-parent .sub-menu{
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: center;
    list-style: none;
    padding: 0;
    border-top: 1px solid var(--gris-osc);
    left: 0;
}

#menu-header-menu a::before {
    display: block;
    content: attr(class);
    font-family: 'WhitneySemibold', sans-serif !important;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: max-content;
}
#menu-header-menu li.menu-item .sub-menu li , #menu-header-menu li.menu-parent .sub-menu li{
    text-align: center;
}
#menu-header-menu li.menu-item-292 .sub-menu li{
    padding: 0 0.25em;
}

.sub-menu-icons{
    display: none;
}
#menu-header-menu li{
    text-align: center;
}
#menu-header-menu li:first-child{
    padding: 0 0.4rem 0 0;
}

#menu-header-menu li:not(:first-child):not(:last-child) {
    padding: 0 0.4rem
}

#menu-header-menu li:last-child{
    padding: 0 0 0 0.4rem;
}
@media (max-width: 1400px){
    .divMenuHeader{
        padding: 0 !important;
    }
}


@media  (min-width: 992px) {
    #menu-header-menu a, #menu-header-menu a:hover{
        font-size: 0.7rem;
    }
    /*
    #menu-header-menu li.mac:hover > a{
        font-size: 11.4px;
    }
    */

    #menu-header-menu li.menu-item .sub-menu li,
    #menu-header-menu li.menu-parent .sub-menu li{
        padding: 0 0.5rem;
    }
    #menu-header-menu li.menu-item.menu-item-292 .sub-menu a {
       font-size: 0.7rem;
    }
    /*
    .current-menu-item.mac > a{
        font-size: 11.4px !important;
    }
    li.mac{
        padding: 0 !important;
    }
    #menu-header-menu a.mac::before {
        font-size: 11.4px;
    }
    */

}
@media  (min-width: 1200px) {
    #menu-header-menu a, #menu-header-menu a:hover, #menu-header-menu li.menu-item.menu-item-292 .sub-menu a{
        font-size: 0.9rem;
    }/*
    #menu-header-menu li.mac:hover > a{
        font-size: 14.4px;
    }

    .current-menu-item.mac > a{
        font-size: 14.4px !important;;
    }
    #menu-header-menu a.mac::before {
        font-size: 14.4px;
    } */
    #menu-header-menu li.menu-item .sub-menu li,
    #menu-header-menu li.menu-parent .sub-menu li{
        padding: 0 1rem;
    }
    #menu-header-menu li.menu-item.menu-item-292 .sub-menu li{
        padding: 0 0.6rem;
    }
}
@media  (min-width: 1400px){

    #menu-header-menu li.menu-item .sub-menu li,
    #menu-header-menu li.menu-parent .sub-menu li{
        padding: 0 1.5rem;
    }
    #menu-header-menu a,
    #menu-header-menu li.menu-item.menu-item-292 .sub-menu a{
        font-size: 0.9rem;
    }
    #menu-header-menu li.menu-item.menu-item-292 .sub-menu li{
        padding: 0 0.8rem;
    }
    /*
    #menu-header-menu li.mac:hover > a{
        font-size: 14.4px;
    }
    .current-menu-item.mac > a{
        font-size: 14.4px !important;
    }
    #menu-header-menu a.mac::before {
        font-size: 14.4px;
    } */
}



/*FIN HEADER*/

/*FOOTER*/
footer{
    color: var(--blanco);
    padding: 0 1.125rem;
}
footer img{
    max-width: 250px;
}
footer .titleFooter {
    font-family: 'WhitneyBold', sans-serif !important;
    font-size: 1.125rem;
    line-height: 1.35rem;
}
footer .itemFooter {
    font-family: 'WhitneyBook', sans-serif !important;
    font-size: 1.125rem;
    line-height: 1.35rem;
}
footer .itemFooter a,
footer .itemFooter a:hover{
    text-decoration: none;
    color: var(--blanco);
}
/*FIN FOOTER*/

button{
    font-family: 'WhitneyMedium', sans-serif !important;
    font-size: 1.3rem !important;
    line-height: 1.6rem !important;
    border:0!important;
    border-radius: var(--bs-border-radius-pill)!important;
    background-color: var(--verde);
    padding: 0.2rem 2.5rem !important;
}

button p{
    margin-bottom: 0!important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}

@media (min-width: 992px) {
    button{
        padding: 0.25rem 3rem !important;
    }
}

@media (min-width: 1400px) {
    button{
        padding: 0.25rem 3rem !important;
        font-size: 1.1rem !important;
        line-height: 2rem !important;
    }
}

a{
    color: var(--gris-osc);
    --bs-link-color-rgb: none;
}

img {
    object-position: bottom;
}

.wpcf7-response-output {
    border-radius: 25px;
    color: white;
}
.wpcf7 form.sent .wpcf7-response-output{
    border-color: var(--verde);
    background: var(--verde);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border-color: #ffb900;
    background: #ffb900;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
    background: #dc3232; /* Red */
}


@media (min-width: 1400px) {
    .px-xxl-6{
        padding: 0rem 3.333rem !important;
    }
    .mt-4.mt-xxl-6,
    .mt-xxl-6{
        margin-top: 3.333rem !important;
    }
    .my-4.my-xxl-6,
    .my-xxl-6{
        margin-top: 3.333rem !important;
        margin-bottom: 3.333rem !important;
    }
    .mb-2.mb-xxl-6,
    .my-4.mb-xxl-6,
    .mb-4.mb-xxl-6,
    .mb-xxl-6{
        margin-bottom: 3.333rem !important;
    }
    /*HEADER*/
    header .main-menu,
    header .navbar,
    header .navbar .container-fluid{
        height: auto;
    }
    header .navbar-brand{
        height: auto;
        padding: 10px 0 !important;
    }
    header .navbar-brand img{
        height: 60px;
        max-width: 230px;
    }

    /*FIN HEADER*/
}

.menu-item-has-children ul.sub-menu{
    display:none;
}
.current-menu-item ul.sub-menu{
    display:block;
}
.current-menu-item > a{
    font-family: 'WhitneySemibold', sans-serif !important;
    /*font-weight: bold;*/
}

.current-menu-item ul.sub-menu li.active{
    font-family: 'WhitneySemibold', sans-serif !important;
    /*font-weight: bold;*/
} /*
.current-menu-item ul.sub-menu li.mac.active a{
    font-size: 0.805rem !important;
} */
.title-slider{

}

/* Anchors count header height*/
:target:before {
    content:"";
    display:block;
    height:84px; /* fixed header height*/
    margin:-84px 0 0; /* negative fixed header height */
}
@media (min-width: 1400px) {
    :target:before {
        content:"";
        display:block;
        height:114px; /* fixed header height*/
        margin:-114px 0 0; /* negative fixed header height */
    }
}

li.menu-item-has-children:has(ul.sub-menu li.current-post-ancestor) > a, li.current-post-ancestor a, li.current-menu-ancestor > a{
    /*font-weight: bold;*/
}
ul.sub-menu:has(>li.current-post-ancestor) {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    list-style: none;
}
@media (min-width: 992px){
    ul.sub-menu:has(>li.current-post-ancestor) {
        flex-direction: row;
        position: absolute;
        list-style: none;
        border-top: 1px solid var(--gris-osc);
        padding: 0;
        left: 0;
    }

}
.jump_line_after_all{
    display:none;
}
@media (max-width: 575px){
    .container{
        padding: 0 18px !important;
    }
    div.g-2{
        --bs-gutter-y: 18px;
        --bs-gutter-x: 18px;
    }
    .filtertypes,.filtercollections,.finishes,.covers,.container.filterproducts{
        padding:0px 18px!important;
    }
    .FilterProducts .products .row.g-2,.Covers .covers .row.g-2,footer{
        padding:0px!important;
    }
    .jump_line_after_all{
        display:block;
    }
}
#wpadminbar{
    top:auto;
    bottom:0;
    position:fixed;
}


@media (max-width: 576px) {
    .pre-footer img { max-width: 45%; }
    footer { padding: 20px 0 !important; }
    .footerCopyright p { font-size: 18px; }
    .searchIcon #menu-search-form { width: 220px !important; }
    .munder-footer-logo img { margin-bottom: 20px; }
    .second-level-menu ul li { font-size: 16px; }
    .footerLegal ul { padding-lefto: 0; }
    .footerLogos div:first-child { text-align: center; }
}