/***********/
/* Desktop */
/***********/
@media only screen and (max-width: 1366px) {
    #main-menu .menu-desktop {
        display: grid;
        grid-template-columns: 430px auto;
        grid-template-rows: 2fr;
    }
    html[lang*=es] #main-menu .menu-desktop {
        grid-template-columns: 360px auto;
    }
    #main-menu .menu-desktop >li.mainmenu_item:first-child {
        grid-row: 1 / 3;
        /* transform: translateY(10px); */
    }
    #main-menu .menu-desktop >li.mainmenu_item:nth-child(2) {grid-row: 1 / 2;}
    #main-menu .menu-desktop >li.mainmenu_item:nth-child(3) {grid-row: 1 / 2;}
    #main-menu .menu-desktop >li.mainmenu_item:nth-child(4) {grid-row: 2 / 2;}
    #main-menu .menu-desktop >li.mainmenu_item:nth-child(5) {grid-row: 2 / 2;}
    #main-menu .menu-desktop >li.mainmenu_item:last-child {grid-row: 1 / 3;}
    



    #main-menu {padding-bottom:20px;}

    #main-menu .has_submenu .sub-menu[data-depth='0'] {
        margin-top: -5px;
    }
    
}



/************************/
/* Desktop Small Laptop */
/************************/
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1280px) {
    #main-menu .menu-desktop >li.mainmenu_button.button a{
        padding: 6px 25px;
    }
}


/**************************/
/* Desktop Smaller Laptop */
/**************************/
@media only screen and (max-width: 1140px) {
    #main-menu .menu-desktop {
        grid-template-columns: 350px auto;
            padding-top: 10px;
    }
    .footer_row_wrapper #mc_embed_signup_scroll {        display:block;    }
    .footer_row_wrapper .mc-field-group { margin-bottom:20px;}
    .footer_row_inner.signup {        align-items: start; }
    #main-menu .menu-desktop >li.has_submenu >button {
        margin-top:0;
    }
    
    #main-menu .menu-desktop >li.mainmenu_button.button a,
    #main-menu .menu-desktop >li.mainmenu_item >a, 
    #main-menu .menu-desktop >li.mainmenu_button a,
    #main-menu .menu-desktop >li.has_submenu >button {
        font-size: 13px;
        min-width: initial;
        padding-top: 0;
        padding-bottom: 0px;
        margin-top: 6px;
    }
    #main-menu .menu-desktop >li.mainmenu_home a {
        padding-top:6px;
        position: absolute;
    }
    #main-menu .menu-desktop >li.mainmenu_item:first-child {
        min-width: initial;
    }
    #main-menu .menu-desktop >li.has_submenu >button:before {    left: 6px;}

    #main-menu .has_submenu .sub-menu[data-depth='0'] {        
        padding: 20px 30px;
        margin-top: -10px;
    }
    #main-menu .sub-menu[data-depth='0']:before {    top: -14px;}


}



