.elementor-11 .elementor-element.elementor-element-e3932e9{--display:flex;--min-height:96px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:24px;--padding-bottom:24px;--padding-left:50px;--padding-right:50px;}.elementor-11 .elementor-element.elementor-element-e3932e9:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-e3932e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-2f796e11{--display:flex;--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-11 .elementor-element.elementor-element-40024ea7{--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;--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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-11 .elementor-element.elementor-element-6e057583 .elementor-menu-toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:0.32px;}.elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main .elementor-item{color:#262626;fill:#262626;}.elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main .elementor-item:hover, .elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main .elementor-item:focus{color:#383435;fill:#383435;}.elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#383435;}.elementor-11 .elementor-element.elementor-element-6e057583{--e-nav-menu-horizontal-menu-item-margin:calc( 2px / 2 );}.elementor-11 .elementor-element.elementor-element-6e057583 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-11 .elementor-element.elementor-element-798c437 .elementor-button{background-color:#FCC09C;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;letter-spacing:0.32px;fill:#383435;color:#383435;border-radius:70px 70px 70px 70px;padding:15px 35px 15px 35px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-e3932e9{--width:100%;}.elementor-11 .elementor-element.elementor-element-2f796e11{--width:16%;}.elementor-11 .elementor-element.elementor-element-40024ea7{--width:100%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for image, class: .elementor-element-e34b0bc */.elementor-11 .elementor-element.elementor-element-e34b0bc a img { display: block; width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3932e9 */body .elementor-11 .elementor-element.elementor-element-e3932e9 { max-width: 100% !important; width: 100% !important; } /* ========================================================= VALLEY FINANCE NAVIGATION Desktop Premium Dropdown + Mobile Off-Canvas ========================================================= */ /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 1025px) { /* ---------- Desktop submenu card ---------- */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu { min-width: 350px !important; padding: 12px !important; margin-top: 14px !important; background: #ffffff !important; border: 1px solid rgba(185, 222, 211, 0.45) !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(56, 52, 53, 0.12), 0 5px 15px rgba(56, 52, 53, 0.05) !important; overflow: hidden !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu > li { margin: 0 !important; padding: 0 !important; } /* Submenu links */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item { position: relative; display: flex !important; align-items: center; width: 100%; padding: 13px 15px !important; margin: 2px 0 !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; color: #383435 !important; font-family: "Montserrat", sans-serif; font-size: 15px !important; font-weight: 600 !important; line-height: 1.35; transition: background-color .2s ease, color .2s ease, transform .2s ease, padding-left .2s ease !important; } /* Dot */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; margin-right: 0; background: #B9DED3; border-radius: 50%; opacity: 0; transform: scale(.5); transition: opacity .2s ease, transform .2s ease, margin-right .2s ease, background .2s ease; } /* Hover */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus { padding-left: 18px !important; background: #EEF9F5 !important; color: #383435 !important; transform: translateX(2px); } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover::before, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus::before { margin-right: 10px; opacity: 1; transform: scale(1); } /* Active item */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .current-menu-item > .elementor-sub-item, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .current_page_item > .elementor-sub-item { padding-left: 18px !important; background: #EEF9F5 !important; color: #383435 !important; font-weight: 700 !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .current-menu-item > .elementor-sub-item::before, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .current_page_item > .elementor-sub-item::before { margin-right: 10px; background: #FCC09C; opacity: 1; transform: scale(1); } /* Soft dropdown entrance */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu { animation: vfDesktopDropdown .2s ease; } /* ---------- Nested / 3rd-level flyout fix ---------- */ /* * Nested menus must be allowed to render outside the parent card. * `overflow: hidden` clips the 3rd layer even when Elementor correctly * opens it on hover/focus. */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu { overflow: visible !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .menu-item-has-children { position: relative !important; } /* Default nested flyout: open to the right, with a tiny overlap so there is no dead hover gap between level 2 and level 3. */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .menu-item-has-children > .sub-menu { top: -12px !important; left: calc(100% - 4px) !important; right: auto !important; margin-top: 0 !important; margin-left: 0 !important; z-index: 10020 !important; } /* Keep the 3rd layer open while the parent item or the flyout itself has hover/focus. This also improves keyboard navigation. */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .menu-item-has-children:hover > .sub-menu, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .menu-item-has-children:focus-within > .sub-menu { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* * Right-edge protection: * Only the last two top-level navigation items open nested flyouts * to the LEFT. All earlier items keep the default right-opening flyout. * A manual .vf-flyout-left class can still force a left-opening flyout. */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .elementor-nav-menu > li:nth-last-child(-n + 2) .sub-menu .menu-item-has-children > .sub-menu, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .elementor-nav-menu > li.vf-flyout-left .sub-menu .menu-item-has-children > .sub-menu { left: auto !important; right: calc(100% - 4px) !important; } @keyframes vfDesktopDropdown { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } } } /* ========================================================= MOBILE / TABLET HEADER ========================================================= */ @media (max-width: 1024px) { /* ---------- stacking ---------- */ /* ---------- mobile/tablet header ---------- Elementor's native Sticky setting handles the stickiness. Do NOT make .elementor-location-header sticky as well, or Elementor's sticky spacer can create a duplicate-looking white gap. */ .elementor-location-header { position: relative !important; z-index: 100010 !important; width: 100% !important; background: #FFFFFF !important; } .vf-site-header { z-index: 100010 !important; isolation: isolate; background: #FFFFFF !important; } /* Subtle shadow only while Elementor's sticky container is active */ .vf-site-header.elementor-sticky--active, .vf-site-header.elementor-sticky--effects { box-shadow: 0 1px 0 rgba(56, 52, 53, .05), 0 8px 24px rgba(56, 52, 53, .05) !important; } /* ---------- single row header ---------- */ .vf-site-header { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 82px; padding: 14px 18px !important; background: #FFFFFF !important; } /* Logo container */ .elementor-element-2f796e11 { flex: 1 1 auto !important; width: auto !important; display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } .elementor-element-e34b0bc { width: auto !important; max-width: 135px !important; margin: 0 !important; } .elementor-element-e34b0bc img { display: block; width: 135px !important; max-width: 100% !important; height: auto !important; } /* Menu + call button container */ .elementor-element-40024ea7 { flex: 0 0 auto !important; width: auto !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; padding: 0 !important; margin: 0 !important; } /* Nav widget */ .elementor-11 .elementor-element.elementor-element-e3932e9 { width: auto !important; flex: 0 0 auto !important; } /* ---------- burger ---------- */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle { position: relative !important; z-index: 100040 !important; display: flex !important; align-items: center; justify-content: center; width: 42px !important; height: 42px !important; min-width: 42px; padding: 0 !important; margin: 0 !important; background: #EEF9F5 !important; border: 1px solid #CEE9E0 !important; border-radius: 50% !important; color: #383435 !important; box-shadow: none !important; transition: background .2s ease, box-shadow .2s ease; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle:hover { background: #E2F4EF !important; box-shadow: 0 7px 18px rgba(56, 52, 53, .08) !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle svg { width: 19px !important; height: 19px !important; fill: #383435 !important; } /* ---------- desktop/mobile Call Kate ---------- */ .elementor-element-798c437 { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } .elementor-element-798c437 .elementor-button { display: flex !important; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px !important; white-space: nowrap; border-radius: 100px !important; font-size: 13px !important; line-height: 1 !important; } .elementor-element-798c437 .elementor-button-content-wrapper { gap: 7px !important; } .elementor-element-798c437 .elementor-button-icon svg { width: 15px !important; height: 15px !important; } /* ===================================================== OFF-CANVAS ===================================================== */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(86vw, 370px) !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; padding: calc(91px + env(safe-area-inset-top)) 20px calc(30px + env(safe-area-inset-bottom)) 20px !important; background: #FFFFFF !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; opacity: 1 !important; border: 0 !important; border-radius: 24px 0 0 24px !important; box-shadow: -24px 0 70px rgba(56, 52, 53, .15), -6px 0 22px rgba(56, 52, 53, .05) !important; overflow-x: hidden !important; overflow-y: auto !important; transform: translate3d(105%, 0, 0); visibility: hidden; will-change: transform; transition: transform .4s cubic-bezier(.22, 1, .36, 1), visibility .4s !important; z-index: 100030 !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown.elementor-nav-menu__container.vf-offcanvas-open { transform: translate3d(0, 0, 0); visibility: visible; } /* Keep drawer perfectly sharp */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown.elementor-nav-menu__container, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown.elementor-nav-menu__container * { filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ===================================================== DRAWER HEADER ===================================================== */ .vf-mobile-menu-head { position: absolute !important; top: calc(23px + env(safe-area-inset-top)) !important; left: 22px !important; right: 75px !important; padding-bottom: 17px !important; border-bottom: 1px solid #E4F1ED; } .vf-mobile-menu-eyebrow { display: block; margin-bottom: 4px; color: #9BCABB; font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } .vf-mobile-menu-title { display: block; color: #383435; font-family: "Montserrat", sans-serif; font-size: 23px; font-weight: 700; line-height: 1.1; } /* ===================================================== X / CLOSE BUTTON ===================================================== */ body.vf-mobile-menu-open .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle { position: fixed !important; top: calc(22px + env(safe-area-inset-top)) !important; right: 16px !important; left: auto !important; width: 42px !important; height: 42px !important; min-width: 42px !important; margin: 0 !important; transform: none !important; background: #EEF9F5 !important; border: 1px solid #CEE9E0 !important; border-radius: 50% !important; z-index: 100050 !important; box-shadow: none !important; } body.vf-mobile-menu-open .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle svg { width: 17px !important; height: 17px !important; fill: #383435 !important; } /* ===================================================== MAIN MOBILE MENU ===================================================== */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown > .elementor-nav-menu { display: flex !important; flex-direction: column !important; gap: 4px; margin: 0 !important; padding: 0 !important; background: transparent !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown > .elementor-nav-menu > li { width: 100%; margin: 0 !important; padding: 0 !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown > .elementor-nav-menu > li > .elementor-item { display: flex !important; align-items: center; justify-content: space-between; width: 100%; min-height: 51px; padding: 11px 14px !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; color: #383435 !important; font-family: "Montserrat", sans-serif; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3; transition: background .2s ease, color .2s ease; } /* Hover */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown > .elementor-nav-menu > li > .elementor-item:hover { background: #EEF9F5 !important; } /* Current parent */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown > .elementor-nav-menu > li.current-menu-item > .elementor-item, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown > .elementor-nav-menu > li.current-menu-ancestor > .elementor-item { background: #EEF9F5 !important; } /* ===================================================== MOBILE PARENT ARROW ===================================================== */ .elementor-11 .elementor-element.elementor-element-e3932e9 .sub-arrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; flex: 0 0 31px !important; margin: 0 0 0 10px !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; box-sizing: border-box !important; background: #EEF9F5; border-radius: 50%; transition: transform .25s ease, background .25s ease; } .elementor-11 .elementor-element.elementor-element-e3932e9 .sub-arrow svg { display: block !important; width: 9px !important; height: 9px !important; margin: 0 !important; padding: 0 !important; flex: 0 0 9px !important; fill: #383435 !important; vertical-align: middle !important; pointer-events: none; } .elementor-11 .elementor-element.elementor-element-e3932e9 .menu-item-has-children.vf-submenu-open > .elementor-item .sub-arrow { transform: rotate(180deg); background: #FCC09C; } /* ===================================================== MOBILE SUBMENU ===================================================== */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu { position: static !important; display: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 2px 0 8px !important; padding: 4px 0 4px 11px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .menu-item-has-children.vf-submenu-open > .sub-menu { display: block !important; animation: vfMobileSubmenu .23s ease both; } @keyframes vfMobileSubmenu { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } /* Mobile submenu links */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item { position: relative; display: flex !important; align-items: center; width: 100%; padding: 10px 12px !important; margin: 2px 0 !important; background: transparent !important; border: 0 !important; border-radius: 9px !important; color: #625D5E !important; font-family: "Montserrat", sans-serif; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4; transition: background .2s ease, color .2s ease, transform .2s ease; } /* Mobile submenu dot */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; margin-right: 9px; background: #B9DED3; border-radius: 50%; transition: background .2s ease, transform .2s ease; } /* Mobile submenu hover */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:focus { background: #EEF9F5 !important; color: #383435 !important; transform: translateX(2px); } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover::before { background: #FCC09C; transform: scale(1.25); } /* Current submenu */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .current-menu-item > .elementor-sub-item, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .current_page_item > .elementor-sub-item { background: #EEF9F5 !important; color: #383435 !important; font-weight: 700 !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown .sub-menu .current-menu-item > .elementor-sub-item::before { background: #FCC09C; } /* ===================================================== REMOVE DUPLICATE DRAWER CTA ===================================================== */ .vf-mobile-menu-footer { display: none !important; } /* Body lock */ body.vf-mobile-menu-open { overflow: hidden !important; touch-action: none; } } /* ========================================================= MOBILE BACKDROP ========================================================= */ .vf-mobile-menu-backdrop { position: fixed; inset: 0; z-index: 99990 !important; background: rgba(38, 43, 42, .40); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; } .vf-mobile-menu-backdrop.is-active { opacity: 1; visibility: visible; } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .vf-site-header { padding: 13px 14px !important; } .elementor-element-e34b0bc { max-width: 120px !important; } .elementor-element-e34b0bc img { width: 120px !important; } .elementor-element-798c437 .elementor-button { min-height: 40px; padding: 9px 14px !important; font-size: 12px !important; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle { width: 40px !important; height: 40px !important; min-width: 40px; } .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--dropdown.elementor-nav-menu__container { width: min(88vw, 350px) !important; border-radius: 22px 0 0 22px !important; } body.vf-mobile-menu-open .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-menu-toggle { top: calc(19px + env(safe-area-inset-top)) !important; right: 14px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; } } /* ========================================================= DESKTOP SUBMENU HOVER CLEANUP Keep layout fixed: no dot, no indent, no horizontal motion. ========================================================= */ @media (min-width: 1025px) { /* Kill the decorative dot in every state */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item::before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; opacity: 0 !important; transform: none !important; } /* Hover/focus = light green background ONLY */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus { padding: 13px 15px !important; background: #EEF9F5 !important; color: #383435 !important; transform: none !important; } /* Current item stays aligned exactly like every other submenu item */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .current-menu-item > .elementor-sub-item, .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .current_page_item > .elementor-sub-item { padding: 13px 15px !important; } /* No movement animation */ .elementor-11 .elementor-element.elementor-element-e3932e9 .elementor-nav-menu--main .sub-menu .elementor-sub-item { transition: background-color .2s ease, color .2s ease !important; } } /* ========================================================= MOBILE / TABLET — PUSH BURGER + CALL BUTTON TO THE RIGHT ========================================================= */ @media (max-width: 1024px) { .vf-site-header { justify-content: flex-start !important; } /* Logo stays on the left */ .elementor-element-2f796e11 { flex: 0 1 auto !important; width: auto !important; margin-right: 12px !important; } /* Burger + Call Kate group sits flush to the right */ .elementor-element-40024ea7 { flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; margin-right: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; } /* Make sure the nav widget itself doesn't reserve extra width */ .elementor-element-40024ea7 .elementor-11 .elementor-element.elementor-element-e3932e9, .elementor-element-40024ea7 .elementor-widget-nav-menu { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; } /* Call button also keeps only its natural width */ .elementor-element-798c437 { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; } }/* End custom CSS */