.elementor-5718 .elementor-element.elementor-element-054f85e{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5718 .elementor-element.elementor-element-054f85e:not(.elementor-motion-effects-element-type-background), .elementor-5718 .elementor-element.elementor-element-054f85e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9FC;background-image:url("https://demo.conswedskai.com/wp-content/uploads/2025/06/RSVP-Verification_BG.jpg");background-position:center center;background-size:cover;}.elementor-5718 .elementor-element.elementor-element-054f85e.e-con{--align-self:center;}.elementor-5718 .elementor-element.elementor-element-8879653{--display:flex;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-5718 .elementor-element.elementor-element-8879653:hover{background-color:#FAF9FC9E;}.elementor-5718 .elementor-element.elementor-element-61965fa > .elementor-widget-container{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-menu-toggle{margin-left:auto;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu .elementor-item{font-size:15px;text-transform:capitalize;letter-spacing:1px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-item{color:#5F5961;fill:#5F5961;padding-left:25px;padding-right:25px;padding-top:0px;padding-bottom:0px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-item:hover, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-item.highlighted, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-item:focus{color:#A37D7D;fill:#A37D7D;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B10A0A;}.elementor-5718 .elementor-element.elementor-element-61965fa{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );--nav-menu-icon-size:30px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a:hover, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a:focus, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a.highlighted, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-menu-toggle:hover, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a:hover, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a:focus, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a.highlighted{background-color:#00000012;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a.elementor-item-active{color:#C89CFF;background-color:#00000012;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;}.elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-5718 .elementor-element.elementor-element-61965fa div.elementor-menu-toggle{color:#000000;}.elementor-5718 .elementor-element.elementor-element-61965fa div.elementor-menu-toggle svg{fill:#000000;}.elementor-5718 .elementor-element.elementor-element-f010f43{--display:flex;--margin-top:300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:30px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-30px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-field-type-html{padding-bottom:0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-width:0px 0px 0px 0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:0px 0px 0px 0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-button{border-style:solid;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .e-form__buttons__wrapper__button-next{background-color:#FFFFFF8C;color:#000000;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-button[type="submit"]{background-color:#FFFFFF8C;color:#000000;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .e-form__buttons__wrapper__button-next:hover{color:#E00000;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-button[type="submit"]:hover{color:#E00000;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .elementor-button[type="submit"]:hover svg *{fill:#E00000;}.elementor-5718 .elementor-element.elementor-element-3b063c9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5718 .elementor-element.elementor-element-3b063c9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5718 .elementor-element.elementor-element-f010f43{--content-width:35%;}}@media(max-width:1550px) and (min-width:768px){.elementor-5718 .elementor-element.elementor-element-f010f43{--content-width:45%;}}@media(max-width:1199px) and (min-width:768px){.elementor-5718 .elementor-element.elementor-element-f010f43{--content-width:65%;}}@media(max-width:1550px){.elementor-5718 .elementor-element.elementor-element-8879653{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1199px){.elementor-5718 .elementor-element.elementor-element-8879653{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5718 .elementor-element.elementor-element-61965fa{--nav-menu-icon-size:20px;}.elementor-5718 .elementor-element.elementor-element-f010f43{--margin-top:350px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-5718 .elementor-element.elementor-element-054f85e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5718 .elementor-element.elementor-element-61965fa{--nav-menu-icon-size:15px;}.elementor-5718 .elementor-element.elementor-element-f010f43{--content-width:100%;--margin-top:250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5718 .elementor-element.elementor-element-3b063c9 > .elementor-widget-container{margin:0px 20px 0px 20px;}}/* Start custom CSS for nav-menu, class: .elementor-element-61965fa *//*Check mobile menu to get the CSS class to target and remove top margin*/ .elementor-5718 .elementor-element.elementor-element-61965fa .elementor-nav-menu__container.elementor-nav-menu--dropdown{ margin-top: 0px !important; } /* ==================================================================== HYBRID MOBILE DROPDOWN - iOS 26 GLASSMORPHISM CONTAINER + CLEAN ITEMS ==================================================================== Replace .premium-glass-nav with your actual CSS class Design approach: - Dropdown container: Premium iOS 26 liquid glass effect - Menu items: Clean, minimal styling for readability - Perfect balance of visual appeal and functionality ==================================================================== */ /* Mobile Menu Toggle Button - Clean Circular Design */ @media (max-width: 1199px) { .premium-glass-nav .elementor-menu-toggle { /* Transparent background - blends with page */ background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: none !important; /* Perfect circle styling */ width: 48px !important; height: 48px !important; border-radius: 50% !important; padding: 0 !important; /* Center the icon */ display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; transition: all 0.2s ease !important; outline: none !important; } .premium-glass-nav .elementor-menu-toggle:hover { /* Subtle hover effect */ background: rgba(0, 0, 0, 0.05) !important; border-radius: 50% !important; } /* Hamburger Icon Styling */ .premium-glass-nav .elementor-menu-toggle i { color: rgba(0, 0, 0, 0.7) !important; font-size: 18px !important; transition: all 0.2s ease !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .premium-glass-nav .elementor-menu-toggle:hover i { color: rgba(0, 0, 0, 0.9) !important; transform: scale(1.05) !important; } /* Active state when menu is open */ .premium-glass-nav .elementor-menu-toggle[aria-expanded="true"] { background: rgba(0, 0, 0, 0.08) !important; border-radius: 50% !important; } .premium-glass-nav .elementor-menu-toggle[aria-expanded="true"] i { color: rgba(0, 0, 0, 0.9) !important; } } /* Clean Mobile Dropdown Container with iOS 26 Glassmorphism */ @media (max-width: 1199px) { /* Main dropdown wrapper */ .premium-glass-nav .elementor-nav-menu--dropdown { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-top: 8px !important; border-radius: 0 !important; } /* The actual menu container - iOS 26 Liquid Glass Effect */ .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu { /* iOS 26 gradient background (matches JavaScript button) */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 100% ) !important; /* Premium backdrop effects (matches JavaScript button) */ backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; /* Matching border and styling */ border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 20px !important; padding: 16px !important; margin: 16px 16px !important; /* iOS 26 shadow system (matches JavaScript button) */ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important; /* Premium transitions */ transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; /* Performance optimization (matches JavaScript button) */ transform: translateZ(0) !important; will-change: transform, box-shadow, background, backdrop-filter !important; isolation: isolate !important; } /* Enhanced hover state for dropdown container */ .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu:hover { /* Enhanced iOS 26 background on hover */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.15) 100% ) !important; /* Enhanced backdrop effects */ backdrop-filter: blur(25px) saturate(200%) !important; -webkit-backdrop-filter: blur(25px) saturate(200%) !important; /* Enhanced border */ border: 1px solid rgba(255, 255, 255, 0.25) !important; /* Enhanced shadow system */ box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; /* Subtle lift effect */ transform: translateY(-2px) translateZ(0) !important; } } /* Fallback for devices with width < 390px (matches JavaScript logic) */ @media (max-width: 1199px) and (max-width: 389px) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu { /* Simplified background for smaller devices */ background: rgba(255, 255, 255, 0.85) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; will-change: auto !important; isolation: auto !important; } .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu:hover { background: rgba(255, 255, 255, 0.95) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important; } } /* Additional fallback for devices that don't support backdrop-filter */ @media (max-width: 1199px) and (min-width: 390px) { @supports not (backdrop-filter: blur(1px)) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; } } } /* Clean Menu Items */ @media (max-width: 1199px) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item { color: rgba(0, 0, 0, 0.85) !important; font-size: 16px !important; font-weight: 500 !important; font-family: 'Average', serif !important; letter-spacing: 0.5px !important; padding: 14px 20px !important; margin: 4px 0 !important; border-radius: 12px !important; text-decoration: none !important; display: block !important; position: relative !important; /* Clean transparent background */ background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: none !important; box-shadow: none !important; transition: all 0.15s ease !important; } /* Clean hover state */ .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item:hover { color: rgba(0, 0, 0, 1) !important; /* Subtle hover background */ background: rgba(0, 0, 0, 0.05) !important; /* Gentle movement */ transform: translateX(3px) !important; /* Minimal shadow */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; } /* Clean active menu item */ .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .premium-glass-nav .elementor-nav-menu--dropdown .current-menu-item a { color: #B10A0A !important; font-weight: 600 !important; /* Subtle active background */ background: rgba(139, 69, 19, 0.1) !important; /* Clean active shadow */ box-shadow: 0 2px 6px rgba(139, 69, 19, 0.15) !important; } } /* Alternative Menu Item Selectors - Clean Approach */ @media (max-width: 1199px) { .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a { color: rgba(0, 0, 0, 0.85) !important; font-size: 16px !important; font-weight: 500 !important; font-family: 'Average', serif !important; letter-spacing: 0.5px !important; padding: 14px 20px !important; margin: 4px 0 !important; border-radius: 12px !important; text-decoration: none !important; display: block !important; position: relative !important; /* Clean styling */ background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: none !important; box-shadow: none !important; transition: all 0.15s ease !important; } .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a:hover { color: rgba(0, 0, 0, 1) !important; background: rgba(0, 0, 0, 0.05) !important; transform: translateX(3px) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; } /* Current menu item styling */ .premium-glass-nav .elementor-nav-menu--dropdown .current-menu-item a { color: #B10A0A !important; font-weight: 600 !important; background: rgba(139, 69, 19, 0.1) !important; box-shadow: 0 2px 6px rgba(139, 69, 19, 0.15) !important; } } /* Hardware acceleration optimization - Enhanced for glassmorphism */ @media (max-width: 1199px) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu { transform: translateZ(0) !important; will-change: transform, box-shadow, background, backdrop-filter !important; isolation: isolate !important; } } /* Accessibility and performance for reduced motion */ @media (prefers-reduced-motion: reduce) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu, .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item, .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a, .premium-glass-nav .elementor-menu-toggle { transition: none !important; animation: none !important; transform: none !important; will-change: auto !important; } .premium-glass-nav .elementor-menu-toggle:hover i { transform: none !important; } /* Maintain circular shape and glassmorphism without transforms */ .premium-glass-nav .elementor-menu-toggle { border-radius: 50% !important; } .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu:hover { transform: translateZ(0) !important; } } /* Touch device optimizations */ @media (max-width: 1199px) and (pointer: coarse) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item, .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a { padding: 16px 20px !important; font-size: 17px !important; min-height: 48px !important; } /* Larger touch target for toggle */ .premium-glass-nav .elementor-menu-toggle { width: 52px !important; height: 52px !important; border-radius: 50% !important; } .premium-glass-nav .elementor-menu-toggle i { font-size: 20px !important; } } /* Tablet optimizations */ @media (min-width: 768px) and (max-width: 1199px) { .premium-glass-nav .elementor-nav-menu--dropdown .elementor-nav-menu { padding: 20px !important; margin: 20px 20px !important; border-radius: 20px !important; } .premium-glass-nav .elementor-nav-menu--dropdown .elementor-item, .premium-glass-nav .elementor-nav-menu--dropdown .menu-item a { font-size: 18px !important; padding: 16px 24px !important; border-radius: 14px !important; } .premium-glass-nav .elementor-menu-toggle { width: 50px !important; height: 50px !important; } .premium-glass-nav .elementor-menu-toggle i { font-size: 19px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8879653 *//* ==================================================================== ULTRA-PREMIUM iOS 26 LIQUID GLASS NAVIGATION ==================================================================== Next-generation liquid glass with advanced visual effects: - Dynamic gradient morphing - Edge lighting systems - Advanced blur compositions - Animated frosted glass - Depth-based shadows - Color temperature shifts Instructions: 1. Copy this entire CSS code 2. Go to your sub-container in Elementor (the one containing your menu) 3. Advanced → Custom CSS 4. Paste this code ==================================================================== */ /* Base Container - Ultra-Premium Liquid Glass */ .elementor-5718 .elementor-element.elementor-element-8879653 { /* Position at top */ position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 10000 !important; /* Reset container sizing */ height: auto !important; min-height: auto !important; margin: 0 !important; /* Advanced liquid glass base state */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 25%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.06) 75%, rgba(255, 255, 255, 0.18) 100% ), radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.1) 0%, transparent 50% ), radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.08) 0%, transparent 50% ) !important; /* Multi-layered backdrop effects */ backdrop-filter: blur(15px) saturate(1.4) contrast(1.1) brightness(1.05) !important; -webkit-backdrop-filter: blur(15px) saturate(1.4) contrast(1.1) brightness(1.05) !important; /* Advanced border system */ /*border: 1px solid transparent !important;*/ border-image: linear-gradient( 90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.1) 100% ) 1 !important; /* Smooth premium transitions */ transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important; /* Multi-layered shadow system */ box-shadow: /* Primary depth shadow */ 0 2px 8px rgba(0, 0, 0, 0.06), /* Secondary ambient shadow */ 0 8px 32px rgba(0, 0, 0, 0.04), /* Edge highlight */ inset 0 1px 0 rgba(255, 255, 255, 0.2), /* Bottom edge definition */ inset 0 -1px 0 rgba(255, 255, 255, 0.1), /* Subtle outer glow */ 0 0 0 1px rgba(255, 255, 255, 0.05) !important; } /* Animated gradient pseudo-element for extra depth */ .elementor-5718 .elementor-element.elementor-element-8879653::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: linear-gradient( 45deg, transparent 0%, rgba(255, 255, 255, 0.03) 25%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.03) 75%, transparent 100% ) !important; opacity: 0 !important; transition: opacity 0.8s ease !important; pointer-events: none !important; z-index: 1 !important; } .elementor-5718 .elementor-element.elementor-element-8879653:hover::before { opacity: 1 !important; animation: gradientShift 3s ease-in-out infinite !important; } /* Gradient animation */ @keyframes gradientShift { 0%, 100% { background-position: 0% 50% !important; } 50% { background-position: 100% 50% !important; } } /* Inner Container Adjustments */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-container { height: auto !important; min-height: auto !important; background: transparent !important; padding: 10px 0 !important; position: relative !important; z-index: 2 !important; } /* ==================================================================== ULTRA-ENHANCED MENU STYLING ==================================================================== */ /* WordPress Menu Widget Adjustments */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu { position: relative !important; z-index: 3 !important; background: transparent !important; } /* Menu Container - Premium transparent base */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .elementor-widget-container { background: transparent !important; backdrop-filter: none !important; box-shadow: none !important; padding: 16px 0 !important; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important; } /* Ultra-Enhanced Menu Items Layout */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu { display: flex !important; justify-content: center !important; align-items: center !important; gap: 40px !important; margin: 0 !important; padding: 0 40px !important; list-style: none !important; position: relative !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li { margin: 0 !important; padding: 0 !important; position: relative !important; } /* Ultra-Premium Menu Link Styling */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a { color: rgba(0, 0, 0, 0.85) !important; text-decoration: none !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0.8px !important; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important; font-family: 'Average', serif !important; padding: 14px 20px !important; display: block !important; border-radius: 16px !important; position: relative !important; overflow: hidden !important; /* Base micro-glass effect */ background: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(5px) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Subtle base shadow */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important; } /* Ultra-Premium Menu Link Hover Effects */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a:hover { color: rgba(0, 0, 0, 0.95) !important; /* Enhanced micro-glass background */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.4) 100% ), radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 60% ) !important; backdrop-filter: blur(15px) saturate(1.3) brightness(1.1) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Dynamic transform */ transform: translateY(-2px) scale(1.02) !important; /* Enhanced shadow system */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.08), inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1) !important; /* Text enhancement */ text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important; } /* Ultra-Premium Active Menu Item */ .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li.current-menu-item a { color: #8B4513 !important; font-weight: 600 !important; /* Enhanced active state background */ background: linear-gradient(135deg, rgba(139, 69, 19, 0.15) 0%, rgba(139, 69, 19, 0.08) 50%, rgba(139, 69, 19, 0.2) 100% ), radial-gradient(circle at 50% 50%, rgba(139, 69, 19, 0.1) 0%, transparent 60% ) !important; backdrop-filter: blur(12px) saturate(1.4) !important; border: 1px solid rgba(139, 69, 19, 0.2) !important; /* Enhanced active shadow */ box-shadow: 0 2px 8px rgba(139, 69, 19, 0.2), 0 4px 16px rgba(139, 69, 19, 0.1), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(139, 69, 19, 0.1) !important; } /* Enhanced Effects During Container Hover */ .elementor-5718 .elementor-element.elementor-element-8879653:hover .elementor-widget-wp-widget-nav_menu .menu li a { color: rgba(0, 0, 0, 0.9) !important; text-shadow: 0 1px 3px rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(8px) saturate(1.2) !important; } .elementor-5718 .elementor-element.elementor-element-8879653:hover .elementor-widget-wp-widget-nav_menu .menu li a:hover { /* Ultra-enhanced hover during container hover */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.35) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(255, 255, 255, 0.45) 100% ), radial-gradient(circle at 40% 30%, rgba(255, 255, 255, 0.2) 0%, transparent 70% ), radial-gradient(circle at 60% 70%, rgba(255, 255, 255, 0.15) 0%, transparent 60% ) !important; backdrop-filter: blur(20px) saturate(1.5) brightness(1.2) !important; transform: translateY(-3px) scale(1.03) !important; /* Maximum shadow enhancement */ box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), 0 12px 40px rgba(0, 0, 0, 0.1), 0 20px 60px rgba(0, 0, 0, 0.05), inset 0 3px 6px rgba(255, 255, 255, 0.5), inset 0 -2px 4px rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 30px rgba(255, 255, 255, 0.15) !important; } /* ==================================================================== RESPONSIVE ENHANCEMENTS ==================================================================== */ /* Tablet Ultra-Premium */ @media (max-width: 1024px) and (min-width: 769px) { .elementor-5718 .elementor-element.elementor-element-8879653:hover { backdrop-filter: blur(22px) saturate(2.0) contrast(1.15) brightness(1.12) !important; -webkit-backdrop-filter: blur(22px) saturate(2.0) contrast(1.15) brightness(1.12) !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu { gap: 28px !important; padding: 0 30px !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a { font-size: 14px !important; padding: 12px 16px !important; border-radius: 14px !important; } } /* Mobile Ultra-Premium */ @media (max-width: 768px) { .elementor-5718 .elementor-element.elementor-element-8879653 { background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.25) 100% ), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 60% ) !important; backdrop-filter: blur(18px) saturate(1.5) contrast(1.08) !important; -webkit-backdrop-filter: blur(18px) saturate(1.5) contrast(1.08) !important; } .elementor-5718 .elementor-element.elementor-element-8879653:hover { background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.45) 60%, rgba(255, 255, 255, 0.35) 100% ), radial-gradient(ellipse at 30% 40%, rgba(255, 255, 255, 0.15) 0%, transparent 50% ) !important; backdrop-filter: blur(20px) saturate(1.8) brightness(1.1) !important; -webkit-backdrop-filter: blur(20px) saturate(1.8) brightness(1.1) !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .elementor-widget-container { padding: 14px 0 !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu { gap: 15px !important; padding: 0 20px !important; flex-wrap: wrap !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a { font-size: 13px !important; padding: 10px 14px !important; border-radius: 12px !important; } } /* Very Small Mobile Ultra-Premium */ @media (max-width: 480px) { .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu { gap: 10px !important; padding: 0 15px !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a { font-size: 12px !important; padding: 8px 12px !important; border-radius: 10px !important; } } /* ==================================================================== ACCESSIBILITY & PERFORMANCE ==================================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-5718 .elementor-element.elementor-element-8879653, .elementor-5718 .elementor-element.elementor-element-8879653::before { transition: none !important; animation: none !important; } .elementor-5718 .elementor-element.elementor-element-8879653:hover { transform: none !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a { transition: none !important; } .elementor-5718 .elementor-element.elementor-element-8879653 .elementor-widget-wp-widget-nav_menu .menu li a:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-3b063c9 *//* Input field styling */ .elementor-field-textual { border: 2px solid rgba(188, 90, 90, 0.5) !important; border-radius: 8px !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; background-color: rgba(255, 255, 255, 0.85) !important; padding: 15px 15px !important; font-family: 'Cormorant Garamond', serif !important; transition: all 0.3s ease !important; height: auto !important; width: 100% !important; } .elementor-field-textual:focus { border-color: #bc5a5a !important; box-shadow: 0 4px 12px rgba(188, 90, 90, 0.2) !important; background-color: rgba(255, 255, 255, 0.95) !important; } /* Button styling */ .elementor-button { color: #824324 !important; border-radius: 8px !important; border-color: #824324 !important; padding: 15px 30px !important; font-family: 'Cormorant Garamond', serif !important; font-weight: 600 !important; letter-spacing: 1px !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; transition: all 0.3s ease !important; width: auto !important; min-width: 200px !important; /* Ensure minimum width */ } .elementor-button:hover { background-color: #824324 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; } /* Form label styling */ .elementor-field-label { font-family: 'Cormorant Garamond', serif !important; color: #333 !important; font-size: 18px !important; letter-spacing: 0.5px !important; margin-bottom: 10px !important; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7) !important; } /* Form container styling */ .elementor-form { padding: 50px 35px !important; background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(5px) !important; border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important; max-width: 1000px; }/* End custom CSS */ /* Start custom CSS */body, html { height: 100vh !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }/* End custom CSS */