/**********/
/* Tablet */
/**********/
@media only screen and (max-width: 992px) {
    html[lang*=es-ES] #main-menu .menu-desktop >li.mainmenu_item:first-child {
        min-width: 240px;
    }
    html[lang*=es-ES] #main-menu .menu-desktop {
        grid-template-columns: 240px auto;
    }
    html[lang*=es-ES] #main-menu .menu-desktop >li.mainmenu_button.button a {
        min-width: 150px;
    }
    :root {
        /* VARS */
        --header-height: 57px;
    }

    #main-menu {    padding-bottom: 10px;}

    ul#menu-quickaccess {
        padding-right: 36px;
        padding-left: 36px;
        min-height: 36px;
    }
    ul#menu-quickaccess li a, ul#menu-quickaccess li button {
        padding: 0 14px;
    }
    ul#menu-quickaccess >li:last-child a, 
    ul#menu-quickaccess >li:last-child button {
        padding: 0;
        position: relative;
        top: 4px;
    }
    .searchbox, .joinusbox {
        top: 38px;
    }
        #main-menu .menu-desktop {    
        grid-template-columns: calc(24vw + 26px) auto;
        padding-right: 36px;
        padding-left: 36px;
    }
    #main-menu .menu-desktop >li.mainmenu_home a {
        background: none;
        display: inline-block;
        transform: translateY(14px);
    }

    #main-menu .menu-desktop >li.mainmenu_home a {
        padding-top: 0;
    }

    #main-menu .menu-desktop >li.has_submenu >button:after, 
    #main-menu .menu-desktop >li.mainmenu_button a:after {
        top: -5px;
    }

    #main-menu .menu_main_519 >a {
        margin-left: 0;
        top: 40px;
    }    


    #main-menu .menu-desktop >li.mainmenu_button.button a {    
        margin-left: 0; 
        margin-top: 6px;
    }

    #main-menu .menu-mobile >li {margin:0}

    #main-menu .menu-mobile .mainmenu_home  {
        margin-right:auto;
        margin-top: 11px;
    }
    #main-menu .mainmenu_home >a img {   
        height:54px;     
        max-height: 54px;
    }
    #main-menu .menu-mobile .mobile_menu_toggle {
        background:transparent;
        border:0;
        border-radius:none;
        font-family: var(--karla);
        font-weight: bold;
        font-size: 0.53rem;
        letter-spacing: 0.1em;
        line-height: 1.16rem;
        text-align: left;
        color: var(--black);
        text-transform:uppercase;
        position: relative;
        right: -12px;
    }
    

    #main-menu .menu-mobile .mobile_menu_toggle:after {
        content: "";
        background: url(/wp-content/uploads/menu_hamb.svg) center center / contain no-repeat;
        width: 28px;
        height: 14px;
        display: inline-block;
        margin-left: 0;
        position: relative;
        top: 3px;
        transition: all .25s ease;
    }
    #main-menu .menu-mobile .menu-mobile-join button,
    #main-menu .menu-mobile .menu-mobile-join a {
        border-radius: 0;
        color: var(--white);
        background: var(--gold-main);
        font-family: 'soehne-kraftig';
        font-size: 16px;
        padding: 6px 17px;
        border: 0;
    }
    #main-menu .menu-mobile .mobile_menu_toggle[aria-pressed="true"]:after {
        background: url(/wp-content/uploads/menu_close.svg) center center / cover no-repeat;
        width: 20px;
        height: 20px;
        transform: rotate(180deg);
        margin: 0;
        margin-left: 0;
        margin-right: 8px;
    }


    #main-menu ul.menu-desktop li {
        text-align:left !important;
    }
    ul#menu-quickaccess li.quickaccess_contact {text-align:center !important;}
ul#menu-quickaccess li.quickaccess_donate {text-align:right !important;}
   
    
   

    #main-menu .sub-menu .mainmenu_item a {
        font-family: "soehne-buch";
        font-size: 14px;
        font-size: 0.88rem;
        line-height: 32px;
        line-height: 2rem;
        padding:0;
    }
    #main-menu .sub-menu .mainmenu_item a:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: -35px;
        width: 22px;
        height: 18px;
        background: url(/wp-content/uploads/arrow_gold_light.svg) center center / cover no-repeat;
        top: 1px;
        transform: translateX(-10px);
        transition: all .25s ease;
        opacity: 0;
    }    

    
    #main-menu ul.menu-desktop li.has_submenu >button:after,
    #main-menu ul.menu-desktop li.has_submenu >button:hover:after {
        display:none;
    }


       
    #main-menu .mainmenu_cont {        padding: 0;    }
    #main-menu .smib_desc {        margin: 0; padding: 0 0 20px;}
    #main-menu .sub-menu[data-depth='0'] >.mainmenu_item >h3 {         
        position: relative; top:0;
        padding: 0 20px;
        margin-bottom:20px;
    }
    
    #main-menu #mega-menu .sub-menu[data-depth='0'] >.mainmenu_item {
        padding: 22px 0;
    }

    


    .submenu_infobox {        padding: 20px;    }
    #main-menu .mainmenu_item:not(:last-child) >ul.sub-menu[data-depth='1'] {         padding: 0; }
    #main-menu .mainmenu_item >ul.sub-menu[data-depth='1'] {height: 100%;}
    #main-menu .mainmenu_item >ul.sub-menu[data-depth='1'] { padding:0}
    #main-menu .mainmenu_item >ul.sub-menu[data-depth='1'] >li {
        padding: 10px 20px;
        margin: 0;
    }

    #main-menu .mainmenu_icon {
        display: block;
        width: 100%;
        height: 55px;
        border:0;
        border-bottom: 1px solid #ddd;

    }


    
    #main-menu .menu-mobile-header .mainmenu_home >a:before {
        width: 40vw;
        height: 37px;
        position: absolute;
        transform: translateX(-20vw);
    }

    #main-menu .menu-mobile-header {
        grid-template-columns: 25vw 53vw 17vw;
    }
    


    /* #main-menu .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0'] { */
        #main-menu #menu-mega-menu .sub-menu[data-depth='0'] {
        visibility: visible;
        opacity: 1;
        transform: initial;
        transition: initial;
    }




    #main-menu #menu-mega-menu .sub-menu[data-depth='0'] {
            padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 10px;
        padding-right: 10px;
        top: 0;
            display: none;
    }
    #main-menu #menu-mega-menu .sub-menu[data-depth='0'] {
        padding-top:0 ;
        padding-bottom: 0;
        margin: 0;
    }
    .mega_image {display:none}


    body.mobile_menu_open  {overflow:hidden}





    /**********/
    /* Footer */
    /**********/
    .footer_row {
        gap: 40px;
    }
    .footer_col.col1 {
        width: 40%;
        padding-right: 40px;
    }
    footer {position:relative}

    
    .footer_row_wrapper.mainfooter {
        margin-left: 36px;
        margin-right: 36px;
        padding: 44px 0;
    }
    footer .footer_col1 {margin-bottom:36px}
    footer .footer_col2 {margin-bottom:36px;padding-right: 40px;}
    .footer_row_inner.row1 {    padding-bottom: 36px;}
    .footer_row_inner.row2 {    padding-top: 36px;}
    .footer_row_inner.row2 .footer_col1 img {width:198px}
    .footer_row_inner.row2 .footer_col3 img {width:130px;margin-top:16px;}


    
}



