/***************
    
    High Noon Interface
    2025 - Loop: Design fir Social Good
    https://weareloop.com/
 
    This file contains the styles for all parts related to 
    the header and footer interfaces. 
 
    @package High Noon Theme
    @version 1.0.0

***************/

:root {
    /* VARS */
     --header-height: 88px; /* 72+16 */
     --topbar-height: 39px;
     --menu-padding:38px;
     --topbanner-height:60px;
}

a#fl-to-top {
    background: var(--white) !important;
    border-radius: 6px;
}
#fl-to-top i {
    color: var(--black);
    font-weight: bold;
}

a#skip-to-content {
    background: var(--white);
    color: var(--black);
    font-size: 20px;
    font-size: 1.25rem;
    width: 100%;
    text-align: center;
    display: block;
    padding: 30px;
}

/* google reCaptcha Badge*/
.grecaptcha-badge {    bottom: 75px !important;}

header.fl-page-header {
    
    /* JUST HIDE IT WHILE DEVELOPONG */
    /* display:none !important; */

    position: fixed;
    width: 100%;
    z-index: 999;
    transition:all .25s ease;
    background:transparent;
    height:var(--header-height);
    top:0;
    padding-top: 16px;
        height: 0;
}

header.fl-page-header .header_inner {
    padding: 0 var(--menu-padding);
    max-width: 1366px;
    margin: auto;
    display: flex;
    gap: 0;
    align-content: flex-start;
    flex-wrap: wrap;
}

header.fl-page-header.init {
    opacity:1;
    /* top:0; */
}

body.admin-bar header.fl-page-header {
    margin-top: 32px;
}


/* Hide the header when editing in BB so it doesn't interfere */
body.fl-builder-edit header.fl-page-header {
    pointer-events: none;
    opacity: 0.75;
}




/*************/
/*************/
/* Menu Main */
/*************/
/*************/


#menu-main {
    width:100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background: transparent;
    left: -75px;
}

#menu-main .menu-desktop {
    list-style: none;
    display: inline-block !important;
    padding-left: 110px;
    padding-right: 20px;
    margin-top: 95px;
    width: 98%;
    box-shadow: none;
    transition: all .25s ease;
    overflow-y: auto;
    /* max-height: calc(100vh - 210px); */
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
}
.mobile_menu_open #menu-main .menu-desktop-wrapper {box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.10);}

#menu-mobile-primary {
    display: flex;
    flex-direction: column;
    width: 56px;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    margin: 16px 8px;
    height: calc(100vh - 32px);
    border-radius: 100px;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    z-index: 2;

}



#menu-main .menu-desktop >li.mainmenu_item.mobile_only {display: none;}

.fl-page-header #menu-mobile-primary a {
    background-image:none;
    color:var(--black);
}

.fl-page-header .menu-nav-logo {
    width: 40px;
    margin-top: 14px;
    margin-left: -1px;
}

.mobile_menu_open .fl-page-header .menu-mobile-logo:after {
    visibility: visible;
    opacity: 1;
    left: 64px;
}
.fl-page-header .menu-mobile-logo:after {
    content: "";
    width: 116px;
    height: 28px;
    position: absolute;
    left: 44px;
    transition: .25s ease;
    background: url(/wp-content/uploads/DTW_logo_justtxt.svg) center left / contain no-repeat;
    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
}




#menu-mobile-primary .mobile_menu_toggle:before {
    content:"";
    background: url(/wp-content/uploads/sites/4/AR_hamb3.png) center center / contain no-repeat;
    width:36px;
    height:36px;
    transition:all .25s ease;
    display: block;
}
.mobile_menu_open #menu-mobile-primary .mobile_menu_toggle:before {
    background: url(/wp-content/uploads/sites/4/AR_hamb_close3.svg) center center / contain no-repeat;
    transform:rotate(180deg);
}
#menu-mobile-primary .mobile_menu_toggle {
    border: 0;
    border-radius: 0;
    color: var(--black);
    font-family: var(--font-content);
    font-size: 10px;
    font-size: 0.63rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--white);
    text-transform: lowercase;
    padding: 0;
}

#menu-mobile-primary .menu-mobile-directory a {
    font-size: 0;
    color: var(--black);
    background: url(/wp-content/uploads/menu_icon_directory.svg) center center / contain no-repeat;
    background-size: 22px;
    border: 0;
    width: 42px;
    height: 42px;
    display: block;
    transform: translate(0, -10px);
    animation: none;
    position: relative;
    background-color: var(--black);
    border-radius: 100px;
}


/* HIDE until Promotional Site is ready */
#menu-mobile-primary .menu-mobile-directory a {display:none !important;}

.mobile_menu_open #menu-mobile-primary .menu-mobile-directory a:after { 
        width: 467px;
    visibility:visible;
    opacity:1;
}
#menu-mobile-primary .menu-mobile-directory a:after {
    content: "See Directory";
    text-align: center;
    width: 0;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100px;
    transition: .25s ease;
    display: block;
    z-index: 1;
    color: var(--style-guide-tdwbiaf-9-f-3-ea, #F6F1F1);
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 9px;
    background: url(/wp-content/uploads/menu_icon_directory.svg) 10px center / contain no-repeat;
    background-color: var(--black);
    visibility: hidden;
    opacity: 0;
    background-size: 22px;
}





#menu-main .menu-desktop-wrapper {
    visibility: hidden;
    overflow: hidden;
    transition: all .25s ease;
    position: fixed;
    height: 100%;
    background: var(--white);
    width:100%;
    max-width: 56px;
    height: calc(100vh - 32px);
    border-radius: 30px;
    top: 16px;
    left: 8px;
}
.mobile_menu_open #menu-main .menu-desktop-wrapper {
    visibility: visible;
    z-index: 0;
    max-width: 485px;
}








#menu-main .menu-desktop >li.mainmenu_button a {
    display:block;
    text-decoration:none;
}


