#header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    left: 0;
    box-sizing: border-box;
    transition: all 150ms ease-in-out;
}

#header {
    display: flex;
    flex-direction: column;
}

#header .top_header {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-height: 105px;
    background: var(--brown);
    padding: 20px var(--width-full);
    align-items: center;
    border: 1px solid #FFFFFF1A;
}

#header .bottom_header {
    display: flex;
    justify-content: center;
    background: var(--charcoal);
    padding: 10px var(--width-full);
    align-items: center;

}

#logo, #mobile_logo {
    /*Logo Placeholder*/
    background: center / contain no-repeat;
    position: absolute;
    min-height: 65px;
    min-width: 282px;
    display: block;
    text-indent: -99999px;
    transition: .3s;
    top: calc(50% - 33px);
    left: calc(50% - 141px);
}

#header .contact_link {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background: center / 25px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3e%3cpath fill='white' fill-rule='evenodd' d='M11.2 5.3c.8.8.5 1.8-.1 2.6a6.8 6.8 0 0 1-1 1l-.9 1c-.1.1.8 1.8 2.4 3.5 1.7 1.6 3.4 2.5 3.5 2.4l1-1c.5-.5.8-.8 1.2-1 .8-.5 1.6-.7 2.4 0 2.4 1.7 3.7 2.7 4.4 3.4a3.4 3.4 0 0 1 0 4.6l-1.5 1.5C19.1 26.8 11.7 24.7 6 19 .3 13.3-1.8 5.9 1.7 2.4L3.2.9a3.4 3.4 0 0 1 4.6 0 40 40 0 0 1 3.4 4.4Zm6.6 11.3-1 1c-1.5 1.6-4.3.2-7-2.5-2.6-2.6-4-5.4-2.3-7A2644 2644 0 0 0 9 6.5c-1.4-2-2.4-3.3-3-3.8-.2-.3-.9-.2-1 0L3.4 4c-2.3 2.3-.6 8.3 4.3 13.1 4.8 4.9 10.8 6.6 13 4.3.7-.5 1.1-1 1.5-1.4.2-.3.3-.8 0-1.1-.5-.6-1.7-1.5-3.8-3l-.7.6Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

#header .contact_link:hover {
    background: center / 25px no-repeat rgba(190, 112, 51, 0.2) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3e%3cpath fill='white' fill-rule='evenodd' d='M11.2 5.3c.8.8.5 1.8-.1 2.6a6.8 6.8 0 0 1-1 1l-.9 1c-.1.1.8 1.8 2.4 3.5 1.7 1.6 3.4 2.5 3.5 2.4l1-1c.5-.5.8-.8 1.2-1 .8-.5 1.6-.7 2.4 0 2.4 1.7 3.7 2.7 4.4 3.4a3.4 3.4 0 0 1 0 4.6l-1.5 1.5C19.1 26.8 11.7 24.7 6 19 .3 13.3-1.8 5.9 1.7 2.4L3.2.9a3.4 3.4 0 0 1 4.6 0 40 40 0 0 1 3.4 4.4Zm6.6 11.3-1 1c-1.5 1.6-4.3.2-7-2.5-2.6-2.6-4-5.4-2.3-7A2644 2644 0 0 0 9 6.5c-1.4-2-2.4-3.3-3-3.8-.2-.3-.9-.2-1 0L3.4 4c-2.3 2.3-.6 8.3 4.3 13.1 4.8 4.9 10.8 6.6 13 4.3.7-.5 1.1-1 1.5-1.4.2-.3.3-.8 0-1.1-.5-.6-1.7-1.5-3.8-3l-.7.6Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

#header ul.menu_content_container {
    display: flex;
    flex-direction: row;
    gap: var(--gap-s);
    list-style: none;
    margin: 0;
    align-items: center;
}

#header ul.menu_content_container > * {
    margin: 0;
}

