/* TopBar */
body {
    visibility: hidden;
}
body.loaded {
    visibility: visible;
}


.top_header {



    background-color: var(--color_light_yellow);



}







.top_header_text .text {



    margin-bottom: 0;



}







.top_header_text .text a {



    width: 100%;



    color: var(--color_black_text);



    font-family: var(--font_Lato_Bold);



    font-size: 15px;



    line-height: 1;



    margin-top: 10px;



    margin-bottom: 10px;



    text-transform: uppercase;



    font-weight: 500;



    letter-spacing: 2px;



    text-decoration: none;



    font-style: initial;



    text-align: center;



}







@media (max-width: 991px) {



    .top_header {



        display: none;



    }



}







/* /TopBar */







/* Main Header */



#site-header {



    position: relative;



}







#site-header::after {



    content: "";



    position: absolute;



    left: 0;



    bottom: 0;



    background-image: url(../../images/bg-triple-border.png);



    background-repeat: repeat-x;



    width: 100%;



    height: 7px;



}







.site_main_header {



    padding-top: 20px;



    padding-bottom: 22px;



    position: relative;



}







.site_main_header__innner {



    display: flex;



    flex-wrap: wrap;



    column-gap: 20px;



}







.site_main_header__innner .site_logo_wrap {



    width: 271px;



    height: 108px;



}







body:not(.enable-search-modal) .site-logo img {



    width: 271px;



    height: 108px;



    min-height: max-content;



}







.site_main_header__innner .site_right_wrap {



    width: calc(100% - 291px);



    /* transition: all 0.5s ease-in-out; */



}







.site_right_wrap__inner {



    display: flex;



    flex-direction: column;



    height: 100%;



}







.main_menu_wrap {



    margin-top: auto;



}







.location_wrap__inner {



    display: flex;



    background-color: var(--color_light_yellow2);



    padding: 16px 10px 14px;



    gap: 10px;



    align-items: center;



    line-height: 1;



    width: fit-content;



    justify-content: end;



    margin-left: auto;



}







.location_wrap__inner .locations-label {



    color: var(--color_black_text);



    font-family: var(--font_Lato_Bold);



    font-size: 14px;



    text-transform: uppercase;



    letter-spacing: 0.075em;



    line-height: 1;



}







.location_list {



    display: flex;



    gap: 10px;



    align-items: center;



}







.location_list__item {



    margin-top: -6px;



}







.location_list .location_list__item a {



    font-size: 14px;



    font-style: italic;



    text-decoration: underline;



    letter-spacing: 0;



    color: var(--color_blue);



    transition: all 0.5s ease-in-out;



}







header ul.primary-menu {



    margin: 0;



    width: 100%;



}







.location_list .location_list__item a:hover {



    text-decoration: none;



}





.site_main_header__innner.menu_row {

    justify-content: end;

}





.primary-menu .icon {



    display: none;



}







.primary-menu>li {



    margin: 0;



}







body:not(.overlay-header) .primary-menu ul,



.primary-menu ul {



    background: var(--color_white);



    background-color: var(--color_white);



}







body:not(.overlay-header) .primary-menu>li>ul:after {



    border-color: transparent;



}







.primary-menu-wrapper .primary-menu .menu-item a {



    color: var(--color_black_text);



    font-family: var(--font_Lato_Regular);



    text-transform: uppercase;



    text-decoration: none;



    font-size: 14px;



    padding: 10px 7px;



    font-style: normal;



    letter-spacing: 0.075em !important;



    margin-right: 0;



    transition: all 0.5s ease-in-out;

    text-decoration: none;

}



/* body.sticky .primary-menu-wrapper .primary-menu .menu-item a {

    font-size: 12px;

} */



.primary-menu-wrapper .primary-menu .menu-item.current_page_item>a {

    font-family: var(--font_Lato_Bold);

    text-decoration: none;

}



body.touch-enabled .primary-menu>li.menu-item-has-children>a {



    padding-right: 10px;



}







.primary-menu-wrapper .primary-menu .menu-item a:hover {



    font-family: var(--font_Lato_Bold);



}







body.touch-enabled .primary-menu>li.menu-item-has-children>a {



    margin-right: 0;



}







.icon-bar {



    background-color: var(--color_brown);



    width: 30px;



    height: 3px;



}







.site-mobile-logo {



    display: none;



}



.location_wrap,

.site_main_header__innner.menu_row.default_menu {

    margin-top: 10px;

}



/* sticky Header */







/* Sticky header styles */



body.sticky #site-header {



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    background: #fff;



    z-index: 999;



    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);



}



body:not(.sticky) .location_list {

    display: flex !important;

}



body .sticky_menu {

    display: none;

}



body.sticky .sticky_menu {

    display: block;

}



body.sticky .default_menu {

    display: none;

}





/* Logo behavior */



.site-sticky-logo {



    display: none;



}







body.sticky .site_main_header__innner .site_logo_wrap {



    width: 46px;



    height: 46px;



}







body.sticky .custom-logo-link {



    display: none;



}







body.sticky .site-sticky-logo {



    display: block;



}







body.sticky .site_main_header__innner .site_right_wrap {



    width: calc(100% - 66px);



}







/* Dropdown styles */



body.sticky .location_wrap {



    position: relative;



}







body.sticky .location_list {



    display: none;



    position: absolute;



    top: 100%;



    left: 0;



    background: var(--color_white);



    border: 1px solid #ccc;



    z-index: 1000;



    flex-direction: column;



    min-width: 200px;



}