#menu-main .menu-desktop >.mainmenu_item:not(.has_submenu):not(.mainmenu_home) {position:relative;}
#menu-main .menu-desktop >.mainmenu_item:not(.has_submenu):not(.mainmenu_home):hover:after {opacity:1}
#menu-main .menu-desktop:not(#menu-simple) >.mainmenu_item:not(.has_submenu):not(.mainmenu_home):after {
    content: "";
    position: absolute;
    background: var(--white);
    width: calc(100% - 40px);
    height: 2px;
    left: 20px;
    bottom: 0px;
    transition: all 0.25s ease;
    opacity:0;
}

#menu-main .menu-desktop >li.mainmenu_item:first-child >a {
    margin-left:0;
}
#menu-main .menu-desktop >li.mainmenu_item >a,
#menu-main .menu-desktop >li.has_submenu >button,
#menu-main .menu-desktop >li.mainmenu_button a {
    color: var(--black);

    font-family: var(--font-content);
    font-size: 43px;
    font-size: 2.69rem;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    line-height: 3.44rem;
    background:var(--white);
   
    border: 0;
    position: relative;
        
    padding: 5px;
    margin-top:10px;
    transition:all .2s ease;
    text-decoration:none;
    border-radius: 0;
    display:block;
    /* border-bottom: 1px solid rgba(21, 21, 21, 0.20); */
    text-align:left;

    /* Temporary values while the new promotional site is not launched */
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 28px;
    line-height: 1.75rem;
    padding:3px;
    /******************/
}
#menu-main .menu-desktop >li.mainmenu_item.current-menu-item > a,
#menu-main .menu-desktop >li.mainmenu_item.current-menu-ancestor > button,
#menu-main .menu-desktop >li.mainmenu_item >a:is(:hover,:focus),
#menu-main .menu-desktop >li.has_submenu >button:is(:hover,:focus),
#menu-main .menu-desktop >li.mainmenu_button a:is(:hover,:focus) {
    /* color:var(--orange); */
    /* border-bottom: 1px solid var(--orange); */
}
#menu-main .menu-desktop >li.button_special >a,
#menu-main .menu-desktop >li.button_special >button {
    margin-left:16px;
}

#menu-main .menu-desktop >li  >button {padding-bottom:20px}
body:not(.fl-builder-edit) .nofocus:focus {box-shadow:initial !important}


#menu-main .menu-desktop >li.topbar_search.mobile {display:none}
#menu-main .menu-desktop >li.topbar_search >a:is(:hover,:focus) {
    background:var(--light-blue-whale);
}
#menu-main .menu-desktop >li.topbar_search >a {
    font-size: 0;
    margin-left: 25px;
    background: transparent;
    padding: 1px 0px 0px 8px !important;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    border: 0 !important;
    top: -18px;
    position: relative;
}
#menu-main .menu-desktop >li.topbar_search >a:after {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    width:12px;
    height:12px;
    font-weight:100;
    font-size:18px;
    font-size:1.13rem;
    position: relative;
    top: 5px;
}



/***************************************/
/* Squiggly pointer of a speech bubble */
/***************************************/
#menu-main .menu_bubble_pointer {
    position:absolute;
}

#menu-main .menu_bubble_pointer {display:block;}
#menu-main .has_submenu >button[aria-expanded="true"] .menu_bubble_pointer {
    display:none;
    opacity:1;
    transform: translateY(14px) rotate(45deg);
}
#menu-main .has_submenu >button[aria-expanded="false"] .menu_bubble_pointer {
    transition:all .25s ease;
    opacity:0;
    transform:translateY(4px)  rotate(45deg);
}




#menu-main ul.menu-desktop .sub-menu li.mainmenu_item.submenu_item_button a {
    background: var(--yellow);
    color: var(--black);
    border-radius: 100px;
    text-align: center;
    padding: 13px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px !important;
    transition:all .2s ease;
}
#menu-main ul.menu-desktop .sub-menu li.mainmenu_item.submenu_item_button a:hover {
    transform:scale(1.05);
}



#menu-main .one_column .sub-menu[data-depth='0']{
    width: initial;
    display: block;
    min-width: 260px;
}

#menu-main .has_submenu.submenu_cols .sub-menu[data-depth='0'] {
    display:flex;
    gap:80px;
}

#menu-main .has_submenu.submenu_cols .sub-menu[data-depth='0'] >li.mainmenu_item {
    min-width:230px;
}


/*
#menu-main .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0'] {
    opacity:0;
    overflow: hidden;
    height: 0;
}
*/

#menu-main .has_submenu >button[aria-expanded="true"] ~ .sub-menu[data-depth='0'] {
/*
    opacity:1;
    max-height:initial;
*/
}

#menu-main .sub-menu[data-depth='0'] {
    padding: 0;
    display:none;
    /*
    transition: all .25s ease;
    opacity:0;
    max-height: 0;
    */
}
#menu-top-bar .has_submenu li{
    text-align: left;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0;
    margin-bottom: 11px;
}
#menu-top-bar .has_submenu li:last-child{
    margin-bottom:0;
}
#menu-main .mainmenu_sub{
    flex:1;
}
#menu-main .sub-menu .mainmenu_item h3:before {
    content:"";
    width:16px;
    height:28px;
    border-radius:3px;
    background:#C8EFE8;
    display:inline-block;
    margin-right:9px;
    vertical-align: top;
    position: relative;
    top: -2px;
    float: left;
}
#menu-main .sub-menu .mainmenu_item h3 {
    display:inline-block;
    font-family: var(--font-content);
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 0 0px;
    padding-bottom: 18px;
    padding-top:0;
    text-align: left;
    color: var(--black);
}

#menu-main .sub-menu >.mainmenu_item:first-child {
        border-top: 1px solid rgba(21, 21, 21, 0.20);
}
#menu-main .sub-menu >.mainmenu_item {
        border-bottom: 1px solid rgba(21, 21, 21, 0.20);
}
#menu-main .sub-menu .mainmenu_item a:hover,
#menu-main .sub-menu .mainmenu_item a:focus {
    color:var(--deep-orange);
}
#menu-main .sub-menu .mainmenu_item a {
    background:none !important;
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 43px;
    line-height: 2.69rem;
    font-style: normal;
    font-weight: 400;
    padding: 0px 5px;
    color: var(--black);
    position: relative;
    text-decoration: none;
    transition: all .25s ease-in-out;
    display: inline;
}



