.elementor-4183 .elementor-element.elementor-element-63a4441{--display:flex;--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;}.elementor-4183 .elementor-element.elementor-element-30863d7{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4183 .elementor-element.elementor-element-bffd37f{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-4183 .elementor-element.elementor-element-bffd37f > .elementor-widget-container{margin:0px 0px 0px 26px;padding:0px 0px 0px 0px;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.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-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );} .elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4183 .elementor-element.elementor-element-bb428af .menu-item a.hfe-menu-item{padding-left:8px;padding-right:8px;}.elementor-4183 .elementor-element.elementor-element-bb428af .menu-item a.hfe-sub-menu-item{padding-left:calc( 8px + 20px );padding-right:8px;}.elementor-4183 .elementor-element.elementor-element-bb428af .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 8px + 40px );padding-right:8px;}.elementor-4183 .elementor-element.elementor-element-bb428af .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 8px + 60px );padding-right:8px;}.elementor-4183 .elementor-element.elementor-element-bb428af .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 8px + 80px );padding-right:8px;}.elementor-4183 .elementor-element.elementor-element-bb428af .menu-item a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}body:not(.rtl) .elementor-4183 .elementor-element.elementor-element-bb428af .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:6px;}body.rtl .elementor-4183 .elementor-element.elementor-element-bb428af .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:6px;}.elementor-4183 .elementor-element.elementor-element-bb428af nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:6px;}body:not(.rtl) .elementor-4183 .elementor-element.elementor-element-bb428af .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item{margin-bottom:0px;}.elementor-4183 .elementor-element.elementor-element-bb428af ul.sub-menu{width:220px;}.elementor-4183 .elementor-element.elementor-element-bb428af .sub-menu a.hfe-sub-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown li a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-4183 .elementor-element.elementor-element-bb428af{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;}.elementor-4183 .elementor-element.elementor-element-bb428af > .elementor-widget-container{margin:0% 0% 0% 26%;}.elementor-4183 .elementor-element.elementor-element-bb428af .menu-item a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af .sub-menu a.hfe-sub-menu-item{color:#FFFFFF;}.elementor-4183 .elementor-element.elementor-element-bb428af .menu-item a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af .sub-menu, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown, .elementor-4183 .elementor-element.elementor-element-bb428af .hfe-dropdown-expandible{background-color:#1A1A1A00;}.elementor-4183 .elementor-element.elementor-element-bb428af .sub-menu a.hfe-sub-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af .elementor-menu-toggle, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown li a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:#FFFFFF;}.elementor-4183 .elementor-element.elementor-element-bb428af .sub-menu, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown-expandible, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#000000;}.elementor-4183 .elementor-element.elementor-element-bb428af .sub-menu li.menu-item:not(:last-child), .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-4183 .elementor-element.elementor-element-bb428af div.hfe-nav-menu-icon{color:#FFFFFF;}.elementor-4183 .elementor-element.elementor-element-bb428af div.hfe-nav-menu-icon svg{fill:#FFFFFF;}.elementor-4183 .elementor-element.elementor-element-2b43e83 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){body:not(.rtl) .elementor-4183 .elementor-element.elementor-element-bb428af.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}@media(min-width:768px){.elementor-4183 .elementor-element.elementor-element-63a4441{--content-width:1600px;}.elementor-4183 .elementor-element.elementor-element-30863d7{--width:100%;}}@media(max-width:767px){.elementor-4183 .elementor-element.elementor-element-30863d7{--width:500px;--padding-top:8px;--padding-bottom:8px;--padding-left:5px;--padding-right:0px;}.elementor-4183 .elementor-element.elementor-element-bffd37f{width:var( --container-widget-width, 58vw );max-width:58vw;--container-widget-width:58vw;--container-widget-flex-grow:0;z-index:10000;}.elementor-4183 .elementor-element.elementor-element-bffd37f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-4183 .elementor-element.elementor-element-bb428af.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-4183 .elementor-element.elementor-element-bb428af nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}.elementor-4183 .elementor-element.elementor-element-bb428af ul.sub-menu{width:0px;}.elementor-4183 .elementor-element.elementor-element-bb428af > .elementor-widget-container{margin:5% 0% 0% 60%;padding:0px 0px 0px 0px;}.elementor-4183 .elementor-element.elementor-element-bb428af{--container-widget-width:128px;--container-widget-flex-grow:0;width:var( --container-widget-width, 128px );max-width:128px;z-index:999;}}/* Start custom CSS for navigation-menu, class: .elementor-element-bb428af *//* 1. LOWER THE MENU BELOW THE LOGO BOX */ .elementor-element-bb428af nav.hfe-dropdown { position: fixed !important; left: 0 !important; right: 0 !important; width: 100vw !important; top: 0px !important; /* Adjust this number to match your header height */ margin: 0 !important; transform: none !important; z-index: -1 !important; /* Sits just behind the main sticky header */ } /* 2. ADD A SUBTLE SEPARATOR LINE */ .elementor-element-bb428af nav.hfe-dropdown { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } /* 3. ENSURE SCROLLING WORKS IF MENU IS LONG */ .elementor-element-bb428af nav.hfe-dropdown { max-height: calc(100vh - 80px) !important; overflow-y: auto !important; } /* 3. ENSURE NO GAPS AT THE TOP */ .elementor-element-bb428af nav.hfe-dropdown { top: 0 !important; padding-top: 120px !important; /* This pushes links down so they don't hide the logo */ } /* 1. THE SHARP WHITE ROW LINE (MOBILE ONLY) */ @media (max-width: 1024px) { .elementor-element-bb428af ul.hfe-nav-menu { border-top: 1px solid #ffffff !important; margin-top: 5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30863d7 *//* 1. INITIAL STATE - SLIM & TRANSPARENT */ .masterpiece-header { position: absolute; width: 100%; z-index: 9999; background: transparent !important; transition: background 0.3s ease; /* No forced padding here - let Elementor settings decide the height */ } /* 2. INSTANT SMOOTH STICKY */ .masterpiece-header.is-sticky { position: fixed; top: 0; background: #000000 !important; box-shadow: 0 5px 20px rgba(0,0,0,0.4); /* Changed to 'ease-out' for a smooth, luxury stop without the bounce */ animation: luxuryDrop 0.4s ease-out; } @keyframes luxuryDrop { from { transform: translateY(-100%); } to { transform: translateY(0); } }/* End custom CSS */