.elementor-155 .elementor-element.elementor-element-677aa42{--display:flex;}.elementor-155 .elementor-element.elementor-element-817f551{--display:flex;}.elementor-155 .elementor-element.elementor-element-728a952{--display:flex;}.elementor-widget-image .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-155 .elementor-element.elementor-element-ae72d1e{--display:flex;}.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-155 .elementor-element.elementor-element-4507544 .elementor-menu-toggle{margin:0 auto;}.elementor-155 .elementor-element.elementor-element-09436f2{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-677aa42 *//* ==========================================================
   TROPEA SNORKELING TOUR
   HEADER DEFINITIVO
   Logo più grande + header più compatto
   ========================================================== */


/* ==========================================================
   HEADER ESTERNO
   ========================================================== */

.elementor-155 .elementor-element.elementor-element-677aa42{
    width:100% !important;
    max-width:none !important;

    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;

    z-index:99999 !important;

    margin:0 !important;
    padding:0 !important;

    min-height:68px !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,24,42,.38) 0%,
            rgba(5,31,52,.27) 45%,
            rgba(7,38,63,.15) 100%
        ) !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;

    border-radius:0 !important;

    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;

    box-shadow:none !important;

    overflow:visible !important;

    transition:
        background .3s ease,
        backdrop-filter .3s ease,
        box-shadow .3s ease !important;
}


/* ==========================================================
   HEADER QUANDO SCORRI
   ========================================================== */

.elementor-155 .elementor-element.elementor-element-677aa42.elementor-sticky--effects{
    background:
        linear-gradient(
            90deg,
            rgba(4,24,42,.78) 0%,
            rgba(5,31,52,.70) 55%,
            rgba(7,38,63,.62) 100%
        ) !important;

    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;

    box-shadow:
        0 8px 28px rgba(0,0,0,.10) !important;
}


/* ==========================================================
   INNER
   ========================================================== */

.header-inner{
    width:calc(100% - 80px) !important;
    max-width:1360px !important;

    height:68px !important;
    min-height:68px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:30px !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    overflow:visible !important;

    position:relative !important;
}


/* Elementor V4 eventuale wrapper */

.header-inner > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    height:100% !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:30px !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


/* ==========================================================
   LOGO
   ========================================================== */

.header-logo{
    flex:0 0 185px !important;

    width:185px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    background:transparent !important;

    border:0 !important;
    box-shadow:none !important;
}


.header-logo .elementor-widget-image,
.header-logo .elementor-widget-container{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


.header-logo img{
    display:block !important;

    width:175px !important;
    max-width:175px !important;

    height:auto !important;
    max-height:60px !important;

    object-fit:contain !important;
    object-position:left center !important;
}


/* ==========================================================
   MENU DESKTOP
   ========================================================== */

.header-menu{
    flex:1 1 auto !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;

    border:0 !important;
    box-shadow:none !important;

    position:static !important;
}


.header-menu .elementor-widget-nav-menu,
.header-menu .elementor-widget-container{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    position:static !important;

    background:transparent !important;
}


.header-menu .elementor-nav-menu--main{
    width:auto !important;
}


.header-menu .elementor-nav-menu--main .elementor-nav-menu{
    display:flex !important;

    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:center !important;

    gap:29px !important;
}


/* VOCI MENU */

.header-menu .elementor-nav-menu--main .elementor-item{
    position:relative !important;

    margin:0 !important;

    padding:25px 0 23px !important;

    background:transparent !important;

    font-family:"Manrope",sans-serif !important;

    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;

    color:rgba(255,255,255,.94) !important;

    white-space:nowrap !important;

    transition:color .22s ease !important;
}


.header-menu .elementor-nav-menu--main .elementor-item::before{
    display:none !important;
}


/* LINEA AZZURRA */

.header-menu .elementor-nav-menu--main .elementor-item::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    left:50% !important;
    bottom:15px !important;

    width:0 !important;
    height:3px !important;

    transform:translateX(-50%) !important;

    background:#72D8F7 !important;

    border:0 !important;
    border-radius:10px !important;

    opacity:1 !important;

    transition:width .22s ease !important;
}


.header-menu .elementor-nav-menu--main .elementor-item:hover,
.header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.header-menu .elementor-nav-menu--main .current-menu-item > .elementor-item{
    color:#FFFFFF !important;
}


.header-menu .elementor-nav-menu--main .elementor-item:hover::after,
.header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.header-menu .elementor-nav-menu--main .current-menu-item > .elementor-item::after{
    width:100% !important;
}


/* ==========================================================
   PRENOTA ORA
   ========================================================== */

.header-actions{
    flex:0 0 auto !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    background:transparent !important;

    border:0 !important;
    box-shadow:none !important;
}


.header-actions .header-cta,
.header-actions .elementor-widget-button{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}


