@charset "utf-8";
/* CSS Document */

input[type='checkbox'] {width:20px;}
#prenotazioni-filters label {font-size:18px;}
input[type='radio'] {width:20px;}
button#apply-filter-btn  {margin-left: 16px;
  display: block;
  padding: 8px 16px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 24px;
margin-top:0px;
margin-bottom: 36px;}

.menu-app a {color:#486759}
.menu-app a:hover {color:#999}
.paragrafo-antitesis-stripe {max-width:800px; line-height: 34px;
  font-family: 'dinlight';}

.bottone-azioni {
font-family: 'dinlight';
  border: none;
  border-radius: 12px;
  box-shadow: none;
  padding: 6px 12px;
  margin-top: 8px;
  cursor: pointer;
  background-color: #dadfdf;
  font-size: 13px;
  color: black;
  text-decoration: none;
  display: inline-block;
  line-height: 1.1;

}
.bottone-azioni.verde {
	background-color: #486759!important;
	color:white!important;
}
.bottone-azioni.colstripe {
	background-color: #635bff!important;
	color:white!important;
}
.bottone-azioni.colstripe:hover{
color:white;
  background-color: #332cb7!important;
}
.bottone-azioni.verde:hover{
color:white;
  background-color: #27513e!important;
}
.bottone-azioni:hover{
color:white;
  background-color: #616666;
	
}
.single-prenotazione input[type="submit"]{
    background: #486759;
    color: white;
    
}
.single-prenotazione #bottone-disdetta {border: none;
  background: #eee;
  cursor: pointer;
  border-radius: 7px;
margin-top: 24px;
  font-weight: bold;
  letter-spacing: 0px;
width: 80%;
  max-width: 400px;
padding: 14px !important;
font-family: 'dinlight';
font-size: 18px !important;
line-height: 1;}

#modifica-prenotazione-form .acf-field-6753786663bb8 {
  display: none;  
   }
#modifica-prenotazione-form .acf-field-6740a0f92b322 {
  display: none;  
   }


p, ul, li { line-height: 34px;
	font-size:19px;
  max-width: 800px;
  font-family: 'dinlight';
}

ul li ul li {margin-left:18px;}

.paragrafo-antitesis-stripe-100 {max-width:100%; line-height: 28px;
  font-family: 'dinlight';}

/* FORM */
.single-prenotazione p.description {display:none!important;}
#testo-carta {margin-top:36px}
#card-element {
    box-shadow: none;
    border-radius: 5px;
    padding: 14px;
    border: 1px solid #999;
    margin-top: 12px;
    width: 80%;
    max-width: 400px;
    background-color: #ffffff; /* Sfondo del contenitore */
    font-family: 'dinlight', 'Helvetica Neue', Helvetica, sans-serif;
}



.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select, input, select, textarea {
  margin-bottom: 24px;
  box-shadow: none;
  border-radius: 5px;
  padding: 14px!important;
/*  border: 1px solid #999;*/
  margin-top: 0px;
  width: 80%;
  max-width: 400px;
  font-family: inherit;
  letter-spacing: 2px;
  font-size: 18px!important;
  font-family: 'dinlight';
	line-height:1;
	border-bottom: 4px solid #7b8c84;
  

}
.acf-fields > .acf-field {
	margin-left:0px; margin-bottom:8px; margin-top:8px;
	margin:8px 0px!important;
	padding-left:0px!important;
	
}

#loginimpag label {
  width: 90px;
  display: inline-block;
  font-weight: bold;

}
#loginimpag {
  width: 100%;

  width: 400px;

  text-align: center;

}

.acf-field .acf-label label {

	font-weight:bold!important;
}

input[type="submit"] { margin-top:24px; font-weight: bold;
  letter-spacing: 0px;}



#prenotazione-form .button {
    transition: all 0.3s ease;
}

#prenotazione-form .button:disabled {
    cursor: not-allowed !important;
    opacity: 0.7;
    background-color: #cccccc !important;
}

#prenotazione-form .button:not(:disabled) {
    cursor: pointer;
    background-color: #your-color !important; /* Sostituisci con il colore originale */
}

#prenotazione-form .button.loading {
    position: relative;
    color: transparent !important;
}

#prenotazione-form .button.loading:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.8s linear infinite;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Aggiungi al tuo stylesheet */
.stripe-error {
    color: #dc3545;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #dc3545;
    border-radius: 4px;
}

[data-key="field_6753786663bb8"] .acf-date-picker input.hasDatepicker:invalid,
#acf-field_6740a0f92b322:invalid {
    border-color: #dc3545;
}

#disponibilita_container.red {
    color: #dc3545;
    font-weight: bold;
}



/* -------------------------------------- */
/* ----    Accordion Semplice    ----  */
/* -------------------------------------- */




