section.header { padding: var(--space-m) var(--gutter); background: var(--primary); } section.header .header__container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } section.header .header__logo { height: 2em; } .mm__nav-items-wrapper, .brx-dropdown-content { gap: unset; } .mm .brxe-dropdown.brx-has-megamenu .brx-dropdown-content { 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 { min-width: fit-content; 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); } .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(--space-s); } .mm .mm__mobile-logo { display: none; } .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 { color: var(--neutral); padding: var(--space-s); } .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(--white); background-color: var(--primary); } .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(--white); } .mm:not(.brx-open) .mm__nav-items>li { 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: rotate(-180deg); } .mm:not(.brx-open) .mm__nav-items>li>a { color: var(--white); } .mm:not(.brx-open) .mm__nav-items>li>a:hover { color: var(--neutral-ultra-light); } .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle { color: var(--white); } .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle:hover { color: var(--neutral-ultra-light); } .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle>a { color: var(--white); } .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle>a:hover { color: var(--neutral-ultra-light); } .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle a, .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle span, .mm:not(.brx-open) .mm__nav-items>li .brx-submenu-toggle svg { color: inherit; } @media (max-width: 991px) { .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(--white); font-size: 2em; } .mm .mm__toggle-open svg { width: 2em; height: auto; fill: var(--white); } } .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: 1px solid var(--primary-light); 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(--primary); } .mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li>a:hover { background-color: var(--primary); color: var(--white); } .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(--primary); } .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(--primary); color: var(--white); } .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; } .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; flex-direction: column; background-color: var(--white); 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) + (3rem / 2) - (2em / 3)); left: var(--gutter); gap: 0.4em; align-items: center; min-height: 2em; font-size: calc(2em / 1.6); color: var(--white); } .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: ""; } .mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content { -ms-overflow-style: none; scrollbar-width: none; } .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(--white); 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: 2em; color: var(--white); } .mm.brx-open .mm__nav-items-wrapper .mm__toggle-close svg { width: 2em; height: auto; fill: var(--white); } .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(--white); -ms-overflow-style: none; scrollbar-width: none; } .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); } .mm.brx-open ul.mm__nav-items>li:last-of-type .mm__nav-link, .mm.brx-open ul.mm__nav-items>li:last-of-type>.brx-submenu-toggle { --btn-background: var(--primary-hover); --btn-background-hover: var(--primary-ultra-light); --btn-text-color: var(--primary-ultra-light); --btn-text-color-hover: var(--primary); --btn-border-color: var(--primary); --btn-border-color-hover: var(--primary-hover); --btn-outline-background-hover: var(--primary-hover); --btn-outline-border-hover: var(--primary-hover); --btn-outline-text-color: var(--primary); --btn-outline-text-color-hover: var(--primary-ultra-light); --focus-color: var(--primary-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: var(--btn-font-size, var(--text-m)); font-weight: var(--btn-font-weight); 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-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; } .mm.brx-open ul.mm__nav-items>li:last-of-type .mm__nav-link:hover, .mm.brx-open ul.mm__nav-items>li:last-of-type>.brx-submenu-toggle:hover { background: var(--btn-background-hover); border-color: var(--btn-border-color-hover); color: var(--btn-text-color-hover); text-decoration: var(--btn-text-decoration-hover); } .mm.brx-open ul.mm__nav-items>li:last-of-type .mm__nav-link>a, .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: 1px solid var(--primary-light); } .mm.brx-open ul.mm__nav-items>li:not(:last-of-type) .mm__nav-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)>.mm__nav-link { color: var(--primary); } .mm.brx-open ul.mm__nav-items>li:not(:last-of-type)>.mm__nav-link:hover { background-color: var(--primary); color: var(--white); } .mm.brx-open ul.mm__nav-items>li:not(:last-of-type)>.brx-submenu-toggle { color: var(--primary); } .mm.brx-open ul.mm__nav-items>li:not(:last-of-type)>.brx-submenu-toggle:hover { background-color: var(--primary); color: var(--white); } .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 ul.mm__nav-items>li:last-of-type { margin-top: auto; } .mm.brx-open ul.mm__nav-items>li:last-of-type a.mm__nav-link, .mm.brx-open ul.mm__nav-items>li:last-of-type .brxe-dropdown.brx-has-megamenu, .mm.brx-open ul.mm__nav-items>li:last-of-type .brxe-dropdown:not(.brx-has-megamenu) { text-align: center; } .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: 1px solid var(--primary-light); } .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: 3rem; width: auto; } .mm.brx-open:has(.brxe-dropdown.open) .mm__mobile-logo { visibility: hidden; } body.bricks-is-frontend.admin-bar .mm.brx-open .mm__nav-items-wrapper { top: var(--wp-admin--admin-bar--height) !important; }