.elementor-kit-12{--e-global-color-primary:#A9D5EF;--e-global-color-secondary:#39B77E;--e-global-color-text:#000000;--e-global-color-accent:#E9B410;--e-global-color-054e705:#FFFFFF;--e-global-color-2c889f6:#FFFFFF00;--e-global-color-6ad436a:#A9D5EF66;--e-global-color-deb9311:#0E6FA8;--e-global-typography-primary-font-family:"Varela Round";--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Varela Round";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-95cf9ab-font-family:"Varela Round";--e-global-typography-95cf9ab-font-size:14px;--e-global-typography-95cf9ab-font-weight:600;--e-global-typography-95cf9ab-text-transform:uppercase;--e-global-typography-f0273e0-font-family:"Varela Round";--e-global-typography-f0273e0-font-size:55px;--e-global-typography-f0273e0-font-weight:700;--e-global-typography-f0273e0-text-transform:none;--e-global-typography-f0273e0-line-height:1.2em;--e-global-typography-2aff613-font-family:"Varela Round";--e-global-typography-2aff613-font-size:40px;--e-global-typography-2aff613-font-weight:700;--e-global-typography-2aff613-text-transform:none;--e-global-typography-2aff613-line-height:1.2em;--e-global-typography-96bbed9-font-family:"Montserrat";--e-global-typography-96bbed9-font-size:24px;--e-global-typography-96bbed9-font-weight:400;--e-global-typography-96bbed9-line-height:2em;--e-global-typography-7d63d95-font-family:"Varela Round";--e-global-typography-7d63d95-font-size:18px;--e-global-typography-7d63d95-font-weight:900;--e-global-typography-7d63d95-text-transform:uppercase;--e-global-typography-2319b6b-font-size:28px;--e-global-typography-2319b6b-text-transform:none;--e-global-typography-2319b6b-line-height:1.2em;--e-global-typography-d5ed290-font-family:"Varela Round";--e-global-typography-d5ed290-font-size:13px;--e-global-typography-d5ed290-font-weight:900;--e-global-typography-d5ed290-text-transform:uppercase;--e-global-typography-d5ed290-line-height:1em;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-12{--e-global-typography-95cf9ab-font-size:12px;--e-global-typography-f0273e0-font-size:45px;--e-global-typography-2aff613-font-size:30px;--e-global-typography-96bbed9-font-size:22px;--e-global-typography-7d63d95-font-size:17px;--e-global-typography-2319b6b-font-size:26px;--e-global-typography-d5ed290-font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-95cf9ab-font-size:12px;--e-global-typography-f0273e0-font-size:35px;--e-global-typography-2aff613-font-size:26px;--e-global-typography-96bbed9-font-size:18px;--e-global-typography-96bbed9-line-height:1.7em;--e-global-typography-7d63d95-font-size:16px;--e-global-typography-2319b6b-font-size:24px;--e-global-typography-d5ed290-font-size:11px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-widget-text-editor a {
    color: var(--e-global-color-text);
    border-bottom: 1px dotted var(--e-global-color-text);
    transition: 0.3s
}

.elementor-widget-text-editor a:hover {
    color: var(--e-global-color-deb9311);
    border-bottom: 1px dotted var(--e-global-color-deb9311)
}

.single-e-landing-page header,
.single-e-landing-page .page-header{
    display: none;
}

/*/////////
HEADER
////////*/
#testata {
    width: 100vw!important
}

#testata, #logo img, #logo {
    transition: 0.4s
}

#testata.elementor-sticky--effects {
    background: var(--e-global-color-primary);
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
#testata.elementor-sticky--effects #logo  {
    margin-right: 40px
}
#testata.elementor-sticky--effects #logo img{

    opacity: 0;
    width: 60px;

}

#testata.elementor-sticky--effects #logo {
    background: url(https://www.honuasurfcamp.it/wp-content/uploads/2024/02/honua-logo-clean-white.png) center center no-repeat;
    background-size:100%;
}

#testata .elementor-menu-toggle {
    padding: 10px 10px 8px 10px
}

#testata a:focus {
    color: var(--e-global-color-primary);
}

.menu-principale li a:hover .sub-arrow {
     var(--e-global-color-text);
    fill: var(--e-global-color-text);
}
/*/////////
FOOTER
////////*/
#modulonewsletter #form-field-nome {
    border-radius: 30px 0px 0px 30px
}

#modulonewsletter #form-field-email {
    border-radius: 0px 30px 30px 0px;
    border-left: none
}
/*///////
LOOP DESTINAZIONI
///////*/

.singola-destinazione .bottone-loop {
    display: block;
    height: 560px!important;
    position: absolute;
    top:0px;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
    z-index: 2;
    cursor: pointer
}