#menu-main .submenu_cols .sub-menu .mainmenu_item a {
    font-size:16px;
    font-size:1rem;
}

#menu-main .has_submenu.submenu_adjust_item4 .sub-menu  {
    left:-240px;
}
#menu-main .submenu_adjust_item4 .sub-menu[data-depth='0']:before {
    left: calc(100% - 210px);
}

#menu-main .sub-menu .mainmenu_item a:hover,
.top-bar-nav .sub-menu .mainmenu_item a:hover {
    animation: 0.5s underline;
    background-image: linear-gradient(var(--black), var(--black));
}

#menu-main .menu-desktop li.mainmenu_item,
.top-bar-nav .menu-desktop li.mainmenu_item {    
    margin: 0;
    /* height: 100%; */
    position: relative;
}

#menu-main .menu-desktop li.mainmenu_item {
    margin-bottom:0;
}

#menu-main .menu-desktop li.mainmenu_item.submenu_item_button a {
    display:block;
    width:100%;
    text-align:center;
}

#menu-main .menu-desktop li.mainmenu_item.button_special {
    margin-left:30px;
}

#menu-main ul.sub-menu, 
.top-bar-nav ul.sub-menu{
    list-style: none;
    padding: 0;
}
#menu-main .mainmenu_home {
    padding:0;
}
#menu-main .menu-desktop >li.current-menu-ancestor,
#menu-main .menu-desktop >li.current-menu-item:not(.mainmenu_home):not(.apply_financing)
{border-bottom:8px solid var(--sunset) !important;}

.top-bar-nav .menu-desktop >li.current-menu-ancestor,
.top-bar-nav .menu-desktop >li.current-menu-item
{border-bottom:5px solid var(--brown) !important;}

.top-bar-nav .menu-desktop >li.mainmenu_item a
{text-decoration:none !important;}

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

.mainmenu_home a {background:none}

#menu-main .mainmenu_home >a img{
    height:100%;
    max-height: 87px;
}

#menu-main .menu-desktop >li.mainmenu_button.button a:after {
    display:none;
}
#menu-main .menu-desktop >li.mainmenu_button.apply_financing.button a {
    padding:14px 26px;
}
#menu-main .menu-desktop >li.mainmenu_button.button a {
    padding: 10px 20px;
    background: var(--white);
    color: var(--black);
    font-family: var(--font-content);
    font-weight: 700;
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 28px;
    line-height: 1.75rem;
    border-radius: 5px;
    transition: all .25s ease;
}

#menu-main .menu-desktop >li.mainmenu_button.button a:is(:hover,:focus) {
    transform: scale(1.05);
}


#menu-main .menu-desktop >li.has_submenu >button {
    display: flex;
    position:relative;
    justify-content: space-between;
    width:100%;
    align-items: center;
}

#menu-main .menu-desktop >li.has_submenu.button_special:before {
    content: "";
    position: absolute;
    width: calc(100% + 20px);
    height: 100%;
    background: var(--light-blue-whale);
    border-radius: 24px;
    max-height: 48px;
    top: 50%;
    left: calc(50% + 5px);
    transform: translate(-50%, -50%);
}


#menu-main .menu-desktop >li.has_submenu >button:after {
    content: "\f078";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 23px;
    font-size: 1.44rem;
    line-height: 23px;
    line-height: 1.44rem;
    font-weight: 500;
    margin-left: 7px;
    transition: all .25s ease;
    padding-bottom: 0px;
    margin-top: 1px;
    color: var(--orange);
}



body:not(.body_scrolled):not(.fl-builder-edit) header.fl-page-header.with_topbanner { 
    transform: translateY(var(--topbanner-height));
}

#fl-main-content .fl-row-content-wrap >.fl-row-content:first-child  {transition:all .25s ease;}
body:not(.body_scrolled):not(.fl-builder-edit) #fl-main-content.with_topbanner .fl-row-content-wrap >.fl-row-content:first-child  {
    padding-top:var(--topbanner-height);
}








/* Mobile menu */
#menu-main .menu-mobile {
    display: none;
}

#menu-main .menu-desktop >li.has_submenu >button[aria-expanded="true"] {
    z-index:2;
}
#menu-main .menu-desktop >li.has_submenu >button[aria-expanded="false"]:after,
.top-bar-nav #menu-top-bar >li.has_submenu >button[aria-expanded="false"]:after {
    transform:rotate(0deg);
}

#menu-main .menu-desktop >li.has_submenu >button[aria-expanded="true"]:after,
.top-bar-nav #menu-top-bar >li.has_submenu >button[aria-expanded="true"]:after {
    transform:rotate(180deg);
}


#menu-main .button_cta:after {display:none}
#menu-main .button_cta button {
    font-family: var(--font-content);
    font-size: 16px;
    font-size: 1rem;
    line-height: 36px;
    line-height: 2.25rem;
    color: var(--white);
    border:0;
    background:var(--blue);
    padding: 9px 26px;
    border-radius:100px;
    margin-left:20px;
    transition:all .25s ease;
}

#menu-main .button_cta button:hover {transform:scale(1.05)}

.menu-mobile .trp-language-switcher .trp-ls-shortcode-language:before,
#menu-top-bar .topbar_language a:before {
    content: "";
    display: block;
    background-image:  url(/wp-content/uploads/lanugage-globe.svg);
    margin-right:10px;
    width:18px;
    height:18px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    position: relative;
    top: 3px;
}

.menu-mobile .trp-language-switcher .trp-ls-shortcode-language a,
#menu-top-bar .topbar_language a .trp-ls-language-name{
    width: initial !important;
    border: 0;
    background: initial;
    font-family: var(--font-content);
    font-size: 17px;
    font-size: 1.06rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: var(--brown);
    visibility: visible;
    cursor:pointer;
}

.menu-mobile .trp-language-switcher .trp-ls-shortcode-language {
    display: inline-block !important;
    height: initial;
    width: 70px !important;
    position: relative;
    top: -5px;
    padding: 5px;
    border: 0;
}