@media (min-width: 868px) {

    #mobile_logo {
        display: none;
    }

    #header ul.main_menu li a {
        text-decoration: none;
        color: #000;
    }

    #header .contact_link_container {
        display: flex;
        gap: var(--gap-s);
    }

    #header .contact_link_container > a {
        display: flex;
        gap: var(--gap-s);
        align-items: center;
        text-decoration: none;
        color: var(--rich-gold);
        margin: 0;
        position: relative;
    }

    #header .contact_link_container > a:before {
        content: '';
        background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%23FF0000' d='m19.97 15.117-.908 3.937a1.214 1.214 0 0 1-1.19.946C8.016 20 0 11.984 0 2.129c0-.573.39-1.062.946-1.19L4.884.032A1.226 1.226 0 0 1 6.282.74l1.817 4.238c.213.5.07 1.081-.35 1.424L5.644 8.09a13.659 13.659 0 0 0 6.231 6.23l1.722-2.102c.34-.42.926-.566 1.425-.35l4.239 1.816c.51.269.841.862.709 1.433Z'/%3e%3c/svg%3e");
        width: 20px;
        height: 20px;
        display: block;
    }

    #header ul {
        display: flex;
        flex-direction: row;
        gap: var(--gap-s);
        list-style: none;
        margin: 0;
        align-items: center;
    }

    #header ul li {
        margin: 0;
        padding: 14px 7px;
    }

    #header ul li.menu-item-has-children a {
        padding-right: 37px;
        position: relative;
        isolation: isolate;
    }

    #header ul li.menu-item-has-children > a:after {
        content: '';
        inset: 0;
        position: absolute;
        background: calc(100% - 14px) / 13px 7px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' fill='none'%3e%3cpath fill='white' d='M6.2 4.7 11.1 0c0-.1.3-.1.4 0l.9.8v.4L6.4 7l-.2.1H6L0 1.2A.3.3 0 0 1 0 1l1-.8c0-.1.3-.1.4 0l4.8 4.6Z'/%3e%3c/svg%3e");
        z-index: -1;
    }

    #header ul li a {
        text-decoration: none;
        padding: 14px 7px;
        color: var(--white);
    }

    #header ul li a:hover {
        opacity: 1;
        background: rgba(190, 112, 51, 0.2);
    }

    #header ul li.menu-item-has-children {
        position: relative;
    }

    #header ul#header_top li.menu-item-has-children ul {
        left: 0;
    }

    #header ul li.menu-item-has-children ul {
        padding-inline: 0;
        flex-direction: column;
        background: #eeeeee;
        position: absolute;
        list-style: none;
        left: calc(100% - 173px);
        min-width: 300px;
        transition: 0.4s;
        gap: 0;
        border-radius: 4px;
        margin-top: 12px;
        padding: 10px;
        border: 1px solid var(--rich-gold);
        display: none;
    }
    #header ul#header_top li.menu-item-has-children ul:after {
        right: calc(50% + 60px);
    }

    #header ul li.menu-item-has-children ul:after {
        content: '';
        display: block;
        position: absolute;
        border: 10px solid rgba(0, 0, 0, 0);
        border-bottom-color: var(--rich-gold);
        width: 0;
        height: 0;
        top: -20px;
        right: calc(50% - 5px);
    }

    #header ul li.menu-item-has-children ul li {
        color: var(--black);
        width: 100%;
        display: block;
        padding: 0;
    }

    #header ul li.menu-item-has-children ul li a {
        color: var(--black);
        width: 100%;
        display: block;
        font-size: 16px;
        border-radius: 3px;
    }

    #header ul li.menu-item-has-children ul li a:hover {
        background: var(--rich-gold);
        color: var(--white);
    }

    #header ul li.menu-item-has-children:hover ul {
        display: flex;
        z-index: 9;
    }

    #header ul li.menu-item-has-children:hover:after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 300px;
        height: 12px;
    }
}

@media (min-width: 868px) and (max-width: 996px) {
    #header ul {
        gap: 0;
    }

    #header ul li a {
        font-size: 16px;
    }
}