.faq, .wc-accordion {
	 margin-top: 0px;
	/* Style the accordion panel. Note: hidden by default */
}
button.accordion { cursor: pointer;}
 .faq .el-accordion, .wc-accordion .el-accordion {
	 padding: 20px 0px 20px 0px;
	 width: 100%;
	 text-align: left;
	 border: none;
	 outline: none;
	 transition: 0.4s;
	 border-radius: 0px;
	 background: none;
	 display: flex;
	 border-top: 2px solid #e8f1ef;
	 font-size: 18px;
	 justify-content: space-between;
	 align-items: center;
     min-height: 54px;
     cursor: pointer;
	 background: #486759;
  color: white;
}
.faq:first-child .el-accordion {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.noacc {
	 padding: 10px 0px 10px 0px;
	 width: 100%;
	 text-align: left;
	 border: none;
	 outline: none;
	 transition: 0.4s;
	 border-radius: 0px;
	 background: none;
	 display: flex;
	 border-top: 2px solid #e8f1ef;
	 font-size: 18px;
	 justify-content: space-between;
	 align-items: center;
     min-height: 54px;
}

.accordion-semplice p {font-size: 19px; margin-top:8px; margin-bottom: 2px;   line-height: 1.6; border-bottom: 1px solid #ccc; }

.accordion-semplice ul {
padding-left: 0px;
}

.accordion-semplice ul {list-style: disc;  display: list-item; }
.accordion-semplice ul li::marker { color:#aaa;}
.accordion-semplice ul li {
  display: block;
  position: relative;
  margin-left: 20px;
  list-style: disc;
  font-size: 19px;
  line-height: 1.1;
  display: list-item;
}

.accordion-semplice ul li p {margin: 0;}
.accordion-semplice ul li:before {
/*  position: absolute;
  left: -12px;
  content: url('../../../__matrice/design/img/ico/documento-ico-minimo.png');*/
/*
  line-height: 11px;
  font-family: 'Material Icons';
  content: "\e853";
*/


}

.lite_txt {font-weight: bold;}
 .faq .active, .wc-accordion .active, .faq .el-accordion:hover, .wc-accordion .el-accordion:hover {
	 background-color: none;
}
 .faq .el-accordion:focus, .wc-accordion .el-accordion:focus {
	 text-decoration: underline;
}
 .faq .active i, .wc-accordion .active i {
	 transform: rotate(90deg);
}
 .faq .panel, .wc-accordion .panel {
	 max-height: 0;
	 overflow: hidden;
	 visibility: hidden;
	 transition-duration: 400ms;
	 transition-property: max-height, visibility;
	 transition-delay: 0, 400ms;
}
 .panel.open {
	 visibility: visible;
	 transition-duration: 400ms;
	 transition-property: max-height, visibility;
	 transition-delay: 400ms, 0;
     margin-bottom: 44px;
}


 .closed .vertical {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(-90deg);
}
 .closed .horizontal {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(-90deg);
	 opacity: 1;
}
 .active {
	 opacity: 1;
}

.faq .aperta {display:none;}
.active .chiusa {  display: none;   }
.active .aperta {display: block;}
 .active .vertical {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(90deg);
}
 .active .horizontal {
	 transition: all 0.4s ease-in-out;
	 transform: rotate(90deg);
	 opacity: 0;
}
 .circle-animation {
	 position: relative;
	 flex: 0 0 30px;
}
 .circle-animation .horizontal {
	 position: absolute;
	 background-color: #0EB9ED;
	 width: 20px;
	 height: 3px;
	 left: 50%;
	 margin-left: -10px;
	 top: 50%;
	 margin-top: -1px;
}
 .circle-animation .vertical {
	 position: absolute;
	 background-color: #0EB9ED;
	 width: 3px;
	 height: 20px;
	 left: 50%;
	 margin-left: -1px;
	 top: 50%;
	 margin-top: -10px;
}



/*Popup originata dal punto del click*/


.apri-popup-ii .popup  {  

filter: none!important;
color: #444;
background: #ccc;
box-shadow: 0px 0px 24px rgba(118,114,114,0.4);
/*
height: 500px;
width: 500px;
*/
border-radius: 12px;
background: #ddd;
/*position: fixed;
top: 120px;
margin-right: auto;
margin-left: auto;

z-index: 12;
*/
}
.apri-popup-ii .popup .telaio-interno {display: none;}
.apri-popup-ii .popup .updated {}
a.chiudi-popup {float:right; color:white; } 
a.chiudi-popup::hover { color:orange; }
.indice-giorno {float:left; display:inline-blocK}



.apri-popup-ii .popup.attiva {
/* test da disattivare o attivare per lo sviluppo */	
/*    animation: scale-display-base .3s;*/
	margin: 0 auto;
	display: block;

	
/*    display: inline-block!important;*/
 }
.apri-popup-ii .popup.chiusa  {
/* test da disattivare o attivare per lo sviluppo */
/*    animation: scale-display-base--reversed .3s;*/
		margin: 0 auto;
			display: none; 
}
.sfondo-popup {position:fixed; display: none; top:0; bottom:0; left: 0; right:0; background: rgba(243,241,241,0.50); height: 100%; z-index: 10; backdrop-filter: blur(1px); }

.apri-popup-ii .popup .contenuto-popup {overflow:auto; width:100%; height:100%; padding:6px;}
.menu-popup-sotto {
position: sticky; width: auto; bottom: -36px; background: #444; padding: 8px 18px; border-radius: 12px; margin-top:12px; color:white; height:48px;
}
@keyframes scale-display-base {
	0% {
		opacity: 1;
		transform: scale(0);
    -webkit-transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
    -webkit-transform: scale(1);
	}
}
@keyframes scale-display-base--reversed {
	0% {
		display: inline-block;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	99% {
		display: inline-block;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		display: none;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
/* fine Multi Pop up standard*/