.elementor-94 .elementor-element.elementor-element-8ac5ae3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-45px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-94 .elementor-element.elementor-element-a7c1750{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:13px;--padding-left:4px;--padding-right:14px;--z-index:10;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-94 .elementor-element.elementor-element-356b0e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -24px;}.elementor-94 .elementor-element.elementor-element-356b0e9.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-356b0e9 img{width:101px;}.elementor-94 .elementor-element.elementor-element-0cbe59d{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-217400c{--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;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:52px;--padding-right:50px;}.elementor-94 .elementor-element.elementor-element-217400c:not(.elementor-motion-effects-element-type-background), .elementor-94 .elementor-element.elementor-element-217400c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#63B7F5;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-94 .elementor-element.elementor-element-7bd9fa3{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 7px / 2 );}.elementor-94 .elementor-element.elementor-element-7bd9fa3 .elementor-menu-toggle{margin:0 auto;}.elementor-94 .elementor-element.elementor-element-7bd9fa3 .elementor-nav-menu .elementor-item{font-family:"Loos", Sans-serif;font-size:14px;font-weight:bold;letter-spacing:-0.1px;}.elementor-94 .elementor-element.elementor-element-7bd9fa3 .elementor-nav-menu--main .elementor-item{color:#012E4D;fill:#012E4D;padding-left:0px;padding-right:0px;padding-top:3px;padding-bottom:3px;}.elementor-94 .elementor-element.elementor-element-7bd9fa3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:7px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon-wrapper{text-align:center;}.elementor-94 .elementor-element.elementor-element-0e13bfb .e-off-canvas__content{background-color:#021A2A;}.elementor-94 .elementor-element.elementor-element-0e13bfb .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-94 .elementor-element.elementor-element-0e13bfb{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-94 .elementor-element.elementor-element-6c5503f{--display:flex;}.elementor-94 .elementor-element.elementor-element-6e1d2d3 .elementor-icon-wrapper{text-align:center;}.elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-3227dfe );}.elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-framed .elementor-icon:hover, .elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-3227dfe );border-color:var( --e-global-color-3227dfe );}.elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-framed .elementor-icon:hover, .elementor-94 .elementor-element.elementor-element-6e1d2d3.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-3227dfe );}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown a, .elementor-94 .elementor-element.elementor-element-324f971 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown a:hover, .elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown a:focus, .elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown .elementor-item, .elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Loos", Sans-serif;font-weight:500;}.elementor-94 .elementor-element.elementor-element-f8e2a07{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-94 .elementor-element.elementor-element-f8e2a07.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-f8e2a07 .elementor-icon-wrapper{text-align:center;}.elementor-94 .elementor-element.elementor-element-f8e2a07.elementor-view-stacked .elementor-icon{background-color:#012E4D;}.elementor-94 .elementor-element.elementor-element-f8e2a07.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-f8e2a07.elementor-view-default .elementor-icon{color:#012E4D;border-color:#012E4D;}.elementor-94 .elementor-element.elementor-element-f8e2a07.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-f8e2a07.elementor-view-default .elementor-icon svg{fill:#012E4D;}.elementor-94 .elementor-element.elementor-element-f8e2a07 .elementor-icon{font-size:19px;}.elementor-94 .elementor-element.elementor-element-f8e2a07 .elementor-icon svg{height:19px;}.elementor-94 .elementor-element.elementor-element-d3288e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;}.elementor-94 .elementor-element.elementor-element-d3288e1.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-94 .elementor-element.elementor-element-a7c1750{--z-index:2;}.elementor-94 .elementor-element.elementor-element-0cbe59d{--z-index:1;}.elementor-94 .elementor-element.elementor-element-91b3af0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;}.elementor-94 .elementor-element.elementor-element-91b3af0.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon{font-size:33px;}.elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon svg{height:33px;}.elementor-94 .elementor-element.elementor-element-0e13bfb{--e-off-canvas-justify-content:flex-end;}.elementor-94 .elementor-element.elementor-element-6c5503f{--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-94 .elementor-element.elementor-element-6e1d2d3 .elementor-icon-wrapper{text-align:end;}.elementor-94 .elementor-element.elementor-element-6e1d2d3 .elementor-icon{font-size:25px;}.elementor-94 .elementor-element.elementor-element-6e1d2d3 .elementor-icon svg{height:25px;}.elementor-94 .elementor-element.elementor-element-324f971{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown .elementor-item, .elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown{border-radius:15px 15px 15px 15px;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-94 .elementor-element.elementor-element-0dc7947{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 19px;}}@media(min-width:768px){.elementor-94 .elementor-element.elementor-element-a7c1750{--width:13%;}.elementor-94 .elementor-element.elementor-element-0cbe59d{--width:87%;}}@media(max-width:1024px) and (min-width:768px){.elementor-94 .elementor-element.elementor-element-a7c1750{--width:30%;}}@media(max-width:767px){.elementor-94 .elementor-element.elementor-element-a7c1750{--width:35%;--z-index:2;}.elementor-94 .elementor-element.elementor-element-356b0e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-94 .elementor-element.elementor-element-356b0e9 img{width:71px;}.elementor-94 .elementor-element.elementor-element-0cbe59d{--width:65%;--z-index:1;}.elementor-94 .elementor-element.elementor-element-217400c{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:20px;--z-index:0;}.elementor-94 .elementor-element.elementor-element-0e13bfb{--e-off-canvas-width:331px;}.elementor-94 .elementor-element.elementor-element-6c5503f{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-94 .elementor-element.elementor-element-6e1d2d3{margin:12px 8px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}}/* Start custom CSS for container, class: .elementor-element-a7c1750 *//* ლოგოს კონტეინერი (Left Side) */ .elementor-94 .elementor-element.elementor-element-a7c1750 { position: relative; display: flex; align-items: center; background: none !important; /* Forces a solid GPU layer without affecting transparency */ transform: translateZ(0); backface-visibility: hidden; } .elementor-94 .elementor-element.elementor-element-a7c1750::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: radial-gradient(circle at var(--light-x, 50%) var(--light-y, 50%), rgba(125, 185, 237, 0.15) 0%, transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L95,0 L84,85 C82,95 78,100 70,100 L0,100 Z' fill='%230e243d' /%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; /* The exact shadow you wanted */ /* Tell the browser to prepare for filter and transform changes ONLY */ } .elementor-94 .elementor-element.elementor-element-a7c1750::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M95,0 L84,85 C82,95 78,100 70,100' fill='none' stroke='white' stroke-width='0.4' stroke-opacity='0.15' /%3E%3C/svg%3E"); background-size: 100% 100%; filter: blur(1px); }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-7bd9fa3 *//* --- Aquatics Federation: Executive Premium Menu (Final Optimized + Gap Fix) --- */ /* ========================================= 1. TOP LEVEL MENU ITEMS ========================================= */ .elementor-nav-menu--main .elementor-item { position: relative !important; padding: 10px 7px !important; /* Performance: Only animate color/shadow, never layout properties */ transition: color 0.4s ease, text-shadow 0.4s ease !important; border-radius: 12px !important; z-index: 1; } /* Glass Background (The Pod) */ .elementor-nav-menu--main .elementor-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(5px); border-radius: 12px; opacity: 0; transform: scale(0.9); /* Performance: Tell browser to use GPU */ will-change: opacity, transform; transition: opacity 0.4s ease, transform 0.4s ease; z-index: -1; pointer-events: none; } /* FIX: Hover state triggered by Parent LI so it stays active when dropdown is open */ .elementor-nav-menu--main .menu-item:hover > .elementor-item, .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #ffffff !important; text-shadow: 0 0 15px rgba(0, 242, 255, 0.3); } /* FIX: Background stays active when moving to dropdown */ .elementor-nav-menu--main .menu-item:hover > .elementor-item::before, .elementor-nav-menu--main .elementor-item.elementor-item-active::before { opacity: 1; transform: scale(1); } /* FIX: Underline stays active when moving to dropdown */ .elementor-nav-menu--main .menu-item:hover > .elementor-item::after, .elementor-nav-menu--main .elementor-item.elementor-item-active::after { opacity: 1; transform: scaleX(1); } /* FIX: Arrow Rotation stays active when moving to dropdown */ .elementor-nav-menu--main .menu-item:hover > .elementor-item .sub-arrow svg { fill: #00f2ff !important; transform: rotate(180deg); transition: transform 0.4s ease, fill 0.4s ease; } .elementor-nav-menu .sub-arrow { padding: 3px; } .elementor-nav-menu .sub-arrow .e-font-icon-svg { height: 0.8em; width: 0.8em; fill: #0c243d4f; transition: fill 0.3s ease; } /* ========================================= 2. DROPDOWN CONTAINER (The Fixes) Restricted to Desktop to prevent mobile disappearance ========================================= */ @media (min-width: 1025px) { /* BASE STATE (EXIT ANIMATION) This runs when you move the mouse AWAY. It is set to 0.1s (nearly instant) to fix the lag. */ .sub-menu.elementor-nav-menu--dropdown { background: rgba(15, 20, 25, 0.85) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 20px !important; padding: 15px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 255, 255, 0.05) !important; /* This margin creates the gap, we fix it below with ::before */ margin-top: 15px !important; /* FIX 1: Initial State helps prevent the "Side Expand" glitch */ opacity: 0; transform: translateY(10px); /* Starts slightly down */ transform-origin: top center; visibility: hidden; /* Hides it completely when not hovered */ /* FIX 2: Fast Exit Transition */ transition: opacity 0.1s ease-out, transform 0.1s ease-out, visibility 0.1s !important; } /* --- FIX 3: THE INVISIBLE BRIDGE (Crucial Fix) --- */ /* This creates an invisible box that fills the 15px gap so the mouse doesn't lose focus when moving down. */ .sub-menu.elementor-nav-menu--dropdown::before { content: ""; position: absolute; top: -20px; /* Moves up to cover the 15px margin + buffer */ left: 0; width: 100%; height: 20px; /* Height of the bridge */ background: transparent; display: block; } /* HOVER STATE (ENTER ANIMATION) This runs when you move the mouse OVER the menu. We keep the 0.4s here for the luxury feel. */ .elementor-nav-menu--main .menu-item:hover > .sub-menu.elementor-nav-menu--dropdown { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; /* Smooth Entrance */ transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* ========================================= 3. DROPDOWN ITEMS (Links) ========================================= */ .sub-menu.elementor-nav-menu--dropdown li { margin-bottom: 5px !important; } .sub-menu.elementor-nav-menu--dropdown li:last-child { margin-bottom: 0 !important; } .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item { color: #e0e0e0 !important; font-weight: 500 !important; padding: 12px 20px !important; border-radius: 12px !important; display: block !important; position: relative; overflow: hidden; transition: padding 0.3s ease, color 0.3s ease, background 0.3s ease !important; } /* Dropdown Item Hover */ .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item:hover { background: rgba(255, 255, 255, 0.08) !important; color: #00f2ff !important; padding-left: 28px !important; padding-right: 12px !important; } /* The Neon Line on Hover */ .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 0; background: #00f2ff; box-shadow: 0 0 10px #00f2ff; transition: height 0.3s ease; } .sub-menu.elementor-nav-menu--dropdown a.elementor-sub-item:hover::before { height: 60%; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-91b3af0 *//* 1. Thicken the lines and ensure they react instantly */ .elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon svg line { stroke-width: 35px !important; /* Bold lines */ transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Snappy bounce with 0s delay */ } /* 2. Instant opacity change */ .elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon:hover { opacity: 0.9; } /* 3. The Motion - All lines move at the exact same time */ /* Top bar: Slides right */ .elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon:hover svg line:nth-child(1) { transform: translateX(50px); } /* Middle bar: Slides left */ .elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon:hover svg line:nth-child(2) { transform: translateX(-50px); } /* Bottom bar: Slides right further */ .elementor-94 .elementor-element.elementor-element-91b3af0 .elementor-icon:hover svg line:nth-child(3) { transform: translateX(80px); } /* Target the parent container of the off-canvas widget */ .e-con:has(.e-off-canvas[aria-hidden="false"]), .elementor-column:has(.e-off-canvas[aria-hidden="false"]) { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-324f971 */.elementor-94 .elementor-element.elementor-element-324f971 .elementor-nav-menu--dropdown li a { border-radius: 15px !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d3288e1 */.trp-shortcode-switcher { padding: 3px 0 !important; border-radius: 12px !important; background: #012E4D !important; background: rgba(0, 47, 78, 0.3) !important; backdrop-filter: blur(5px) !important; transform: scale(0.9) !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } .trp-language-item-name { font-family: loos !important; font-weight: 600 !important; } .trp-shortcode-switcher:hover { padding: 3px 0 !important; border-radius: 12px !important; background: #012E4D !important; background: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(5px) !important; transform: scale(0.9) !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } svg.trp-shortcode-arrow { width: 15px; height: 15px; margin-left: -5px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-217400c */.elementor-94 .elementor-element.elementor-element-217400c { margin-left: -50px !important; width: calc(100% + 50px) !important; max-width: none !important; /* რომ Elementor-ის შეზღუდვამ არ გააჩეროს */ }/* End custom CSS */