.singola-destinazione .bottone-loop span {
    display: none
}

.singola-destinazione .bottone-loop a,
.singola-destinazione .bottone-loop .elementor-button-wrapper{
    display: block;
    height: 100%;
}

.singola-destinazione .bottone-loop:hover,
.titolo-nazione-loop{
    opacity: 0
}


/*///////
DESTINAZIONI
///////*/
#la-casa .elementor-swiper-button-next,
#la-casa .elementor-swiper-button-prev,
#come-funziona .elementor-swiper-button-next,
#come-funziona .elementor-swiper-button-prev {
    background:var(--e-global-color-primary);
    border-radius: 60px;
    padding: 10px 10px 10px 10px
}

#la-casa .elementor-swiper-button-next,
#come-funziona .elementor-swiper-button-next{
    right: 20px
}
#la-casa .elementor-swiper-button-prev,
#come-funziona .elementor-swiper-button-prev {
    left: 20px
}


#surf .elementor-widget-n-carousel .e-con {
    max-width: 100%!important;
}

.lista-interna ul, .lista-interna ol {
    list-style-type: disc;
    list-style-position: inside;
    padding: 0;
    margin: 20px 0
}

.lista-interna li {
    padding-bottom:0.7em;
    margin-bottom: 0.7em;
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

.servizi li:last-child:before {
    background: var(--e-global-color-accent);
    border-radius: 100px;
    content:'in regalo';
    color: var(--e-global-color-text);
    display: inline-block;
    font-size: 0.7em;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px;
    text-transform: uppercase;

}

.prezzo sup {
    font-size: 0.3em;
    vertical-align: super
}

.standard-carousel .swiper-button-next,
.standard-carousel .swiper-button-prev {
    background: var(--e-global-color-primary);
    border-radius: 100px;
    padding: 20px 20px 20px 0px;
}

.standard-carousel .swiper-button-next.swiper-button-disabled,
.standard-carousel .swiper-button-prev.swiper-button-disabled{
    opacity: 0.5!important;
    overflow: hidden;
}

.standard-carousel svg {
    max-width: 50px;
}

.standard-carousel .swiper-button-next {
    padding: 20px 20px 20px 0px;
    transform-origin:top right;
}

.standard-carousel .swiper-button-prev {
    padding: 20px 0px 20px 20px;
    transform-origin:top left;
    left: inherit!important;
    right: 20px!important
}

.standard-carousel h3{
   font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
}

.standard-carousel p {
    font-family: var(--e-global-typography-text-font-family)
}

/*TABELLA DATE*/
.elenco-date,
.elenco-date tbody{
    border: none;
    font-size: 1em;
    width: 100%;
}

tr.elemento-date:hover td,
tr.elemento-date:nth-child(odd):hover {
    background: rgba(0,0,0,0)
}

.elenco-date tr:nth-child(odd) td{
    background: rgba(0,0,0,0)
}

.elenco-date td,
.elenco-date th {
    border:none;   
    text-align: left;
    padding:15px 0px;
    vertical-align: middle
}

.elenco-date td {
    border-bottom: 1px solid #FFF
}

.elenco-date th {
    background: transparent!important;
    border-bottom: 1px solid var(--e-global-color-deb9311);
    color: var(--e-global-color-deb9311);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    text-transform: var(--e-global-typography-primary-text-transform);
}

tr.mese td {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    text-align: left;
    padding-left: 0;
    text-transform: var(--e-global-typography-primary-text-transform);
}


.andata-ritorno {
    width: 20%;
}
.prezzo{
    width: 10%;
    
}
.posti {
    width: 15%;
}
.livello {
    width: 25%;
}
.eta-media {
    width: 10%;
}

.azione {
    text-align: right;
    width: 20%;
}

.pagina-date th,
.pagina-date td, 
.pagina-date td a {
    font-size: 0.9em
}

.pagina-date td {
    border-bottom:1px solid var( --e-global-color-6ad436a );
}

.pagina-date .destinazione {
    width: 18%;
}

.pagina-date .andata-ritorno {
    width: 15%;
}

.pagina-date .prezzo {
    width: 9%;
}

.pagina-date .posti {
    width: 12%;
}

.pagina-date .livello {
    width: 20%;
}

.pagina-date .eta-media {
    width: 12%;
}

.pagina-date .azione {
    width: 14%;
}

span.disponibile {
    font-weight: 700;
    color:var(--e-global-color-secondary);
}

span.pochi {
    font-weight: 700;
    color:#e28743;
}

span.soldout {
    font-weight: 900;
    color:#b7394e;
}

.prenota-btn ,
.waitinglist-btn {
    text-align: right;
}

.prenota-btn a,
.waitinglist-btn a,
.soldout-btn a {
   border-radius: 100px;
   font-family: var(--e-global-typography-95cf9ab-font-family), Sans-serif;
    font-size: var(--e-global-typography-95cf9ab-font-size);
    font-weight: var(--e-global-typography-95cf9ab-font-weight);
    text-transform: var(--e-global-typography-95cf9ab-text-transform);
    line-height: var(--e-global-typography-95cf9ab-line-height);
    letter-spacing: var(--e-global-typography-95cf9ab-letter-spacing);
    word-spacing: var(--e-global-typography-95cf9ab-word-spacing);
    padding: 14px 30px;
}

.prenota-btn a {
    background-color: var(--e-global-color-secondary);
}

.waitinglist-btn a {
    background-color: var(--e-global-color-primary);
}

.soldout-btn a {
    background-color: #B7394E;
}

.prenota-btn a:hover,
.waitinglist-btn a:hover,
.soldout-btn a:hover{
    background: var(--e-global-color-text)
}

/*accordion cancellazione/annullamento/extra*/
#cancella .e-n-accordion-item-title-text:before,
#annulla .e-n-accordion-item-title-text:before,
#costi .e-n-accordion-item-title-text:before {
    display: block;
    width: 40px
}

