/***************
    
    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(--black) !important;
    border-radius: 6px;
}

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 {
    position: fixed;
    width: 100%;
    z-index: 999;
    transition:all .25s ease;
    background:transparent;
    height:var(--header-height);
    top:0;
    padding-top: 16px;
}

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 */
/*************/
/*************/


/* To be able to click through empty spaces on the header */
.menu_main_scrolled .fl-page-header {    
    /*pointer-events:none;*/
}
.menu_main_scrolled .menu-desktop {    pointer-events:all;}


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

}

#menu-main .menu-desktop {
    list-style: none;
    gap: 26px;
    gap: 0;
    display: flex;
    padding:0;
    align-items: end;
    position: relative;
    background:var(--navy-blue);
    border-radius:16px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
    height: 72px;
    padding: 0 18px 0 28px;
    align-items: flex-end;
}
#menu-mobile-primary {display:none}

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

#menu-main .menu-desktop-wrapper {
    display:flex;
    align-items: center;
        justify-content: space-between;
    max-width: 100%;
}
#menu-main .menu-desktop-wrapper .mainmenu_home, 
#menu-main .menu-desktop-wrapper .mainmenu_home img {
    max-width: 244px;
    transition:all .2s ease;
}
#menu-main .menu-desktop-wrapper .mainmenu_home {
    margin-right:auto;
    transition:all .25s ease;
}

#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(--white);
    padding: 0;
    border: 0;
    position: relative;
    background:transparent;
    font-family: var(--font-content);
    font-weight:initial;
    font-size: 18px;
    font-size: 1.13rem;
    font-weight: 700;
    line-height: 23px;
    line-height: 1.44rem;
    transition:all .25s ease;
    text-decoration:none;
    border-radius: 0;
    display:block;
    font-style: normal;
    border-bottom: 2px solid transparent;
    /* border-bottom: 2px solid var(--sky-blue); */
    text-align:left;
    padding: 24px 0 23px;
    margin-left:26px;
}
#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) {
    border-bottom: 2px solid var(--sky-blue);
}
#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 .has_submenu >button .menu_bubble_pointer {
    position: absolute;
    bottom: 0px;
    left: 45%;
    width: 20px;
    height: 20px;
    background: var(--white);
    transition:all .25s ease;
    opacity:0;
    transform:translateY(-10px);
}
#menu-main .sub-menu[data-depth='0']:before,
.top-bar-nav .sub-menu[data-depth='0']:before{
    position: absolute;
    content: "";
    top: 0;
    left: calc(50% - 10px);
    width: 13px;
    height: 10px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%229%22%20viewBox%3D%220%200%2013%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.5%200L12.9952%208.25H0.00480938L6.5%200Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    display: block;
    transition:all .4s ease-out;
}


#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);
}




#top-bar .has_submenu >button[aria-expanded="true"] ~ .sub-menu[data-depth='0']:before,
#menu-main .has_submenu >button[aria-expanded="true"] ~ .sub-menu[data-depth='0']:before {
    top: -7px;
}


#menu-main .sub-menu[data-depth='0']:after,
.top-bar-nav .sub-menu[data-depth='0']:after{
    content: "";
    background: transparent;
    position: absolute;
    top: -18px;
    left: 0;
    height: 40px;
    width: 100%;
}
#menu-main .sub-menu[data-depth='0'] {
    /* display:flex; */
    padding: 0;
    transition: all .25s ease;
    z-index: 2;
    border-radius: 0;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    width: 100%;
    left: 0;
    padding-top: 44px;
    padding-bottom: 44px;
    padding-left: calc((100vw - 1366px) / 2);
    padding-right: calc((100vw - 1366px) / 2);
    top: 190px;
    background: var(--white);
    gap: 80px;
}
#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'],
.top-bar-nav .has_submenu >button[aria-expanded="false"] ~ .sub-menu[data-depth='0']{
    visibility: hidden;
    opacity:0;
    transform:translate(-50%, -10px);
}

#menu-main .has_submenu >button[aria-expanded="true"] ~ .sub-menu[data-depth='0'], 
.top-bar-nav .has_submenu >button[aria-expanded="true"] ~ .sub-menu[data-depth='0']{
    visibility: visible;
    opacity:1;
}

