/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#dynamicSearch {
    display: none;
}


/* Container padding for nav to prevent it being flush to side */
@media(max-width: 1830px) {
    .nav_container_padding_desktop {
        padding-left: 50px;
        padding-right: 25px;
    }
}
@media(max-width: 1299.98px) {
    .nav_container_padding_desktop {
        padding-left: 20px;
        padding-right: 10px;
    }
}
/*** -------------------- HEADER BUMPERS -------------------- ***/
div.header_bumper {
    position: relative;
    height: 500px;
    max-height: 255.85px;
    -webkit-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s;
}

@media(max-width: 1799.98px) {
    div.header_bumper {
        max-height: 219.2px;
    }
}

@media(max-width: 1299.98px) {
    div.header_bumper {
        max-height: 96px;
    }
}

@media(max-width: 991.98px) {
    div.header_bumper {
        max-height: 92px;
    }
}

/*** -------------------- GLOBAL MESSAGE BAR -------------------- ***/
.global_message_bar {
    background-color: #040E29;
    text-align: center;
    padding: 8px 12px;
}
.global_message_bar .container {
    width: 1800px;
}
.global_message_bar button,
.global_message_bar a {
    -webkit-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.global_message_bar button.support_button {
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
}
.global_message_bar button.support_button::after {
    content: '';
    display: block;
    position: absolute;
    height: 9px;
    width: 9px;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('assets/top_bar/plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.global_message_bar button.support_button.opened_support::after {
    background-image: url('assets/top_bar/minus.svg');
}

.global_message_bar button:hover {
    color: var(--white);
    text-decoration: none;
}
.global_message_bar a:hover {
    opacity: 0.8;
    color: var(--white);
    text-decoration: none;
}

.global_message_bar div.support_menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.global_message_bar div.support_menu {
    margin-left: 50px;
}

.global_message_bar div.support_menu a {
    margin-right: 40px;
}


.global_message_bar .global_message_bar_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.global_message_bar * {
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 400; /* regular */
    margin-bottom: 0;
}


.global_message_bar .left_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.global_message_bar .center_section a {
    text-decoration: underline;
}
.global_message_bar .center_section .center-nav a {
    text-decoration: none!important;
}


.global_message_bar .left_section {
    width: calc(100% - 130px);
}
.global_message_bar .center_section {
    /*width: 0px;*/
}
.global_message_bar .right_section {
    width: 110px;
    text-align: right;
}

@media(max-width: 1699.98px) {
    .global_message_bar * {
        font-size: 12px;
        line-height: 1;
    }

    .global_message_bar div.support_menu {
        margin-left: 40px;
    }

    .global_message_bar div.support_menu a {
        margin-right: 20px;
    }

    .global_message_bar button.support_button::after {
        height: 7px;
        width: 7px;
    }

}

@media(max-width: 1299.98px) {
    .global_message_bar * {
        font-size: 10px;
        line-height: 1;
    }
}

@media(max-width: 1199.98px) {
    .global_message_bar * {
        font-size: 12px;
        line-height: 1;
    }

    .global_message_bar .left_section {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .global_message_bar div.support_menu,
    .global_message_bar div.support_menu a {
        margin: 0;
        margin-bottom: 15px;
    }

    .global_message_bar .global_message_bar_flex {
        align-items: flex-start;
    }

    .global_message_bar div.support_menu {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: 30px;
        margin-bottom: 0;
        width: 100vw;
    }

    .global_message_bar div.support_menu a {
        width: 50%;
        text-align: left;
    }
}


@media(max-width: 991.98px) {
    .global_message_bar .left_section {
    }
    .global_message_bar .center_section {
        /*width: 0px;*/
    }
    .global_message_bar .right_section {
    }
    .global_message_bar {
        padding: 8px 12px;
    }
    .global_message_bar .container {
        padding: 0 !important;
    }
}



/* No Scroll Class When Tray is Open */
body {
    overflow: auto;
    margin: 0;
}
html.no_scroll {
    overflow-y: hidden!important;
    overflow-x: hidden!important;
}
::-webkit-scrollbar {
    width: 20px;
}
::-webkit-scrollbar-thumb {
    background: #cccccc;
}
::-webkit-scrollbar-track {
    background: white;
}

@media(min-width: 1299.98px) {
    header,
    #main-content {
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important;
        -webkit-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        transition-duration: 0s !important;
    }
    html.no_scroll header,
    html.no_scroll #main-content {
        padding-right: 20px;
    }
}


/*** Navigation ***/
#mobile_navigation {
    display: none;
}
#desktop_navigation {
    display: block;
}
#mobile_navigation_tray {
    display: none;
}
#mobile_mega_menu_sub_tray {
    display: none;
}

/*** -------------------- DESKTOP -------------------- ***/
#desktop_navigation {
    background-color: transparent;
}

#desktop_navigation .container-fluid {
    position: unset !important;
}