.menu-mobile .trp-language-switcher .trp-ls-shortcode-language:before {
    float: left;
    visibility: visible;
    top: 9px;
}
.menu-mobile .trp-language-switcher .trp-ls-shortcode-current-language {display:none !important;}

.menu-mobile .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {cursor:pointer;}
.menu-mobile .trp-language-switcher .trp-ls-shortcode-current-language a:hover {color: var(--brown);}


#menu-main .button_cta button:hover {transform:scale(1.05)}

.menu-mobile .trp-language-switcher .trp-ls-shortcode-current-language:before{
    float:left;
}









/***************/
/***************/
/* Top Bar Nav */
/***************/
/***************/
.top-bar-nav {
    width: 100%;
    margin:auto;
    z-index: 2;
    background:var(--black);
}


.top-bar-nav #menu-top-bar >li.has_submenu >button:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    font-size: 1.13rem;
    
    transition: all .25s ease;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-left: 8px;
    display: inline-block;
}

ul#menu-top-bar li {
    position:relative;
    z-index:3;
    padding: 5px 0;
    pointer-events: initial;
}

ul#menu-top-bar li a,
ul#menu-top-bar li button{    
    padding: 0 0px;
}



ul#menu-top-bar >li:last-child a,
ul#menu-top-bar >li:last-child button
{padding-right:0}

ul#menu-top-bar {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 36px;
    right: 0;
    top: 0;
    padding-inline-start: 0;
    width: 100%;
    justify-content: flex-end;
    padding:0;
}


#menu-top-bar li a,
#menu-top-bar li button {
    font-family: var(--font-content);
    font-weight:500;
    font-size: 14px;
    font-size: 0.88rem;
    color: var(--white);
    background:transparent;
    border:0;
    position:relative;
    line-height: 16px;
}

#menu-top-bar li a:hover,
#menu-top-bar li button:hover {
    background:transparent;
}

#menu-top-bar li.has_submenu a {
    font-family: var(--font-content);
    font-weight: 400;
    font-size: 18px;
    font-size: 1.13rem;
    line-height:29px;
    line-height:1.81rem;
    color: var(--black);
    text-decoration: none;
    background-image: linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 1px;
    transition: background-size .5s ease-in-out;
    display: inline;
    padding-bottom: 4px;
}
#menu-top-bar li.has_submenu a:hover {
    animation: 0.5s underline;
    background-image: linear-gradient(var(--black), var(--black));
}



/**************/
/* Search Box */
/**************/

#search_form {
    text-align: left
}

.icon-oxfam-icon-search-menu:before {
    content: "\e9ac";
    font-family: icomoon;
    font-style: normal;
}

.searchbox {
    position: absolute;
    visibility:hidden;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    top: 0;
    z-index:9999;
    /* pointer-events: none; */
    height: calc(var(--header-height) + 1px);
}

.searchbox.active {
    z-index: 99999;
    visibility:visible;
    /* pointer-events: none; */
}

.search_wrap{
    position: relative;
    top: -250px;
    background: var(--container-blue);
    transition: all 0.25s ease;
    height: 100%;
    display: flex;
    
}

.search_wrap.active,
.joinus_wrap.active {
    top: 0px;
}

.search_inner {
    max-width: 1366px;
    margin: auto;
    padding: 16px 72px;
    position: relative;
}

.search_form_wrapper {
    display: grid;
    /* grid-template-columns: 50px auto 145px 50px; */
    grid-template-columns: auto 145px 40px;
    align-items: end;    
    gap: 5px;
}

.search_form_wrapper >svg {display:none}

.searchform_wrap {
    display: table;
    width: 100%;
}
.search_form_wrapper >img {padding-bottom:10px;}
#searchform >label {color:var(--black);    padding: 0 12px;}
#searchform input[type=text].search_input {
    background: var(--white);
    border: 1px solid transparent !important;
    font-family: var(--font-content);
    font-size: 18px;
    /* font-size: 1.88rem; */
    line-height: 30px;
    line-height: 1.88rem;
    color: var(--black);
    border-radius: 100px !important;
    width: 99%;
    padding: 10px 30px;
}

.search_input:focus {border: 1px solid black !important;}

.search_form_wrapper .search_button {
    background: var(--yellow);
    color: var(--navy-blue);
    font-family: var(--font-content);
    font-size: 19px;
    font-size: 1.19rem;
    font-weight: 600;
    padding: 15px 25px;
    border-radius: 100px !important;
    border: 0 !important;
    transition: all .25s ease;
    margin: 0 5px;
}


body.search main .search_button {margin-top:1px;}
.search_button:hover {
    transform:scale(1.1);
}
.search_button:focus {
    border-color: black;
}

.fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    color: var(--navy-blue);
}

.search_close {
    cursor: pointer;
    width: 50px;
    font-size: 45px;
    font-size: 2.81rem;
    background: transparent !important;
    border: 0;
    padding: 0;
    position: relative;
    top: 2px;
}

.search_close:is(:hover,:focus),
.joinus_close:is(:hover,:focus) {
    border:0;
}


.searchboxico {
    color: #61A534;
    font-size: 90px;
    font-size: 5.63rem;
    position: relative;
    top: 16px;
}

.fl-page-header-logo {
    display: none
}

.searchbox .searchform_wrap > div {
    display: table-cell;
    width: 180px;
}

.searchbox .searchform_wrap > div .search_button {
    color: #fff;
    position: relative;
    top: 2px;
}


