/* Font e colori */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

body {
  font-family: 'Rubik', sans-serif !important;
  background-color: #f6f1eb !important; /* Colore di sfondo */
  color: #1a1a1a !important; /* Colore del testo */
  margin: 0 !important;
  padding: 0 !important;
}

/* Campi di input (Nome, Cognome, Email) */
input[type="text"], input[type="email"], .bottone-sondaggio {
    font-size: 18px !important;
    height: 64px !important;
    padding: 0 28px !important;
    border-radius: unset;
    border: 3px solid #FF7563 !important;
    background: #ffffff !important;
    color: #000000 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
}

/* Focus sugli input */
input[type="text"]:focus, input[type="email"]:focus {
  background: rgba(255, 122, 102, 0.08) !important; /* Sfondo chiaro quando focus */
  border-color: #FF7563 !important;
}

/* Bottone Call to Action */
.bottone-sondaggio {
  background: #FF7563 !important; /* Colore corallo */
  color: white !important;
  border: 3px solid #FF7563 !important; /* Bordo corallo */
  font-weight: 600 !important;
  text-transform: none !important;
  padding: 0 40px !important;
  height: 64px !important;
  border-radius: 9999px !important; /* Bordo arrotondato per il bottone */
  cursor: pointer !important;
  margin-top: 1px !important; /* Spaziatura tra il bottone e gli altri campi */
  width: 98% !important; /* Bottone full-width */
}

#preloader
{
	opacity						: 1; 
	position					: fixed; 
	width						: 100%; 
	height						: 100%; 
	top							: 0px; 
	left						: 0px; 
	background-color			: #ffffff !important;
	z-index						: 9999;
}

#anagrafica-email {
	border-radius: 9999px !important;
}

.bottone-sondaggio:hover {
  background: #ff6a55 !important; /* Hover con tonalità più scura */
  border-color: #ff6a55 !important;
}

/* Allineamento tra Nome e Cognome - ATTACCATI! */
.sondaggi-anagrafica-div {
  margin-bottom: 0px !important;
  
  justify-content: space-between !important; /* Spazio tra i due campi */
  gap: 0 !important; /* Rimuoviamo il gap per farli essere attaccati */
}

.sondaggi-anagrafica-div-nome, .sondaggi-anagrafica-div-cognome {
    width: 49% !important;
    margin-bottom: 0 !important;
    border-right: 0 !important;
    margin-left: -6px !important;
}

.sondaggi-anagrafica-div-nome {
  border-radius: 9999px 0 0 9999px !important; /* Bordo arrotondato a sinistra */
}

.sondaggi-anagrafica-div-cognome {
  border-radius: 0 9999px 9999px 0 !important; /* Bordo arrotondato a destra */
}

.sondaggi-anagrafica-div-email {
  display: flex !important;
  width: 100% !important;
}

/* Checkbox Privacy */
.sondaggi-anagrafica-div-privacy {

}

.sondaggi-anagrafica-checkbox-input {
  width: 20px !important;
  height: 20px !important;
}

.sondaggi-anagrafica-checkbox-label {
  font-size: 13px !important;
  color: #555 !important;
  line-height: 1.4 !important;
}

/* Responsività: i campi diventano a larghezza piena su mobile */
@media (max-width: 768px) {
  .sondaggi-anagrafica-div-nome, .sondaggi-anagrafica-div-cognome {
    width: 49% !important; /* Campi full-width su mobile */
    margin-right: 0 !important;
    margin-bottom: 0px !important; /* Aggiunto margine tra i campi */
  }

  .bottone-sondaggio {
    width: 98% !important; /* Bottone full-width su mobile */
  }
}

.border {
    border: 0px solid #dee2e6 !important;
}


#donaform-copyright-footer {
	display: none;
}

div.col:nth-child(1) {
	display: none;
}

.p-1 {
    padding: 0rem !important;
}


/* Usa Flexbox per il contenitore principale dei campi */
.sondaggi-anagrafica-div {
    display: flex;
    flex-wrap: wrap;
}