#desktop_navigation > .container-fluid > .container {
    width: 1800px;
}

#desktop_navigation .desktop_menu_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
    padding-top: 20px;
    padding-bottom: 20px;
}
header.sticky #desktop_navigation .desktop_menu_flex {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media(max-width: 1799.98px) {
    #desktop_navigation .desktop_menu_flex {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media(max-width: 1399.98px) {
    #desktop_navigation .desktop_menu_flex {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#desktop_navigation .menu_gutter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    width: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: -50px;
    margin-bottom: -50px;
    margin-right: 200px;
}

/* Logo */
#desktop_navigation .main_logo {
    background-image: url('assets/logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    text-align: center;
    width: auto;
    height: 90px;
    -webkit-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s;
}
#desktop_navigation .main_logo > a {
    margin: 0 auto;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#desktop_navigation .main_logo img {
    opacity: 0;
}
#desktop_navigation .nav_border_bottom {
    /*border-bottom: 1px solid #cccccc;*/
}

@media(max-height: 850px) and (min-width: 1199.98px) {
    #desktop_navigation .main_logo {
        height: 60px;
    }
}

/*** sticky image ***/
header.sticky #desktop_navigation .main_logo {
    height: 60px;
}



@media(max-width: 1399.98px) {
    #desktop_navigation .main_logo {
        height: 60px;
    }
}





#desktop_navigation .menu_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#desktop_navigation .menu_links a.button.primary,
#mobile_navigation .center a.button.primary {
    background-color: var(--cornflower);
    border-color: var(--cornflower);
}
#desktop_navigation .menu_links a.button.primary:hover,
#mobile_navigation .center a.button.primary:hover {
    background-color: var(--cornflower-light-1);
    border-color: var(--cornflower-light-1);
}
#mobile_navigation .center a.button.primary {
    /*padding-right: 20px;*/
    padding: 8px 16px!important;
    font-size: 12px;
    line-height: 15px;
    margin-right: 20px!important;
}

#desktop_navigation .menu_links ul,
#desktop_navigation .menu_links ul li {
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#desktop_navigation .menu_links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
}
#desktop_navigation .menu_links ul li {
    margin-right: 50px;
}
#desktop_navigation .menu_links ul li:last-of-type {
    margin-right: 0;
}
#desktop_navigation .menu_links ul li a {
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    position: relative;
    color: var(--white);
    font-family: indivisible, sans-serif;
}
#desktop_navigation .menu_links ul li a:hover {
    /*color: var(--dark-blue);*/
}
#desktop_navigation .menu_links ul li a.red_link,
#desktop_navigation .menu_links ul li a.red_link:hover {
    color: var(--red);
}

#desktop_navigation .menu_links ul li a.tray_link_hover::after {
    content: '';
    width: 8px;
    height: 5px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
    background-image: url('assets/dropdown_arrow.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#desktop_navigation .menu_links ul li a.tray_link_hover.active::after {
    transform: translateY(-50%) rotate(180deg);
}



#desktop_navigation .menu_links .cta-buttons .button {
    padding-right: 30px;
}
#desktop_navigation .menu_links .cta-buttons .button::after,
#mobile_navigation .center .button::after {
    display: none;
}

@media(max-width: 1599.98px) {
    #desktop_navigation .menu_links .cta-buttons .button {
        padding-right: 20px;
    }
}

header.transparent_nav #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button {
    border-color: #ffffff;
    color: #ffffff
}
header.dark_bisque_nav_dark_links #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button {
    border-color: #1A3059;
    color: #1A3059;
}
header.sticky #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button,
header.active_menu #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button {
    border-color: #1A3059;
    color: #1A3059;
}

header.dark_bisque_nav_dark_links #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button:hover,
header.sticky #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button:hover,
header.active_menu #desktop_navigation .menu_links .cta-buttons .button.secondary.enquire-button:hover {
    color: white;
}
header.royal_blue_nav_light_links #desktop_navigation {
    background-color: var(--royal-blue-dark-1);
}
header.royal_blue_nav_light_links #desktop_navigation .menu_links ul li a, header.royal_blue_nav_light_links #desktop_navigation .menu_links ul li a:hover {
    color: var(--white);
}
header.royal_blue_nav_light_links #desktop_navigation .cta-buttons a.button.secondary {
    color: var(--white);
    border-color: var(--white);
}
@media(max-width: 1399.98px) {
    #desktop_navigation .mega_menu_tray .column a {
        font-size: 24px;
        line-height: 28px;
    }
}



@media(max-width: 1399.98px) {

    #desktop_navigation .menu_links ul li {
        margin-right: 45px;
    }
    #desktop_navigation .menu_links ul li:last-of-type {
        margin-right: 0;
    }
    #desktop_navigation .menu_links ul li a {
        font-size: 17px;
        line-height: 20px;
    }
}


/* Button Menu */
#desktop_navigation .button_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#desktop_navigation .button_menu > span {
    margin-right: 20px;
    position: relative;
}
#desktop_navigation .button_menu > span:last-of-type {
    margin-right: 0;
}

