/* Shared site header and navigation states formerly stored in Additional CSS. */ .jp-site .jp-native-header :is(.jp-native-logo-light, .jp-native-logo-dark) { text-align: center; } body:not(.elementor-editor-active) .elementor-location-header { position: absolute; top: 0; left: 0; right: 0; z-index: 9999; height: 0; } .jp-site .elementor-location-header .jp-native-header.elementor-section { margin: 10px 20px 0; width: calc(100% - 40px) !important; height: 78px; z-index: 9999; border: 1px solid transparent; border-radius: 999px; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; overflow: visible; transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, backdrop-filter .24s ease, -webkit-backdrop-filter .24s ease; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--active { top: 10px !important; left: 20px !important; right: 20px !important; width: calc(100% - 40px) !important; margin: 0 !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects { background: #f8faf9; border-color: rgba(0,53,45,.08); box-shadow: 0 16px 40px rgba(0,0,0,.08); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { width: 100%; max-width: none !important; height: 76px; min-height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 36px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-column { min-height: 76px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-widget-wrap { padding: 0 !important; min-height: 76px; align-content: center; align-items: center; } .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-widget { margin: 0 !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo { width: 200px !important; flex: 0 0 200px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav { width: 725px !important; flex: 0 0 725px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-cta { width: 229px !important; flex: 0 0 229px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo .elementor-widget-wrap { position: relative; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-light, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark { position: absolute; z-index: 2; left: 0; top: 18px; width: 200px !important; height: 40px; transition: opacity .2s ease; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-light img, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark img { width: 139.98px !important; height: auto !important; max-width: none !important; object-fit: contain; object-position: center center; display: block; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark { opacity: 0; pointer-events: none; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-logo-light { opacity: 0; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-logo-dark { opacity: 1; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav .elementor-widget-wrap { display: flex; flex-direction: row; justify-content: flex-start; gap: 4px; flex-wrap: nowrap; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu { width: 100%; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--main { width: 100%; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu { justify-content: center; flex-wrap: nowrap; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-item { white-space: nowrap; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta { width: 229px !important; height: 43px; text-align: right; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button { width: 229px; height: 43px; min-height: 43px; box-shadow: none; line-height: normal; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-nav-menu--main .elementor-item { color: #1a1a1a; fill: #1a1a1a; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-nav-menu--main .elementor-item:hover, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-nav-menu--main .elementor-item:focus { color: #00352d; fill: #00352d; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-cta .elementor-button { background: #00352d !important; color: #fff !important; } @media (max-width: 1180px) { .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { padding: 0 24px; gap: 14px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo { width: 170px !important; flex-basis: 170px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav { width: auto !important; flex: 0 1 auto; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-cta { width: auto !important; flex: 0 0 auto; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button { width: auto; font-size: 14px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section { margin: 8px 12px 0; width: calc(100% - 24px) !important; height: 68px; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--active { top: 8px !important; left: 12px !important; right: 12px !important; width: calc(100% - 24px) !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container, .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-column, .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-widget-wrap { min-height: 66px; height: 66px; } .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { padding: 0 20px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo { width: 160px !important; flex-basis: 160px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-light, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark { top: 14px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-light img, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark img { width: 132px !important; height: 38px !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav { display: none; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button { min-height: 40px; height: 40px; font-size: 13px; padding: 10px 18px; } } @media (max-width: 520px) { .jp-site .elementor-location-header .jp-native-header.elementor-section { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--active { left: 10px !important; right: 10px !important; width: calc(100% - 20px) !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { padding: 0 16px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo { width: 132px !important; flex-basis: 132px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-light img, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark img { width: 118px !important; height: 34px !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button { padding: 10px 14px; font-size: 12px; } } /* WordPress admin bar offset */ body.admin-bar:not(.elementor-editor-active) .elementor-location-header { top: 32px; } body.admin-bar.jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--active { top: 42px !important; } @media (max-width: 920px) and (min-width: 783px) { body.admin-bar.jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--active { top: 40px !important; } } @media (max-width: 782px) { body.admin-bar:not(.elementor-editor-active) .elementor-location-header { top: 46px; } body.admin-bar.jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--active { top: 54px !important; } } /* Mobile header uses Elementor Nav Menu toggle. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo { width: 132px !important; flex: 0 0 132px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav { display: flex !important; width: 44px !important; flex: 0 0 44px; min-width: 44px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-cta { display: none !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav > .elementor-widget-wrap { display: flex; justify-content: flex-end; width: 44px; min-width: 44px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu { display: flex; width: 44px !important; justify-content: flex-end; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--main { display: none; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-menu-toggle { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; margin: 0; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: #fff; font-size: 20px; line-height: 1; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle { color: #00352d; } } @media (max-width: 520px) { .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav > .elementor-widget-wrap, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu { width: 42px !important; min-width: 42px; flex-basis: 42px; } } /* Mobile dropdown anchored below the header. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section { overflow: visible !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { position: relative; overflow: visible; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav > .elementor-widget-wrap, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu { position: static !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown { position: absolute !important; top: 68px !important; left: 0 !important; right: 0 !important; width: 100% !important; max-height: none; padding: 16px 20px 18px; box-sizing: border-box; overflow: visible; background: #f8faf9; border: 1px solid rgba(0,53,45,.08); border-top: 0; border-radius: 0 0 24px 24px; box-shadow: 0 16px 30px rgba(0,0,0,.10); z-index: 10000; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-nav-menu { display: flex; flex-direction: column; align-items: stretch; width: 100%; gap: 0; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 12px 0; color: #00352d; font-size: 16px; line-height: 22px; border-bottom: 1px solid rgba(0,53,45,.10); } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item:last-child { border-bottom: 0; } } /* Keep the Elementor dropdown visible at every mobile/tablet header width. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown[aria-hidden="false"] { display: block !important; } } /* Mobile header alignment and brand sizing. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { padding-left: 24px !important; padding-right: 24px !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-logo { width: 148px !important; flex-basis: 148px !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-light, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-logo-dark { width: 148px !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-col-nav > .elementor-widget-wrap, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu { width: 44px !important; min-width: 44px !important; flex-basis: 44px !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-menu-toggle, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle { color: #dafba2 !important; } } @media (max-width: 520px) { .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container { padding-left: 20px !important; padding-right: 20px !important; } } /* Mobile toggle: lime icon, original border treatment. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-menu-toggle, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle { color: #dafba2 !important; border-color: rgba(255,255,255,.85) !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-menu-toggle svg, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-menu-toggle svg path, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle svg, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle svg path { color: #dafba2 !important; fill: #dafba2 !important; stroke: #dafba2 !important; } } /* Sticky mobile toggle uses the dark brand color for border and icon. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle { color: #01352d !important; border-color: #01352d !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle svg, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle svg path { color: #01352d !important; fill: #01352d !important; stroke: #01352d !important; } } /* Mobile menu opens as one continuous sticky header panel. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) { border-radius: 24px 24px 0 0 !important; background: #f8faf9 !important; border-color: rgba(0,53,45,.08) !important; box-shadow: 0 16px 40px rgba(0,0,0,.08); } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown { top: 68px !important; margin: 0 !important; border-top: 0 !important; border-radius: 0 0 24px 24px !important; box-shadow: 0 16px 40px rgba(0,0,0,.08); } } /* Remove the seam between the open mobile header and its dropdown. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) { border-bottom-color: transparent !important; } } /* Open mobile menu matches the sticky header style. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) { background: #f8faf9 !important; border-color: rgba(0,53,45,.08) !important; box-shadow: 0 16px 40px rgba(0,0,0,.08) !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-logo-light { opacity: 0 !important; pointer-events: none !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-logo-dark { opacity: 1 !important; pointer-events: auto !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-menu-toggle { color: #01352d !important; border-color: #01352d !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-menu-toggle svg, .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-menu-toggle svg path { color: #01352d !important; fill: #01352d !important; stroke: #01352d !important; } } /* Remove the open-menu bottom border definitively. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) { border-bottom: 0 !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-nav-menu--dropdown { border-top: 0 !important; } } /* Remove the open-menu seam from borders and shadow. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) { box-shadow: none !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-nav-menu--dropdown { border: 0 !important; outline: 0 !important; box-shadow: 0 16px 40px rgba(0,0,0,.08) !important; } } /* Align open mobile dropdown exactly to the header bottom. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown, .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-nav-menu--dropdown { top: 67px !important; } } /* Make the open menu share the exact outer header panel bounds. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section:has(.jp-native-menu .elementor-menu-toggle[aria-expanded="true"]) .jp-native-menu .elementor-nav-menu--dropdown { left: -1px !important; right: -1px !important; width: auto !important; background: #f8faf9 !important; box-shadow: 0 16px 40px rgba(0,0,0,.08) !important; } } /* Header CTA hover matches the green hero button. */ .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button { transition: background-color .2s ease, color .2s ease, transform .2s ease; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button:hover, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button:focus-visible { transform: translateY(-1px); outline: none; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-cta .elementor-button:hover, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-cta .elementor-button:focus-visible { background: #dafba2 !important; color: #00352d !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button .elementor-button-icon, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-cta .elementor-button .elementor-button-icon svg { color: currentColor; fill: currentColor; } /* Mobile dropdown pressed/current states. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item { -webkit-tap-highlight-color: transparent; background: transparent !important; color: #00352d !important; fill: #00352d !important; outline: 0 !important; box-shadow: none !important; transition: background-color .16s ease, color .16s ease; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item:hover, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item:focus, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item:focus-visible, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item:active, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item.highlighted, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item:hover, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item:focus, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item:focus-visible, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item:active, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item.highlighted, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active { background: rgba(0, 53, 45, .06) !important; color: #00352d !important; fill: #00352d !important; outline: 0 !important; box-shadow: none !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item::before, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-item::after, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item::before, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .elementor-nav-menu--dropdown .elementor-sub-item::after { display: none !important; } } /* Desktop submenu styling. */ @media (min-width: 921px) { .jp-site .elementor-location-header .jp-native-header.elementor-section, .jp-site .elementor-location-header .jp-native-header.elementor-section > .elementor-container, .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-column, .jp-site .elementor-location-header .jp-native-header.elementor-section .elementor-widget-wrap, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .jp-nav-menu-panel, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .jp-nav-menu { overflow: visible !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .menu-item-has-children > .sub-menu { top: calc(100% + 10px); left: 0; transform: none; min-width: 272px; padding: 10px; border: 1px solid rgba(0,53,45,.08); border-radius: 18px; background: #f8faf9; box-shadow: 0 18px 40px rgba(0,0,0,.12); } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .sub-menu .menu-item { width: 100%; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .sub-menu .elementor-item { display: flex; width: 100%; justify-content: flex-start; padding: 12px 14px; border-radius: 12px; color: #00352d !important; fill: #00352d !important; font-size: 14px; line-height: 18px; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .sub-menu .elementor-item:hover, .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .sub-menu .elementor-item:focus-visible { background: #dafba2; color: #00352d !important; fill: #00352d !important; } } /* JP header submenu usability: keep desktop dropdown open while moving across the gap. */ .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .menu-item-has-children { position: relative; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .menu-item-has-children::after { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 16px; pointer-events: auto; } .jp-site .elementor-location-header .jp-native-header.elementor-section .jp-native-menu .menu-item-has-children.is-submenu-open > .sub-menu { display: block; } /* Mobile sticky header vertical alignment. */ @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects > .elementor-container, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .elementor-column, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .elementor-widget-wrap { height: 68px !important; min-height: 68px !important; align-items: center !important; align-content: center !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-logo-light, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-logo-dark { top: 50% !important; transform: translateY(-50%) !important; } .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu, .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .jp-native-menu .elementor-menu-toggle { align-self: center !important; } } @media (max-width: 920px) { .jp-site .elementor-location-header .jp-native-header.elementor-section.elementor-sticky--effects .elementor-menu-toggle.jp-nav-menu-toggle { top: -1px !important; } }