.elementor-18880 .elementor-element.elementor-element-mmhdrouter{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-18880 .elementor-element.elementor-element-mmhdrouter:not(.elementor-motion-effects-element-type-background), .elementor-18880 .elementor-element.elementor-element-mmhdrouter > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;}.elementor-18880 .elementor-element.elementor-element-mmhdrinner{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-18880 .elementor-element.elementor-element-mmlogocol{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18880 .elementor-element.elementor-element-mmlogo1{text-align:start;}.elementor-18880 .elementor-element.elementor-element-mmlogo1 .elementor-heading-title{font-family:"Cormorant Garamond", Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:24px;font-weight:600;line-height:1.6em;color:#ffffff;}.elementor-18880 .elementor-element.elementor-element-mmlogo2{text-align:start;}.elementor-18880 .elementor-element.elementor-element-mmlogo2 .elementor-heading-title{font-family:"Montserrat", Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:1.9em;letter-spacing:1.8px;color:rgba(255,255,255,0.9);}.elementor-18880 .elementor-element.elementor-element-mmnavcol{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18880 .elementor-element.elementor-element-mmnav.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-menu-toggle{margin-left:auto;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu .elementor-item{font-family:"Montserrat", Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:15px;font-weight:500;line-height:1.7em;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item{color:#ffffff;fill:#ffffff;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item:hover, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item.highlighted, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item:focus{color:#e8d9b8;fill:#e8d9b8;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#c9a96e;}.elementor-18880 .elementor-element.elementor-element-mmnav{--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );--nav-menu-icon-size:24px;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-menu-toggle{color:#2d2d2d;fill:#2d2d2d;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a:hover, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a:focus, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a.highlighted, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-menu-toggle:hover, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-menu-toggle:focus{color:#c9a96e;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a:hover, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a:focus, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a.highlighted{background-color:#f9f7f5;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a.elementor-item-active{color:#c9a96e;background-color:#f9f7f5;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown .elementor-item, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:18px;font-weight:500;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 10px 25px 0px rgba(0,0,0,0.1);}.elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:16px;padding-bottom:16px;}.elementor-18880 .elementor-element.elementor-element-mmnav div.elementor-menu-toggle{color:#ffffff;}.elementor-18880 .elementor-element.elementor-element-mmnav div.elementor-menu-toggle svg{fill:#ffffff;}.elementor-18880 .elementor-element.elementor-element-mmctacol{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button{background-color:transparent;font-family:"Montserrat", Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:16px;font-weight:600;fill:#ffffff;color:#ffffff;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button:hover, .elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button:focus{background-color:transparent;color:#e8d9b8;}.elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button-content-wrapper{flex-direction:row;}.elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button:hover svg, .elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button:focus svg{fill:#e8d9b8;}.elementor-18880 .elementor-element.elementor-element-mmbook .elementor-button{background-color:#c9a96e;font-family:"Montserrat", Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.04px;fill:#ffffff;color:#ffffff;border-radius:4px 4px 4px 4px;padding:10px 20px 10px 20px;}.elementor-18880 .elementor-element.elementor-element-mmbook .elementor-button:hover, .elementor-18880 .elementor-element.elementor-element-mmbook .elementor-button:focus{background-color:#b8944d;color:#ffffff;}.elementor-18880 .elementor-element.elementor-element-mmbook .elementor-button:hover svg, .elementor-18880 .elementor-element.elementor-element-mmbook .elementor-button:focus svg{fill:#ffffff;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-18880 .elementor-element.elementor-element-mmhdrinner{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-18880 .elementor-element.elementor-element-mmhdrinner{--content-width:1336px;}.elementor-18880 .elementor-element.elementor-element-mmlogocol{--width:8%;}.elementor-18880 .elementor-element.elementor-element-mmnavcol{--width:67.5%;}.elementor-18880 .elementor-element.elementor-element-mmctacol{--width:24.5%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18880 .elementor-element.elementor-element-mmhdrinner{--content-width:1336px;}.elementor-18880 .elementor-element.elementor-element-mmlogocol{--width:60%;}.elementor-18880 .elementor-element.elementor-element-mmnavcol{--width:40%;}.elementor-18880 .elementor-element.elementor-element-mmctacol{--width:0.1%;}}@media(max-width:767px){.elementor-18880 .elementor-element.elementor-element-mmhdrinner{--content-width:1336px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-18880 .elementor-element.elementor-element-mmlogocol{--width:60%;}.elementor-18880 .elementor-element.elementor-element-mmnavcol{--width:40%;}.elementor-18880 .elementor-element.elementor-element-mmnav{--nav-menu-icon-size:24px;}.elementor-18880 .elementor-element.elementor-element-mmctacol{--width:0.1%;}}/* Start custom CSS for container, class: .elementor-element-mmlogocol */.elementor-18880 .elementor-element.elementor-element-mmlogocol > .elementor-widget { margin-block-end: 0; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-mmnav */@media (min-width: 769px) { .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main > ul.elementor-nav-menu { flex-wrap: nowrap; } .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main .elementor-item { white-space: nowrap; } } @media (min-width: 769px) and (max-width: 1024px) { .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu--main { display: flex; } .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-menu-toggle { display: none !important; } .elementor-18880 .elementor-element.elementor-element-mmnav .elementor-nav-menu__container.elementor-nav-menu--dropdown { display: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-mmphone */@media (min-width: 1201px) { .elementor-18880 .elementor-element.elementor-element-mmphone .elementor-button { white-space: nowrap; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-mmbook */@media (min-width: 1201px) { .elementor-18880 .elementor-element.elementor-element-mmbook .elementor-button { white-space: nowrap; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-mmhdrouter *//* ===== OVERLAY HEADER — reproduce `.header { position: fixed }` (ISSUE-068) ===== style.css puts the static header at `position: fixed`, so it consumes ZERO layout space and the hero starts at y=0 with the white logo/nav painted over the dark hero image. Elementor Pro's sticky is NOT equivalent: it keeps the element in flow until it activates and, once active, injects a `.elementor-sticky__spacer` clone of the exact same height inside `.elementor-location-header`. That spacer is in normal flow, so every page's first section started at y=93 — a white band under the header that made the white logo and white nav links invisible. Collapsing the theme-builder header LOCATION to zero height reproduces the static model exactly: the wrapper stays at document y=0 but consumes no layout space, so the spacer inside it no longer pushes anything and the first page section starts at y=0 with the header painted over it. The wrapper is deliberately left IN FLOW (position: relative, not fixed or absolute). Elementor Pro's sticky handler derives its effects threshold from the element's document offset; taking the wrapper out of flow makes that offset track scrollY, so `.elementor-sticky--effects` never fires and the scroll>100px transparent->white transition below dies silently. Verified: position:fixed on the wrapper => effects never applied at any scrollY; position:relative + height:0 => effects applied from 100px, as static. z-index must live on the wrapper: it is its own stacking context once positioned, so the inner header's z-index:1000 cannot escape it. */ .elementor-location-header { position: relative; height: 0; z-index: 1000; } /* ===== Stale sticky width on resize (pre-existing Elementor Pro defect) ===== When sticky activates, Elementor writes an inline PIXEL width onto the element (`style="position:fixed; width:1440px; ..."`). On a viewport resize that value is not recalculated, so the header keeps the OLD width and gets centred in the new viewport: at 1440px after a 900px pass it rendered at x=270 w=900, logo wrapped onto two lines (h=116) and the phone number overlapped the nav. Reproduced identically on the pre-overlay header, so this is Elementor's bug, not the overlay's — but it is a header defect, so it is fixed here. style.css sizes the static header with `left: 0; right: 0` and NO width at all. Mirroring that contract lets the fixed header resolve its own width from the viewport on every layout pass, so there is nothing left to go stale. `width` needs !important because Elementor's value is inline. */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--active { left: 0; right: 0; width: auto !important; } /* ===== Admin bar offset — STUCK state only (ISSUE-067) ===== */ .admin-bar .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--active { top: 32px !important; } @media (max-width: 782px) { .admin-bar .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--active { top: 46px !important; } } @media (max-width: 600px) { .admin-bar .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--active { top: 0 !important; } } /* ===== STATE-INITIAL (scrollY < 100px): transparent over hero ===== */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter { transition: all 0.3s ease; } /* ===== STATE-SCROLLED (scrollY >= 100px) — .elementor-sticky--effects ===== */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-heading-title, .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-heading-title a { color: #2d2d2d !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-nav-menu--main .elementor-item { color: #2d2d2d !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover { color: #c9a96e !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .mm-phone .elementor-button { color: #2d2d2d !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .mm-phone .elementor-button i, .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .mm-phone .elementor-button svg { color: #2d2d2d !important; fill: #2d2d2d !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-menu-toggle { color: #2d2d2d !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-menu-toggle i, .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-menu-toggle svg { color: #2d2d2d !important; fill: #2d2d2d !important; } /* ===== responsive.css @1200: header CTA hidden, nav typography shrinks ===== The compressed band runs 769-1200px: responsive.css @1200 applies all the way down until the @768 burger takes over, so the guard is 769px (NOT the kit's 1025px tablet breakpoint). */ @media (max-width: 1200px) { .elementor-18880 .elementor-element.elementor-element-mmhdrouter .mm-header-cta { display: none !important; } } @media (min-width: 769px) and (max-width: 1200px) { .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--main .elementor-item { font-size: 14px; padding-left: 12px; padding-right: 12px; } /* .nav__list { gap: 0.25rem } -> Elementor splits the gap as a margin on both sides of each item, so 4px total == 2px per side. */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-widget-nav-menu { --e-nav-menu-horizontal-menu-item-margin: 2px; } } /* ===== responsive.css @768 is the ONLY burger breakpoint ===== The kit's tablet breakpoint is 1025px and MUST NOT be changed (all 27 pages resolve their `_tablet` keys against it). Elementor Pro therefore collapses the nav to a burger for the whole <=1024px range via @media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}} Static responsive.css only does that at <=768px, so the 769-1024px band is restored here: horizontal menu back on, toggle + drawer off. Column flex is restored to the static model too (.header__logo{flex-shrink:0} / .nav{flex:1}) because the `_tablet` 60/40 split is far too narrow for the 9-item menu. */ @media (min-width: 769px) and (max-width: 1024px) { .elementor-18880 .elementor-element.elementor-element-mmhdrouter .mm-logo { --width: auto; flex-grow: 0; flex-shrink: 0; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter .mm-nav { --width: auto; flex-grow: 1; flex-shrink: 1; } /* The static 9-item nav measures 786px, which is wider than the space left in this band — on the static site the tail items simply run off the right edge and are never reachable, because .header is position:fixed and therefore cannot grow document scrollWidth. The Elementor header is in normal flow until it sticks, so the same overflow WOULD create a horizontal scrollbar. Clipping the nav column reproduces the static visual result (identical nav width, identical items on screen) without the phantom scrollbar. */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter .mm-nav { overflow: hidden; } /* The kit's tablet breakpoint (<=1024px) drops .header__container padding to 1rem, but responsive.css only does that at <=768px — above it the padding stays `1rem 2rem`. Without this the logo sat at x=16 instead of x=32 for the whole 769-1024 band. Elementor boxed containers read their padding from --padding-*, so the vars are what has to be restored. */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter > .e-con-boxed { --padding-left: 32px; --padding-right: 32px; } } /* ===== Drawer-only CTA menu items: never in the desktop horizontal menu ===== */ .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--main .mm-menu-phone, .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--main .mm-menu-book { display: none; } /* ===== Mobile drawer: deterministic full-width panel pinned under the header ===== Replaces Elementor Pro's flaky full_width:"stretch" JS. The static header is a constant 93px tall in BOTH scroll states (measured), so one offset serves both. Scoped to <=768px: that is the only range where the burger exists (responsive.css @768). */ @media (max-width: 768px) { .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-widget-nav-menu .elementor-nav-menu--dropdown { position: fixed !important; left: 0 !important; right: 0 !important; width: auto !important; max-width: 100vw !important; top: 93px !important; margin-top: 0 !important; max-height: calc(100vh - 93px); overflow-y: auto; box-shadow: 0 20px 50px rgba(0,0,0,0.15); padding: 8px 0 24px; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter.elementor-sticky--effects .elementor-widget-nav-menu .elementor-nav-menu--dropdown { top: 93px !important; max-height: calc(100vh - 93px); } .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--dropdown a.elementor-item { border-bottom: 1px solid #e8e4e0; margin: 0 24px; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--dropdown .mm-menu-phone > a.elementor-item, .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--dropdown .mm-menu-book > a.elementor-item { display: block; text-align: center; border-bottom: 0; margin: 16px 24px 0; padding: 14px 24px; border-radius: 4px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--dropdown .mm-menu-phone > a.elementor-item { border: 2px solid #c9a96e; color: #c9a96e !important; background: transparent !important; } .elementor-18880 .elementor-element.elementor-element-mmhdrouter .elementor-nav-menu--dropdown .mm-menu-book > a.elementor-item { background: #c9a96e !important; color: #ffffff !important; } }/* End custom CSS */