:root { --ifx-sticky-nav-height: 64px; --ifx-sticky-logo-width: 220px; --ifx-desktop-x: 32px; --ifx-mobile-x: 20px; --ifx-admin-offset: 0px; --ifx-mobile-header-height: 76px; } body.admin-bar { --ifx-admin-offset: 32px; } @media (max-width: 782px) { body.admin-bar { --ifx-admin-offset: 46px; } }  .ifx-full-header { position: relative; z-index: 10020; width: 100%; margin: 0; padding: 0; background: #fff; overflow: visible !important; } body:not(.ifx-header-stuck):not(.ifx-mega-open) .ifx-full-header { z-index: 10080 !important; } .ifx-full-header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; width: 100%; min-height: 96px; margin: 0; padding: 0 var(--ifx-desktop-x); overflow: visible !important; } .ifx-full-left, .ifx-full-center, .ifx-full-right { display: flex; align-items: center; overflow: visible !important; } .ifx-full-left { justify-self: start; } .ifx-full-center { justify-self: center; } .ifx-full-right { justify-self: end; gap: 28px; } .ifx-full-header .brxe-dropdown, .ifx-full-header .brx-dropdown-content, .ifx-full-header .brx-dropdown-content.brx-megamenu, .ifx-full-header .sub-menu { z-index: 10090 !important; }  .ifx-sticky-sentinel { display: block; width: 100%; height: 1px; margin: 0; padding: 0; pointer-events: none; } .ifx-sticky-nav { --ifx-hover-left: 0px; --ifx-hover-width: 0px; --ifx-hover-opacity: 0; --ifx-dropdown-top: calc(var(--ifx-admin-offset) + var(--ifx-sticky-nav-height)); position: relative; z-index: 10020 !important; width: 100%; margin: 0; padding: 0; background: #fff; border-bottom: 1px solid #dfdde3; overflow: visible; } body.ifx-header-stuck .ifx-sticky-nav { position: fixed; top: var(--ifx-admin-offset) !important; left: 0; right: 0; z-index: 10040 !important; } body.ifx-mega-open .ifx-sticky-nav { z-index: 10040 !important; } body.ifx-header-stuck .ifx-sticky-sentinel { margin-bottom: var(--ifx-sticky-nav-height); } .ifx-nav-inner { display: flex; align-items: center; gap: 0 !important; width: 100%; min-height: var(--ifx-sticky-nav-height); margin: 0; padding: 0 var(--ifx-desktop-x); } .ifx-nav-menu { display: flex; align-items: center; min-width: 0; } .ifx-nav-menu .bricks-nav-menu, .ifx-nav-menu nav, .ifx-nav-menu ul { display: flex; align-items: center; } .ifx-nav-actions { display: flex; align-items: center; gap: 18px; margin-left: auto; } .ifx-nav-menu a, .ifx-nav-menu .brx-submenu-toggle, .ifx-nav-menu a::before, .ifx-nav-menu a::after, .ifx-nav-menu .brx-submenu-toggle::before, .ifx-nav-menu .brx-submenu-toggle::after { border-bottom: 0 !important; box-shadow: none !important; } .ifx-nav-menu a::after, .ifx-nav-menu .brx-submenu-toggle::after { content: none !important; display: none !important; } .ifx-nav-menu .bricks-mobile-menu-toggle, .ifx-nav-menu .brxe-nav-menu .bricks-mobile-menu-toggle, .ifx-nav-menu button[aria-label*="menu" i] { display: none !important; } .ifx-sticky-nav::after { content: ""; position: absolute; left: var(--ifx-hover-left); bottom: -1px; z-index: 10001; width: var(--ifx-hover-width); height: 4px; background: var(--primary, #2f6e41); opacity: var(--ifx-hover-opacity); pointer-events: none; transition: left .24s cubic-bezier(.3, .46, .45, .94), width .24s cubic-bezier(.3, .46, .45, .94), opacity .16s ease; }  .ifx-sticky-logo { display: flex; align-items: center; flex: 0 0 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0; overflow: hidden !important; white-space: nowrap !important; transform: translateX(-24px); pointer-events: none; transition: flex-basis .28s cubic-bezier(.3, .46, .45, .94), width .28s cubic-bezier(.3, .46, .45, .94), min-width .28s cubic-bezier(.3, .46, .45, .94), opacity .22s ease, transform .28s cubic-bezier(.3, .46, .45, .94), margin-right .28s cubic-bezier(.3, .46, .45, .94); } .ifx-sticky-logo > * { visibility: hidden; } .ifx-sticky-logo img, .ifx-sticky-logo svg, .ifx-sticky-logo a, .ifx-sticky-logo .brxe-text, .ifx-sticky-logo .brxe-heading { display: block; width: var(--ifx-sticky-logo-width) !important; min-width: var(--ifx-sticky-logo-width) !important; max-width: none !important; white-space: nowrap !important; } body.ifx-header-stuck .ifx-sticky-logo { flex-basis: var(--ifx-sticky-logo-width) !important; width: var(--ifx-sticky-logo-width) !important; min-width: var(--ifx-sticky-logo-width) !important; max-width: var(--ifx-sticky-logo-width) !important; margin-right: 40px !important; opacity: 1 !important; transform: translateX(0) !important; pointer-events: auto !important; } body.ifx-header-stuck .ifx-sticky-logo > * { visibility: visible; }  .ifx-sticky-nav .brx-has-megamenu > .brx-dropdown-content, .ifx-sticky-nav .brx-dropdown-content.brx-megamenu, .ifx-sticky-nav .brx-dropdown-content[data-mega-menu], .ifx-sticky-nav .bricks-nav-menu > li > .brx-dropdown-content, .ifx-sticky-nav .bricks-nav-menu > li > .sub-menu { position: fixed !important; top: var(--ifx-dropdown-top) !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; margin-left: 0 !important; transform: none !important; background: #fff !important; z-index: 10060 !important; } #ifx-mega-backdrop { position: fixed; left: 0; right: 0; top: var(--ifx-mega-overlay-top, 0px); bottom: 0; z-index: 10010 !important; background: rgba(0, 0, 0, .42); opacity: 0; pointer-events: none; transition: opacity .18s ease; } #ifx-mega-backdrop.is-visible { opacity: 1; }  @media (max-width: 991px) { :root { --ifx-sticky-nav-height: 56px; } body.admin-bar { --ifx-admin-offset: 46px; } body { padding-top: var(--ifx-mobile-header-height) !important; } .ifx-full-header, .ifx-sticky-sentinel, .ifx-sticky-nav { display: none !important; } .ifx-mobile-header { display: block !important; position: fixed !important; top: var(--ifx-admin-offset) !important; left: 0 !important; right: 0 !important; width: 100% !important; height: var(--ifx-mobile-header-height) !important; min-height: var(--ifx-mobile-header-height) !important; padding: 0 !important; background: #fff !important; border-bottom: 1px solid #e6e3dc !important; z-index: 10080 !important; } .ifx-mobile-header > .brxe-container, .ifx-mobile-header > .brxe-div, .ifx-mobile-header .brxe-container:first-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: none !important; height: var(--ifx-mobile-header-height) !important; min-height: var(--ifx-mobile-header-height) !important; padding: 0 24px !important; margin: 0 !important; gap: 16px !important; } .ifx-mobile-header-logo, .ifx-mobile-brand { display: flex !important; align-items: center !important; flex: 0 1 auto !important; margin: 0 !important; } .ifx-mobile-header-logo img { display: block; width: 48px; height: auto; } .ifx-mobile-brand { justify-self: start !important; text-align: left !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; color: #202020 !important; } .ifx-mobile-toggle { flex: 0 0 36px !important; align-self: center !important; margin-left: auto !important; } .ifx-mobile-toggle, .ifx-mobile-close, .ifx-mobile-toggle.brxe-icon, .ifx-mobile-close.brxe-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; line-height: 1 !important; cursor: pointer; } .ifx-mobile-toggle, .ifx-mobile-toggle.brxe-icon, .ifx-mobile-toggle i, .ifx-mobile-toggle svg, .ifx-mobile-toggle .brxe-icon, .ifx-mobile-toggle [class*="icon"] { width: 22px !important; height: 22px !important; font-size: 22px !important; line-height: 1 !important; } .ifx-mobile-close, .ifx-mobile-close.brxe-icon, .ifx-mobile-close i, .ifx-mobile-close svg, .ifx-mobile-close .brxe-icon, .ifx-mobile-close [class*="icon"] { width: 18px !important; height: 18px !important; font-size: 18px !important; line-height: 1 !important; } .ifx-mobile-backdrop { position: fixed; inset: 0; z-index: 10090; background: rgba(0, 0, 0, .38); opacity: 0; pointer-events: none; transition: opacity .22s ease; } .ifx-mobile-drawer { display: block !important; position: fixed; top: 0; left: 0; z-index: 10100; width: min(82vw, 340px); height: 100dvh; background: #fff; transform: translateX(-100%); transition: transform .28s cubic-bezier(.3, .46, .45, .94); overflow-y: auto; box-shadow: none; } body.admin-bar .ifx-mobile-drawer { top: 46px; height: calc(100dvh - 46px); } body.ifx-mobile-menu-open { overflow: hidden; } body.ifx-mobile-menu-open .ifx-mobile-backdrop { opacity: 1; pointer-events: auto; } body.ifx-mobile-menu-open .ifx-mobile-drawer { transform: translateX(0); } .ifx-mobile-drawer-head { display: flex !important; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 20px; border-bottom: 1px solid #ece9e3; } .ifx-mobile-drawer-logo { margin: 0; color: #202020; font-size: 22px; font-weight: 700; line-height: 1; } .ifx-mobile-nav, .ifx-mobile-nav nav, .ifx-mobile-nav ul, .ifx-mobile-nav .bricks-nav-menu, .ifx-mobile-nav .brx-nav-nested-items { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; pointer-events: auto !important; list-style: none !important; } .ifx-mobile-nav li, .ifx-mobile-nav .menu-item, .ifx-mobile-nav .brxe-dropdown, .ifx-mobile-nav .brx-has-megamenu { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .ifx-mobile-nav a, .ifx-mobile-nav .brx-submenu-toggle { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 46px !important; padding: 0 22px !important; color: #202020 !important; text-decoration: none !important; border-bottom: 1px solid #f0eee9 !important; background: #fff !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.2 !important; } .ifx-mobile-nav .brx-submenu-toggle > a { flex: 1 1 auto !important; width: auto !important; min-height: 0 !important; padding: 0 !important; border-bottom: 0 !important; background: transparent !important; } .ifx-mobile-nav a::before, .ifx-mobile-nav a::after, .ifx-mobile-nav .brx-submenu-toggle::before, .ifx-mobile-nav .brx-submenu-toggle::after { content: none !important; display: none !important; border: 0 !important; box-shadow: none !important; } .ifx-mobile-nav .brx-submenu-toggle { gap: 10px !important; cursor: pointer !important; } .ifx-mobile-nav .brx-submenu-toggle button, .ifx-mobile-nav button { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .ifx-mobile-nav .brx-submenu-toggle svg, .ifx-mobile-nav .brx-submenu-toggle i, .ifx-mobile-nav .brx-submenu-toggle .icon, .ifx-mobile-nav .brx-submenu-toggle [class*="icon"] { width: 12px !important; height: 12px !important; min-width: 12px !important; margin-left: auto !important; font-size: 12px !important; line-height: 1 !important; transition: transform .2s ease; } .ifx-mobile-nav .ifx-mobile-submenu-open > .brx-submenu-toggle svg, .ifx-mobile-nav .ifx-mobile-submenu-open > .brx-submenu-toggle i { transform: rotate(180deg); } .ifx-mobile-nav .brx-dropdown-content, .ifx-mobile-nav .brx-dropdown-content.brx-megamenu, .ifx-mobile-nav .sub-menu { display: none !important; position: static !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: #f8f7f4 !important; box-shadow: none !important; transform: none !important; } .ifx-mobile-nav .ifx-mobile-submenu-open > .brx-dropdown-content, .ifx-mobile-nav .ifx-mobile-submenu-open > .sub-menu { display: block !important; } .ifx-mobile-nav .brx-dropdown-content a, .ifx-mobile-nav .sub-menu a { min-height: 44px !important; padding-left: 34px !important; background: #f8f7f4 !important; font-size: 14px !important; } .ifx-mobile-nav .bricks-mobile-menu-toggle, .ifx-mobile-nav .brxe-toggle, .ifx-mobile-nav button[aria-label*="menu" i], .ifx-mobile-nav [class*="mobile-menu-toggle"] { display: none !important; } } @media (min-width: 992px) { .ifx-mobile-header, .ifx-mobile-drawer, .ifx-mobile-backdrop { display: none !important; } }