#cancella .e-n-accordion-item-title-text:before {
    content:url(https://www.honuasurfcamp.it/wp-content/uploads/2024/04/salvadanaio.svg);
}

#annulla .e-n-accordion-item-title-text:before {
    content:url(https://www.honuasurfcamp.it/wp-content/uploads/2024/04/cancellazione.svg);
}

#costi .e-n-accordion-item-title-text:before {
    content:url(https://www.honuasurfcamp.it/wp-content/uploads/2024/04/extrasoldi.svg);
}


/*FIX FORM PRENOTAZIONE*/
#form-field-selezionedate option:nth-child(2){
    display: none;
}

.form-prenotazione ::placeholder {
    color:var(--e-global-color-text);
    opacity: 1!important;
}

.form-prenotazione ::-ms-input-placeholder {
    color:var(--e-global-color-text);
    opacity: 1!important;
}

.form-prenotazione textarea {
    padding-top:20px;
}

/*////////
MENU DESTINAZIONI
////////*/
.horizontalNav {
--nav-padding: 0;
--nav-gradient-width: 40px; /* width of gradients */
--nav-gradient-color: #e9b410; /* color of gradients */
--scrollable-navigation-width: 30px;
}

.horizontalNav {
border-bottom: var(--tab-style-border);
}

.horizontalNav .elementor-nav-menu.elementor-nav-menu.elementor-nav-menu {
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
justify-content: start;
position: relative;
padding: var(--nav-padding);
}

.horizontalNav .elementor-nav-menu>.menu-item {
white-space: nowrap;
margin: var(--nav-item-margin);
}

.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item {
padding: var(--nav-item-padding);
background-color: var(--nav-item-bg-color);
border-radius: var(--nav-item-border-radius);
color: var(--nav-item-color);
font-weight: var(--nav-item-font-weight);
font-size: var(--nav-item-font-size);
}

/* styles of nav items on hover */
.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item:hover {
background-color: var(--nav-item-hover-bg-color);
color: var(--nav-item-hover-color);
}

/* styles of active nav item */
.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item.elementor-item-active {
background-color: var(--nav-item-active-bg-color);
color: var(--nav-item-active-color);
border-top: var(--tab-style-border);
border-left: var(--tab-style-border);
border-right: var(--tab-style-border);
}

/* SVG arrows */
.horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button {
background: none;
outline: none;
border: none;
padding: 0;
margin: 0;
}

.horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button:focus-visible {
outline: auto;
}

.horizontalNav .scrollable-navigation {
position: absolute;
height: 100%;
left: 0;
width: var(--scrollable-navigation-width);
display: grid;
place-content: center;
z-index: 7;
}

.horizontalNav .scrollable-navigation-right {
left: initial;
right: 0;
}

.horizontalNav .scrollable-navigation svg {
width: var(--scrollable-navigation-width);
height: var(--scrollable-navigation-width);
}

.horizontalNav .scrollable-navigation-right svg {
transform: rotate(180deg);
}

.horizontalNav .elementor-nav-menu__container:not(.show-right-mask) .scrollable-navigation-right,
.horizontalNav .elementor-nav-menu__container:not(.show-left-mask) .scrollable-navigation-left {
opacity: 0.4;
pointer-events: none;
}

/* hide the svg arrows from 800px viewport and up, adjust as you need */
@media (min-width: 800px) {
.horizontalNav .scrl-button {
display: none;
}
}

/* END OF SVG arrows */

