.elementor-10830 .elementor-element.elementor-element-de1b60c{--display:flex;--min-height:100vh;--overflow:hidden;}.elementor-10830 .elementor-element.elementor-element-de1b60c:not(.elementor-motion-effects-element-type-background), .elementor-10830 .elementor-element.elementor-element-de1b60c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9FC;}.elementor-10830 .elementor-element.elementor-element-f912749{--display:flex;--overflow:hidden;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-10830 .elementor-element.elementor-element-f912749:hover{background-color:#FAF9FC9E;}.elementor-10830 .elementor-element.elementor-element-096a77e > .elementor-widget-container{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-menu-toggle{margin-left:auto;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu .elementor-item{font-size:15px;text-transform:capitalize;letter-spacing:1px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-item{color:#5F5961;fill:#5F5961;padding-left:25px;padding-right:25px;padding-top:0px;padding-bottom:0px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-item:hover, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-item:focus{color:#A37D7D;fill:#A37D7D;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B10A0A;}.elementor-10830 .elementor-element.elementor-element-096a77e{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );--nav-menu-icon-size:30px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a:hover, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a:focus, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a.highlighted, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-menu-toggle:hover, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a:hover, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a:focus, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a.highlighted{background-color:#00000012;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a.elementor-item-active{color:#C89CFF;background-color:#00000012;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;}.elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-10830 .elementor-element.elementor-element-096a77e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-10830 .elementor-element.elementor-element-096a77e div.elementor-menu-toggle{color:#000000;}.elementor-10830 .elementor-element.elementor-element-096a77e div.elementor-menu-toggle svg{fill:#000000;}.elementor-10830 .elementor-element.elementor-element-5ee005d{--display:flex;--overflow:hidden;border-style:none;--border-style:none;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-10830 .elementor-element.elementor-element-6ca647a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#CCCCCC;--border-color:#CCCCCC;--border-radius:20px 20px 0px 0px;}.elementor-10830 .elementor-element.elementor-element-5bb9832{width:100%;max-width:100%;text-align:center;}.elementor-10830 .elementor-element.elementor-element-5bb9832 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-10830 .elementor-element.elementor-element-5bb9832 .elementor-heading-title{font-family:"Amiri", Sans-serif;}.elementor-10830 .elementor-element.elementor-element-4083fff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 20px 0px 20px;}.elementor-10830 .elementor-element.elementor-element-4083fff{column-gap:0px;text-align:center;font-size:17px;color:#5F5961;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7{width:100%;max-width:100%;--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;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:15px 40px 15px 40px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:25px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-25px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group > label, .elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-subgroup label{color:#5F5961;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group > label{font-family:"Amiri", Sans-serif;font-size:19px;font-weight:400;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-type-html{padding-bottom:0px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group .elementor-field{color:#5F5961;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group .elementor-field, .elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-subgroup label{font-family:"Amiri", Sans-serif;font-size:19px;font-weight:500;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#00000030;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#00000030;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-field-group .elementor-select-wrapper::before{color:#00000030;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-button{font-family:"Amiri", Sans-serif;font-size:18px;font-weight:600;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .e-form__buttons__wrapper__button-next{background-color:#BC5A5A;color:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-button[type="submit"]{background-color:#BC5A5A;color:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(min-width:768px){.elementor-10830 .elementor-element.elementor-element-5ee005d{--content-width:61%;}}@media(max-width:1550px){.elementor-10830 .elementor-element.elementor-element-f912749{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-10830 .elementor-element.elementor-element-4083fff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:010px 40px 0px 40px;}}@media(max-width:1199px){.elementor-10830 .elementor-element.elementor-element-f912749{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10830 .elementor-element.elementor-element-096a77e{--nav-menu-icon-size:20px;}.elementor-10830 .elementor-element.elementor-element-4083fff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:010px 20px 0px 20px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 > .elementor-widget-container{padding:15px 20px 15px 20px;}}@media(max-width:767px){.elementor-10830 .elementor-element.elementor-element-096a77e{--nav-menu-icon-size:15px;}.elementor-10830 .elementor-element.elementor-element-5ee005d{--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10830 .elementor-element.elementor-element-4083fff > .elementor-widget-container{padding:10px 10px 0px 10px;}.elementor-10830 .elementor-element.elementor-element-9d4a3e7 > .elementor-widget-container{padding:15px 15px 15px 15px;}}/* Start custom CSS for nav-menu, class: .elementor-element-096a77e *//*Check mobile menu to get the CSS class to target and remove top margin*/ .elementor-10830 .elementor-element.elementor-element-096a77e .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-f912749 *//* ==================================================================== ULTRA-CLEAN TRANSPARENT NAVIGATION ==================================================================== Transparent navigation that blends seamlessly with page background: - Completely transparent container - Subtle hover effects - Clean typography - Minimal visual interference 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 - Fully Transparent */ .elementor-10830 .elementor-element.elementor-element-f912749 { /* 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; padding: 20px !important; /* Completely transparent background */ background: transparent !important; /* No backdrop effects */ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; /* No borders */ border: none !important; border-image: none !important; /* Smooth transitions */ transition: all 0.3s ease !important; /* No shadows */ box-shadow: none !important; } /* HOVER STATE - Subtle Enhancement */ .elementor-10830 .elementor-element.elementor-element-f912749:hover { /* Very subtle background on hover (optional) */ background: rgba(255, 255, 255, 0.02) !important; /* No backdrop effects */ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; /* No borders */ border-image: none !important; /* No shadows */ box-shadow: none !important; /* No transformation */ transform: none !important; } /* Remove animated pseudo-element */ .elementor-10830 .elementor-element.elementor-element-f912749::before { display: none !important; } /* Inner Container Adjustments */ .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-container { height: auto !important; min-height: auto !important; background: transparent !important; padding: 10px 0 !important; position: relative !important; z-index: 2 !important; } /* ==================================================================== CLEAN TRANSPARENT MENU STYLING ==================================================================== */ /* WordPress Menu Widget Adjustments */ .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu { position: relative !important; z-index: 3 !important; background: transparent !important; } /* Menu Container - Transparent base */ .elementor-10830 .elementor-element.elementor-element-f912749 .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.3s ease !important; } /* Clean Menu Items Layout */ .elementor-10830 .elementor-element.elementor-element-f912749 .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-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li { margin: 0 !important; padding: 0 !important; position: relative !important; } /* Clean Menu Link Styling */ .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li a { color: rgba(0, 0, 0, 0.8) !important; text-decoration: none !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0.8px !important; transition: all 0.3s ease !important; font-family: 'Average', serif !important; padding: 14px 20px !important; display: block !important; border-radius: 16px !important; position: relative !important; /* Completely transparent background */ background: transparent !important; backdrop-filter: none !important; border: none !important; /* No shadows */ box-shadow: none !important; } /* Clean Menu Link Hover Effects */ .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li a:hover { color: rgba(0, 0, 0, 1) !important; /* Very subtle background on hover */ background: rgba(0, 0, 0, 0.05) !important; /* No backdrop effects */ backdrop-filter: none !important; border: none !important; /* Subtle lift */ transform: translateY(-1px) !important; /* Minimal shadow for depth */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; /* No text effects */ text-shadow: none !important; } /* Clean Active Menu Item */ .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li.current-menu-item a { color: #8B4513 !important; font-weight: 600 !important; /* Subtle active background */ background: rgba(139, 69, 19, 0.1) !important; /* No backdrop effects */ backdrop-filter: none !important; border: none !important; /* Minimal active shadow */ box-shadow: 0 1px 4px rgba(139, 69, 19, 0.2) !important; } /* Clean Effects During Container Hover */ .elementor-10830 .elementor-element.elementor-element-f912749:hover .elementor-widget-wp-widget-nav_menu .menu li a { color: rgba(0, 0, 0, 0.85) !important; text-shadow: none !important; backdrop-filter: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749:hover .elementor-widget-wp-widget-nav_menu .menu li a:hover { /* Enhanced hover during container hover */ background: rgba(0, 0, 0, 0.08) !important; /* No backdrop effects */ backdrop-filter: none !important; transform: translateY(-2px) !important; /* Slightly enhanced shadow */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } /* ==================================================================== RESPONSIVE ENHANCEMENTS ==================================================================== */ /* Tablet Clean Design */ @media (max-width: 1024px) and (min-width: 769px) { .elementor-10830 .elementor-element.elementor-element-f912749:hover { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu { gap: 28px !important; padding: 0 30px !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li a { font-size: 14px !important; padding: 12px 16px !important; border-radius: 14px !important; } } /* Mobile Clean Design */ @media (max-width: 768px) { .elementor-10830 .elementor-element.elementor-element-f912749 { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749:hover { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .elementor-widget-container { padding: 14px 0 !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu { gap: 15px !important; padding: 0 20px !important; flex-wrap: wrap !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li a { font-size: 13px !important; padding: 10px 14px !important; border-radius: 12px !important; } } /* Very Small Mobile Clean Design */ @media (max-width: 480px) { .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu { gap: 10px !important; padding: 0 15px !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .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-10830 .elementor-element.elementor-element-f912749 { transition: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749:hover { transform: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li a { transition: none !important; } .elementor-10830 .elementor-element.elementor-element-f912749 .elementor-widget-wp-widget-nav_menu .menu li a:hover { transform: none !important; } } /* ==================================================================== OPTIONAL: SUBTLE BACKGROUND ON SCROLL ==================================================================== */ /* Uncomment this section if you want a subtle background to appear when scrolling: .elementor-10830 .elementor-element.elementor-element-f912749.scrolled { background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; } *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6ca647a */.form-header { /*background-color: rgba(255, 255, 255, 0.7);*/ backdrop-filter: blur(5px); /*border-radius: 12px;*/ padding: 20px 0px; /*box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.6);*/ /*max-width: 800px;*/ margin: 0 auto; position: relative; } .form-header-title{ font-size: 50px; font-family: Amiri; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 0px; color: rgb(95, 89, 97); text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; -webkit-text-fill-color: transparent; line-height: 1.2; padding-top: 10px; background: linear-gradient(45deg, rgb(44, 24, 16), rgb(95, 89, 97), rgb(114, 47, 55)) text; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-9d4a3e7 */.elementor-10830 .elementor-element.elementor-element-9d4a3e7 .elementor-button:hover { background-color: #a34545; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(188, 90, 90, 0.3); } /* Main form container */ .contact-us-form { /*background-color: rgba(255, 255, 255, 0.7);*/ backdrop-filter: blur(5px); /*border-radius: 12px;*/ /*box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.6);*/ max-width: 800px; margin: 0 auto; position: relative; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #CCCCCC; border-radius: 0px 0px 20px 20px } /* Input fields */ .contact-us-form .elementor-field-textual { border: 2px solid rgba(188, 90, 90, 0.4); border-radius: 8px; padding: 14px 18px; background-color: rgba(255, 255, 255, 0.9); transition: all 0.3s ease; font-family: 'Cormorant Garamond', serif; font-size: 16px; } .contact-us-form .elementor-field-textual:focus { border-color: #bc5a5a; background-color: white; box-shadow: 0 0 0 4px rgba(188, 90, 90, 0.1); } /* Select fields */ .contact-us-form select.elementor-field-textual { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23bc5a5a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 15px) center; padding-right: 40px; } /* Radio buttons and checkboxes */ .contact-us-form .elementor-field-type-radio .elementor-field-subgroup, .contact-us-form .elementor-field-type-checkbox .elementor-field-subgroup { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 5px; } .contact-us-form .elementor-field-option { display: flex; align-items: center; margin-bottom: 10px; } .contact-us-form .elementor-field-option input[type="radio"], .contact-us-form .elementor-field-option input[type="checkbox"] { appearance: none; width: 20px; height: 20px; border: 2px solid rgba(188, 90, 90, 0.4); border-radius: 100%; margin-right: 8px; position: relative; transition: all 0.2s ease; } .contact-us-form .elementor-field-option input[type="checkbox"] { border-radius: 4px; } .contact-us-form .elementor-field-option input[type="radio"]:checked, .contact-us-form .elementor-field-option input[type="checkbox"]:checked { border-color: #bc5a5a; background-color: #bc5a5a; } .contact-us-form .elementor-field-option input[type="radio"]:checked::after, .contact-us-form .elementor-field-option input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background-color: white; } .contact-us-form .elementor-field-option input[type="checkbox"]:checked::after { width: 10px; height: 6px; border-radius: 0; border-left: 2px solid white; border-bottom: 2px solid white; transform: translate(-50%, -60%) rotate(-45deg); } /* Field labels */ .contact-us-form .elementor-field-label { color: #333; font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 600; margin-bottom: 8px; } /* Required indicator */ .contact-us-form .elementor-field-required:after { color: #bc5a5a; } /* Form title */ .wedding-form-title { font-family: 'Cormorant Garamond', serif; color: #bc5a5a; font-size: 32px; text-align: center; margin-bottom: 20px; font-weight: 600; letter-spacing: 1px; } /* Form description */ .wedding-form-description { font-family: 'Cormorant Garamond', serif; color: #555; font-size: 18px; text-align: center; margin-bottom: 30px; line-height: 1.5; } /* Section titles */ .wedding-section-title { font-family: 'Cormorant Garamond', serif; color: #bc5a5a; font-size: 22px; margin-top: 30px; margin-bottom: 15px; font-weight: 600; border-bottom: 1px solid rgba(188, 90, 90, 0.2); padding-bottom: 8px; } /*Removing surrounding padding from field entry*/ .elementor-kit-5322 input:not([type="button"]):not([type="submit"]), .elementor-kit-5322 textarea, .elementor-kit-5322 .elementor-field-textual { padding: 0px 0px 0px 0px; } /*Removing bottom margin from field's label*/ .elementor-form .elementor-field-group-full_name label { margin-bottom: 1px; } .elementor-form .elementor-field-group-meal_preference label { margin-bottom: 3px; } .elementor-form .elementor-field-group-kids_meals label { margin-bottom: 3px; } .elementor-form .elementor-field-group-baby_chairs label { margin-bottom: 3px; } .elementor-form .elementor-field-group-message label { margin-bottom: 8px; } .elementor-form .elementor-field-group-morning_ceremony_guests label { margin-bottom: 1px; } .elementor-form .elementor-field-group-evening_reception_guests label { margin-bottom: 1px; } .elementor-form .elementor-field-group-meal_preference_number label { margin-bottom: 1px; } .elementor-form .elementor-field-group-kids_meals_number label { margin-bottom: 1px; } .elementor-form .elementor-field-group-baby_chairs_number label { margin-bottom: 1px; } /*Adding bottom margin below each field*/ /*.elementor-5736 .elementor-element.elementor-element-2abf463 .elementor-field-group { margin-bottom: 23px; }*/ /* Hide reCAPTCHA badge */ .grecaptcha-badge { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Add disclosure text below Send button with proper spacing */ .contact-us-form .elementor-field-type-submit::after { content: "This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply."; display: block; font-family: 'Amiri', serif; font-size: 10px; color: rgba(0, 0, 0, 0.15); line-height: 1.4; margin-top: 30px; text-align: left; width: 100%; clear: both; position: relative; } /* Alternative with clickable links - requires HTML approach */ .recaptcha-disclosure { font-family: 'Amiri', serif; font-size: 13px; color: rgba(0, 0, 0, 0.35); line-height: 1.4; margin-top: 20px; text-align: left; max-width: 100%; } .recaptcha-disclosure a { color: rgba(188, 90, 90, 0.7); text-decoration: none; } .recaptcha-disclosure a:hover { color: rgba(188, 90, 90, 0.9); text-decoration: underline; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5ee005d *//*.elementor-10830 .elementor-element.elementor-element-5ee005d { /*overflow-y: auto;*/ /*padding-right: 10px; /* Prevents content from touching scrollbar }*/ .contact-form-main-container .e-con-inner { background: radial-gradient(ellipse at left center, transparent 85%, rgba(225, 210, 245, 0.12) 100%), radial-gradient(ellipse at right center, transparent 85%, rgba(225, 210, 245, 0.12) 100%), linear-gradient( 135deg, #ffffff 0%, #f6f2fb 30%, #faf6f0 60%, #ede8f7 85%, #ffffff 100% ); }/* End custom CSS */ /* Start custom CSS *//*body, html { height: 100vh !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }*//* End custom CSS */