#menu-main .sub-menu[data-depth='0'],
.top-bar-nav .sub-menu[data-depth='0']{
    /* left: 50%; */
    left: calc(50% + 17px);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    box-sizing: content-box;
    padding: 0;
    transition: all .25s ease;
    z-index: 1;
    padding: 26px;
    border-radius: 20px;
    margin-top: 72px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    background: var(--white);
    white-space: nowrap;
    width: auto;
        z-index: 2;
}
.top-bar-nav .sub-menu[data-depth='0']{
    width: 180px;
    padding: 26px 20px 26px;
    margin-top: 40px;
}
#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 {min-width:260px;}
#menu-main .sub-menu .mainmenu_item a, 
.top-bar-nav .sub-menu .mainmenu_item a {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 40px;
    line-height: 2.5rem;
    font-style: normal;
    font-weight: 500;
    padding: 0px 0px;
    color: var(--black);
    position: relative;
    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; */
    /* padding-top: 5px; */
}

#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;
}

#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: 13px;
    font-size: 0.81rem;
    line-height: 22px;
    line-height: 1.38rem;
    font-weight: 600;
    margin-left: 7px;
    transition: all .25s ease;
    padding-bottom: 0px;
    margin-top: 1px;
        color: var(--white);
}



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);
}

.menu_main_out header.fl-page-header {
    transform:translateY(calc(0px - var(--header-height) - var(--topbanner-height)));
}

.menu_main_out header.fl-page-header.with_topbanner {
    transform:translateY(calc(0px - var(--header-height) - var(--topbanner-height)));
}



.menu_main_scrolled .menu-desktop-wrapper .mainmenu_home,
.menu_main_scrolled:not(.mobile_menu_open) #menu-mobile-primary .menu-mobile-home 
{
    opacity:0;
    visibility:hidden;
}


/* 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;
}





/**********/
/* Footer */
/**********/
footer {
    background: var(--navy-blue);
    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-start;
    justify-content: space-between;
    padding-left:var(--content-padding);
    padding-right:var(--content-padding);
    position:relative;
    z-index:2;
}


.footer_row:after {
    content: "";
    background: url(/wp-content/uploads/wake-skyblue-right.svg) center center / contain no-repeat;
    width:668px;
    height:297px;
    position: absolute;
    bottom: -50px;
    right: -150px;
    z-index: 0;
}
.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:left;
}

.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:578px;
    background:url(/wp-content/uploads/footer_image1.webp) center 95% / 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 */
    /*************/
    #menu-main .menu-desktop {
        flex-wrap: wrap;
        justify-content: flex-end;
        height: 116px;
        width: 515px;
        align-content: center;
        gap: 5px 0;
        padding-left: 0;
    }
    .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 .menu-desktop >li.mainmenu_item >a, 
    #menu-main .menu-desktop >li.has_submenu >button, 
    #menu-main .menu-desktop >li.mainmenu_button a {
        padding: 6px 0 6px;
    }
    #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;
    }
}





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

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


    /* Main Menu */
    #menu-main .menu-desktop-wrapper .mainmenu_home img {
        max-width: 200px;
    }
    #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: 16px;
        font-size: 1rem;
        line-height: 26px;
        line-height: 1.63rem;
        /* padding: 24px 0 23px; */
        /* margin-left: 26px; */
    }
    #menu-main .menu-desktop {
        /* height: 116px; */
        width: 470px;
        /* gap: 5px 0; */
        /* padding-left: 0; */
    }
    #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: 40px;
    }




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


    .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;
     }
    
}




