/* header content wrapper */
header .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap {
    gap: 1rem;
}
/** site logo */
.nav-site-logo {
    width: 266px;
    min-width: 266px;
    flex-basis: 266px;
}
@media (max-width: 1399px) {
    .nav-site-logo  {
        width: 208px;
        min-width: 208px;
        flex-basis: 208px !important;
    }
}
.nav-site-logo,
.nav-site-logo a {
    overflow: visible;
}
.nav-site-logo a,
.nav-site-logo a img {
    border-radius: 0;
}
/* Change the WordPress default css to a 1199px media query */
@media (min-width: 1200px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}
@media (max-width: 1679px) {
    .wp-block-navigation__responsive-container-content {
        gap: 1.25rem;
    }
}
/** current menu item style & hover */
.wp-block-navigation__responsive-container-content:not(.is-menu-open) > ul > li > a:hover:not(.nav-toggle) {
    text-decoration: none;
    color: var(--wp--preset--color--accent) !important;
} 
.wp-block-navigation__responsive-container-content:not(.is-menu-open) > ul > li.current-menu-item > a.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content:not(.is-menu-open) > ul > li.current-menu-ancestor > a.wp-block-navigation-item__content, 
.wp-block-navigation__responsive-container-content:not(.is-menu-open) .wp-block-navigation-submenu:not(.is-style-mega-menu) > li.current-menu-item > a.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content:not(.is-menu-open) .wp-block-navigation-submenu:not(.is-style-mega-menu) > li.current-menu-ancestor > a.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive>li>ul li.current-menu-item:last-child a{
    font-weight: 700;
        color: var(--wp--preset--color--accent) !important;

}
nav .wp-block-navigation-item > a:hover {
    text-decoration: underline;
}
/* search button */
nav .wp-block-search__inside-wrapper {
    padding: 0;
   border: 1px solid var(--wp--preset--color--light-d);
   background: var(--wp--preset--color--white);
}
@media (max-width: 1679px) {
    nav .wp-block-search__inside-wrapper  {
        border-right: none;
        width: 226px!important;
    }
}
@media (max-width: 1199px) {
  nav .wp-block-search__inside-wrapper {
    width: 100% !important;
  }
  nav form.wp-block-search__icon-button {
    width: 100%;
  }
}
nav .wp-block-search__inside-wrapper input {
    padding-left: 1.25rem;
    font-size: var(--wp--preset--font-size--small);
    background-color: var(--wp--preset--color--white);
}
nav .wp-block-search__inside-wrapper input:-internal-autofill-selected,
.wp-block-search__input:-internal-autofill-selected  {
        background-color: var(--wp--preset--color--light-e) !important;
          -webkit-box-shadow: 0 0 0 60px var(--wp--preset--color--light-e) inset !important;
          font-size:var(--wp--preset--spacing--20) !important;
}
/* Autofill background fix */
 .wp-block-search__inside-wrapper input:-webkit-autofill,
 .wp-block-search__input:-webkit-autofill {
    background-color: var(--wp--preset--color--light-e) !important;
    -webkit-box-shadow: 0 0 0 60px var(--wp--preset--color--light-e) inset !important;
    font-size: var(--wp--preset--spacing--20) !important;
    -webkit-text-fill-color: var(--wp--preset--color--contrast) !important; /* makes text not look weird */
}
 nav .wp-block-search__inside-wrapper .wp-block-search__input:focus {
      border: 0 !important;  
}
 .wp-block-search__inside-wrapper input:-webkit-autofill:hover,
 .wp-block-search__input:-webkit-autofill:hover,
 .wp-block-search__inside-wrapper input:-webkit-autofill:focus,