/* Social Networks */
.ua-icon {
    font-family: 'Ultimate-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.social_networks {
    
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    gap: 26px;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_col.col1 .social_networks a{
    text-decoration: none !important;
    color:var(--white) !important;
    font-size:40px;
    font-size:2.5rem;
    background: none !important;
}

.social_networks a {background:none !important}
.social_networks .ua-icon {
    font-size: 40px;
    color: white;
}


.social_networks .ua-icon-facebook:before {content:"\ea81"}
.social_networks .ua-icon-twitter:before {content:"\e900"}





/**********/
/* Footer */
/**********/
footer {
    background: var(--black);
    color: var(--white);
    padding-top: 100px;
    overflow:hidden;
}


footer .fl-builder-content {
    margin:0;
    max-width:initial;
    padding:0;
}

footer a.underline_anim:hover {
    animation-fill-mode: forwards;
}
footer a.underline_anim {
    background-size: 0% 1px;
}

.footer_row {
    display: flex;
    flex-direction: row;
    margin: auto;
    gap: 78px;
    max-width: 1366px;
    padding-bottom: 100px;
    align-items: flex-end;
    justify-content: space-between;
    padding-left:var(--content-padding-left);
    padding-right:var(--content-padding);
    position:relative;
    z-index:2;
}


.pre_footer_wrap >.fl-col-content {
        justify-content: flex-end;
}


.footer_col {
    position:relative;
    z-index:1;
}


.footer_col.col2 {
    width: 100%;
    /* max-width: 500px; */
    /* padding: 36px; */
    /* background: var(--white); */
    /* border-radius: 16px; */
    /* color: var(--navy-blue); */
    text-align: right;
}
.footer_home {
    background: transparent !important;
    border: 1px solid #ff8229 !important;
    padding: 11px 30px 15px;
    border-radius: 100px !important;
    color: #F6F1F1;
    font-family: var(--font-content);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition:all .25s ease;
    min-width: 230px;
}
.footer_home:hover {transform:scale(1.05)}
.footer_home:after {
    content: "";
    width: 24px;
    height: 22px;
    background: url(/wp-content/uploads/sites/4/icon-_home.svg) center center / contain no-repeat;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.footer_logos {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
    margin-bottom: 40px;
}

.footer_copy {
    font-size:14px;
    font-size:0.88rem;
}

.footer_col.col2 h3 {
    color: var(--navy-blue);
    font-family: var(--font-headline);
    font-size: 36px;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    line-height: 2.81rem;
    text-align:left;
    margin-bottom:26px;
}

.footer_col.col1 p {
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 34px;
    line-height: 2.13rem;

}

footer .footer_sitemap {
    columns: 2;
    column-gap: 100px;
    margin:66px 0;
}

.footer_col.col1 {   min-width: 200px; }
.footer_col.col3 {   min-width: 218px; }

.footer_col.col1 a {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 46px;
    line-height: 2.88rem;
    font-style: normal;
    font-weight: 700;
}


footer a {
    color: var(--white) !important;
    padding:0px 0 2px;
    text-decoration:none;
}
footer a:hover,footer a:focus {
    color:var(--white);
    text-decoration:none;
}

footer .footer_col.col1 h3 {
    font-family: var(--font-headline);
    color: var(--sky-blue);
    font-size: 60px;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    line-height: 3.75rem;
    margin-bottom: 66px;
}





footer .footer_logo {
    margin-top: 81px;
}

.footer_rowlast p {
    color: var(--white);
    display: flex;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, #16416D 0%, rgba(0, 68, 111, 0.00) 76.5%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); */
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 12px;
    padding-left:var(--content-padding);
    padding-right:var(--content-padding);
    line-height: 20px;
    line-height: 1.25rem;
}
.footer_rowlast {
    position:relative;
    z-index:1;
    height:302px;
    background:url(/wp-content/uploads/sites/4/tdwbia_footer_new-1.svg) center top / cover no-repeat;
}

    

/* Footer Form */
footer div.wpforms-container-full .wpforms-field-label, 
footer .wp-core-ui div.wpforms-container-full .wpforms-field-label {
    color: var(--navy-blue);
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

footer div.wpforms-container-full input[type=date],
footer div.wpforms-container-full input[type=datetime],
footer div.wpforms-container-full input[type=datetime-local],
footer div.wpforms-container-full input[type=email],
footer div.wpforms-container-full input[type=month],
footer div.wpforms-container-full input[type=number],
footer div.wpforms-container-full input[type=password],
footer div.wpforms-container-full input[type=range],
footer div.wpforms-container-full input[type=search],
footer div.wpforms-container-full input[type=tel],
footer div.wpforms-container-full input[type=text],
footer div.wpforms-container-full input[type=time],
footer div.wpforms-container-full input[type=url],
footer div.wpforms-container-full input[type=week],
footer div.wpforms-container-full select,
footer div.wpforms-container-full textarea,
footer .wp-core-ui div.wpforms-container-full input[type=date],
footer .wp-core-ui div.wpforms-container-full input[type=datetime],
footer .wp-core-ui div.wpforms-container-full input[type=datetime-local],
footer .wp-core-ui div.wpforms-container-full input[type=email],
footer .wp-core-ui div.wpforms-container-full input[type=month],
footer .wp-core-ui div.wpforms-container-full input[type=number],
footer .wp-core-ui div.wpforms-container-full input[type=password],
footer .wp-core-ui div.wpforms-container-full input[type=range],
footer .wp-core-ui div.wpforms-container-full input[type=search],
footer .wp-core-ui div.wpforms-container-full input[type=tel],
footer .wp-core-ui div.wpforms-container-full input[type=text],
footer .wp-core-ui div.wpforms-container-full input[type=time],
footer .wp-core-ui div.wpforms-container-full input[type=url],
footer .wp-core-ui div.wpforms-container-full input[type=week],
footer .wp-core-ui div.wpforms-container-full select,
footer .wp-core-ui div.wpforms-container-full textarea {
    font-size:18px;
    font-size:1.13rem;
    color:var(--navy-blue);
    border-color:var(--sky-blue);
    padding:10px;
    padding:20px 20px;
    border-radius:8px;
    height:initial;
}


footer div.wpforms-container-full input[type=date]:focus,
footer div.wpforms-container-full input[type=datetime]:focus,
footer div.wpforms-container-full input[type=datetime-local]:focus,
footer div.wpforms-container-full input[type=email]:focus,
footer div.wpforms-container-full input[type=month]:focus,
footer div.wpforms-container-full input[type=number]:focus,
footer div.wpforms-container-full input[type=password]:focus,
footer div.wpforms-container-full input[type=range]:focus,
footer div.wpforms-container-full input[type=search]:focus,
footer div.wpforms-container-full input[type=tel]:focus,
footer div.wpforms-container-full input[type=text]:focus,
footer div.wpforms-container-full input[type=time]:focus,
footer div.wpforms-container-full input[type=url]:focus,
footer div.wpforms-container-full input[type=week]:focus,
footer div.wpforms-container-full select:focus,
footer div.wpforms-container-full textarea:focus,
footer .wp-core-ui div.wpforms-container-full input[type=date]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=datetime]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=email]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=month]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=number]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=password]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=range]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=search]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=tel]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=text]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=time]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=url]:focus,
footer .wp-core-ui div.wpforms-container-full input[type=week]:focus,
footer .wp-core-ui div.wpforms-container-full select:focus,
footer .wp-core-ui div.wpforms-container-full textarea:focus {
    
    

    outline-width: 2px;
    outline-style: auto;
    outline-offset: 5px;
    outline-color: var(--navy-blue);
    outline: auto !important;

    
}