#desktop_navigation .button_menu span.cart-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -15px;
    height: 22px;
    width: 22px;
    background-color: var(--red);
    border-radius: 11px 11px 11px 3px;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 500; /* medium */
}
#desktop_navigation .button_menu button.icon_after,
#desktop_navigation .button_menu a.icon_after {
    position: relative;
    padding-right: 25px;
}
#desktop_navigation .button_menu button.icon_after::after,
#desktop_navigation .button_menu a.icon_after::after {
    content: '';
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#desktop_navigation .button_menu a.account_button::after {
    background-image: url('../navigation/assets/account.svg');
}
#desktop_navigation .button_menu a.basket_button::after {
    background-image: url('../navigation/assets/basket.svg');
}

#desktop_navigation .button_menu a.primary.button {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 15px;
}

#desktop_navigation .button_menu button.search_button {
    background-image: url('../navigation/assets/spyglass.svg');
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 49px;
    width: 49px;
    border: 1px solid #C0C5D4;
}



@media(max-width: 1799.98px) {
    #desktop_navigation .button_menu {
        padding-right: 10px;
    }
}
@media(max-width: 1399.98px) {
    #desktop_navigation .button_menu > span {
        margin-right: 10px;
    }
    #desktop_navigation .button_menu button, #desktop_navigation .button_menu a {
        font-size: 14px;
    }
    #desktop_navigation .button_menu button.icon_after,
    #desktop_navigation .button_menu a.icon_after {
        padding-right: 20px;
    }
    #desktop_navigation .button_menu button.icon_after::after,
    #desktop_navigation .button_menu a.icon_after::after {
        height: 14px;
        width: 14px;
    }
}

/* Mega Menu Trays */
#desktop_navigation .mega_menu_tray {
    position: absolute;
    /*width: 1800px;*/
    width: 100%;
    max-width: calc(100%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background-color: var(--bisque-light);
    padding: 140px 50px;
    padding-bottom: 0;
    padding-top: 0;
    -webkit-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s;
    z-index: 5000001;
    border-top: none;
    /*max-height: calc(100vh - 150px);*/
    height: 610px;
    max-height: calc(100vh - 230px);
    overflow-y: auto;
    display: flex;
}

@media(min-height: 1000px) {
    #desktop_navigation .mega_menu_tray {
        min-height: 720px;
    }
}


#desktop_navigation .mega_tray_background {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #000000;
    opacity: 0;
    -webkit-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s;
    z-index: 5000000;
}
@media(max-width: 1799.98px) {
    #desktop_navigation .mega_menu_tray {
        padding: 50px;
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 0;
    }
    #desktop_navigation .mega_menu_tray {
        max-height: calc(100vh - 150px);
    }
}
@media(max-width: 1399.98px) {
    #desktop_navigation .mega_menu_tray {
        padding: 50px;
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 0;
    }
}
/* closed and open tray states */
#desktop_navigation .mega_menu_tray {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:  ease all .2s, linear margin 0s;
    -o-transition:  ease all .2s, linear margin 0s;
    transition:  ease all .2s, linear margin 0s;
}
#desktop_navigation .mega_menu_tray.open {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#desktop_navigation .mega_tray_background {
    opacity: 0;
    visibility: hidden;
}
#desktop_navigation .mega_tray_background.open {
    opacity: 0.5;
    visibility: visible;
}

/*** When hoverring over gutter to do a complete menu close ***/
#desktop_navigation .mega_menu_tray.full_menu_close {
    margin-left: 10px;
}


/* Internal Tray Styles */