.wp-block-search__input:-webkit-autofill:focus,
.wp-block-search__inside-wrapper input:-webkit-autofill:active,
.wp-block-search__input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 60px var(--wp--preset--color--light-e) inset !important;
    background-color: var(--wp--preset--color--light-e) !important;
    -webkit-text-fill-color: var(--wp--preset--color--contrast) !important;
                  border: 0;

}
.category-active .wp-block-search__input:-internal-autofill-selected {
      background-color: var(--wp--preset--color--white) !important;
          -webkit-box-shadow: 0 0 0 60px var(--wp--preset--color--white) inset !important;
}
nav .wp-block-search__inside-wrapper input::placeholder{
    color: var(--wp--preset--color--black);
} 

nav .wp-block-search__button {
    height: 48px;
    width: 48px;
    min-width: 48px;
    padding: 0;
    position: relative;

    filter: brightness(100%); /* Original brightness */
    transition: filter 0.25s ease; /* Smooth transition for the effect */
}
@media (max-width: 1679px) {
    nav .wp-block-search__button  {
        height: 40px;
        width: 40px;
        min-width: 40px;
    }
}

nav .wp-block-search__button:focus,
nav .wp-block-search__button:hover {
    filter: brightness(120%); 
}
nav .wp-block-search__button svg {
    /*display: none;*/
    transform: scaleX(-1);
}
nav .wp-block-search__button::after {
    content:url('../images/icon-search.svg'); /* delay in loading */
    position: absolute;
    width: 21px;
    height: 21px; 
    top: calc(50% - 10px);
    left: calc(50% - 10px);   
    background-color: var(--wp--preset--color--accent);
}
@media (max-width: 1679px) {
    nav .wp-block-search__button::after  {
        width: 17px;
        height: 17px; 
        top: calc(50% - 8px);
        left: calc(50% - 8px);   
    }
}
/* hide dropdown toggle */
.wp-block-navigation .wp-block-navigation__submenu-icon {
    width: 0;
}
/* prevent text wrap level one*/
.wp-block-navigation__responsive-container-content > ul > li > a {
    text-wrap: nowrap;
    text-decoration: none;
}
/*
 * desktop default sub menu  (not mega menu) -------------------------------------------------------------------------------------------------------*/
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul:not(.is-style-mega-menu) {
    margin-top: 29px !important; /* fixed menu offset */
    border-radius: 0 !important;
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;

    min-width: 360px !important;
    margin-top: 0;
    padding: var(--wp--preset--spacing--40);
    border-radius: 1rem;
    border: 1px solid var(--wp--preset--color--light-d);
}
@media (max-width: 1679px) { 
    .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul:not(.is-style-mega-menu) { 
        margin-top: 25px !important; /* fixed menu offset */
    }
}
@media (max-width: 1399px) { 
    .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul:not(.is-style-mega-menu) { 
        margin-top: 26px !important; /* fixed menu offset */
    }
}

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul li a { 
    font-size: var(--wp--preset--font-size--small);
    padding: 0;
    padding-bottom: 1rem;
}


.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul li:last-child a {
    padding-bottom:0;
}
/* submenu hover fix offset */
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > a::after{
    content:'';
    display: block;
    position: absolute;
    width: 100%;
    height: 200%;
}
/* delete level 3 from desktop */
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container > li.wp-block-navigation-submenu:not(.is-style-mega-menu) > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-submenu > ul,
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container > li.wp-block-navigation-submenu:not(.is-style-mega-menu) > ul.wp-block-navigation__submenu-container > li.wp-block-navigation-submenu > button {
    display: none !important;
}

/*
 * desktop mega menu sub menu -------------------------------------------------------------------------------------------------------*/
/* mega menu <ul> full-width  */