.header-actions .header-cta .elementor-button,
.header-actions .elementor-button{
    min-width:150px !important;
    min-height:44px !important;

    padding:0 23px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:#FFFFFF !important;

    color:#071C33 !important;

    border:1px solid rgba(255,255,255,.88) !important;
    border-radius:999px !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.07) !important;

    font-family:"Manrope",sans-serif !important;

    font-size:13px !important;
    font-weight:700 !important;

    line-height:1 !important;

    white-space:nowrap !important;

    transition:
        transform .22s ease,
        background-color .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}


@media (hover:hover){

    .header-actions .header-cta .elementor-button:hover,
    .header-actions .elementor-button:hover{
        transform:translateY(-2px) !important;

        background:#72D8F7 !important;

        border-color:#72D8F7 !important;

        color:#071C33 !important;

        box-shadow:
            0 9px 24px rgba(114,216,247,.22) !important;
    }

}


/* ==========================================================
   LINGUA NASCOSTA FINO A WPML
   ========================================================== */

.header-language{
    display:none !important;
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width:1025px){

    .header-menu .elementor-menu-toggle{
        display:none !important;
    }


    .header-menu .elementor-nav-menu--dropdown{
        display:none !important;
    }

}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (max-width:1366px) and (min-width:1025px){

    .elementor-155 .elementor-element.elementor-element-677aa42{
        min-height:66px !important;
    }


    .header-inner{
        width:calc(100% - 56px) !important;

        height:66px !important;
        min-height:66px !important;

        gap:22px !important;
    }


    .header-logo{
        flex-basis:165px !important;
        width:165px !important;
    }


    .header-logo img{
        width:158px !important;
        max-width:158px !important;

        max-height:57px !important;
    }


    .header-menu .elementor-nav-menu--main .elementor-nav-menu{
        gap:20px !important;
    }


    .header-menu .elementor-nav-menu--main .elementor-item{
        font-size:12px !important;

        padding-top:24px !important;
        padding-bottom:22px !important;
    }


    .header-menu .elementor-nav-menu--main .elementor-item::after{
        bottom:14px !important;
    }


    .header-actions .header-cta .elementor-button,
    .header-actions .elementor-button{
        min-width:138px !important;

        padding:0 19px !important;

        font-size:12px !important;
    }

}


/* ==========================================================
   TABLET EXTRA
   ========================================================== */

@media (max-width:1200px) and (min-width:1025px){

    .header-inner{
        width:calc(100% - 42px) !important;

        gap:15px !important;
    }


    .header-logo{
        flex-basis:150px !important;
        width:150px !important;
    }


    .header-logo img{
        width:145px !important;
        max-width:145px !important;
    }


    .header-menu .elementor-nav-menu--main .elementor-nav-menu{
        gap:13px !important;
    }


    .header-menu .elementor-nav-menu--main .elementor-item{
        font-size:11px !important;
    }


    .header-actions .header-cta .elementor-button,
    .header-actions .elementor-button{
        min-width:125px !important;

        padding:0 15px !important;

        font-size:11.5px !important;
    }

}


/* ==========================================================
   TABLET + MOBILE
   LOGO | PRENOTA | BURGER
   ========================================================== */