#desktop_navigation .mega_menu_tray .container {
    /*width: 100% !important;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

#desktop_navigation .mega_menu_tray .nav_container_padding_desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#desktop_navigation .mega_menu_tray .column {
    display: block;
}

#desktop_navigation .mega_menu_tray .column {
    padding-top: 120px;
    padding-right: 0;
    padding-bottom: 120px;
    position: relative;
}

#desktop_navigation .mega_menu_tray p.nav_link_title {
    position: absolute;
    top: 65px;
    color: var(--text-black);
}

#desktop_navigation .mega_menu_tray .column .image_container .image-square {
    margin-bottom: 15px;
}


#desktop_navigation .mega_menu_tray .column h6 {
    margin-bottom: 30px;
    color: var(--cornflower);
}

#desktop_navigation .mega_menu_tray .column .top_links a {
    font-family: "Roxborough CF", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 12px;
    margin-bottom: 16px;
    color: var(--text-black);
    text-decoration: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #bebeba;
}

#desktop_navigation .mega_menu_tray .column .top_links a::after {
    content: '';
    height: 14px;
    width: 27px;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    right: 0;
    display: block;
    background-image: url('assets/tray_arrow_after.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    transition: ease all .3s;
}
#desktop_navigation .mega_menu_tray .column .top_links a:hover,
#desktop_navigation .mega_menu_tray .column .top_links a:hover::after {
    color: var(--cornflower);
}


#desktop_navigation .mega_menu_tray .column .bottom_links {
    margin-top: 110px;
}
#desktop_navigation .mega_menu_tray .column .bottom_links a {
    font-family: "Roxborough CF", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 30px;
    color: var(--text-black);
    text-decoration: none;
    display: block;
    position: relative;
}
#desktop_navigation .mega_menu_tray .column .bottom_links a:hover {
    opacity: 0.6;
}
#desktop_navigation .mega_menu_tray .column .bottom_links a:last-of-type {
    margin-bottom: 0;
}

#desktop_navigation .mega_menu_tray .column .bottom_links {
    padding-bottom: 50px;
}
#desktop_navigation .mega_menu_tray .column .image_container .image-square {
    padding-bottom: 90%;
}
#desktop_navigation .mega_menu_tray .column .image_container:hover + .top_links a {
    color: var(--cornflower);
}

@media(max-height: 985px) and (min-width: 1199.98px) {
    #desktop_navigation .mega_menu_tray .column .top_links a {
        font-size: 32px;
        line-height: 40px;
    }
    #desktop_navigation .mega_menu_tray .column .bottom_links a {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    #desktop_navigation .mega_menu_tray .column {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    #desktop_navigation .mega_menu_tray .column .bottom_links {
        margin-top: 30px;
        padding-bottom: 0;
    }
    #desktop_navigation .mega_menu_tray .column h6 {
        margin-bottom: 20px;
    }
    #desktop_navigation .mega_menu_tray p.nav_link_title {
        top: 40px;
    }
}

@media(max-height: 850px) and (min-width: 1199.98px) {
    #desktop_navigation .mega_menu_tray .column {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #desktop_navigation .mega_menu_tray .column .top_links a {
        font-size: 29px;
        line-height: 29px;
    }
    #desktop_navigation .mega_menu_tray .column .bottom_links {
        margin-top: 30px;
        padding-bottom: 0;
    }
    #desktop_navigation .mega_menu_tray .column .bottom_links a {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    #desktop_navigation .mega_menu_tray p.nav_link_title {
        top: 22px;
    }
    #desktop_navigation .mega_menu_tray .column .image_container .image-square {
        padding-bottom: 75%;
    }
    #desktop_navigation .mega_menu_tray {
        height: 450px;
    }
}




#desktop_navigation .placeholder_image {
    position: absolute;
    right: 0;
    width: 33.3%;
    height: 100%;
}

#desktop_navigation .placeholder_image,
#desktop_navigation .placeholder_image .image_container,
#desktop_navigation .placeholder_image .image_container .image-square {
    height: 100%;
    padding-bottom: unset;
}




/*** Container and Column Settings ***/
#desktop_navigation .mega_menu_tray .nav_container_padding_desktop {
    width: 1830px;
}
#desktop_navigation .mega_menu_tray .nav_container_padding_desktop .column {
    padding-left: 15px;
    padding-right: 15px;
}

@media(max-width: 1499.98px) {
    #desktop_navigation .mega_menu_tray .nav_container_padding_desktop {
        width: 1820px;
    }
    #desktop_navigation .mega_menu_tray .nav_container_padding_desktop .column {
        padding-left: 10px;
        padding-right: 10px;
    }
}




/*** colored navs ***/
div.header_bumper .dark_bisque_nav_dark_links,
header.dark_bisque_nav_dark_links #desktop_navigation {
    background-color: var(--bisque-dark);
}
header.dark_bisque_nav_dark_links #desktop_navigation .main_logo {
    background-image: url('assets/dark_logo.svg');
}
header.dark_bisque_nav_dark_links #desktop_navigation .menu_links ul li a,
header.dark_bisque_nav_dark_links #desktop_navigation .menu_links ul li a:hover {
    color: var(--text-black);
}
header.dark_bisque_nav_dark_links #desktop_navigation .menu_links ul li a.tray_link_hover::after {
    background-image: url('assets/dropdown_arrow_active.svg');
}



div.header_bumper .light_bisque_nav_dark_links,
header.light_bisque_nav_dark_links #desktop_navigation {
    background-color: var(--bisque-light);
}
header.light_bisque_nav_dark_links #desktop_navigation .main_logo {
    background-image: url('assets/dark_logo.svg');
}
header.light_bisque_nav_dark_links #desktop_navigation .menu_links ul li a,
header.light_bisque_nav_dark_links #desktop_navigation .menu_links ul li a:hover {
    color: var(--text-black);
}
header.light_bisque_nav_dark_links #desktop_navigation .menu_links ul li a.tray_link_hover::after {
    background-image: url('assets/dropdown_arrow_active.svg');
}



