@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Nunito:300,400,600,700,800");
a.card{display:block}
body{font-family:poppins,sans-serif,serif;width:100%}
a{text-decoration:none}
.titolo{font-family:poppins,sans-serif,serif;font-weight:500}
.sottotitolo{font-family:poppins,sans-serif,serif;font-weight:500}
.lead, 
.custom-edit-content p,
.custom-edit-content li{font-size: 1.25rem;font-weight: 300 !important;color:#484848;font-family:poppins,sans-serif,serif}

/* custom edit styles */
.custom-edit-content li{margin-bottom:16px}
.custom-edit-content strong, .custom-edit-content b{font-weight:400}
.custom-edit-content .light-bold{font-weight: 400 !important;}

.sottotitolo-generico{font-size:1.5em;}
.layer-scuro{position:absolute;top:0;left:0;width:100%;bottom:0;background:rgba(0,0,0,.1)}
.scuro-deep{background:rgba(0,0,0,.29)}
.background-grey {background-color: #f7f9fb!important;}
.width-bloccata{max-width:1140px;margin:auto;padding:0 30px;}
.ombratesto {text-shadow: 0px 0px 10px #000;}
.width-100{width:100%;}
.bluette-boschetto-text{color:#0A68CB}
.bluette-boschetto-bg{background:#0A68CB}
.verde-boschetto-bg{background:rgba(0, 157, 79,1)}
.tasto-link.bluette-boschetto-bg{color:#fff;}
.tasto-link.bluette-boschetto-bg:hover{opacity:.9}
.tasto-link{border:none}
.tasto-link.bluette-boschetto-bg:focus{outline:3px solid orange!important}
.verde-boschetto-text{color:rgba(0, 157, 79,1)!important}
.blue-boschetto-text{color:#1F88C9!important}
.fill-area{position:absolute;top:0;left:0;right:0;bottom:0;width:100%}
.mb-16{margin-bottom:16px;}
.bold{font-weight:bold!important;}
.light-bold{font-weight:400 !important}
.hover-opacity:hover{opacity:.8}
.hover-verde-boschetto:hover{color:rgba(0, 157, 79,1)!important}
.hover-decoration-underline:hover{text-decoration:underline!important}
.aiuto-ux-link{font-family:Poppins,sans-serif,serif;font-weight:400;color:#686868;font-style:italic;font-size:16px;margin-top:16px;}
.la-check{color: rgba(146, 192, 60,.8);font-size: 32px;}
.trigger-layer{cursor:pointer}
.layer{border-right:1px solid #ccc!important;position:fixed;top:0px;left:0;width:100%;bottom:0;background:#fff;z-index:4;padding:32px 30px;transform:translateX(-100%);transition:transform .4s ease}
.layer.open{transform:translateX(0%);}
.close-layer{cursor:pointer}
.italic{font-style:italic}
.font-size-16{font-size:16px!important;}
.no-margin-y{margin-top:0!important;margin-bottom:0!important}
.pointer{cursor:pointer}
.underline{text-decoration:underline}
.uppercase-text,.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}

.card,.block{display:block!important;}

/* layer menu mobile */
#menu-mobile{background:#fff;position:fixed;top:80px;left:0;bottom:0;width:100%;z-index:5;transition:transform .3s ease, opacity .5s ease;overflow:auto}
#menu-mobile.closed{transform:translateY(calc(-100% - 80px));opacity:0}
#menu-mobile.open{transform:translateY(0);opacity:1}



/* menu icon */
.lines, .lines:before, .lines:after {background:#000}
.lines {display: inline-block;height: 3px;width: 30px;border-radius: 4px;transition: .3s;position: relative;top: -4px;transform-origin: center;}
.lines::before, .lines::after {display: inline-block;height: 3px;width: 30px;border-radius: 4px;transition: .3s;content: '';position: absolute;left: 0;transform-origin: center;width: 100%;}
.lines::before {top: 9px;}
.lines::after {top: -9px;}
.lines-x{transform:rotate(45deg)}
.lines-x::before{transform:rotate(90deg);top:0}
.lines-x::after{display:none}

/* booking */
#container-booking{width:100%;background:rgb(10, 104, 203);z-index:3;}
#container-booking-inner {display: none;width: 100%;text-align: center;top: 110px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);background: rgba(255,255,255,.3);height: calc(100vh - 110px);}

#layer-booking-generale {background: rgba(255,255,255,.8);position: fixed;top: 0;left: 0;width: 100%;bottom: 0;transition: transform .5s ease;transform: translateY(-100%);z-index: 5;padding:32px;}
#layer-booking-generale {height: 100%;overflow: auto;background: #CCEBDC}
#layer-booking-generale.open{transform:translateY(0);}



#modulo-prenota-generale .btn-invia {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    min-width: 150px;
    width: 100%;
    background: rgba(0, 157, 79,1);
    padding-left: 16px;
    padding-right: 16px;
    outline:none;
}
#layer-booking-generale #btn-chiudi-booking {padding: 16px 0;text-align: center;cursor: pointer;color: #484848;margin:0 auto;width:calc(100% - 32px);white-space: normal;}
#layer-booking-generale-inner{max-width:900px;margin:auto}
#layer-booking-generale .btn-invia{padding-top:16px;padding-bottom:16px;}
.content-page {padding: 48px 0;}
.sottotitolo-principale{font-size:24px;font-weight: 400;line-height: 24px;margin-top: 16px;color:#fff;}
.titolo-principale{font-size: 36px;margin-bottom:60px;line-height: 44px;position:relative;color: #686868;}
.titolo-principale:before{content: "";position: absolute;height: 1px;width: 100px;background-color: #686868;bottom: -30px;left: 0;right: 0;}
.spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid rgba(0, 157, 79,1); /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
    display: inline-block;
}
.spinner-red {border-top: 16px solid rgb(244, 67, 54)!important;}
.item-input{color:#484848;}
.item-input span {font-weight: 500}
.w3-check input {width: 24px;height: 24px;position: relative;top: 6px;margin-right: 8px}
.w3-check label {font-size: 12px;}
.tasto-link{cursor:pointer;color: #484848;padding: 8px 16px;display: inline-block;min-width:100px;}
.tasto-link .arrow-right-icon{transition:transform .4s ease;display:inline-block;}
.tasto-link:hover .arrow-right-icon{transform:translateX(4px)}
.titolo-sezione{font-size: 40px;margin-bottom:60px;line-height: 44px;position:relative;color: #686868;}
.titolo-sezione:before{content: "";position: absolute;height: 2px;width: 100px;background-color: #686868;bottom: -30px;left: 0;right: 0;}

.owl-prev,.owl-next{outline:none;}
.owl-nav{display:none!important}
.owl-prev, .owl-next{position:absolute;top:50%;}
.owl-prev{left:0;transform:translate(-110%,-50%)}
.owl-next{right:0;transform:translate(110%,-50%)}
.owl-nav.disabled{display:none!important}

#sezione-partners{padding:30px;padding-bottom:120px}
#sezione-partners .nav-container{display:flex;gap:8px;place-content:center;margin-top:32px;}
#sezione-partners .nav-container .nav-prev,
#sezione-partners .nav-container .nav-next{background:none;border:1px solid #0A68CB}
.cc_dialog.simple {bottom: 0;right: auto!important;left:0!important;border-radius: 4px;}

@media(min-width:500px) {
    .lead,
    .custom-edit-content p,
    .custom-edit-content li{font-size: 1.35714286em;line-height: 1.68421053em;}
    .sottotitolo-generico{font-size:1.8em}
    .width-bloccata{padding:0 64px;}
    #modulo-prenota-generale .eta-input{width:16.66%}
    .owl-nav{display:block!important}
    #sezione-partners{padding:64px 64px 120px;}
}

@media(min-width:768px){
    .titolo-principale{font-size:48px;line-height:56px;}          
    #modulo-prenota-generale .input-calendario{width:50%}
}

@media(min-width:992px){
    .titolo-principale{font-size:72px;line-height:80px;}
    .sottotitolo-principale{font-size: 48px;margin-top: 16px;}     
    .layer{width:50%;}
    #layer-booking-generale{background:rgba(204, 235, 220,.95)}
    #modulo-prenota-generale{margin:auto;max-width:900px;}
    #modulo-prenota-generale .input-persone, #modulo-prenota-generale .eta-input{width:14.28%}
    .titolo-sezione{font-size:48px;line-height:56px;}
}

@media(min-width:1280px){
    .width-bloccata{max-width:1140px;margin:auto;padding:0 15px}
    .container-paragrafi{padding:32px 0}
    #sezione-partners{padding:24px 64px;}
}

@media(min-width:1920px){        
    .layer{padding:32px 64px;}
}


#etichetta-verifica-disponibilita{display:inline-block;position:relative;font-size:12px}
#etichetta-verifica-disponibilita #icona-click{display:inline-block;width:30px;height:30px;transform:rotate(-40deg)}

@media(min-width:393px){
    #etichetta-verifica-disponibilita{font-size:15px}
}

@media(min-width:450px){
    #etichetta-verifica-disponibilita{font-size:18px}
}
@media(min-width:768px){
    #etichetta-verifica-disponibilita #icona-click{position:absolute;right:0;top:50%;transform:translate(200%,-50%) rotate(-40deg)}
}

.overlay{background:#000;opacity:.5;position:fixed;top:0;right:0;bottom:0;left:0;z-index: 4;}
.overlay.hidden{display:none;}

#skip-to-content-link{display: block;position: absolute;top: 0;left: 0;width: 100%;z-index: 5;font-size: 16px;background: #dbedff;color: #000;transform:translateY(-100%)}
#skip-to-content-link span{display:block;padding: 16px;}
#skip-to-content-link:focus{border:2px solid #000;transform:translateY(100%)}
#main-content{scroll-margin-top: 100px; /* altezza del tuo menu */}
a:focus{outline:auto!important;border:revert!important;z-index: 1;position: relative;}
button:focus{outline:auto!important;z-index: 1;}

#sezione-scopri-offerte a:focus,
#container-booking button.open-layer-booking:focus,
#layer-booking-generale .btn-invia:focus,
#uxCalendarIcon:focus{outline:3px solid orange!important}
#container-booking button.open-layer-booking:focus{z-index:5;position: relative;}
#sezione-partners .nav-prev,#sezione-partners .nav-next{z-index:1}
.slider-control{border:none}
.slider-control:focus{outline:3px solid red!important;}

.close-layer-btn{margin-right:8px;background: none;border: 1px solid;display:flex;gap:8px;align-items:center;border:none}
.close-layer-btn:focus{outline:3px solid #000!important}


#container-booking {position: sticky;top: 80px;}