.elementor-114 .elementor-element.elementor-element-54574be8{--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;--margin-top:0px;--margin-bottom:-75px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:100;}.elementor-114 .elementor-element.elementor-element-1534545a{--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;}.elementor-114 .elementor-element.elementor-element-3b71dc14{--display:flex;--justify-content:center;--flex-wrap:nowrap;}.elementor-114 .elementor-element.elementor-element-7139eb54{text-align:start;}.elementor-114 .elementor-element.elementor-element-7139eb54 img{max-width:180px;}.elementor-114 .elementor-element.elementor-element-279318a8{--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:center;--align-items:center;--flex-wrap:nowrap;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li > a{background-color:var( --e-global-color-1470e07 );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 );padding:10px 20px 10px 5px;color:var( --e-global-color-secondary );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel{background-color:var( --e-global-color-16576eb );border-style:none;border-radius:10px 10px 10px 10px;min-width:270px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger{background-color:var( --e-global-color-16576eb );float:right;border-style:none;}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger:hover{background-color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-close{background-color:var( --e-global-color-46f0d80 );border-style:none;color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-close:hover{background-color:var( --e-global-color-16576eb );color:var( --e-global-color-e19ee96 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-menu-container{height:30px;border-radius:0px 0px 0px 0px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a{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 );color:var( --e-global-color-accent );padding:0px 40px 0px 0px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:hover{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:focus{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:active{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li:hover > a{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li.current-menu-item > a{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li.current-menu-ancestor > a{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:var( --e-global-color-9597357 );fill:var( --e-global-color-9597357 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:var( --e-global-color-9597357 );fill:var( --e-global-color-9597357 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:var( --e-global-color-46f0d80 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:var( --e-global-color-46f0d80 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:var( --e-global-color-46f0d80 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:var( --e-global-color-46f0d80 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:var( --e-global-color-46f0d80 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-submenu-panel{padding:10px 0px 10px 0px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-accent );}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger > .ekit-menu-icon{color:var( --e-global-color-accent );}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-e19ee96 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:var( --e-global-color-e19ee96 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-nav-logo{margin:30px 0px 0px 0px;}.elementor-114 .elementor-element.elementor-element-3afe91b6{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-16576eb );--border-color:var( --e-global-color-16576eb );--border-radius:100px 100px 100px 100px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-114 .elementor-element.elementor-element-3afe91b6:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-3afe91b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46f0d80 );}.elementor-114 .elementor-element.elementor-element-3afe91b6.e-con:hover{--e-con-transform-scale:0.95;}.elementor-114 .elementor-element.elementor-element-6fb40026{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-6fb40026.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-114 .elementor-element.elementor-element-2ec0f54 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-114 .elementor-element.elementor-element-2ec0f54{text-align:center;}.elementor-114 .elementor-element.elementor-element-2ec0f54 .elementor-heading-title{color:var( --e-global-color-9597357 );}.elementor-114 .elementor-element.elementor-element-6244d20d{--display:flex;--min-height:20px;--justify-content:center;--border-radius:100px 100px 100px 100px;}.elementor-114 .elementor-element.elementor-element-6244d20d:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-6244d20d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-6244d20d.e-con{--e-con-transform-rotateZ:0deg;--flex-grow:0;--flex-shrink:1;}.elementor-114 .elementor-element.elementor-element-6244d20d.e-con:hover{--e-con-transform-rotateZ:45deg;}.elementor-114 .elementor-element.elementor-element-58e08789 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-114 .elementor-element.elementor-element-58e08789 img{width:25px;}.elementor-114 .elementor-element.elementor-element-92f191f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-114 .elementor-element.elementor-element-7d1e7ce{width:var( --container-widget-width, 90px );max-width:90px;--container-widget-width:90px;--container-widget-flex-grow:0;bottom:0px;}.elementor-114 .elementor-element.elementor-element-7d1e7ce > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-114 .elementor-element.elementor-element-7d1e7ce > .elementor-widget-container{background-color:var( --e-global-color-46f0d80 );margin:15px 15px 15px 15px;padding:13px 0px 8px 0px;border-radius:50% 50% 50% 50%;}.elementor-114 .elementor-element.elementor-element-7d1e7ce.elementor-element{--order:99999 /* order end hack */;}body:not(.rtl) .elementor-114 .elementor-element.elementor-element-7d1e7ce{right:0px;}body.rtl .elementor-114 .elementor-element.elementor-element-7d1e7ce{left:0px;}.elementor-114 .elementor-element.elementor-element-7d1e7ce .elementor-icon-wrapper{text-align:center;}.elementor-114 .elementor-element.elementor-element-7d1e7ce.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-7d1e7ce.elementor-view-framed .elementor-icon, .elementor-114 .elementor-element.elementor-element-7d1e7ce.elementor-view-default .elementor-icon{color:var( --e-global-color-16576eb );border-color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-7d1e7ce.elementor-view-framed .elementor-icon, .elementor-114 .elementor-element.elementor-element-7d1e7ce.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-7d1e7ce .elementor-icon{font-size:32px;}.elementor-114 .elementor-element.elementor-element-7d1e7ce .elementor-icon svg{height:32px;}.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-114 .elementor-element.elementor-element-3b71dc14{--width:15%;}.elementor-114 .elementor-element.elementor-element-279318a8{--width:70%;}.elementor-114 .elementor-element.elementor-element-3afe91b6{--width:15%;}.elementor-114 .elementor-element.elementor-element-6fb40026{--width:120px;}.elementor-114 .elementor-element.elementor-element-6244d20d{--width:40px;}}@media(max-width:1024px) and (min-width:768px){.elementor-114 .elementor-element.elementor-element-3b71dc14{--width:30%;}.elementor-114 .elementor-element.elementor-element-3afe91b6{--width:53%;}.elementor-114 .elementor-element.elementor-element-6fb40026{--width:150px;}.elementor-114 .elementor-element.elementor-element-6244d20d{--width:50px;}}@media(max-width:1024px){.elementor-114 .elementor-element.elementor-element-1534545a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-114 .elementor-element.elementor-element-279318a8{--flex-direction:row-reverse;--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-reverse;--justify-content:flex-start;--align-items:center;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-menu-container{background-color:var( --e-global-color-e19ee96 );max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-accent );padding:10px 15px 10px 15px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:hover{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:focus{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:active{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li:hover > a{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:var( --e-global-color-bdf0fa1 );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li.current-menu-item > a{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li.current-menu-ancestor > a{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:var( --e-global-color-16576eb );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );padding:15px 15px 15px 15px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-hamburger{padding:15px 10px 15px 10px;width:45px;border-radius:10px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f button.elementskit-menu-close{padding:10px 0px 10px 0px;margin:5px 15px 0px 0px;width:45px;border-radius:10px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-nav-logo > img{max-width:135px;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-nav-logo{margin:5px 0px 0px 20px;}.elementor-114 .elementor-element.elementor-element-6244d20d{--min-height:50px;}}@media(max-width:767px){.elementor-114 .elementor-element.elementor-element-3b71dc14{--width:50%;}.elementor-114 .elementor-element.elementor-element-279318a8{--width:43%;}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-114 .elementor-element.elementor-element-3e43aa7f .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-114 .elementor-element.elementor-element-3afe91b6{--width:70%;}.elementor-114 .elementor-element.elementor-element-6fb40026{--width:150px;}.elementor-114 .elementor-element.elementor-element-6244d20d{--width:50px;--min-height:50px;}}/* Start custom CSS *//*
 * 1. Initial Header State (pre-scroll)
 * Targets both outer and inner containers to force transparency.
*/
.teo-header, .teo-header > .e-con-inner {
    background-color: transparent !important;
    transition: background-color 0.4s ease;
}

/*
 * 2. Scrolled Header State (all devices)
 * Defines the opaque background and shadow that appears on scroll.
*/
.teo-header.elementor-sticky--effects {
    background-color: rgb(255, 255, 255) !important;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(219, 219, 219, 0.82);
    -moz-box-shadow: 0px 0px 9px 0px rgba(219, 219, 219, 0.82);
    box-shadow: 0px 0px 9px 0px rgba(219, 219, 219, 0.82);
}

/*
 * 3. Default Logo Overlay (all devices)
 * Creates the white, shape-conforming overlay on the logo.
*/
.teo-logo {
    position: relative;
}

@media (min-width: 1025px) {
    .teo-logo::before {
        left: -7px !important; /* Your custom offset */
    }
}

.teo-logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: -3px; /* Your custom offset */
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-mask-image: url('https://ht-marina.ro/wp-content/uploads/2025/12/HT-Marina-alb-2x-tr.png');
    mask-image: url('https://ht-marina.ro/wp-content/uploads/2025/12/HT-Marina-alb-2x-tr.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

/*
 * 4. Scrolled State for Logo (all devices)
 * Hides the logo's white overlay on scroll.
*/
.elementor-sticky--effects .teo-logo::before {
    opacity: 0;
}

/*
 * 5. Scrolled State for Menu & Search (Desktop Only)
*/

    /* Add smooth transitions to all interactive elements */
    .teo-menu a.ekit-menu-nav-link,
    .teo-menu i.elementskit-submenu-indicator,
    .ekit_navsearch-button,
    .ekit_search-button {
        transition: color 0.3s ease, fill 0.3s ease;
    }

    /* UPDATED: Normal color for menu, chevron, and search on scroll */
    .elementor-sticky--effects .teo-menu a.ekit-menu-nav-link,
    .elementor-sticky--effects .teo-menu i.elementskit-submenu-indicator,
    .elementor-sticky--effects .ekit_navsearch-button,
    .elementor-sticky--effects .ekit_search-button {
        color: #10A8B9 !important;
        fill: #10A8B9 !important;
    }

    /* UPDATED: Hover & ACTIVE color for menu, chevron, and search on scroll */
    .elementor-sticky--effects .teo-menu a.ekit-menu-nav-link:hover,
    .elementor-sticky--effects .teo-menu i.elementskit-submenu-indicator:hover,
    .elementor-sticky--effects .ekit_navsearch-button:hover,
    .elementor-sticky--effects .ekit_search-button:hover,
    .elementor-sticky--effects .teo-menu li.current-menu-item > a.ekit-menu-nav-link,
    .elementor-sticky--effects .teo-menu li.current-menu-ancestor > a.ekit-menu-nav-link,
    .elementor-sticky--effects .teo-menu li.current-menu-item > a > i.elementskit-submenu-indicator,
    .elementor-sticky--effects .teo-menu li.current-menu-ancestor > a > i.elementskit-submenu-indicator {
        color: #21355C !important;
        fill: #21355C !important;
    }/* End custom CSS */