/**** Active Menu ****/
header.sticky #desktop_navigation,
header.active_menu #desktop_navigation {
    background-color: var(--bisque-light);
}
header.sticky #desktop_navigation .main_logo,
header.active_menu #desktop_navigation .main_logo {
    background-image: url('assets/dark_logo.svg');
}
header.sticky #desktop_navigation .menu_links ul li a,
header.sticky #desktop_navigation .menu_links ul li a:hover,
header.active_menu #desktop_navigation .menu_links ul li a,
header.active_menu #desktop_navigation .menu_links ul li a:hover {
    color: var(--text-black);
}
header.sticky #desktop_navigation .menu_links ul li a.tray_link_hover::after,
header.active_menu #desktop_navigation .menu_links ul li a.tray_link_hover::after {
    background-image: url('assets/dropdown_arrow_active.svg');
}

/* ------------------------------------------------------------------------------------------------------------ */

#dynamicSearch {
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#dynamicSearch.open {
    opacity: 1;
    visibility: visible;
}
@media(max-width: 1840px) {
    #dynamicSearch .dynamic_search_bar.container {
        width: 100%;
    }
}
#dynamicSearch .dynamic_search_bar {
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
    padding: 20px 33px;
    padding-top: 24px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
#dynamicSearch input {
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
    margin: 0 auto;
    width: 525px;
    max-width: 100%;
    height: 55px;
}

#dynamicSearch .dynamic_search_background.background_overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000000;
    top: 0;
    z-index: -1;
    opacity: 0.5;
}




/* Top Boxes */
#dynamicSearch .dynamic_search_bar .top_box {
    height: 19px;
    width: 19px;
    min-width: 19px;
    min-width: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#dynamicSearch .dynamic_search_bar .top_box#search_bar__close_button {
    background-image: url('../navigation/assets/search_bar/close.svg');
    cursor: pointer;
}

/*
#dynamicSearch .dynamic_search_bar input[type="text"] {
    background-image: url('../navigation/assets/search_bar/spyglass.svg');
    background-position: calc(100% - 20px)  center;
    background-repeat: no-repeat;
    background-size: 25px;
}
*/
#dynamicSearch .dynamic_search_bar .woocommerce-product-and-category-search-form-container {
    position: relative;
}
#dynamicSearch .dynamic_search_bar input.fake-search-submit-button {
    position: absolute;
    right: 10px;
    bottom: 0;
    top: 0;
    width: 25px;
    background-color: transparent !important;
    overflow: hidden !important;
}

/*** Inner Search Overlay ****/


#dynamicSearch .woocommerceSearchResults {
    overflow-y: scroll;
    max-height: 90vh;
    padding-bottom: 50px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#dynamicSearch .woocommerceSearchResults::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#dynamicSearch .woocommerceSearchResults {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#dynamicSearch * {
    min-height: 0 !important;
}
#dynamicSearch .search_overlay__dropdown_section {
    background-color: #FFFFFF;
    border-top: 1px solid #1D1D1D;
    padding-top: 35px;
    padding-bottom: 20px;
    width: 100%;
}

/* Hide last 4 search results on small height screens */
@media(min-width: 1299.98px) and (max-height: 900px) {
    /*#dynamicSearch .overlay_search_result:nth-of-type(5),*/
    /*#dynamicSearch .overlay_search_result:nth-of-type(6),*/
    /*#dynamicSearch .overlay_search_result:nth-of-type(7),*/
    /*#dynamicSearch .overlay_search_result:nth-of-type(8) {*/
    /*    display: none;*/
    /*}*/
}
/* Make badges a bit smaller */
@media(max-width: 1499.98px) and (min-width: 992px) {
    #dynamicSearch .product-grid-item span.onsale {
        font-size: 18px;
        padding: 7px 14px;
    }
    #dynamicSearch .product-grid-item h5.product-grid-title {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 0;
    }
}



/* xl */
@media(max-width:1199.98px) {
    /*#dynamicSearch .overlay_search_result:nth-of-type(7),*/
    /*#dynamicSearch .overlay_search_result:nth-of-type(8) {*/
    /*    display: none;*/
    /*}*/

    /*#dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(7),*/
    /*#dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(8),*/
    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(9),
    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(10) {
        display: none;
    }

    #dynamicSearch .button_casing {
        padding-bottom: 25px;
        padding-top: 25px;
    }

    #dynamicSearch input {
        max-width: 90%;
    }
}

@media(max-width: 991.98px){
    #dynamicSearch .overlay_search_result:nth-of-type(7),
    #dynamicSearch .overlay_search_result:nth-of-type(8) {
        display: none;
    }

    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(7),
    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(8),
    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(9),
    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults:nth-of-type(10) {
        display: none;
    }
}