@media (max-width: 868px) {
    #header .bottom_header {
        padding: 0;
    }

    #header_top {
        display: none;
    }

    #logo {
        position: static;
    }

    .main_menu > li:last-child {
        margin-bottom: 150px;
    }

    #header .contact_link_container a:not(.contact_link) {
        display: none;
    }

    #close_menu {
        background-color: rgba(0, 0, 0, 0.01);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10;
        width: 0;
        height: 100vh;
        display: block;
        transition: background-color 0.3s ease, right 0.3s ease;
        -webkit-transition: background-color 0.3s ease, right 0.3s ease;
    }

    body.menu_open {
        overflow: hidden;
    }

    body.menu_open #close_menu {
        display: block;
        background: rgba(0, 0, 0, 0.5);
        right: 300px;
        width: 100%;
    }

    body.menu_open.show_menu_close #close_menu {
        background-color: rgba(0, 0, 0, 0.01);
        width: 100%;
        right: 0;
    }

    #wrap {
        position: relative;
        width: auto;
        min-width: 320px;
        overflow: hidden;
    }

    #shifter {
        position: relative;
        width: 100%;
        left: 0;
        transition: left 0.3s ease;
        -webkit-transition: left 0.3s ease;
        background: #fff;
    }

    body {
        background: #d8d8d8;
    }

    body.menu_open #shifter {
        left: -300px;
    }

    body.menu_open.show_menu_close #shifter {
        left: 0;
    }

    #header .menu_content_container li:has(a.menu_cta) {
        display: none;
    }

    #mobile_menu_button {
        width: 40px;
        display: block;
        padding: 20px;
        box-sizing: initial;
    }

    #mobile_menu_button > div {
        width: 100%;
        height: 7px;
        background-color: var(--rich-gold);
        margin-bottom: 5px;
    }

    #mobile_menu_button > div:last-child {
        margin: 0;
    }

    #header_bottom {
        display: block;
        top: 0;
        left: 100%;
        width: 300px;
        z-index: 11;
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 100vh;
        -webkit-transition: left 0.3s ease;
    }

    body.menu_open #header_bottom {
        left: calc(100% - 300px);
    }

    body.menu_open.show_menu_close #header_bottom {
        left: 100%;
    }

    .header_bottom, ul.header_bottom {
        padding: 0;
        margin: 0;
        list-style: none;
        background: var(--brown);
    }

    #header ul.header_bottom {
        min-height: 100%;
        flex-direction: column;
    }

    .header_bottom li.clicked ul {
        max-height: 500px;
        background: var(--rich-gold);
    }

    #header li.clicked ul a {
        color: var(--brown)
    }

    #header a {
        display: block;
        color: white;
        padding: 20px;
        font-size: 20px;
        font-weight: 400;
        text-decoration: none;
    }

    #header_bottom ul a {
        font-size: 16px;
        padding: 15px 25px;
    }

    #header_bottom li.menu-item-has-children {
        position: relative;
    }

    #header_bottom li.menu-item-has-children > .expand_container {
        position: absolute;
        width: 100px;
        height: 61px;
        right: 0;
        top: 0;
    }

    #header_bottom li.menu-item-has-children > .expand_container > .expand_btn {
        transition: transform 0.3s;
        display: block;
        width: 22px;
        height: 14px;
        position: absolute;
        top: calc(50% - 7px);
        right: 20px;
        background: center / cover no-repeat var(--menu-chevron);
    }

    #header_bottom li.menu-item-has-children.active > .expand_container > .expand_btn {
        background-image: var(--menu-chevron);
    }

    #header_bottom li.menu-item-has-children > ul.sub-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    #header_bottom li.menu-item-has-children.active > ul.sub-menu {
        max-height: 1000px;
    }
}

@media (max-width: 600px) {
    #logo {
        min-width: 212px;
    }
}

@media (max-width: 450px) {
    #header .top_header {
        flex-direction: column;
        padding-block: 10px;
    }
}