body.sticky .location_list__item {



    padding: 8px 12px;



}







body.sticky .location_list__item a {



    color: #000;



    text-decoration: none;



    display: block;



}







body.sticky .site_main_header__innner {



    align-content: center;



}







body.sticky .site_right_wrap__inner {



    flex-direction: row-reverse;



    align-items: center;

    column-gap: 40px;

}







body.sticky .main_menu_wrap {



    margin-top: 0;



}







body.sticky .location_wrap__inner {



    border: 1px solid var(--color_blue);



    padding-top: 6px;



    padding-bottom: 10px;



}







body.sticky .location_wrap__inner .locations-label {



    color: var(--color_blue);



    font-weight: 400;



    position: relative;



}







body.sticky .location_wrap__inner .locations-label::after {



    display: inline-block;



    content: "";



    background-image: url(../../images/arrow.svg);



    background-size: cover;



    background-position: center center;



    width: 18px;



    height: 18px;



    margin-left: 15px;



    position: relative;



    top: 2px;



}







body.sticky .location_list .location_list__item {



    margin-bottom: 5px;



}







body.sticky .location_list {



    padding: 10px;



    width: 100%;



    border: 0;



}







body.sticky .location_list .location_list__item a {



    font-size: 16px;



    line-height: 28px;



    color: var(--color_blue);



    text-decoration: underline;



}







body.sticky .location_list .location_list__item a:hover {



    color: var(--color_black_text);



    text-decoration: none;



}











/* /sticky Header */



@media (min-width: 1025px) {

    li.mobile-menu.menu-item {

        display: none;

    }

}



@media (max-width: 1400px) {



    .site_main_header__innner .site_logo_wrap {



        /* width: 271px; */



        height: auto;



    }







    .site_main_header__innner .site_right_wrap {



        /* width: calc(100% - 231px); */



    }



    body.touch-enabled .primary-menu>li.menu-item-has-children>a {



        padding-right: 6px;



    }



    body.sticky .site_right_wrap__inner {

        column-gap: 0px;

    }

}







@media (max-width: 1199px) {



    .site_main_header__innner .site_logo_wrap {



        width: 211px;



    }



    .site_main_header__innner .site_right_wrap {



        width: calc(100% - 231px);



    }



    .primary-menu-wrapper .primary-menu .menu-item a {



        padding-left: 6px;



        padding-right: 6px;



    }



    .primary-menu-wrapper .primary-menu .menu-item a {

        font-size: 12px;

    }



}







@media (max-width: 1024px) {



    .site_main_header__innner {



        align-items: center;



        flex-wrap: nowrap;

        justify-content: space-between;



    }



    header ul.primary-menu {

        margin-left: 35px;

    }



    .site-desktop-logo {



        display: none;



    }



    /* .primary-menu ul.sub-menu {

        position: relative;

    } */



    .menu-item-has-children>.sub-menu {

        display: none !important;

    }



    .menu-item-has-children.open>.sub-menu {

        display: block !important;

    }



    .site-mobile-logo {



        display: flex;



        align-items: center;



        justify-content: center;



    }







    .site_main_header__innner .site_logo_wrap {



        width: auto;



        max-width: 275px;



    }







    .site_main_header__innner .site_right_wrap {



        width: calc(100% - 330px);



    }







    .primary-menu-wrapper {



        display: none;



    }



    ul.primary-menu {

        flex-wrap: initial;

        justify-content: normal;

    }







    .primary-menu-wrapper.active {



        display: block;



        height: calc(100vh - 137px);



        background: var(--color_white);



        overflow-y: auto;

        overflow-x: hidden;



        scrollbar-width: 0;



    }







    button.toggle {



        position: relative;



        display: block;



        background: none;



        border: none;



        font-size: 1.5rem;



        cursor: pointer;



        display: flex;



        width: 30px;



        align-items: center;



        flex-direction: column;



        justify-content: center;



        gap: 4px;



        margin-left: auto;



    }







    .primary-menu .icon {



        display: block;



        color: var(--color_black_text) !important;



    }







    .location_wrap {



        display: none;



    }







    .primary-menu-wrapper {



        display: none;



        flex-direction: column;



        position: absolute;



        top: 100%;



        left: 0;



        width: 100%;



        background: var(--color_white);



        z-index: 998;



        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);



    }







    .primary-menu-wrapper.active {



        display: flex;



    }







    .primary-menu-wrapper ul {



        margin: 0;



        padding: 0;



        list-style: none;



    }







    ul.primary-menu {



        flex-direction: column;



        text-align: left;



    }





    .primary-menu-wrapper li {

        padding: 10px 20px;

        /* border-bottom: 1px solid #eee; */

        /* max-width: fit-content; */

        /* margin: 0 auto; */

        margin: 0;

        width: calc(100% - 70px);

    }



    .primary-menu-wrapper li .sub-menu {

        transition: none !important;

    }



    .primary-menu-wrapper li .sub-menu li {

        width: calc(100% - 70px) !important;

    }



    .primary-menu-wrapper li .sub-menu li a {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }





    body.sticky .site-sticky-logo {



        display: block;



    }



    body.sticky .site-sticky-logo {

        display: none;

    }



    body.sticky .site_main_header__innner .site_logo_wrap {

        width: auto;

        height: auto;

    }



}











/* /Main Header */