/* Specifica che il bottone Iscriviti deve venire prima del checkbox Privacy */
#sondaggio-bottoni {
    order: -1; /* Porta il bottone sopra il checkbox */
    margin-bottom: 20px; /* Aggiungi spazio sotto il bottone */
}

/* Assicurati che la privacy stia sotto e allineata correttamente */
.sondaggi-anagrafica-div-privacy {
    order: 1; /* Fai in modo che la privacy sia l'ultimo elemento */
    margin-top: 10px; /* Aggiungi uno spazio tra la privacy e gli altri campi */
}

/* Se vuoi aggiungere più spazio tra il bottone e gli altri campi, puoi farlo con il margine */
.sondaggi-anagrafica-div-nome,
.sondaggi-anagrafica-div-cognome,
.sondaggi-anagrafica-div-email {
    margin-bottom: 0px; /* Spazio tra i campi di input */
}

/* Gestisci anche il bottone, per tenerlo allineato e ben visibile */
#bottone-sondaggio {
    width: 100%; /* Fai in modo che il bottone occupi tutta la larghezza disponibile */
    padding: 15px;
    font-weight: bold;
}


/* Assicurati che il contenitore del bottone e della privacy siano in colonna */
#sondaggio-bottoni {
    order: -1 !important; /* Sposta il bottone sopra il checkbox */
    margin-bottom: 20px !important; /* Aggiungi spazio sotto il bottone */
}

/* Contenitore della privacy */
.sondaggi-anagrafica-div-privacy {
    margin-top: 10px !important; /* Spazio tra la privacy e gli altri campi */
}

/* Posizioniamo il contenitore del bottone sopra la privacy */
#sondaggio-bottoni {
    display: flex;
    flex-direction: column-reverse; /* Cambia l'ordine degli elementi, mettendo il bottone sopra */
    margin-bottom: 20px !important; /* Spazio tra il bottone e la privacy */
}

.sondaggi-anagrafica-div-email {
    display: flex !important;
    width: 98% !important;
    margin-left: -5px;
}

.sondaggi-anagrafica-checkbox-input {
	display: flex;
}

.col-8 {
    -ms-flex: 0 0 99%;
    flex: 0 0 99%;
    max-width: 99%;
}

/* Checkbox Privacy */


/* Imposta larghezza e dimensioni per il checkbox */
.sondaggi-anagrafica-checkbox-input {
    width: 20px !important;
    height: 20px !important;
}

/* Modifica lo stile del testo per farlo stare a destra del checkbox */
.sondaggi-anagrafica-checkbox-label {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.4 !important;
    margin-left: 5px !important; /* Spazio tra il checkbox e il testo */
}

/* Contenitore checkbox e testo - usa inline-flex per allineare orizzontalmente */


/* Impostazioni per il checkbox */
.sondaggi-anagrafica-checkbox-input {
    width: 20px !important;
    height: 20px !important;
}

/* Impostazioni per il testo accanto al checkbox */
.sondaggi-anagrafica-checkbox-label {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.4 !important;
    margin-left: 5px !important; /* Spazio tra il checkbox e il testo */
}


/* Impostazioni per il checkbox */
.sondaggi-anagrafica-checkbox-input {
    width: 20px !important;
    height: 20px !important;
}

/* Impostazioni per il testo accanto al checkbox */
.sondaggi-anagrafica-checkbox-label {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.4 !important;
}

/* Rimuovi margini e padding extra per il contenitore */
.sondaggi-anagrafica-div-privacy > div {
    margin: 0 !important;
    padding: 0 !important;
}

.form-control {
  width: auto;
}

.p-1.pt-2.pb-2.sondaggi-anagrafica-checkbox-label{
  	display: inline-block;
  	vertical-align: bottom !important;
}



@media (max-width: 780px) {
	.p-1.pt-2.pb-2.sondaggi-anagrafica-checkbox-label{
  		display: inline-block;
  		vertical-align: top !important;
  		width: 87%;
  		padding-left: 10px !important;
	}
}