/**********/
/* Mobile */
/**********/
@media only screen and (max-width: 768px) {
    
    
    /* Menu */

        /* Switch from desktop to mobile menu */

        .menu_main_scrolled #main-menu {           
            min-height: 57px;
            padding-bottom:0;
        }

        .mainmenu_home a {    padding: 12px 0px 7px; }
        #main-menu .menu-mobile .mainmenu_home a {background:none;}
        #main-menu .mainmenu_home >a img {
            height: 40px;
            max-height: 40px;
            transform: translateY(-6px);
        }


        #main-menu .menu-desktop >li.has_submenu >button:before {
            right: -30px;
            left: initial;
        }
        #main-menu .menu-desktop {
            display:none;
            position: absolute;
            left:0;
            width: 100%;
            background: var(--gray-lighter);
            /* border-bottom: 2px solid var(--white); */
            overflow:hidden;
            height: initial;
        }
        #main-menu .menu-mobile {
            display:flex;
            padding: 0;
            margin: 0;
            list-style: none;
            align-items: center;
            height: 57px;
            align-items: center;
        }
        #main-menu ul.menu-desktop {
            background:var(--gray);
        }
        #main-menu .menu-desktop {
            height: calc(100vh - var(--header-height) + 3px);
            overflow-y: auto;
            padding-bottom: 50px;
            top: var(--header-height);
            transform: initial;
            padding:0;
        }
        .top-bar-nav {
            margin:0 18px 26px;
            border-bottom: 1px dashed var(--gold-main);
            visibility:hidden;
            opacity:0;
            transition:all .5s ease;
        }
        .mobile_menu_open .top-bar-nav {visibility:visible;opacity:1}
        #main-menu {
            margin-left: 0;
            margin-right: 0;
            padding-left: 18px;
            padding-right: 18px;
            position: absolute;
            width: 100%;
            top: 0;
        }

         #main-menu .menu-desktop >li.mainmenu_item >a, 
        #main-menu .menu-desktop >li.has_submenu >button, 
        #main-menu .menu-desktop >li.mainmenu_button a,
        #main-menu .menu-desktop >li.has_submenu >button {
            border-radius: 0;
            color: var(--black);
            text-align: left;
            display:inline-block;
            font-family: "tiempos-fine-medium";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.13rem;
            line-height: 32px;
            line-height: 2rem;
            margin:0;
            padding: 8px 0;
        }    
        #main-menu .menu-desktop >li.joinus {display:none}
        #main-menu .menu-desktop >li.mainmenu_item:first-child  {grid-row: initial;}
        #main-menu .menu-desktop >li.mainmenu_item:nth-child(2) {grid-row: initial;}
        #main-menu .menu-desktop >li.mainmenu_item:nth-child(3) {grid-row: initial;}
        #main-menu .menu-desktop >li.mainmenu_item:nth-child(4) {grid-row: initial;}
        #main-menu .menu-desktop >li.mainmenu_item:nth-child(5) {grid-row: initial;}
        #main-menu .menu-desktop >li.mainmenu_item:last-child   {grid-row: initial;}
        #main-menu .menu-desktop .mainmenu_home {display:none}

        #main-menu .menu-desktop >.mainmenu_item.menu_mobile_last {
            border-bottom:1px dashed var(--gold-main);
            padding-bottom:16px;
        }
        #main-menu .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0'],
        #main-menu .has_submenu .sub-menu[data-depth='0'] {
            visibility:visible;
            opacity:1;
            position: relative;
            background:transparent;
            width: 100%;
            margin: 0 !important;
            padding: 0 !important;
            transition:initial;
            box-shadow: initial;
            display:none;
            transform:initial;
        }
        #main-menu .sub-menu[data-depth='0']:before {        display:none    }
        #main-menu .menu-desktop li.mainmenu_item {
            height:initial;
            padding: 0 18px;
            text-align: left !important;
        }

        .menu_main_scrolled #main-menu .menu-desktop >li.mainmenu_item:not(.joinus) >a, 
        .menu_main_scrolled #main-menu .menu-desktop >li.has_submenu >button, 
        .menu_main_scrolled #main-menu .menu-desktop >li.mainmenu_button:not(.joinus) a {
            padding: 8px 0;
            font-family: "tiempos-fine-medium";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.13rem;
            line-height: 32px;
            line-height: 2rem;
            margin: 0;
        }


   /* Quick Access bar */
   ul#menu-quickaccess {
       justify-content: initial;
       margin-top: 0;
       padding: 0;
       display: grid;
       grid-template-columns: auto auto auto auto;
   }
   ul#menu-quickaccess li.topbar_reverse {                
       grid-row: 2;    
   }
   ul#menu-quickaccess li a, ul#menu-quickaccess li button {            padding: 4px;    }
   ul#menu-quickaccess li:not(:last-child) a, ul#menu-quickaccess li:not(:last-child) button {        border:0;   }
   ul#menu-quickaccess >li:last-child a, ul#menu-quickaccess >li:last-child button {        padding:12px;    }
   ul#menu-quickaccess .shortcode,
   ul#menu-quickaccess .member_login {
       grid-column: span 2;
       grid-column: span 4;
       border-bottom: 1px dashed var(--gold-main);
       height: 43px;
   }
   ul#menu-quickaccess .menu-quickaccess.member_login a {
       border-left: 0;
       position: relative;
       top: 7px;
       font-family:'soehne-buch';
       font-weight: bold;
   }
   ul#menu-quickaccess .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
       padding-right: 0;
           text-align: right;
   }
   .searchbox {        
       top: 0;
       visibility: visible;
       opacity: 0;
       position: relative;
       visibility:hidden;
       transition:all 0.5s ease;
   }
   .mobile_menu_open .searchbox {visibility:visible;opacity:1}

   .menu-quickaccess.topbar_search {display:none}

     /* Search Box */
     .search_wrap {    
         top: 0; 
         background: transparent;
     }

     .search_inner {        padding: 16px 18px 5px;    }
