/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 26 2025 | 17:18:33 */
/* Enchanced Mega Menu Snippet based on the one from Nick Arce https://nickarce.com/ (--V1.5.4w/ ACSS) */
/* Improved by Rafal Rohde */
/* --V1.2 w/ ACSS */
/* Changelog: */
/* Version 1.2: */
/* - Classes for menu links and dropdowns are obsolete. */
/* Version 1.1: */
/* - Most of the styling options are tokenized now. */
:root {
  --header-top-height: 48px;
}
#brx-header.sticky {
  /*     position: sticky !important; */
  padding: 0;
}
#brx-header .header-top {
  height: var(--header-top-height);
}
#brx-header .header {
  /* DESKTOP SETTINGS */
  --bg-color: var(--primary);
  --bg-shadow: var(--box-shadow-m);
  --links-font-size: 18px;
  --links-font-weight: 400;
  --links-color: var(--text-light);
  --links-hover-color: var(--tertiary);
  --links-gap: var(--space-l);
  --standard-dropdown-padding: 0;
  --standard-dropdown-min-width: fit-content;
  --dropdown-bg-color: var(--primary);
  --dropdown-links-padding: var(--space-xs)  var(--space-m);
  --dropdown-links-gap-style: 1px solid var(--neutral-light);
  /* border parameters */
  --dropdown-links-font-size: var(--text-m);
  --dropdown-links-color: var(--white);
  --dropdown-links-hover-color: var(--primary);
  --dropdown-links-hover-bg-color: var(--white);
  /* MOBILE SETTINGS */
  --mobile-links-weight: 500;
  --mobile-links-color: var(--text-dark);
  --mobile-links-hover-bg-color: var(--primary);
  --mobile-links-hover-color: var(--text-light);
  --mobile-icon-size: 2.6rem;
  --mobile-icon-color: var(--white);
  --mobile-bg-color: var(--white);
  --mobile-borders-style: 1px solid var(--neutral-light);
  --mobile-header-background: var(--primary);
  --submenu-back-content: "Back";
  --submenu-back-font-size: var(--text-m);
  --submenu-back-text-transform: uppercase;
  --submenu-back-color: var(--text-light);
  --submenu-back-font-weight: 500;
}
/* header */
#brx-header .header {
  padding: var(--space-xs) var(--gutter);
  height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-color);
  border-bottom: 1px solid var(--neutral-semi-dark);
}
#brx-header .header .header__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#brx-header .header .header__logo {
  max-width: 14rem;
  width: auto;
  height: calc(var(--header-height) - var(--space-m));
}
/* header.scrolling { */
/* Make sure your Header TEMPLATE is set to Sticky */
/*  transform: translateY(calc(var(--header-top-height) * -1)); */
/* } */
header.sticky {
  box-shadow: var(--bg-shadow);
}
/* first section offset overwrite to accomodate top header */
/* body:not(:has([data-sticky-header="0"]), .content-offset--off) main:not(.panel-content)>*:first-child>*:first-child:not(.bricks-shape-divider){
     margin-block-start: calc(var(--header-height) + var(--header-top-height, 0)) !important;
} */
/* -----------------------NAV ITEMS-------------------- */
/* Do you want to add space-between normal links and a CTA button? */
/* DO YOU WANT THE LAST NAV ITEM TO LOOK LIKE A BUTTON ON DESKTOP? https://nickarce.com/desktop-button/ ********** */
/* SELECTION (true/false) ********* */
/* DO YOU WANT THE LAST NAV ITEM TO LOOK LIKE A BUTTON ON MOBILE? https://nickarce.com/mobile-button/ ********** */
/* SELECTION (true/false) ********* */
/* IF USING BUTTON ON MOBILE: DO YOU WANT IT AT THE BOTTOM OF THE SCREEN https://nickarce.com/mobile-button-bottom/ ********** */
/* SELECTION (true/false) */
/* STYLE LAST NAV BUTTON HERE ******** */
/* WHAT STYLES DO YOU WANT YOUR NAV LINKS? https://nickarce.com/link-styles/ ****** */
/* DO YOU WANT DIFFERENT NAV LINK STYLING FOR STICKY HEADER ON SCROLL? https://nickarce.com/sticky-link-style/ ****** */
/* SELECTION (true/false) */
/* WHAT STYLES DO YOU WANT THE LINKS ON A STICKY HEADER? ****** */
/* MULTILEVEL DROPDOWNS (will turn off some animations to function) ****** */
/* SELECTION (true/false) */
/* DESKTOP MENU ITEMS GAP https://nickarce.com/nav-items-gap/ ****** */
/* ACTIVE DESKTOP DROPDOWN ICON ANIMATION (if no animation select 'none') https://nickarce.com/dropdown-icon-animation/ ****** */
/* SELECTION (none/flip/rotate) */
/* MOBILE HAMBURGER ICON SIZE ****** */
/* hamburger icon */
/* MOBILE HAMBURGER ICON COLOR ****** */
/* --------------------MEGA MENU CONTENT DESKTOP & MOBILE----------------- */
/* ARE YOU USING ACSS AUTO CONTENT GAP? */
/* SELECTION (true/false) */
/* WHAT BACKGROUND COLOR DO YOU WANT FOR DROPDOWN WRAPPER ****** */
/* WHAT STYLES DO YOU WANT THE LINKS IN THE MENU DROPDOWN ON DESKTOP? https://nickarce.com/dropdown-links-style/ ****** */
/* UPDATE THE DESKTOP MEGA DROPDOWN CONTAINER STYLE HERE https://nickarce.com/mega-menu-dropdown-style/ ****** */
/* UPDATE THE DESKTOP MENU DROPDOWN (non mega) CONTAINER STYLE HERE https://nickarce.com/menu-dropdown-style/ ****** */
/* DROPDOWN OPEN ANIMATION ON DESKTOP ****** */
/* STARTING POSITION (not active) */
/* ENDING POSITION (active) */
/* UPDATE THE MOBILE MEGA DROPDOWN CONTAINER STYLE HERE https://nickarce.com/mobile-mega-content/ ****** */
/* DO YOU WANT TO HIDE THE SCROLLBAR FOR THE DROPDOWN CONTENT ON MOBILE? ****** */
/* SELECTION (true/false) */
/* -----------------------MOBILE SETTINGS-------------------- */
/* WHEN WILL YOUR NAVIGATION CHANGE TO MOBILE? ****** */
/* WHERE DO YOU WANT THE MOBILE MENU TO SLIDE OPEN FROM? ****** */
/* SELECTION (left/right/top/bottom) */
/* HOW LONG SHOULD THE SLIDE TAKE? (note: for best close animation smoothness choose 0.2s) ****** */
/* WHAT TRANSITION EFFECT DO YOU WANT? ****** */
/* MOBILE MENU BACKGROUND COLOR ****** */
/* MOBILE MENU NAV LINK STYLE ****** */
/* DO YOU WANT A MOBILE LOGO? (add logo under nav nestable > nav items wrapper > mobile nav > mobile logo) ****** */
/* NOTICE this feature is not fully browser compatible due to using :has() and it will not show on some browsers ***** */
/* SELECTION (true/false) */
/* WHAT HEIGHT DO YOU WANT THE LOGO? ****** */
/* SET MOBILE LINK BOTTOM BORDER CSS. USE 'none' IF YOU DONT WANT BORDERS https://nickarce.com/mobile-menu-border/ ****** */
/* $mm-border: 1px solid var(--mobile-borders-color); // border value or none */
/* SHOULD MENU DROPDOWN LINKS (non mega) MATCH TOP LEVEL NAV LOOK ON MOBILE? https://nickarce.com/match-mobile-menu-dropdown/ ****** */
/* SELECTION (true/false) */
/* MOBILE CLOSE ICON SIZE ****** */
/* close icon */
/* MOBILE CLOSE ICON COLOR ****** */
/* SET MOBILE PADDING ****** */
/* vertical spacing to be used throughout design */
/* horizontal spacing to be used throughout design */
/* ----------------------YOUR CUSTOM CSS--------------------- */
/* Global Mega Menu Styling */
.mm {
  /* nest items here */
}
/* Specifically Not Mobile Menu */
.mm:not(.brx-open) {
  /* nest items here */
}
.mm:not(.brx-open) .mm__dropdown-content .menu-item + * {
  border-top: var(--dropdown-links-gap-style);
}
/* Mega Menu Styling Only At Breakpoint */
@media (max-width: 1100px) {
  .mm {
    /* nest items here */
    /* &__nav-items{ */
    /*     padding: 20px; */
    /*     border: var(--mobile-borders-style); */
    /* } */
  }
}
/* Mega Menu Styling On Mobile Menu */
.mm.brx-open {
  /* nest items here */
}
.mm.brx-open:has(.mm__mobile-extra-content:not(:empty)) ul.mm__nav-items {
  flex: unset !important;
}
.mm.brx-open .mm__mobile-extra-content {
  padding: var(--space-m) var(--gutter);
}
.mm.brx-open .mm__mobile-extra-content:empty {
  display: none;
}
/* -----------------------END OF YOUR CUSTOM CSS-------------------- */
/* -----------------------LOGIC *IGNORE*-------------------- */
.mm__nav-items-wrapper, .brx-dropdown-content {
  gap: unset;
}
/* --------CUSTOM LOGIC---------- */
/* --------END OF CUSTOM LOGIC---------- */
/* -----------------------END OF LOGIC-------------------- */
/* -----------------------REST OF CSS BELOW--------------------*/
/* global menu styling */
.mm {
  /* mega dropdown */
  /* standard dropdown */
  /* nav items */
  /* mobile logo */
}
.mm .brxe-dropdown.brx-has-megamenu .brx-dropdown-content {
  /* style here */
  padding: var(--space-m);
  gap: var(--space-m);
  box-shadow: 119px 360px 152px rgba(0, 0, 0, 0.01), 67px 203px 128px rgba(0, 0, 0, 0.05), 30px 90px 95px rgba(0, 0, 0, 0.09), 7px 23px 52px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  flex-direction: row;
}
.mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
  /* style here */
  padding: var(--standard-dropdown-padding);
  min-width: var(--standard-dropdown-min-width);
  box-shadow: 119px 360px 152px rgba(0, 0, 0, 0.01), 67px 203px 128px rgba(0, 0, 0, 0.05), 30px 90px 95px rgba(0, 0, 0, 0.09), 7px 23px 52px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  /* link text length. this will help size the dropdown */
}
.mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content > li a, .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content > li .brx-submenu-toggle {
  white-space: nowrap;
}
.mm .mm__nav-items {
  gap: var(--links-gap);
}
.mm .mm__mobile-logo {
  display: none;
}
/* specifically not mobile */
.mm:not(.brx-open) {
  /* standard dropdowns */
  /* both dropdowns */
  /* nav-items */
}
.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) {
  /* sub standard dropdowns */
}
.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a, .mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
  font-size: var(--dropdown-links-font-size);
  color: var(--dropdown-links-color);
  padding: var(--dropdown-links-padding);
  /* hover styling */
}
.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a:hover, .mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle:hover {
  color: var(--dropdown-links-hover-color);
  background-color: var(--dropdown-links-hover-bg-color);
}
.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brx-submenu-toggle > a {
  color: inherit;
  font-weight: inherit;
  text-transform: inherit;
}
.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
  justify-content: space-between;
}
.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg {
  transform: rotate(-90deg);
}
.mm:not(.brx-open) .brxe-dropdown .brx-dropdown-content {
  background-color: var(--dropdown-bg-color);
}
.mm:not(.brx-open) .mm__nav-items > li {
  /* offset if max-width on ACSS text is changed. */
  max-inline-size: max-content;
}
.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown > .brx-submenu-toggle button svg {
  transform: rotate(0);
  transition: transform 0.2s ease-in-out;
}
.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown > .brx-dropdown-content {
  transform: translateY(40px);
}
.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown.open > .brx-dropdown-content {
  transform: translateY(20px);
}
.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown.open > .brx-submenu-toggle button svg {
  transform: rotatex(180deg);
}
.mm:not(.brx-open) .mm__nav-items > li:last-of-type {
  /*                 a.brxe-text-link,  */
}
.mm:not(.brx-open) .mm__nav-items > li:last-of-type > .brx-submenu-toggle {
  /* style button here */
  --btn-background: var(--tertiary);
  --btn-background-hover: var(--white);
  --btn-text-color: var(--tertiary-ultra-light);
  --btn-text-color-hover: var(--primary);
  --btn-border-color: transparent;
  --btn-border-color-hover: var(--tertiary);
  --btn-outline-background-hover: var(--tertiary-hover);
  --btn-outline-border-hover: var(--tertiary-hover);
  --btn-outline-text-color: var(--tertiary);
  --btn-outline-text-color-hover: var(--tertiary-ultra-light);
  --focus-color: var(--tertiary-dark);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-size: 18px;
  font-weight: 400;
  font-style: var(--btn-font-style);
  text-decoration: var(--btn-text-decoration);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  /*     border-width: var(--btn-border-width); */
  border-width: 2px;
  border-style: var(--btn-border-style);
  border-radius: var(--btn-border-radius);
  display: var(--btn-display, inline-flex);
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--btn-background);
  color: var(--btn-text-color);
  border-color: var(--btn-border-color);
  /* transition: all var(--btn-transition-duration) ease; */
  transition: var(--transition);
  /* hover styling */
}
.mm:not(.brx-open) .mm__nav-items > li:last-of-type > .brx-submenu-toggle:hover {
  background: var(--btn-background-hover);
  border-color: var(--white);
  color: var(--btn-text-color-hover);
  text-decoration: var(--btn-text-decoration-hover);
}
.mm:not(.brx-open) .mm__nav-items > li:last-of-type .brx-submenu-toggle a {
  color: inherit;
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > a {
  font-size: var(--links-font-size);
  font-weight: var(--links-font-weight);
  color: var(--links-color);
  transition: var(--transition);
  /* hover styling */
  /* active page style */
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > a:hover {
  color: var(--links-hover-color);
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
  font-size: var(--links-font-size);
  font-weight: var(--links-font-weight);
  color: var(--links-color);
  transition: var(--transition);
  /* hover styling */
  /* active page style */
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle:hover {
  color: var(--links-hover-color);
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a {
  font-size: var(--links-font-size);
  font-weight: var(--links-font-weight);
  color: var(--links-color);
  transition: var(--transition);
  /* hover styling */
  /* active page style */
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a:hover {
  color: var(--links-hover-color);
}
.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle a, .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle span, .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg {
  color: inherit;
}
/* at breakpoint styling */
@media (max-width: 1100px) {
  .mm .mm__nav-items-wrapper {
    visibility: hidden;
    transform: translateX(100%);
  }
  .mm .mm__nav-items-wrapper .mm__nav-items {
    display: none;
  }
  .mm .mm__toggle-open {
    display: flex !important;
    --brxe-toggle-scale: 1;
    color: var(--mobile-icon-color);
    font-size: var(--mobile-icon-size);
  }
  .mm .mm__toggle-open svg {
    width: var(--mobile-icon-size);
    height: auto;
    fill: var(--mobile-icon-color);
  }
}
/* when open on mobile */
.mm.brx-open {
  /* when mobile menu is closing */
  /* continuing open state css */
  /* standard dropdown */
  /* both dropdowns */
  /* nav items wrapper */
  /* nav-items */
}
.mm.brx-open.brx-closing .mm__nav-items-wrapper {
  transform: translateX(100%);
}
.mm.brx-open .mm__mobile-nav {
  padding: var(--space-m) var(--gutter);
  border-bottom: var(--mobile-borders-style);
  background: var(--mobile-header-background);
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li > a {
  color: var(--mobile-links-color);
  font-weight: var(--mobile-links-weight);
  /* hover style */
  /* active page style */
}
.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li > a:hover {
  background-color: var(--mobile-links-hover-bg-color);
  color: var(--mobile-links-hover-color);
}
.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
  color: var(--mobile-links-color);
  font-weight: var(--mobile-links-weight);
  /* hover style */
  /* active page style */
}
.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle:hover {
  background-color: var(--mobile-links-hover-bg-color);
  color: var(--mobile-links-hover-color);
}
.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg {
  color: inherit;
  font-weight: inherit;
}
.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle > a {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
.mm.brx-open .mm__nav-items .brxe-dropdown {
  position: static;
  /* when dropdown is open */
}
.mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content {
  display: flex;
  position: absolute !important;
  inset: 0;
  transition-property: transform, opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
  display: flex;
  padding: var(--space-m) var(--gutter);
  left: 0 !important;
  min-width: 100% !important;
  overflow-x: hidden;
  /* style here */
  flex-direction: column;
  background-color: var(--mobile-bg-color);
  border-radius: 0;
  box-shadow: none;
  opacity: 0;
}
.mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content > * {
  max-width: 100%;
}
.mm.brx-open .mm__nav-items .brxe-dropdown > .brx-submenu-toggle button svg {
  transition: none;
  transform: rotate(-90deg);
}
.mm.brx-open .mm__nav-items .brxe-dropdown.open .brx-dropdown-content {
  opacity: 1;
}
.mm.brx-open .mm__nav-items .brxe-dropdown.open > .brx-submenu-toggle button {
  position: fixed;
  top: calc(var(--space-m) + (calc(var(--header-height) - var(--space-s)) / 2) - (var(--mobile-icon-size) / 2));
  left: var(--gutter);
  gap: 0.4em;
  align-items: center;
  min-height: var(--mobile-icon-size);
  font-size: calc(var(--mobile-icon-size) / 1.6);
  color: var(--mobile-icon-color);
}
.mm.brx-open .mm__nav-items .brxe-dropdown.open > .brx-submenu-toggle button svg {
  transform: rotate(90deg);
}
.mm.brx-open .mm__nav-items .brxe-dropdown.open > .brx-submenu-toggle button::after {
  content: var(--submenu-back-content);
  font-size: var(--submenu-back-font-size);
  text-transform: var(--submenu-back-text-transform);
  color: var(--submenu-back-color);
  font-weight: var(--submenu-back-font-weight);
}
.mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content {
  -ms-overflow-style: none;
  /* IE and Edge scrollbar */
  scrollbar-width: none;
  /* Firefox scrollbar */
  /* Chrome scrollbar */
}
.mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content::-webkit-scrollbar {
  display: none;
}
.mm.brx-open .mm__nav-items-wrapper {
  visibility: visible;
  position: fixed;
  inset: 0;
  background-color: var(--mobile-bg-color);
  z-index: 1001;
  transform: translateX(0);
  display: flex;
  transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.mm.brx-open .mm__nav-items-wrapper .mm__toggle-close {
  display: flex;
  font-size: var(--mobile-icon-size);
  color: var(--mobile-icon-color);
}
.mm.brx-open .mm__nav-items-wrapper .mm__toggle-close svg {
  width: var(--mobile-icon-size);
  height: auto;
  fill: var(--mobile-icon-color);
}
.mm.brx-open ul.mm__nav-items {
  position: relative;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  justify-content: flex-start;
  background-color: var(--mobile-bg-color);
  -ms-overflow-style: none;
  /* IE and Edge scrollbar */
  scrollbar-width: none;
  /* Firefox scrollbar */
  /* Chrome scrollbar */
  gap: unset !important;
}
.mm.brx-open ul.mm__nav-items::-webkit-scrollbar {
  display: none;
}
.mm.brx-open ul.mm__nav-items > li:last-of-type {
  padding: var(--space-m) var(--gutter);
  /*                 a.brxe-text-link,  */
}
.mm.brx-open ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle {
  /* style button here */
  --btn-background: var(--tertiary);
  --btn-background-hover: var(--white);
  --btn-text-color: var(--tertiary-ultra-light);
  --btn-text-color-hover: var(--primary);
  --btn-border-color: transparent;
  --btn-border-color-hover: var(--tertiary);
  --btn-outline-background-hover: var(--tertiary-hover);
  --btn-outline-border-hover: var(--tertiary-hover);
  --btn-outline-text-color: var(--tertiary);
  --btn-outline-text-color-hover: var(--tertiary-ultra-light);
  --focus-color: var(--tertiary-dark);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-size: 18px;
  font-weight: 400;
  font-style: var(--btn-font-style);
  text-decoration: var(--btn-text-decoration);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  /*     border-width: var(--btn-border-width); */
  border-width: 2px;
  border-style: var(--btn-border-style);
  border-radius: var(--btn-border-radius);
  display: var(--btn-display, inline-flex);
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--btn-background);
  color: var(--btn-text-color);
  border-color: var(--btn-border-color);
  /* transition: all var(--btn-transition-duration) ease; */
  transition: var(--transition);
  /* hover styling */
}
.mm.brx-open ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle:hover {
  background: var(--btn-background-hover);
  border-color: var(--white);
  color: var(--btn-text-color-hover);
  text-decoration: var(--btn-text-decoration-hover);
}
.mm.brx-open ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle > a {
  color: inherit;
  font-weight: inherit;
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) {
  border-bottom: var(--mobile-borders-style);
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) a.brxe-text-link, .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
  padding: calc(var(--space-m) / 1.6) var(--gutter);
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > a.brxe-text-link {
  color: var(--mobile-links-color);
  font-weight: var(--mobile-links-weight);
  /* hover style */
  /* active page style */
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > a.brxe-text-link:hover {
  background-color: var(--mobile-links-hover-bg-color);
  color: var(--mobile-links-hover-color);
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
  color: var(--mobile-links-color);
  font-weight: var(--mobile-links-weight);
  /* hover style */
  /* active page style */
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle:hover {
  background-color: var(--mobile-links-hover-bg-color);
  color: var(--mobile-links-hover-color);
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg {
  color: inherit;
  font-weight: inherit;
}
.mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
.mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
  padding: 0;
  gap: 0;
}
.mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu), .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) {
  border-bottom: var(--mobile-borders-style);
}
.mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) > .brx-submenu-toggle, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) > .brx-submenu-toggle {
  padding: calc(var(--space-m) / 1.6) var(--gutter);
}
.mm.brx-open:has(.mm__mobile-logo) .mm__mobile-logo {
  display: block;
}
.mm.brx-open:has(.mm__mobile-logo) .mm__mobile-logo img {
  height: calc(var(--header-height) - var(--space-s));
  width: auto;
}
.mm.brx-open:has(.brxe-dropdown.open) .mm__mobile-logo {
  visibility: hidden;
}
/* if admin bar is shown offset mobile menu */
body.bricks-is-frontend.admin-bar .mm.brx-open .mm__nav-items-wrapper {
  top: var(--wp-admin--admin-bar--height) !important;
}