footer div.wpforms-container-full input[type=submit]:focus, 
footer div.wpforms-container-full button[type=submit]:focus, 
footer div.wpforms-container-full .wpforms-page-button:focus, 
footer .wp-core-ui div.wpforms-container-full input[type=submit]:focus, 
footer .wp-core-ui div.wpforms-container-full button[type=submit]:focus, 
footer .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus {
    outline:auto !important;
}
footer div.wpforms-container-full input[type=submit]:focus:after, 
footer div.wpforms-container-full button[type=submit]:focus:after, 
footer div.wpforms-container-full .wpforms-page-button:focus:after, 
footer .wp-core-ui div.wpforms-container-full input[type=submit]:focus:after, 
footer .wp-core-ui div.wpforms-container-full button[type=submit]:focus:after, 
footer .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after  {
    border:0 !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: var(--sky-blue);
    border: 1px solid #b4d39b;
    box-sizing: border-box;
    border:0;
}






/**************/
/* Top Banner */
/**************/
body.fl-builder-edit .top_banner {display:none;}
.top_banner_inner {
    max-width:1366px;
    /* margin-left:var(--content-padding); */
    /* margin-right:var(--content-padding); */
    margin:auto;
    padding:10px 0;
    height:var(--topbanner-height);
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
    gap:20px;
}

.banner_text {
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    line-height: 1.38rem;
    margin-top: 2px;
}
.banner_topic {
    border: 1px solid var(--white);
    color: var(--white);
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 17px;
    font-size: 1.06rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

body_scrolled
.top_banner {
    transition: all .2s ease;
    transform: translateY(-100px);
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}
body.admin-bar .top_banner {top:32px;}
.top_banner.init {
    transform: translateY(0);
    
}
.top_banner {
    background: var(--navy-blue);
    transition: all .2s ease;
    transform: translateY(-100px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    
}

.top_banner .banner_button:hover {transform:scale(1.05)}
.top_banner .banner_button {
    border-radius: 100px !important;
    padding:10px 20px;
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition:all .2s ease;
    white-space: nowrap;
}

.top_banner_close:is(:hover,:focus) {
    background:transparent;
    border:0;
}
.top_banner_close {
    font-size:0;
    color:transparent;
    background:transparent;
    border:0;
}
.top_banner_close:after {
    content: "\f00d";
    display: block;
    font-family: "Font Awesome 5 Pro";
    color:var(--white);
    font-size: 30px;
    font-weight: 100;
}

.top_banner.sky_blue .banner_topic {border: 1px solid var(--white);color: var(--white);}
.top_banner.navy_blue {background: var(--navy-blue);}
.top_banner.navy_blue .banner_text {color:var(--white);}
.top_banner.navy_blue .banner_button {color:var(--navy-blue);background:var(--sky-blue);}
.top_banner.navy_blue .top_banner_close:after {color:var(--white);}

.top_banner.sky_blue .banner_topic {border: 1px solid var(--black);color: var(--black);}
.top_banner.sky_blue {background: var(--sky-blue);}
.top_banner.sky_blue .banner_text {color:var(--black);}
.top_banner.sky_blue .banner_button {color:var(--navy-blue);background:var(--white);}
.top_banner.sky_blue .top_banner_close:after {color:var(--black);}

.top_banner.orange .banner_topic {border: 1px solid var(--black);color: var(--black);}
.top_banner.orange {background: var(--orange);}
.top_banner.orange .banner_text {color:var(--black);}
.top_banner.orange .banner_button {color:var(--navy-blue);background:var(--white);}
.top_banner.orange .top_banner_close:after {color:var(--black);}

.top_banner.sapphire_blue .banner_topic {border: 1px solid var(--white);color: var(--white);}
.top_banner.sapphire_blue {background: var(--sapphire-blue);}
.top_banner.sapphire_blue .banner_text {color:var(--white);}
.top_banner.sapphire_blue .banner_button {color:var(--navy-blue);background:var(--sky-blue);}
.top_banner.sapphire_blue .top_banner_close:after {color:var(--white);}

.top_banner.container_blue .banner_topic {border: 1px solid var(--black);color: var(--black);}
.top_banner.container_blue {background: var(--container-blue);}
.top_banner.container_blue .banner_text {color:var(--black);}
.top_banner.container_blue .banner_button {color:var(--navy-blue);background:var(--white);}
.top_banner.container_blue .top_banner_close:after {color:var(--black);}












/***************************************************************/
/***************************************************************/
/* Responsive */
/***************************************************************/
/***************************************************************/



/*****************/
/* Large desktop */
/*****************/
@media only screen and (max-width: 1366px) {

    /* VARS */
    :root {
         --header-height: 132px;
         --content-padding:60px;
    }

    /*************/
    /* Menu Main */
    /*************/

    .break_point {
        flex-basis: 100%;
        height: 0;
    }
    #menu-main .menu-desktop >li.topbar_search.mobile {display:list-item;}
    #menu-main .menu-desktop >li.topbar_search.desktop {display:none;}

    #menu-main .menu-desktop >li.mainmenu_item.topbar_search >a {
        font-size:0;
    } 
    #menu-quickaccess li a, 
    #menu-quickaccess li button {
        font-size:13px;
        font-size:0.81rem;
    }
    #menu-main .menu-desktop >li.mainmenu_button.button a {        padding: 16px;    }
    #menu-main .menu-desktop li.mainmenu_item.menu_CTA {        margin: 0;    }
    
    #menu-main .menu-desktop li.mainmenu_item.button_special {
        margin-right: 18px;
        padding: 0;
        margin-left: 14px;
    }

    #menu-main .mainmenu_home >a img {        max-height: 58px;    }
    #menu-main .mainmenu_item.has_submenu .sub-menu[data-depth='0'] {
        margin-top: 37px;
    }
    #menu-main .mainmenu_item.has_submenu.button_special .sub-menu[data-depth='0'] {
        margin-top: 36.5px;
    }
    #menu-main .menu-desktop >li.topbar_search >a {
        margin-left: 15px;
        top: -3px;
    }


        
    
    /**********/
    /* Footer */
    /**********/
    .footer_row {
        gap:26px;
    }
    .footer_rowlast {
        height: 250px;
    }
}





