.elementor-37 .elementor-element.elementor-element-720c39fb{--display:flex;--min-height:80px;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:95;}.elementor-37 .elementor-element.elementor-element-720c39fb:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-720c39fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-37 .elementor-element.elementor-element-720c39fb.e-con{--align-self:center;}.elementor-37 .elementor-element.elementor-element-521aa1a{--display:flex;--min-height:60px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:15px;--margin-bottom:0px;--margin-left:100px;--margin-right:100px;--padding-top:5px;--padding-bottom:5px;--padding-left:75px;--padding-right:075px;}.elementor-37 .elementor-element.elementor-element-7297ef02{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-7297ef02.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-1f27925 .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-1f27925 .elementor-heading-title a:hover, .elementor-37 .elementor-element.elementor-element-1f27925 .elementor-heading-title a:focus{color:#B6A070;}.elementor-37 .elementor-element.elementor-element-1f27925 .elementor-heading-title a{transition-duration:0.5s;}.elementor-37 .elementor-element.elementor-element-7be2f4ea{--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 ), 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 ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-4e01266a{width:auto;max-width:auto;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:dotted;--e-nav-menu-divider-color:var( --e-global-color-accent );--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:-0.45px;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main .elementor-item:hover, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF00;}.elementor-37 .elementor-element.elementor-element-4e01266a .e--pointer-framed .elementor-item:before, .elementor-37 .elementor-element.elementor-element-4e01266a .e--pointer-framed .elementor-item:after{border-color:#FFFFFF00;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F8F3EF;}.elementor-37 .elementor-element.elementor-element-4e01266a .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-37 .elementor-element.elementor-element-4e01266a .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F8F3EF;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a.highlighted, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-menu-toggle:hover, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a:hover, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a:focus, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown .elementor-item, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-e4f02ac .elementor-button{background-color:#FFFFFF00;font-family:"Risque", Sans-serif;font-weight:500;}.elementor-37 .elementor-element.elementor-element-e4f02ac .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-e4f02ac .elementor-button:focus{color:#7A5C1E;}.elementor-37 .elementor-element.elementor-element-e4f02ac .elementor-button:hover svg, .elementor-37 .elementor-element.elementor-element-e4f02ac .elementor-button:focus svg{fill:#7A5C1E;}.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-37 .elementor-element.elementor-element-521aa1a{--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:015px;}.elementor-37 .elementor-element.elementor-element-7be2f4ea{--gap:6% 6%;--row-gap:6%;--column-gap:6%;}.elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-37 .elementor-element.elementor-element-4e01266a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-37 .elementor-element.elementor-element-e4f02ac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-e4f02ac .elementor-button{font-size:20px;}}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-521aa1a{--justify-content:space-around;--margin-top:10px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-7297ef02{--width:60%;}.elementor-37 .elementor-element.elementor-element-7be2f4ea{--width:40%;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-7297ef02{--width:42.033%;}.elementor-37 .elementor-element.elementor-element-7be2f4ea{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-37 .elementor-element.elementor-element-7297ef02{--width:57.471%;}.elementor-37 .elementor-element.elementor-element-7be2f4ea{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-720c39fb *//* === Variables === */ :root { --H: 80px; /* header height */ --accent: #7A5C1E; /* deep bronze accent color */ } /* === Hero overlap fix === */ html:not(.header-sticky) .hero { margin-top: calc(-1 * var(--H)); padding-top: var(--H); /* ensures hero content not hidden */ } html.header-sticky .hero { margin-top: 0; padding-top: var(--H); } /* === Base header container === */ #my-header { position: relative; border-radius: 12px; overflow: clip; isolation: isolate; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transition: background-color .4s ease, backdrop-filter .4s ease, box-shadow .4s ease, border-color .4s ease, border-radius .4s ease; } /* === Frosted state (after scroll) === */ html.scrolled #my-header { background: rgba(255,255,255,.15); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255,255,255,.25); box-shadow: 0 8px 24px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04); } /* === Glossy highlight + subtle grain === */ #my-header::before, #my-header::after { content:""; position:absolute; inset:0; border-radius: inherit; pointer-events:none; opacity: 0; transition: opacity .4s ease; } #my-header::before { background: radial-gradient(120% 80% at 50% -10%, rgba(255,255,255,.50) 0%, rgba(255,255,255,0) 60%), linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 40%), linear-gradient(0deg, rgba(255,255,255,.06), rgba(255,255,255,.06)); } #my-header::after { mix-blend-mode: overlay; background-image: url('data:image/svg+xml;utf8,'); background-size: 120px 120px; } html.scrolled #my-header::before, html.scrolled #my-header::after { opacity: 1; } /* === NAV + TITLE COLORS === */ /* default (transparent at top) */ #my-header .elementor-nav-menu a, #my-header h1 a, #my-header h2 a, #my-header .elementor-widget-heading a { color: #ffffff; transition: color .25s ease; text-decoration: none; } /* scrolled (frosted): dark text */ html.scrolled #my-header .elementor-nav-menu a, html.scrolled #my-header h1 a, html.scrolled #my-header h2 a, html.scrolled #my-header .elementor-widget-heading a { color: #222222; } /* hover/focus: accent */ #my-header .elementor-nav-menu a:hover, #my-header .elementor-nav-menu .elementor-item:hover, #my-header h1 a:hover, #my-header h2 a:hover, #my-header .elementor-widget-heading a:hover, #my-header .elementor-nav-menu a:focus-visible, #my-header h1 a:focus-visible, #my-header h2 a:focus-visible, #my-header .elementor-widget-heading a:focus-visible { color: var(--accent) !important; outline: none; } /* active menu item stays accent */ #my-header .elementor-nav-menu .current-menu-item > a, #my-header .elementor-nav-menu .current_page_item > a, #my-header .elementor-nav-menu .elementor-item-active, html.scrolled #my-header .elementor-nav-menu .current-menu-item > a, html.scrolled #my-header .elementor-nav-menu .current_page_item > a, html.scrolled #my-header .elementor-nav-menu .elementor-item-active { color: var(--accent) !important; } /* optional: underline on keyboard focus */ #my-header .elementor-nav-menu a:focus-visible, #my-header h1 a:focus-visible, #my-header h2 a:focus-visible, #my-header .elementor-widget-heading a:focus-visible { text-decoration: underline; } /* === Anchor links offset (prevent hiding under sticky header) === */ [id] { scroll-margin-top: var(--H); } /* === Dark mode tuning (optional) === */ @media (prefers-color-scheme: dark){ html.scrolled #my-header { background: rgba(20,20,20,.45); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); border-color: rgba(255,255,255,.18); box-shadow: 0 8px 24px rgba(0,0,0,.40), 0 2px 8px rgba(0,0,0,.30); } #my-header::before { background: radial-gradient(120% 80% at 50% -10%, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 60%), linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 40%), linear-gradient(0deg, rgba(255,255,255,.04), rgba(255,255,255,.04)); } #my-header::after { opacity: .35; } html.scrolled #my-header .elementor-nav-menu a, html.scrolled #my-header h1 a, html.scrolled #my-header h2 a, html.scrolled #my-header .elementor-widget-heading a { color: #f2f2f2; } } /* --- Fix Elementor burger dropdown on tablet/mobile --- */ @media (max-width: 1024px){ /* Don't clip the dropdown */ #my-header { overflow: visible; } /* Make the dropdown fill the viewport width below the header */ #my-header .elementor-nav-menu--dropdown { position: fixed !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; top: var(--H); /* sit just under the sticky header */ border-radius: 0; /* avoid rounded corners cutting it */ z-index: 10000; /* above the header */ } /* Keep the toggle above everything */ #my-header .elementor-menu-toggle { z-index: 10001; } } /* If you prefer a slightly rounded dropdown and not full-width, remove the position:fixed block above and instead use this simpler correction: #my-header .elementor-nav-menu--dropdown { left: 0 !important; width: 100% !important; } */ /* === Mobile/tablet custom hamburger icon === */ #my-header .elementor-button .elementor-button-icon i { color: #ffffff; /* white at top */ transition: color .35s ease; } /* When scrolled (match text going dark) */ html.scrolled #my-header .elementor-button .elementor-button-icon i { color: #222222; /* dark grey/black */ }/* End custom CSS */