.elementor-3585 .elementor-element.elementor-element-99d4553{--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-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-99d4553:not(.elementor-motion-effects-element-type-background), .elementor-3585 .elementor-element.elementor-element-99d4553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#160A3C;}.elementor-3585 .elementor-element.elementor-element-99d4553.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-e2def65{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-e2def65.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-b264d33.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-b264d33{text-align:center;}.elementor-3585 .elementor-element.elementor-element-b264d33 .wpr-logo{padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E8E8E8;border-radius:0px 0px 0px 0px;}.elementor-3585 .elementor-element.elementor-element-b264d33 .wpr-logo-image{max-width:235px;}.elementor-3585 .elementor-element.elementor-element-b264d33.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-3585 .elementor-element.elementor-element-b264d33.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-3585 .elementor-element.elementor-element-b264d33.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-3585 .elementor-element.elementor-element-b264d33 .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-3585 .elementor-element.elementor-element-b264d33 .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-3585 .elementor-element.elementor-element-b264d33 .wpr-logo-description{color:#888888;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-114e527{width:var( --container-widget-width, 73.525% );max-width:73.525%;--container-widget-width:73.525%;--container-widget-flex-grow:0;}.elementor-3585 .elementor-element.elementor-element-114e527.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-menu-item.wpr-pointer-item{transition-duration:0.5s;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.5s;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.5s;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#312E96;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item:hover, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FFFFFF;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-line-fx .wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#FFA500;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#FFA500;border-width:1px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#FFA500;}.elementor-3585 .elementor-element.elementor-element-114e527 .menu-item-has-children .wpr-sub-icon{font-size:14px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 6px);}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 6px);}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item,.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a,.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-text{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;letter-spacing:0.6px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-underline .wpr-menu-item:after, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-overline .wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-double-line .wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-double-line .wpr-menu-item:after{height:1px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-3585 .elementor-element.elementor-element-114e527:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-3585 .elementor-element.elementor-element-114e527:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item{padding-left:6px;padding-right:6px;padding-top:15px;padding-bottom:15px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-6px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-6px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#312E96;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item{background-color:#F8F8F8;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;letter-spacing:0.6px;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#F3F3F3;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#977AFF;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#312E96;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu li{background-color:#ffffff;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu li a:hover, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu li a.wpr-active-menu-item, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a:hover, .elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#605BE5;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a{padding-left:0px;padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:0px;margin-right:0px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:15px;padding-top:5px;padding-bottom:5px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu{margin-top:10px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle{border-color:#807AFF;width:41px;padding:7px 7px 7px 7px;border-width:0px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-text{color:#807AFF;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-line{background-color:#807AFF;height:3px;margin-bottom:5px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle:hover{border-color:#605BE5;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#605BE5;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#605BE5;}.elementor-3585 .elementor-element.elementor-element-d8f0c9f{--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:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-d8f0c9f.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-e528fbf{width:var( --container-widget-width, 17.034% );max-width:17.034%;--container-widget-width:17.034%;--container-widget-flex-grow:0;}.elementor-3585 .elementor-element.elementor-element-e528fbf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-hfe-cart .hfe-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3585 .elementor-element.elementor-element-1dd5f9e{width:100%;max-width:100%;}.elementor-3585 .elementor-element.elementor-element-1dd5f9e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3585 .elementor-element.elementor-element-1dd5f9e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3585 .elementor-element.elementor-element-1dd5f9e .hfe-menu-cart__toggle .elementor-button,.elementor-3585 .elementor-element.elementor-element-1dd5f9e .hfe-cart-menu-wrap-default .hfe-cart-count:after, .elementor-3585 .elementor-element.elementor-element-1dd5f9e .hfe-cart-menu-wrap-default .hfe-cart-count{border-width:1px 1px 1px 1px;}@media(max-width:1366px){.elementor-3585 .elementor-element.elementor-element-99d4553{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3585 .elementor-element.elementor-element-b264d33.elementor-element{--align-self:center;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3585 .elementor-element.elementor-element-4ec2fe1.e-con{--align-self:center;}.elementor-3585 .elementor-element.elementor-element-114e527{width:var( --container-widget-width, 572.016px );max-width:572.016px;--container-widget-width:572.016px;--container-widget-flex-grow:0;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item{padding-left:0px;padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-0px;}.elementor-3585 .elementor-element.elementor-element-114e527.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-0px;}.elementor-3585 .elementor-element.elementor-element-d8f0c9f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3585 .elementor-element.elementor-element-d8f0c9f.e-con{--align-self:center;}.elementor-3585 .elementor-element.elementor-element-e528fbf{width:var( --container-widget-width, 232.938px );max-width:232.938px;--container-widget-width:232.938px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-3585 .elementor-element.elementor-element-114e527{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3585 .elementor-element.elementor-element-114e527.elementor-element{--align-self:center;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-wrap{text-align:right;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item,.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a,.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-text{font-size:15px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item{font-size:14px;}}@media(max-width:767px){.elementor-3585 .elementor-element.elementor-element-99d4553{--width:315px;--margin-top:0px;--margin-bottom:-56px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:-60px;--padding-left:0px;--padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-99d4553.e-con{--align-self:center;}.elementor-3585 .elementor-element.elementor-element-e2def65{--width:85.278%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3585 .elementor-element.elementor-element-b264d33{margin:0px -17px calc(var(--kit-widget-spacing, 0px) + 2px) 4px;padding:0px 0px 0px 0px;}.elementor-3585 .elementor-element.elementor-element-b264d33 .wpr-logo-image{max-width:280px;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1{--width:7.786%;}.elementor-3585 .elementor-element.elementor-element-114e527{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-wrap{text-align:right;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-nav-menu .wpr-menu-item,.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-nav-menu a,.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-mobile-toggle-text{font-size:14px;}.elementor-3585 .elementor-element.elementor-element-114e527 .wpr-sub-menu .wpr-sub-menu-item{font-size:13px;}}@media(min-width:768px){.elementor-3585 .elementor-element.elementor-element-99d4553{--width:79%;}.elementor-3585 .elementor-element.elementor-element-e2def65{--width:15%;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1{--width:57.872%;}.elementor-3585 .elementor-element.elementor-element-d8f0c9f{--width:0%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3585 .elementor-element.elementor-element-99d4553{--width:1063px;}.elementor-3585 .elementor-element.elementor-element-e2def65{--width:287.875px;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1{--width:771.96px;}.elementor-3585 .elementor-element.elementor-element-d8f0c9f{--width:355%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3585 .elementor-element.elementor-element-e2def65{--width:20%;}.elementor-3585 .elementor-element.elementor-element-4ec2fe1{--width:93.546%;}.elementor-3585 .elementor-element.elementor-element-d8f0c9f{--width:100%;}}/* Start custom CSS for wpr-nav-menu, class: .elementor-element-114e527 *//* ========================================================= BRAND BOAT NAVIGATION COMPLETE CLEAN VERSION DESKTOP + MOBILE ========================================================= */ /* ========================================================= DESKTOP NAVIGATION ========================================================= */ @media (min-width: 768px) { /* ----------------------------------------------------- MENU CONTAINER ----------------------------------------------------- */ nav ul, .menu, .nav-menu, .main-navigation ul, .primary-menu, .elementor-nav-menu { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- MENU ITEMS ----------------------------------------------------- */ nav li, .menu li, .nav-menu li, .main-navigation li, .primary-menu li, .elementor-nav-menu li { display: block !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; list-style: none !important; } /* ----------------------------------------------------- DESKTOP LINKS ----------------------------------------------------- */ nav a, .menu a, .nav-menu a, .main-navigation a, .primary-menu a, .elementor-nav-menu a, .elementor-nav-menu--main a { position: relative !important; display: inline-block !important; box-sizing: border-box !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important; padding: 8px 12px !important; margin: 0 2px !important; border-radius: 14px !important; /* ------------------------------------------------- GLASS BACKGROUND ------------------------------------------------- */ background-color: rgba( 255, 255, 255, 0.08 ) !important; backdrop-filter: blur(14px) saturate(150%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important; /* ------------------------------------------------- BORDER ------------------------------------------------- */ border: 1px solid rgba( 255, 255, 255, 0.20 ) !important; /* ------------------------------------------------- SHADOW ------------------------------------------------- */ box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.30 ), 0 3px 12px rgba( 0, 0, 0, 0.07 ) !important; /* ------------------------------------------------- BRAND BOAT GRADIENT ORANGE → WHITE → BLUE → PURPLE ------------------------------------------------- */ background-image: linear-gradient( 120deg, #FFA500 10%, #FFA500 25%, #FFFFFF 42%, #0000FF 70%, #0000FF 86%, #8B5CF6 100% ) !important; background-size: 200% 100% !important; /* ------------------------------------------------- GRADIENT TEXT ------------------------------------------------- */ -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; /* ------------------------------------------------- ANIMATION ------------------------------------------------- */ animation: bbDesktopColorFlow 6s ease-in-out infinite alternate !important; /* ------------------------------------------------- TRANSFORM ------------------------------------------------- */ transform: scale(1) !important; transform-origin: center center !important; /* ------------------------------------------------- TRANSITION ------------------------------------------------- */ transition: transform 0.35s cubic-bezier( 0.34, 1.56, 0.64, 1 ), box-shadow 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, letter-spacing 0.35s ease !important; will-change: transform, background-position; } /* ===================================================== DESKTOP COLOR FLOW ===================================================== */ @keyframes bbDesktopColorFlow { 0% { background-position: 0% 50%; } 50% { background-position: 50% 50%; } 100% { background-position: 100% 50%; } } /* ===================================================== DESKTOP HOVER ===================================================== */ nav a:hover, .menu a:hover, .nav-menu a:hover, .main-navigation a:hover, .primary-menu a:hover, .elementor-nav-menu a:hover, .elementor-nav-menu--main a:hover { transform: scale(1.06) !important; letter-spacing: 0.3px !important; background-color: rgba( 255, 255, 255, 0.15 ) !important; border-color: rgba( 255, 255, 255, 0.40 ) !important; box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.45 ), 0 6px 18px rgba( 0, 0, 0, 0.12 ), 0 0 12px rgba( 139, 92, 246, 0.30 ) !important; animation: bbDesktopColorFlow 2.5s ease-in-out infinite alternate, bbDesktopHoverGlow 1.5s ease-in-out infinite alternate !important; } /* ===================================================== DESKTOP HOVER GLOW ===================================================== */ @keyframes bbDesktopHoverGlow { 0% { filter: drop-shadow( 0 0 0 rgba( 139, 92, 246, 0 ) ); } 50% { filter: drop-shadow( 0 0 5px rgba( 139, 92, 246, 0.35 ) ); } 100% { filter: drop-shadow( 0 0 9px rgba( 255, 165, 0, 0.45 ) ); } } /* ===================================================== DESKTOP ACTIVE MENU ===================================================== */ .current-menu-item > a, .current-menu-ancestor > a, .elementor-item-active { background-image: linear-gradient( 90deg, #8B5CF6 0%, #C026D3 25%, #EC4899 40%, #EF4444 55%, #F97316 75%, #EF4444 100% ) !important; background-size: 200% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; background-color: rgba( 255, 255, 255, 0.13 ) !important; border-color: rgba( 255, 255, 255, 0.30 ) !important; box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.40 ), 0 4px 16px rgba( 0, 0, 0, 0.10 ) !important; animation: bbDesktopColorFlow 6s ease-in-out infinite alternate !important; } /* ===================================================== DESKTOP ACTIVE HOVER ===================================================== */ .current-menu-item > a:hover, .current-menu-ancestor > a:hover, .elementor-item-active:hover { transform: scale(1.08) !important; letter-spacing: 0.5px !important; background-color: rgba( 255, 255, 255, 0.18 ) !important; border-color: rgba( 255, 255, 255, 0.50 ) !important; box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.55 ), 0 7px 20px rgba( 0, 0, 0, 0.14 ), 0 0 15px rgba( 139, 92, 246, 0.30 ) !important; animation: bbDesktopColorFlow 2s ease-in-out infinite alternate, bbDesktopHoverGlow 1.2s ease-in-out infinite alternate !important; } } /* ========================================================= MOBILE NAVIGATION CLEAN DROPDOWN NO GLASS ========================================================= */ @media (max-width: 767px) { /* ===================================================== HAMBURGER ===================================================== */ .elementor-menu-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: #0B1F3A !important; transform: none !important; filter: none !important; cursor: pointer !important; z-index: 100001 !important; } /* ===================================================== HAMBURGER ICON ===================================================== */ .elementor-menu-toggle i { display: block !important; width: auto !important; height: auto !important; font-size: 25px !important; line-height: 1 !important; color: #0B1F3A !important; -webkit-text-fill-color: #0B1F3A !important; } .elementor-menu-toggle svg { display: block !important; width: 25px !important; height: 25px !important; fill: #0B1F3A !important; color: #0B1F3A !important; } /* ===================================================== HAMBURGER HOVER ===================================================== */ .elementor-menu-toggle:hover, .elementor-menu-toggle:focus, .elementor-menu-toggle:active { background: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; transform: none !important; filter: none !important; } /* ===================================================== MOBILE DROPDOWN IMPORTANT: Elementor controls display/open/close. We DO NOT force display:block. ===================================================== */ .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 6px 0 !important; background: #FFFFFF !important; background-image: none !important; border: none !important; border-radius: 0 0 14px 14px !important; box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.12 ) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: 100000 !important; overflow: hidden !important; } /* ===================================================== MOBILE MENU LIST ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; background-image: none !important; border: none !important; box-shadow: none !important; } /* ===================================================== MOBILE MENU ITEMS ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: none !important; border-radius: 0 !important; } /* ===================================================== MOBILE LINKS BRAND GRADIENT ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu > li > a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 48px !important; box-sizing: border-box !important; padding: 13px 20px !important; margin: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: left !important; white-space: nowrap !important; /* --------------------------------------------- GRADIENT TEXT --------------------------------------------- */ color: transparent !important; -webkit-text-fill-color: transparent !important; background-color: #FFFFFF !important; background-image: linear-gradient( 189deg, #FFA500 10%, #FFA500 25%, #FFFFFF 42%, #0000FF 70%, #FFA500 86%, #FFFFFF 100% ) !important; background-size: 200% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; /* --------------------------------------------- CLEAN MOBILE STYLE --------------------------------------------- */ border: none !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: translateX(0) !important; filter: none !important; /* --------------------------------------------- COLOR FLOW --------------------------------------------- */ animation: bbMobileColorFlow 6s ease-in-out infinite alternate !important; transition: transform 0.25s ease, background-color 0.25s ease, background-size 0.3s ease !important; } /* ===================================================== MOBILE NORMAL COLOR FLOW ===================================================== */ @keyframes bbMobileColorFlow { 0% { background-position: 0% 50%; } 50% { background-position: 50% 50%; } 100% { background-position: 100% 50%; } } /* ===================================================== MOBILE HOVER SAME BRAND GRADIENT ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu > li > a:hover { color: transparent !important; -webkit-text-fill-color: transparent !important; background-color: #F4F6F8 !important; background-image: linear-gradient( 120deg, #FFA500 0%, #FF8C00 20%, #FFFFFF 38%, #0000FF 62%, #4F46E5 80%, #8B5CF6 100% ) !important; background-size: 300% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; transform: translateX(5px) !important; box-shadow: none !important; animation: bbMobileHoverFlow 2s ease-in-out infinite alternate !important; } /* ===================================================== MOBILE HOVER FLOW ===================================================== */ @keyframes bbMobileHoverFlow { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* ===================================================== MOBILE ACTIVE MENU PURPLE → PINK → RED → ORANGE ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-item > a, .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-ancestor > a, .elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item-active { color: transparent !important; -webkit-text-fill-color: transparent !important; background-color: #F4F6F8 !important; background-image: linear-gradient( 90deg, #8B5CF6 0%, #C026D3 25%, #EC4899 40%, #EF4444 55%, #F97316 75%, #FF9A3D 100% ) !important; background-size: 200% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; transform: translateX(0) !important; box-shadow: none !important; animation: bbMobileActiveFlow 5s ease-in-out infinite alternate !important; } /* ===================================================== MOBILE ACTIVE HOVER ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-item > a:hover, .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-ancestor > a:hover, .elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item-active:hover { color: transparent !important; -webkit-text-fill-color: transparent !important; background-color: #EEF0F4 !important; background-image: linear-gradient( 90deg, #8B5CF6 0%, #C026D3 20%, #EC4899 35%, #EF4444 50%, #F97316 70%, #FF9A3D 100% ) !important; background-size: 300% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; transform: translateX(5px) !important; animation: bbMobileActiveFlow 2s ease-in-out infinite alternate !important; } /* ===================================================== ACTIVE COLOR FLOW ===================================================== */ @keyframes bbMobileActiveFlow { 0% { background-position: 0% 50%; } 50% { background-position: 50% 50%; } 100% { background-position: 100% 50%; } } /* ===================================================== REMOVE PSEUDO EFFECTS ===================================================== */ .elementor-nav-menu--dropdown a::before, .elementor-nav-menu--dropdown a::after { content: none !important; display: none !important; background: none !important; border: none !important; box-shadow: none !important; } /* ===================================================== SUBMENU ARROW ===================================================== */ .elementor-nav-menu--dropdown .sub-arrow { color: #0B1F3A !important; -webkit-text-fill-color: #0B1F3A !important; background: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; } /* ===================================================== REMOVE ANIMATION FROM CONTAINER ===================================================== */ .elementor-nav-menu--dropdown { filter: none !important; } /* ===================================================== MOBILE MENU WIDTH ===================================================== */ .elementor-nav-menu--dropdown .elementor-nav-menu { width: 100% !important; max-width: 100% !important; } } /* ========================================================= ACCESSIBILITY REDUCE MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { nav a, .menu a, .nav-menu a, .main-navigation a, .primary-menu a, .elementor-nav-menu a, .elementor-nav-menu--main a, .elementor-nav-menu--dropdown a { animation: none !important; transition: none !important; } }/* End custom CSS */