.search_form_wrapper >img {
    width: 20px;
    position: absolute;
    /* transform: translate(15px, -3px); */
    top: 27px;
    left: 31px;
}
     .search_form_wrapper .search_button {
         font-size: 0.7rem;
         width: 80px;
         padding: 17px 0;
         display:none;
     }
     #searchform input[type=text].search_input {
         font-size: 1.2rem;
         width: 100%;
         padding-left: 40px;
     }    
     .search_close {    
         font-size: 2rem; 
         display:none;
     }
     .search_form_wrapper {    grid-template-columns: 1fr;}
    .modal-focus-trap {display:none}
    #menu-quickaccess .wpml-ls-sub-menu {
        background: var(--white);
        border: 0;
        border-radius: 0;
        text-align: right;
        right: initial;
        left: initial;
        top: 35px;
        padding: 0px;
        border: 1px solid var(--gold-main);
        width: 100px;
        right: 0;
    }



    .testimonail_text p {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 31px;
        line-height: 1.94rem;
    }



    /* Footer */
    .footer_row {
        display: block;
    }
    .footer_row_wrapper {
        position: relative;
        padding:20px;
    }

    .footer_row {
        padding-bottom: 0;
    }

    .footer_col.col1 {
        width: 100%;
        padding-right: 0;
    }
    .footer_col.col2, .footer_col.col3 {
        width: 100%;
    }

    .footer_rowlast {
        padding-left: 0;
        top: 0;
        height:initial;
    }

    .footer_logo_mobile {
        display:block;
        padding-top: 10px;
    }
    .footer_logo {display:none}
    .nomobile {display:none !important}
    footer h3 {display:none}

    .footer_row_wrapper.mainfooter {
        padding-bottom:1px;
    }

    .footer_row_wrapper.mainfooter {
        margin-left: 18px;
        margin-right: 18px;
        padding: 44px 0 1px;
    }

    .footer_rowlast * {
        font-size: 13px;
        font-size: 0.81rem;
        line-height: 27px;
        line-height: 1.69rem;
    }
    
    



}



/****************/
/* Mobile Small */
/****************/
@media only screen and (max-width: 430px) {
    /*
    #main-menu .menu-mobile-header {        grid-template-columns: 90px auto 60px; }
    #main-menu .mainmenu_home >a {
        width: 124px;
        height: 34px;
    }
    
    #main-menu .menu-mobile-header .mainmenu_home >a {        margin-left: 10px !important;    }
    

    #main-menu .mainmenu_home >a:before {
        width: 124px;
        height: 31px;
    }
    */

}