/* gradients on each side when it is possible to scroll more */
.horizontalNav .elementor-nav-menu__container {
position: relative;
}

.horizontalNav .elementor-nav-menu__container::before,
.horizontalNav .elementor-nav-menu__container::after {
content: "";
position: absolute;
width: var(--nav-gradient-width);
top: 0;
bottom: 0;
transform: scaleX(0);
background: linear-gradient(to right, var(--nav-gradient-color), transparent);
transition: transform 0.4s ease-in-out;
z-index: 4;
pointer-events: none;
}

.horizontalNav .elementor-nav-menu__container::before {
left: -2px;
transform-origin: 0 50%;
}

.horizontalNav .elementor-nav-menu__container::after {
right: -2px;
transform-origin: 100% 50%;
background: linear-gradient(to left, var(--nav-gradient-color), transparent);
}

.horizontalNav .elementor-nav-menu__container.show-left-mask::before,
.horizontalNav .elementor-nav-menu__container.show-right-mask::after {
transform: scaleX(1);
}

/* END OF gradients on each side when it is possible to scroll more */

/* remove the scroll bar */
.horizontalNav .elementor-nav-menu::-webkit-scrollbar {
display: none;
}

/* screen reader only styles */
.sr-only {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}


.blocco-faq .heading {
    border-radius: 15px!important;
}

.blocco-faq .icon svg,
.blocco-faq .icon-active svg{
    width:10px;
}

/*/////////
COOKIE SOLUTION
////////*/
.cky-consent-container .cky-consent-bar {
    border-radius: 30px!important
}

.cky-btn {
    border-radius: 100px!important
}

.cky-title,
.cky-preference-title,
.cky-accordion-btn,
.cky-btn {
    font-family: var(--e-global-typography-f0273e0-font-family), Sans-serif!important;
}

/*///////
MOBILE 
///////*/
@media (max-width:1024px){
    /*TABELLA DATE*/
    .elenco-date td,
    .elenco-date th {
        font-size:0.8em;
        padding:10px 0;
    }
    
    .elenco-date thead{
        display:none
        
    }
    .elenco-date,
    .elenco-date tbody,
    .elenco-date tr,
    .elenco-date td{
        display:block;
        width:100%
        
    }
    .elenco-date tr{
        margin-bottom:4px
    }
    
    .elenco-date .mese {
       text-align:left!important;
    }
    .elenco-date td {
        padding-left:40%;
        text-align:left;
        position:relative
    }
    
    .elenco-date td.casella-prenota {
        padding-left:0%;
    }
    
    .elenco-date tr {
        border-bottom: 1px solid var(--e-global-color-deb9311);
    }

    .elenco-date td::before{
        content:attr(data-label);
        position:absolute;
        left:0;
        width:40%;
        font-weight:bold;
        text-align:left;
        
        color: var(--e-global-color-deb9311);
        font-family: var(--e-global-typography-primary-font-family), Sans-serif;
        font-weight: var(--e-global-typography-primary-font-weight);
        text-transform: var(--e-global-typography-primary-text-transform);
    }
    
    .elenco-date td.casella-prenota::before,
    .elenco-date td:last-child:before {
        display:none;
    } 
    
    
    .elenco-date .prenota-btn {
        text-align:left;
    }
}


@media (max-width:767px) {
    .menu-principale .e-n-menu-wrapper{
        background:#FFF!important;
        border-radius:0  0 15px 15px!important;
    }
    
    .standard-carousel .swiper-button-next {
        padding: 20px 20px 20px 0px;
        transform-origin:top right;
    }
    
    .standard-carousel .swiper-button-prev,
    .standard-carousel .swiper-button-next {
        top: -10px!important
    }
    
    
    #testata .elementor-nav-menu--dropdown {
        background:rgba(255,255,255,0);
        padding:0 20px;
    }
    
    #testata .elementor-nav-menu--dropdown ul {
        background:#FFF;
        border-radius:15px;
    }
    
    #testata .sub-menu {
        border-radius:0!important;
    }
    
    #testata .elementor-nav-menu--dropdown.sub-menu a{
        border-left:1px solid var(--e-global-color-text);
        border-radius:0
    }
    
    .servizi li:last-child:before {
        display: block;
        clear:both;
        font-size: 0.7em;
        font-weight: bold;
        margin: 0 auto 5px auto;
        width:110px;
    }
    
    /*TABELLA DATE*/
    .elenco-date .prenota-btn a {
        width:100%;
    }
    
    /*MODULO NEWSLETTER*/
    #modulonewsletter #form-field-nome, 
    #modulonewsletter #form-field-email {
        border-radius: 30px
    }
    
    .colonna-immagine {
        flex-wrap:nowrap!important
    }

}/* End custom CSS */