/*** -------------------- MOBILE -------------------- ***/
@media(max-width: 1299.98px) {
    header {
        z-index:999!important;
    }
    #desktop_navigation {
        display: none;
    }
    #mobile_navigation {
        display: block;
    }
    #dynamicSearch {
        display: block;
    }
    #mobile_navigation_tray {
        display: block;
    }
    #mobile_mega_menu_sub_tray {
        display: block;
    }
    #dynamicSearch {
        opacity: 1;
        visibility: visible;
    }
    #dynamicSearch .dynamic_search_background.background_overlay {
        display: none;
    }


    /*** Mobile Main Bar ***/
    #mobile_navigation .mobile_menu_bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

        height: 60px !important;

        padding-right: 15px;
        padding-left: 15px;
        background-color: var(--bisque-light);
    }
    #mobile_navigation .mobile_menu_bar .left,
    #mobile_navigation .mobile_menu_bar .right {
        width: 85px;
    }

    #mobile_navigation .mobile_menu_bar .right {
        text-align: right;
        width: auto;
    }

    #mobile_navigation .mobile_menu_bar .center img {
        min-width: 165px;
    }

    #mobile_navigation .mobile_menu_button {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
    }
    #mobile_navigation .account_button > img,
    #mobile_navigation .basket_button > img {
        height: 100%;
        width: auto;
    }
    #mobile_navigation .account_button,
    #mobile_navigation .basket_button {
        height: 23px;
        width: 23px;
        display: inline-block;
        position: relative;
    }
    #mobile_navigation .account_button {
        margin-right: 14px;
    }
    #mobile_navigation .basket_button .cart-count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: -10px;
        right: -15px;
        height: 22px;
        width: 22px;
        background-color: var(--red);
        border-radius: 11px 11px 11px 3px;
        color: var(--white);
        font-size: 14px;
        line-height: 1;
        font-weight: 500; /* medium */
    }

    /*** Dynamic Search Bar ***/
    #dynamicSearch {
        position: relative;
    }
    #dynamicSearch .dynamic_search_bar,
    header.sticky #dynamicSearch .dynamic_search_bar {
        padding-top: 0;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--border-medium);
        margin-bottom: 0;
    }

    /*** Dynamic Search Results ***/
    #dynamicSearch .dynamic_search_background {
        margin-top: -14px;
    }
    #dynamicSearch .search_overlay__dropdown_section {
        border-top: none;
    }



    #dynamicSearch .dynamic_search_bar .top_box#search_bar__close_button {
        position: absolute;
        margin-top: 145px;
        right: 20px;
        cursor: pointer;
        z-index: 300;
    }




    #dynamicSearch .dynamic_search_bar,
    header.sticky #dynamicSearch .dynamic_search_bar {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #dynamicSearch .dynamic_search_bar .top_box {
        display: none;
    }
    #dynamicSearch .dynamic_search_bar .top_box#search_bar__close_button {
        display: none;
    }

    #dynamicSearch .woocommerce-product-and-category-search-form-container {
        margin: 0 auto;
    }

    #dynamicSearch .woocommerceSearchResults {
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 200px;
    }





    #dynamicSearch .dynamic_search_bar input[type="text"] {
        margin-left: 0;
        margin-right: 0;
    }
    #dynamicSearch .search_overlay__dropdown_section {
        padding-top: 25px;
    }
    #dynamicSearch .results_flex_column_settings > .col-12 .categoryResults p {
        margin-bottom: 10px;
    }
    #dynamicSearch .button_casing {
        padding-top: 10px;
    }

    #dynamicSearch .woocommerce-product-and-category-search-form-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    #dynamicSearch input {
        width: 100%;
    }







    /************ -------------------------- MOBILE NAVIGATION TRAY -------------------------- **************/

    @media(max-width: 1299.98px) {
        .desktop_search_form {
            display: none;
        }
    }

    #mobile_navigation_tray {
        position: fixed;
        background-color: var(--bisque-light);
        top: 0;
        width: 500px;
        max-width: 100%;
        height: 100%;
        overflow-y: scroll;
        right: -500px;
        z-index: 300000;
        -webkit-transition: ease all 0.5s;
        -o-transition: ease all 0.5s;
        transition: ease all 0.5s;
    }
    #mobile_navigation_tray.open {
        right: 0;
    }
    .mobile_navigation_tray_background {
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0,0,0,0.5);
        z-index: 299999;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
    .mobile_navigation_tray_background.open {
        opacity: 1;
        visibility: visible;
    }
    #mobile_navigation_tray::-webkit-scrollbar {
        display: none;
    }
    #mobile_navigation_tray {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    #mobile_navigation_tray button.mobile_close_tray {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        position: absolute;
        top: 15px;
        right: 15px;
        padding-right: 0;
    }
    #mobile_navigation_tray .mobile_menu_top {
        width: 100%;
        background-color: var(--bisque-light);
        padding-top: 50px;
    }
    #mobile_navigation_tray .main_mobile_menu_tray {
        width: 100%;
        background-color: var(--bisque-light);
        padding: 0 40px;
        padding-right: 25px;
        padding-top: 40px;
    }

    #mobile_navigation_tray .mobile-link-overflow-scroll {
        max-height: calc(100vh - 250px);
        overflow: auto;
        padding-right: 15px;
    }
    /* width */
    #mobile_navigation_tray .mobile-link-overflow-scroll::-webkit-scrollbar {
        width: 8px;
        border: none;
        border-radius: 20px;
    }
    /* Track */
    #mobile_navigation_tray .mobile-link-overflow-scroll::-webkit-scrollbar-track {
        background: #EAE9E4;
        border: none;
        border-radius: 20px;
    }
    /* Handle */
    #mobile_navigation_tray .mobile-link-overflow-scroll::-webkit-scrollbar-thumb {
        background: #A4BCD1;
        border: none;
        border-radius: 20px;
    }
    /* Handle on hover */
    #mobile_navigation_tray .mobile-link-overflow-scroll::-webkit-scrollbar-thumb:hover {
        background: #A4BCD1;
    }

    #mobile_navigation_tray .mobile_mega_menu_tray_dropdown h6 {
        color: var(--cornflower);
        margin-top: 15px;
    }
    #mobile_navigation_tray .mobile_mega_menu_tray_dropdown .top-of-the-drop + h6:first-of-type {
        margin-top: 0;
    }
    #mobile_navigation_tray .mobile_mega_menu_tray_dropdown .top-of-the-drop + a:first-of-type {
        padding-top: 0;
    }


    #mobile_navigation_tray .main_mobile_menu_tray a {
        width: 100%;
        font-size: 17px;
        line-height: 25px;
        display: block;
        position: relative;
        cursor: pointer;
        text-decoration: none!important;
        color: var(--black);
        padding-top: 15px;
        padding-bottom: 15px;
        font-family: "indivisible", sans-serif;
        font-weight: 400;

    }
    #mobile_navigation_tray .main_mobile_menu_tray li {
        border-bottom: 1px solid #bebeba;
    }
    #mobile_navigation_tray .main_mobile_menu_tray a {
        /*border-bottom: 1px solid #bebeba;*/
    }
    #mobile_navigation_tray .main_mobile_menu_tray li:last-of-type {
        /*border-bottom: none;*/
    }

    #mobile_navigation_tray .main_mobile_menu_tray a.red_link {
        color: var(--red);
    }

    #mobile_navigation_tray .main_mobile_menu_tray li {
        position: relative;
        list-style: none;
    }







    #mobile_navigation_tray .main_mobile_menu_tray a.mobile_mega_menu_tray::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
        height: 5px;
        width: 10px;
        background-image: url('assets/mobile/link_arrow.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: ease all .3s;
        -o-transition: ease all .3s;
        transition: ease all .3s;
    }
    #mobile_navigation_tray .main_mobile_menu_tray a.mobile_mega_menu_tray.open::after {
        -webkit-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
    }

    #mobile_navigation_tray .main_mobile_menu_tray div.mobile_mega_menu_tray_dropdown a {
        text-transform: none;
        font-size: 20px;
        font-family: "Roxborough CF", sans-serif;
        font-weight: 400;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: none;
        color: #2a2a2a;
    }
    #mobile_navigation_tray .main_mobile_menu_tray div.mobile_mega_menu_tray_dropdown {
        padding-bottom: 8px;
        padding-top: 8px;
    }




    /*** Mobile Tray Menu Bottom ***/
    #mobile_navigation_tray .mobile_menu_bottom {
        padding: 30px;
        flex-wrap: wrap;
    }
    #mobile_navigation_tray .mobile_menu_bottom > div {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 50px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #mobile_navigation_tray .mobile_menu_bottom a {

    }



    #mobile_navigation_tray .mobile_menu_bottom #dynamicSearch .dynamic_search_bar.container {
        padding: 0;
        width: 100%;
        background-color: transparent;
        border-bottom: none;
    }


    #mobile_navigation_tray .mobile_menu_bottom {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    #mobile_navigation_tray .mobile_menu_bottom a.button.primary,
    #mobile_navigation_tray .mobile_menu_bottom a.button.secondary {
        position: relative;
        width: 122px;
        padding: 10px 25px;
        margin: 0 10px;
    }

    #mobile_navigation_tray .mobile_menu_bottom a.button.primary::after,
    #mobile_navigation_tray .mobile_menu_bottom a.button.secondary::after {
        display: none;
    }

    #mobile_navigation_tray .mobile_menu_bottom a.button.primary {
        background-color: var(--cornflower);
        border-color: var(--cornflower);
    }

    #mobile_navigation_tray .mobile_menu_bottom .contact_details {
        margin-top: 94px;
    }

    #mobile_navigation_tray .mobile_menu_bottom .contact_details a {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 5px;
        position: relative;
        text-align: center;
        color: var(--dark-grey);
    }


    #mobile_navigation_tray .mobile_menu_bottom .contact_details .social_buttons {
        display: none;
        text-align: center;
        margin-top: 15px;
    }
    #mobile_navigation_tray .mobile_menu_bottom .contact_details .social_buttons a {
        background-color: var(--light-grey);
        padding: 5px;
        border-radius: 7px;
        height: 30px;
        width: 30px;
        margin: 0;
        margin-right: 10px;
        margin-left: 10px;
    }

    #mobile_navigation_tray .mobile_menu_bottom .contact_details .social_buttons a > img {
        max-height: 20px;
        width: auto;
    }


    #mobile_navigation_tray div.search_and_button {
        margin-top: 40px;
    }


    /******* MEGA MENU SUB TRAYS *******/
    #mobile_mega_menu_sub_tray .mobile_mega_menu_tray {
        position: fixed;
        background-color: #FFFFFF;
        top: 0;
        width: 500px;
        max-width: 100%;
        height: 100%;
        overflow-y: scroll;
        left: -500px;
        z-index: 300000;
        -webkit-transition: ease all 0.5s;
        -o-transition: ease all 0.5s;
        transition: ease all 0.5s;
        border-right: var(--light-grey) 1px solid;
    }

    #mobile_mega_menu_sub_tray .mobile_mega_menu_tray.open {
        left: 0;
    }


    #mobile_mega_menu_sub_tray .mobile_mega_menu_tray::-webkit-scrollbar {
        display: none;
    }
    #mobile_mega_menu_sub_tray .mobile_mega_menu_tray {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    #mobile_mega_menu_sub_tray button.mobile_close_tray {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        position: absolute;
        top: 25px;
        right: 16px;
        padding-right: 0;
    }

    #mobile_mega_menu_sub_tray button.sub_tray_back {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        position: absolute;
        top: 25px;
        left: 16px;
        padding-right: 0;
        padding-left: 0;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #mobile_mega_menu_sub_tray button.sub_tray_back::before {
        content: '';
        display: inline-block;
        height: 12px;
        width: 7px;
        background-image: url('../navigation/assets/mobile/back.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-right: 10px;
    }

    #mobile_mega_menu_sub_tray .mobile_menu_top {
        width: 100%;
        background-color: #FFFFFF;
        padding-top: 50px;
    }

    #mobile_mega_menu_sub_tray .heading_sub_section {
        text-align: center;
        padding: 16px;
        border-bottom: 1px solid #707070;
    }
    #mobile_mega_menu_sub_tray .heading_sub_section p {
        font-size: 14px;
        line-height: 21px;
        text-transform: uppercase;
        margin-bottom: 0;
        padding: 0;
    }

    #mobile_mega_menu_sub_tray .middle_link_section {
        padding: 18px 16px;
        padding-bottom: 50px;
    }

    #mobile_mega_menu_sub_tray .middle_link_section h5 {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 18px
    }

    #mobile_mega_menu_sub_tray .middle_link_section .link_list {
        margin-bottom: 50px;
    }

    #mobile_mega_menu_sub_tray .middle_link_section .link_list li {
        list-style: none;
    }

    #mobile_mega_menu_sub_tray .middle_link_section .link_list li a {
        text-decoration: none;
        margin-bottom: 20px;
        display: block;
        line-height: 1;
    }

    #mobile_mega_menu_sub_tray .middle_link_section a.button.tertiary {
        margin-top: 10px;
        margin-bottom: 30px;
    }


    #dynamicSearch .woocommerce-product-and-category-search-form-container {
        width: 100%;
        height: 52px;

    }

    #dynamicSearch .dynamic_search_bar input[type="text"] {
        width: 100%;
        max-width: unset;
    }

}