@media (max-width:1024px){

    .elementor-155 .elementor-element.elementor-element-677aa42{
        min-height:58px !important;

        background:
            linear-gradient(
                90deg,
                rgba(4,24,42,.43) 0%,
                rgba(5,31,52,.30) 58%,
                rgba(7,38,63,.18) 100%
            ) !important;

        backdrop-filter:blur(5px) !important;
        -webkit-backdrop-filter:blur(5px) !important;

        border-bottom:1px solid rgba(255,255,255,.05) !important;
    }


    .elementor-155 .elementor-element.elementor-element-677aa42.elementor-sticky--effects{
        background:rgba(4,24,42,.78) !important;

        backdrop-filter:blur(10px) !important;
        -webkit-backdrop-filter:blur(10px) !important;
    }


    .header-inner{
        width:calc(100% - 24px) !important;
        max-width:none !important;

        height:58px !important;
        min-height:58px !important;

        gap:8px !important;
    }


    .header-inner > .e-con-inner{
        gap:8px !important;
    }


    /* LOGO */

    .header-logo{
        order:1 !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;
    }


    .header-logo img{
        width:122px !important;
        max-width:122px !important;

        max-height:46px !important;
    }


    /* CTA */

    .header-actions{
        order:2 !important;

        flex:0 0 auto !important;

        width:auto !important;

        margin-left:auto !important;
    }


    .header-actions .header-cta .elementor-button,
    .header-actions .elementor-button{
        min-width:0 !important;
        min-height:37px !important;

        padding:0 14px !important;

        background:#FFFFFF !important;

        color:#071C33 !important;

        border:0 !important;

        font-size:10.5px !important;

        box-shadow:none !important;
    }


    /* MENU */

    .header-menu{
        order:3 !important;

        flex:0 0 auto !important;

        width:auto !important;

        margin:0 !important;
        padding:0 !important;

        position:static !important;
    }


    .header-menu .elementor-widget-nav-menu,
    .header-menu .elementor-widget-container{
        width:auto !important;

        margin:0 !important;
        padding:0 !important;

        position:static !important;

        background:transparent !important;
    }


    .header-menu .elementor-nav-menu--main{
        display:none !important;
    }


    /* ======================================================
       HAMBURGER
       ====================================================== */

    .header-menu .elementor-menu-toggle{
        width:36px !important;
        height:36px !important;

        min-width:36px !important;
        min-height:36px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;

        color:#FFFFFF !important;

        font-size:21px !important;
    }


    .header-menu .elementor-menu-toggle svg{
        fill:#FFFFFF !important;
    }


    .header-menu .elementor-menu-toggle i{
        color:#FFFFFF !important;
    }


    .header-menu .elementor-menu-toggle:hover,
    .header-menu .elementor-menu-toggle.elementor-active{
        background:transparent !important;

        color:#72D8F7 !important;
    }


    .header-menu .elementor-menu-toggle.elementor-active svg{
        fill:#72D8F7 !important;
    }


    /* ======================================================
       DROPDOWN CHIUSO
       ====================================================== */

    .header-menu .elementor-nav-menu--dropdown[aria-hidden="true"]{
        display:none !important;

        width:0 !important;
        height:0 !important;

        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        background:transparent !important;

        box-shadow:none !important;

        overflow:hidden !important;
    }


    /* ======================================================
       DROPDOWN APERTO
       ====================================================== */

    .header-menu .elementor-nav-menu--dropdown[aria-hidden="false"]{
        display:block !important;

        position:absolute !important;

        top:100% !important;

        left:50% !important;
        right:auto !important;

        width:calc(100vw - 20px) !important;
        height:auto !important;

        transform:translateX(-50%) !important;

        margin:0 !important;
        padding:8px !important;

        border:1px solid rgba(255,255,255,.08) !important;

        border-radius:0 0 14px 14px !important;

        background:rgba(4,24,42,.94) !important;

        backdrop-filter:blur(14px) !important;
        -webkit-backdrop-filter:blur(14px) !important;

        box-shadow:
            0 15px 35px rgba(0,0,0,.17) !important;

        overflow:hidden !important;

        z-index:999999 !important;
    }


    .header-menu .elementor-nav-menu--dropdown .elementor-nav-menu{
        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
    }


    .header-menu .elementor-nav-menu--dropdown .elementor-item{
        width:100% !important;

        margin:0 !important;

        padding:13px 14px !important;

        border:0 !important;
        border-radius:8px !important;

        background:transparent !important;

        font-family:"Manrope",sans-serif !important;

        font-size:14px !important;
        font-weight:600 !important;

        line-height:1.25 !important;

        color:rgba(255,255,255,.94) !important;
    }


    .header-menu .elementor-nav-menu--dropdown .elementor-item::before,
    .header-menu .elementor-nav-menu--dropdown .elementor-item::after{
        display:none !important;
    }


    .header-menu .elementor-nav-menu--dropdown .elementor-item:hover,
    .header-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
    .header-menu .elementor-nav-menu--dropdown .current-menu-item > .elementor-item{
        background:rgba(114,216,247,.08) !important;

        color:#72D8F7 !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px){

    .elementor-155 .elementor-element.elementor-element-677aa42{
        min-height:56px !important;
    }


    .header-inner{
        width:calc(100% - 20px) !important;

        height:56px !important;
        min-height:56px !important;

        gap:7px !important;
    }


    .header-logo img{
        width:122px !important;
        max-width:122px !important;

        max-height:46px !important;
    }


    .header-actions .header-cta .elementor-button,
    .header-actions .elementor-button{
        min-height:35px !important;

        padding:0 12px !important;

        font-size:10px !important;
    }


    .header-menu .elementor-menu-toggle{
        width:34px !important;
        height:34px !important;

        min-width:34px !important;
        min-height:34px !important;

        font-size:20px !important;
    }

}


/* ==========================================================
   TELEFONI PICCOLI
   ========================================================== */

@media (max-width:390px){

    .header-logo img{
        width:112px !important;
        max-width:112px !important;
    }


    .header-actions .header-cta .elementor-button,
    .header-actions .elementor-button{
        min-height:34px !important;

        padding:0 10px !important;

        font-size:9.5px !important;
    }


    .header-menu .elementor-menu-toggle{
        width:32px !important;
        height:32px !important;

        min-width:32px !important;
        min-height:32px !important;
    }

}


/* ==========================================================
   WORDPRESS ADMIN BAR
   ========================================================== */

body.admin-bar .elementor-155 .elementor-element.elementor-element-677aa42{
    top:32px !important;
}


@media (max-width:782px){

    body.admin-bar .elementor-155 .elementor-element.elementor-element-677aa42{
        top:46px !important;
    }

}/* End custom CSS */