.ingredient-sticky.is-position-sticky {
  top: 80px;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu {
    position: fixed;
    top: 80px; /* fixed menu offset */
    max-width: var(--wp--style--global--wide-size);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0!important;
    padding-right: var(--wp--style--root--padding-right) !important;
    padding-left: var(--wp--style--root--padding-left) !important;
    
    display: flex;
    flex-direction: row;
    /*align-items: flex-start;*/
        align-items: stretch;
    justify-content: space-between;
    border-left: none;
    border-right: none;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
/* For Firefox */
@-moz-document url-prefix() {
  .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu {
    top: 80px;
  }
}

/* For IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu {
    top: 80px;
  }
}
@media (max-width: 1679px) { 
    .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu { 
        top: 74px;
    }
}
@media (max-width: 1399px) { 
    .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu { 
        top: 72px;
    }
}
/*  full width rounded corners */
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu::before {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    /*width: calc(100vw - 10px); /* offset fix */
    height: 100%;
    left: -50%;
    /*left: calc(-50% + 10px); /* offset fix */
    right: -50%;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    background: linear-gradient(to right, var(--wp--preset--color--light-ea) 50%, var(--wp--preset--color--white) 50%);
    border: 1px solid var(--wp--preset--color--light-d);

    top: -1px; /* border offset */
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li {
    padding: var(--wp--preset--spacing--60) 0;
}
/* keep drop down menus open & relative */
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    height: auto;
    max-height: none;
    transform: none;
    position: relative;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    padding: 0 !important;

}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu .is-style-button-underline {
    display: flex;
    align-items: flex-start;
        min-width: 12%;
}
/*html:lang(fr) .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > .is-style-button-underline > a {
 width:85%;
}*/
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.wp-block-navigation-submenu {
    flex-wrap: wrap; 
    align-items: flex-start;
    align-content: flex-start;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-li-heading {
    pointer-events: none;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-li-heading > a > .wp-block-navigation-item__label{
    font-size: 1.125rem!important;
    font-weight: 700;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li a{
    flex-grow: 0!important;
    padding: 0!important;
    margin-bottom: 1rem!important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-button-underline a{
    border-bottom: 2px solid var(--wp--preset--color--accent);
    font-family: var(--wp--preset--font-family--poppins);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--wp--preset--color--dark-4)!important;

    filter: brightness(100%); 
    transition: filter 0.25s ease; 
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-button-underline a:focus,
.wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-button-underline a:hover {
    text-decoration: none;
    filter: brightness(120%); 
    border-bottom: 2px solid #eb2436;
    color: #525252!important;
    background-color: transparent !important;
    background: transparent !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li:not(:last-of-type) li.is-style-button-underline a {
    margin-top: 0.5rem;
}
/* mega menu ul.is-style-mega-menu li.is-style-menu-callout --------- first column */
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout {
    background-color: var(--wp--preset--color--light-ea);
    align-items: flex-start;
    justify-content: right;
    align-self: stretch;
    max-width: 25%;
    padding-right: var(--wp--preset--spacing--80) !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout a {
    align-self: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--40);
    pointer-events: none;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout a:focus,
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout a:hover {
    text-decoration: none;
}
.wp-block-navigation li.is-style-menu-callout .wp-block-navigation-item__description {
    display: block;
    flex-basis: 100%;
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 700;
    line-height: 1.2;
    
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout img {
    display: block;
    margin-bottom: var(--wp--preset--spacing--40);
    
}
/* mega menu callout button */
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout .wp-block-navigation-item__label {
    order: 2; 
 
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--poppins);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 20px;
    padding-right: 32px;
    padding-bottom: 20px;
    padding-left: 32px;
    border: none;
    border-radius: 5rem;
    text-transform: uppercase;

    filter: brightness(100%);
    transition: filter 0.25s ease; 
    pointer-events: visible;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout .wp-block-navigation-item__label:focus,
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout .wp-block-navigation-item__label:hover {
    filter: brightness(120%); 
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout + li {
   padding-left: var(--wp--preset--spacing--80);
}
/* hover jump fix */
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li:not(.is-style-menu-callout) ul,
.wp-block-navigation ul.is-style-mega-menu .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
   min-width: 0 !important;
}
/*.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu {
    position: fixed;
    top: 60px;
    left: 0;
    margin-top: 0 !important;
    
    width: 100vw !important;
    max-width: 100vw;
    z-index: 999;
    box-sizing: border-box;
    
    padding: 0 !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    overflow: hidden!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.admin-bar .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu {
    top: calc(60px + var(--wp-admin--admin-bar--position-offset, 0px));
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu ul{
    position: relative;
    border: none;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
    border: none;
    min-width: 100%;
    margin-top: 0;
    padding: 0;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li:nth-child(2){
    margin-left: var(--wp--preset--spacing--80);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.wp-block-navigation-submenu {
    flex-wrap: wrap; 
    margin-top: var(--wp--preset--spacing--70);
    align-items: flex-start;
    margin-bottom: var(--wp--preset--spacing--80);
}

.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    height: auto;
    max-height: none;
    transform: none;
    position: relative;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: var(--wp--preset--spacing--50) !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.wp-block-navigation-submenu > .wp-block-navigation__submenu-container .wp-block-navigation-item__label{
    font-size: 16px;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu button.wp-block-navigation__submenu-icon{
    display: none;
}*/

/* mega menu ul.is-style-mega-menu li.is-style-menu-callout */
/*.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout {
    background-color: var(--wp--preset--color--light-ea);
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
    align-items: flex-start;

    justify-content: right;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.is-style-menu-callout a:focus,
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.is-style-menu-callout a:hover {
    text-decoration: none !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.is-style-menu-callout a .wp-block-navigation-item__label:focus,
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li.is-style-menu-callout a .wp-block-navigation-item__label:hover {
    text-decoration: underline !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout > a.wp-block-navigation-item__content { 
    padding-left: var(--wp--preset--spacing--80);
    padding-right: var(--wp--preset--spacing--80);

    flex-grow: 0 !important;
    width: 350px;
    text-wrap: wrap;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li > a.wp-block-navigation-item__content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--wp--style--block-gap);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li:not(.is-style-menu-callout) > a.wp-block-navigation-item__content {
    order: 2;
    width: 100%;
    flex-basis: 100%;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li .wp-block-navigation-item__label {
    order: 2;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li > a > .wp-block-navigation-item__label {
    font-family: var(--wp--preset--font-family--poppins);
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid var(--wp--preset--color--accent);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li > a > .wp-block-navigation-item__label:focus,
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li > a > .wp-block-navigation-item__label:hover {
    border-bottom: 2px solid var(--wp--preset--color--dark-4);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout .wp-block-navigation-item__label {
    background-color: var(--wp--preset--color--accent);
    color:var(--wp--preset--color--white);
    border-radius: 5rem;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout .wp-block-navigation-item__description {
    flex-basis: 100%;
    width: 100%;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu li:not(.is-style-menu-callout) .wp-block-navigation-item__description {
    position: absolute;
    top: 0;
    z-index: 999999;
    font-weight: 700;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) ul.is-style-mega-menu > li:not(.is-style-menu-callout) > a > .wp-block-navigation-item__label {
    position: absolute;
    top: 100%;
    z-index: 999999;
    font-weight: 700;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout img {
    margin-bottom: var(--wp--style--block-gap);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__description,
.wp-block-navigation__responsive-container:not(.is-menu-open) li.is-style-menu-callout img  {
    display: block;
}*/
/**
 *  mobile menu -----------------------------------------------------------------------------------------------------------
 */
 .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--light-e);
    margin-left: auto;
    max-width: 390px;
 }
 /* open/close menu icon */
.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
    width: 40px;
    height: 40px;
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--white);
    border-radius: 2rem;
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    /*background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--white);
    border-radius: 2rem;
    padding: 0.5rem;*/
    display: none;
}
.wp-block-navigation__responsive-container-open::after{
    content:url('../images/menu-icon-reverse.svg'); /* delay in loading */
    position: absolute;
    width: 24px;
    height: 24px; 
    top: 8px;
    left: 8px;   
    display: block;
}
.wp-block-navigation__responsive-container-close::after{
    content:url('../images/menu-icon-open-reverse.svg'); /* delay in loading */
    position: absolute;
    width: 24px;
    height: 24px; 
    top: 8px;
    left: 8px;   
    display: block;
}

 /* mobile layout collapsible ------
  * note height:0/100% to regain collapsible control on mobile.
  * navigation block toggle settingSubmenus: Open on click = off, Show arrow = on */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > button,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > a {
    font-family: var(--wp--preset--font-family--poppins);
    /*font-size: var(--wp--preset--font-size--large);*/
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > a:focus,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > a:hover {
    text-shadow: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    gap:  var(--wp--preset--spacing--40);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    max-height: 0;
    overflow: hidden;  
    box-sizing: border-box;
    padding-top: 0;
    padding-left: var(--wp--preset--spacing--30);
    padding-right: 0;
    transition: max-height 0.25s ease-out;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
    max-height: 1000px; /* big enough to fit submenu */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li{
    padding-top: 0;
    padding-bottom: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: .5rem 1rem .5rem 0;
    
}
 /* mobile collapse icons: replace default with +/- 2x case scenarios ----------------------  */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    visibility: hidden; /* disable default dropdown icon */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
    display: flex !important;
    align-items: center;
    position: absolute !important;
    right: 0.5rem;
    left: auto !important;
    height: 1.5rem;
    margin-left: 0;
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-right: 0 !important;
} 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > button.wp-block-navigation-submenu__toggle::before{
    content: "";
    display: block;
    position: absolute !important;
    width:1.5rem;
    height: 1.5rem;
    border-radius: 5rem;
    right: 0;
    background-color: var(--wp--preset--color--dark-4);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle::after {
    content: url(../images/icon-nav-plus-dark-4.svg);
    display: block;
    position: absolute;
    width: 12px;
    line-height: 0;
    left: 6px; 
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
    content: url(../images/icon-nav-minus-dark-4.svg);
}
/* different icon display if menu is level one */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > button.wp-block-navigation-submenu__toggle{
    margin-top: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > button.wp-block-navigation-submenu__toggle::after {
    content: url(../images/icon-nav-plus.svg);
    width: 8px;
    left: 8px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > button.wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
    content: url(../images/icon-nav-minus.svg);
}
/* spacing */
@media (max-width: 1199px) { 
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul > li:not(.is-style-menu-callout):first-of-type{ 
        margin-top: 1rem; 
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.is-responsive > li > ul > li.is-style-menu-callout + li {
        margin-top: 1rem; 
    } 
}
/* hide megamenu on mobile */
.wp-block-navigation__responsive-container.is-menu-open .is-style-menu-callout {
    display: none!important;
}
/* hide fr toggle on mobile */
.wp-block-navigation__responsive-container.is-menu-open ul > li:has(.nav-toggle) {
    display: none!important;
}
/* search bar -- */
nav .wp-block-navigation__responsive-container.is-menu-open form.wp-block-search {
    margin-top: 2rem;
}
@media (max-width: 1199px) {
    nav .wp-block-search__button  {
        height: 48px;
        width: 48px;
        min-width: 48px;
        margin-left: -48px;
    }
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc(2rem + 40px);
}
/*nav .wp-block-navigation__responsive-container.is-menu-open form.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
    width: 100% !important;
    padding-left: var(--wp--preset--spacing--50) !important;
    padding-right: var(--wp--preset--spacing--50) !important;
    margin-right: -1rem !important;
    border-left-width: 1px !important;
    flex-grow: 1;
    position: relative;
    right: initial;
}
nav .wp-block-navigation__responsive-container.is-menu-open form.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden, 
nav .wp-block-navigation__responsive-container.is-menu-open form.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
    overflow: visible;
    width: 100%;
}*/

/** current mobile menu item */
/** current menu item style & hover */
@media (max-width: 1199px) { 
.wp-block-navigation__responsive-container-content > ul > li > a:hover:not(.nav-toggle) {
    font-weight: 700;
    text-shadow: none !important; /* bold jump fix */
    text-decoration: none;
} 
.wp-block-navigation__responsive-container-content li.current-menu-item > a {
    font-weight: 700;
   text-shadow: none!important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
}