/*@media(max-height: 795px) {*/

/*    #mobile_navigation_tray .mobile_menu_bottom > div {*/
/*        margin-top: 30px;*/
/*    }*/
/*    #mobile_navigation_tray div.search_and_button {*/
/*        margin-top: 10px;*/
/*    }*/
/*    #mobile_navigation_tray .mobile_menu_bottom .contact_details {*/
/*        margin-top: 45px;*/
/*    }*/
/*}*/

@media(max-width: 1399.98px) and (min-width: 576px) and (min-height: 500px){
    #mobile_navigation_tray .mobile_menu_bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}


@media(max-width: 575.98px) {
    #mobile_navigation_tray {
        top: 85px;
        height: calc(100vh - 90px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .mobile_navigation_tray_background.open {
        display: none;
    }
    #mobile_navigation_tray .mobile_menu_top {
        display: none;
    }
    #mobile_navigation_tray .mobile_menu_bottom .contact_details {
        margin-top: 40px;
        margin-bottom: 200px;
    }
    #mobile_navigation .mobile_menu_button.open {
        background-image: url('assets/mobile/mobile_close.svg');
        background-size: 15px 15px;
        background-position: center;
        background-repeat: no-repeat;
    }
    #mobile_navigation .mobile_menu_button.open > img {
        opacity: 0;
    }
}

@media(max-width: 1599.98px){
    #desktop_navigation .menu_gutter {
        margin-right: 0px;
    }
}