/**********/
/* 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; }
    
    
    
    
    /**********************/
    /* Top Updates Banner */
    /**********************/
    body.admin-bar header.fl-page-header { margin-top: 46px; }
    .top_banner_inner {         
        gap: 0 10px;
        padding: 0;
    }
        
    body.admin-bar.menu_main_out header.fl-page-header {
        transform:translateY(-46px);
    }

    .top_banner_inner {    flex-wrap: wrap;}
    .banner_topic, 
    .banner_button,
    .top_banner_close {order:1}
    .banner_text {
        order:2;
        flex-basis: 100%;
    }
    .top_banner .banner_button {     padding: 7px 16px; }








    

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

    /*************/
    /* Searchbox */
    /*************/
    .searchbox .search_wrap {
        top:0;
        display:block;
        
    }
    .searchbox {
        visibility: hidden;
        opacity: 0;
        transition: all 0.25s ease;
        top: var(--header-height);
        transform: translateY(-10px);
        padding: 20px 0;
        height: initial;
        background: var(--navy-blue);
        /* width: calc(100vw - 5px); */
    }

    .searchbox.mobile_visble {
        visibility: visible;
        opacity:1;
        transform: translateY(0);
    }

    .searchbox #searchform {width:100%}

    .search_wrap {
        background: var(--navy-blue);
    }
    

    .search_inner {        
        padding: 0;    
        margin: 0;
        padding-left: var(--content-padding);
        padding-right: var(--content-padding);
    }
    .search_form_wrapper >img {     width: 20px;}
    .search_form_wrapper .search_button {
        font-size: 18px;
        font-size: 1.13rem;
        width: 122px;
        padding: 13px 0px;
        background:var(--sky-blue);
        color:var(--navy-blue);
        margin-right: 0;
    }
    #searchform input[type=text].search_input {
        font-size: 18px;
        font-size: 1rem;
        width: 100%;
        border-radius: 8px !important;
        padding: 7px 12px;
    }    
    .search_close {    display: none; }
    .search_form_wrapper {    
        display: flex;
        justify-content: space-between;
    }


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

    header.fl-page-header .header_inner {
        height: var(--header-height);
        padding: 0;
        margin: auto;
    }
    #menu-main .menu-desktop {
        padding: 0 18px;
    }

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

 
    header.fl-page-header {
        padding-top: 0;
    }
    #menu-main #menu-mobile-primary {
        position: fixed;
        left: 0;
        background: transparent;
        width: 100vw;
        height: var(--header-height);
        margin: 0;
        padding: 0 16px;
        z-index:9;
        padding-top: 16px;
    }
    .mobile_menu_open #menu-main #menu-mobile-primary  {background:var(--navy-blue);}
    #menu-main #menu-main-desktop {display:none}
    #menu-main #menu-mobile-primary .menu-mobile-home {
        transition:all .25s ease;
    }

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


    #menu-mobile-primary {
        display: flex;
        list-style: none;
        justify-content: space-between;
        padding:0;
        align-items: center;
        gap:24px;
        height:100%;
    }
    
    /* #menu-mobile-primary li {height:100%;} */
    #menu-mobile-primary li img {
        height:100%;
        max-height: var(--header-height);
        max-width: 162px;
    }
    #menu-mobile-primary li a {background:initial}
    #menu-mobile-primary .mainmenu_home {        margin-right:auto;    }

    #menu-mobile-primary .mobile_menu_give  {
        padding: 16px;
        background: var(--sandbar-blue, #C8EFE8);
        color: var(--patch-reef-blue, #025C6E);
        font-family: var(--font-primary);
        font-weight: 700;
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 28px;
        line-height: 1.75rem;
        border-radius: 6px;
        transition: all .25s ease;
        border:0;
    }
    #menu-mobile-primary a {
        color: var(--Sandbar-Blue, #C8EFE8);
        font-size: 13px;
        font-size: 0.81rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #menu-mobile-primary .menu-mobile-visitor,
    #menu-mobile-primary .menu-mobile-contact,
    #menu-mobile-primary .menu-mobile-give {
        transition:all .25s ease;
    }

    .mobile_menu_open #menu-mobile-primary .menu-mobile-visitor,
    .mobile_menu_open #menu-mobile-primary .menu-mobile-contact,
    .mobile_menu_open #menu-mobile-primary .menu-mobile-give {
        opacity:0;
    }

    #menu-mobile-primary >li >button,
    #menu-mobile-primary >li >a {
        color: var(--white, #FFF);
        font-size: 16px;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border: 0;
        background: transparent;
        width: 100%;
        text-align: left;
        padding: 0;
        border-radius: 0;
    }

    #menu-mobile-primary >li.menu_CTA {margin:0 0 10px;}
    #menu-mobile-primary >li.menu_CTA >a {
        padding: 16px;
        background: var(--sandbar-blue, #C8EFE8);
        color: var(--patch-reef-blue, #025C6E);
        font-family: var(--font-primary);
        font-weight: 700;
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 28px;
        line-height: 1.75rem;
        border-radius: 6px;
        transition: all .25s ease;
        border: 0;
        display: block;
        text-align: center;

    }

    /*
    #menu-mobile-primary >li >button:after {
        content: "\f107";
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 22px;
        line-height: 22px;
        font-weight: 400;
        transition: all .25s ease;
        color: var(--sandbar-blue);
        float: right;
        margin-right: 18px;
    }
    #menu-mobile-primary >li >button[aria-expanded="true"]:after {
        transform: rotate(180deg);
    }
    */

    #menu-mobile-primary .mobile_menu_toggle {
        background: var(--navy-blue);
        border: 0;
        font-size: 0;
        padding: 8px 9px;
        border-radius: 8px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        width:54px;
        height:36px;
        margin-top: 9px;
    }

    #menu-mobile-primary .mobile_menu_toggle:after {
        content: "";
        background-color: var(--white);
        -webkit-mask-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251%22%20height%3D%2227%22%20viewBox%3D%220%200%2051%2027%22%20fill%3D%22none%22%3E%3Cline%20y1%3D%221.95312%22%20x2%3D%2251%22%20y2%3D%221.95312%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3Cline%20y1%3D%2213.9531%22%20x2%3D%2251%22%20y2%3D%2213.9531%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3Cline%20y1%3D%2225.9531%22%20x2%3D%2251%22%20y2%3D%2225.9531%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E);
        mask-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251%22%20height%3D%2227%22%20viewBox%3D%220%200%2051%2027%22%20fill%3D%22none%22%3E%3Cline%20y1%3D%221.95312%22%20x2%3D%2251%22%20y2%3D%221.95312%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3Cline%20y1%3D%2213.9531%22%20x2%3D%2251%22%20y2%3D%2213.9531%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3Cline%20y1%3D%2225.9531%22%20x2%3D%2251%22%20y2%3D%2225.9531%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E);
        mask-repeat: no-repeat;
        mask-size: 36px, 16px;
        width: 36px;
        height: 28px;
        display: inline-block;
        position: relative;
        transition: all .25s ease;
    }
    #menu-mobile-primary .mobile_menu_toggle[aria-pressed="true"]:after {
        -webkit-mask-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2235%22%20viewBox%3D%220%200%2034%2035%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.0195%207.34961L4.9779%2031.3912%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%2229.9647%22%20y1%3D%2230.4454%22%20x2%3D%225.9231%22%20y2%3D%226.40379%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E);
        mask-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2235%22%20viewBox%3D%220%200%2034%2035%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.0195%207.34961L4.9779%2031.3912%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%2229.9647%22%20y1%3D%2230.4454%22%20x2%3D%225.9231%22%20y2%3D%226.40379%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E);
        mask-repeat: no-repeat;
        mask-size: 26px, 26px;
        width: 26px;
        height: 26px;
        transform: rotate(180deg) translate(-4px, 2px);
    }

    #menu-mobile-primary .mobile_quicklinks h3 {display:none}
    #menu-mobile-primary .mobile_quicklinks .sub-menu[data-depth='0'] { 
        display: flex;
        padding: 10px 0;
        justify-content: space-between;
        border-top: 1px solid var(--white);
        border-bottom: 1px solid var(--white);
    }
    #menu-mobile-primary .mobile_quicklinks .sub-menu[data-depth='0'] a { 
        font-size: 19px;
        font-size: 1.19rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    #menu-main .sub-menu .mainmenu_item {
        min-width: initial;
    }
    #menu-main ul.menu-desktop {
        padding-left: var(--content-padding);
        padding-right: var(--content-padding);
        background: var(--navy-blue);
        width: 100%;
        left: 0;
        padding-top: calc(var(--header-height) + 100px);
        display:none;
        padding-bottom: 100px;
        height: 100vh;
        overflow-y: scroll;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        border-radius: 0;
        gap: 20px;
    }
    .break_point {
        display:none;
    }
    #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 ul.menu-desktop li.has_submenu >button,
    #menu-main ul.menu-desktop li.mainmenu_item a{
        width: 100%;
        border-radius: 0;
        color: var(--white);
        text-align: left;
        padding: 0;
        display: block;
        margin: 0 !important;
        float: left;
        font-size: 20px;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 33px;
        line-height: 2.06rem;
        border: 0 !important;
    }
    #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 .menu-desktop >li.has_submenu >button:after {
        float: right;
        font-weight: 100;
        font-size: 21px;
        font-size: 1.31rem;
    }
    /* #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;
    }
    
    
 
    
    


    body.mobile_menu_open  {overflow:hidden}


    /* Quick access top bar */


    ul#menu-quickaccess {
        display: none;
    }    

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

    .footer_row {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer_col.col2 {
        max-width: 100%;
    }
    .footer_row:after {
        width: 215px;
        bottom: -100px;
        right: -20px;
    }
    .footer_col.col2 {
        max-width: 100%;
        padding: 24px;
    }
    .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;
    }
    
    
}