/**********/
/* Tablet */
/**********/
@media only screen and (max-width: 992px) {

    /* VARS */
    :root {
        --header-height: 150px;
        --content-padding:36px;
        --content-padding-top:0px;
    }

    .fl-page-header .menu-nav-logo {
         margin-top: 0;
    }


    /*************/
    /* Main Menu */
    /*************/
    #menu-mobile-primary {
        height: initial;
        width: 100%;
        flex-direction: row;
        height:52px;
        margin: 8px;
        width: calc(100% - 16px);;
        padding:18px;
    }
    .fl-page-header .menu-mobile-logo {
        transform: initial;
    }
    .menu-mobile-directory {display:none;}

    #menu-mobile-primary .mobile_menu_toggle:before {content:unset;}
    #menu-mobile-primary .mobile_menu_toggle:after {
        content: "";
        background: url(/wp-content/uploads/sites/4/AR_hamb3.png) center center / contain no-repeat;
        width: 36px;
        height: 36px;
        transition: all .25s ease;
        display: inline-block;
        margin-left:12px;
    }
    .mobile_menu_toggle {
        display: flex;
        align-items: center;
    }
    #menu-mobile-primary .mobile_menu_toggle {    margin-right: 10px; }
    #menu-main .menu-desktop >li.mainmenu_item.mobile_only {
        display: initial;
    }

    .fl-page-header .menu-mobile-logo:after {
        display:none
    }
    #menu-main .menu-desktop-wrapper, 
    #menu-main .menu-desktop {
        width: calc(100% - 8px) !important;
        height:0;
        top: 4px;
    }

    .mobile_menu_open #menu-main .menu-desktop-wrapper,
    .mobile_menu_open #menu-main .menu-desktop {
        height: calc(100% - 8px) !important;
        min-width: initial;
    }
    .mobile_menu_open #menu-main .menu-desktop {
        padding-left: 20px;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 70px;
    }
    .mobile_menu_open #menu-main .menu-desktop-wrapper {
         max-width: 100%;
    }

    #menu-main .menu-desktop >li.mainmenu_item.mobile_homepage a:before {
        content:"";
        color: var(--black);
        background: url(/wp-content/uploads/sites/4/AR_home.svg) center center / contain no-repeat;
        border: 0;
        width: 42px;
        height: 42px;
        display: block;
        animation: none;
        position: absolute;
        left: 4px;
        top: 0;

    }
    #menu-main .menu-desktop >li.mainmenu_item.mobile_homepage a {
        background: #151515;
        border:0;
        color: var(--white);
        font-size: 16px;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 9px;
        border-radius: 100px;
        text-align: center;
        height: 42px;
    }

    #menu-main .menu-desktop >li.mainmenu_item.mobile_homepage {
        margin-top:auto;
    }

    #menu-main .menu-desktop >li.mainmenu_item >a, 
    #menu-main .menu-desktop >li.has_submenu >button, 
    #menu-main .menu-desktop >li.mainmenu_button a {
        font-size: 22px;
        font-size: 1.38rem;
        line-height: 26px;
        line-height: 1.63rem;
    }





    /**********/
    /* Footer */
    /**********/
    .footer_col.col3{
        min-width:initial;
        order:3;
    } 

    .footer_col.col2 {
        max-width: 45vw;
    }

    footer .footer_col.col1 h3 {
         font-size: 27px;
         font-size: 1.69rem;
         margin-bottom:0;
    }
    footer .footer_sitemap {
         margin: 26px 0;
    }
    .footer_row:after {
        width: 400px;
         bottom: -90px;
        right: -50px;
    }
    footer .footer_sitemap {
         column-gap: 50px;
     }


    .footer_logos {
        gap: 25px;
    }

    .footer_logos .footer_logo_tdb {width:179px;}
    .footer_logos .footer_logo_to {width:110px;}
    .footer_copy {
        font-size: 12px;
        font-size: 0.75rem;
    }

    .footer_rowlast {
        height: 200px;
     }
    
}




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

    /* VARS */
    :root {
       --header-height: 65px;
        --content-padding:18px;
        --content-padding-top:0;
        --topbanner-height:100px;
    }


    body.admin-bar .top_banner { top: 46px; }
    
    
   

    #menu-mobile-primary .mobile_menu_toggle {
        top: 0;
        margin: 0;
    }

    
    /*************/
    /* Menu Main */
    /*************/

    header.fl-page-header .header_inner {
        height: var(--header-height);
        padding: 0;
        margin: auto;
    }


    #menu-main .menu-desktop-wrapper .mainmenu_home {
        display:none;
    }

 
    header.fl-page-header {
        padding-top: 0;
    }



    #menu-main ul.menu-desktop li {
        text-align:center !important;
    }
    #menu-main .menu-desktop .mainmenu_home {display:none}
    #menu-main .mainmenu_item.has_submenu.button_special .sub-menu[data-depth='0'], #menu-main .mainmenu_item.has_submenu .sub-menu[data-depth='0'] {
        margin-top: 0;
    }
    
    #menu-main .sub-menu .mainmenu_item h3,
    #menu-main ul.menu-desktop .sub-menu li.mainmenu_item a{
        color: var(--white);
        font-size: 18px;
        font-size: 1.13rem;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        line-height: 1.75rem;
    }
    #menu-main .sub-menu .mainmenu_item h3{
        margin-left: 0px !important;
        padding-bottom:0!important;
    }
    #menu-main .menu-desktop >li.has_submenu >button{
        max-width: unset;
    }
    
    
    #menu-main .sub-menu[data-depth='0'] li.mainmenu_item a,
    #menu-main .sub-menu[data-depth='1'] li.mainmenu_item a{ 
        padding:6px 0;
        color: var(--Sandbar-Blue,#C8EFE8);
        font-size: 19px;
        font-size: 1.19rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background:initial;
    }

    #menu-main .sub-menu[data-depth='0'] >li:last-child {background:#900}

    #menu-main .sub-menu[data-depth='0'] >li,
    #menu-main .sub-menu[data-depth='1'] >li {
        margin:10px 0;

    }
    #menu-main .sub-menu[data-depth='0'] {
        border-radius: 0;
        box-shadow: none;
        position: static;
        transform: none;
        width: 100%;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0 10px;
        transition:initial;
        background-color: transparent;
    }
    #menu-main .one_column .sub-menu[data-depth='0']{
        width: unset;
    }
    #menu-main .sub-menu[data-depth='0']:before, 
    .top-bar-nav .sub-menu[data-depth='0']:before{
        display: none;
    }
    #menu-main .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0'] {
        margin-top: 0;
        padding:0;
    }

    #menu-main .sub-menu .mainmenu_item a:hover{
        color:var(--mgff-green);
    }

    #menu-main .has_submenu >button[aria-expanded="true"] ~ .sub-menu[data-depth='0'] {transform: initial;}
    #menu-main .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0'] {
        visibility: visible;
        opacity: 1;
        transform: initial;
        display:none;
        transition:initial;
        padding: 0px 0 10px;
    }



    #menu-main .menu-desktop >li.has_submenu >button:before {    
        right: 0px; 
        transform-origin: 5px 9px;
        text-align: right;
        left:unset;
    }

       
    #menu-main .mainmenu_cont {        padding: 0;    }
    #menu-main .smib_desc {        margin: 0; padding: 0 0 20px;}
    #menu-main .sub-menu[data-depth='0'] >.mainmenu_item >h3 {         
        position: relative;
        top: 0px;
        padding: 8px 0px 8px;
        color: var(--white);
        font-size: 22px;
        font-size: 1.38rem;
        line-height: 26px;
        line-height: 1.63rem;
        font-weight: bold;
        margin-top: 20px;
        white-space: break-spaces;
    }
    
    #menu-main #mega-menu .sub-menu[data-depth='0'] >.mainmenu_item {
        padding: 22px 0;
    }

    .menu_mobile_search_form_wrapper {
        display: flex;
    }
    .menu_mobile_search_form_wrapper #searchform_mobile {width:100%;}
    .menu_mobile_search_form_wrapper #searchform_mobile input[type=text].search_input {
        font-size: 18px;
        font-size: 1.13rem;
        width: 100%;
        padding: 12px;
        color: var(--patch-reef-blue);
        border: 0;
    }

    .menu_mobile_search_form_wrapper  button.search_button {
        border: 0;
        background: var(--sandbar-blue);
        color: var(--patch-reef-blue);
        font-size: 18px;
        font-weight: 700;
        padding: 0 20px;
        margin-left: 10px;
    }

    


    .submenu_infobox {        padding: 20px;    }


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

    }

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

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


    #menu-main .menu-desktop >li.has_submenu >button:before {
        position: absolute;
    }
    #menu-main .menu-desktop >li.has_submenu >button {
        transform: translateX(0);
    }

    

    
    #menu-main .menu-desktop li.mainmenu_item {
        height:initial;
        padding-top:0px;
        padding-bottom:0px;
        margin: 0;
        width: 100%;
    }

    /* #menu-main .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0'] { */
    #menu-main #menu-mega-menu .sub-menu[data-depth='0'] {
        visibility: visible;
        opacity: 1;
        transform: initial;
        transition: initial;
    }
    #menu-main .menu-desktop li.topbar_search.mobile {display:none;}
    #menu-main .menu-desktop li.mainmenu_item.button_special {
        
        padding: 0;
        margin: 0;
    }
    #menu-main .menu-desktop >li.has_submenu.button_special:before {display:none;}
    #menu-main .menu-desktop >li.mainmenu_item >a:is(:hover,:focus), #menu-main .menu-desktop >li.has_submenu >button:is(:hover,:focus), #menu-main .menu-desktop >li.mainmenu_button a:is(:hover,:focus) {
        border-bottom: none;
    }





    .mobile_menu_open #fl-to-top {
        visibility:hidden;
        opacity:0;
    }


    
    
    
 
    
    


    /* body.mobile_menu_open  {overflow:hidden} */


    

    /* Footer */
    footer {
        padding-bottom: 0;
        padding-top: 50px;
    }

    .footer_row {
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 36px;
    }
    .footer_col.col2 {
        max-width: 100%;
    }
    .footer_row:after {
        width: 215px;
        bottom: -100px;
        right: -20px;
    }

    .footer_col.col2 h3 {
         margin-bottom: 10px;
    }
    footer div.wpforms-container-full:not(:empty) {
        margin: 10px auto 10px;
    }
    .footer_rowlast p span {display:block}
    .footer_rowlast p  {
        flex-direction: column;
        justify-content: flex-end;
            align-items: center;
    }

    .footer_col.col1 {
        text-align: center;
        width: 100%;
    }
    .footer_home { 
        width:100%;
        max-width:375px;
    }
    .footer_logos {
        justify-content: center;
        gap: 18px;
    }
    .footer_copy {
        text-align:center;
    }

    .footer_rowlast {
        background-position: 100% 0%;
    }
    .footer_logos .footer_logo_tdb,
    .footer_logos .footer_logo_to {
        max-width: 37vw;
        max-height: 10vw;
    }
    
    
    
}