/*
 * ***** FILE CSS style_otp_buttons.php DI ESEMPIO  *******
 * 
 * Questo file consente la modifica grafica dei pulsanti utilizzati nel modulo di contattto
 * e deve essere copiato nella cartella opportuna dei CSS insieme al CSS principale (tipicamente style.css)
 * e richiamato correttamente fra i link nel file heads/dominio.php 
 * 
 * */
.contact  {
  width: 100%;
  background: transparent;
	text-align: center;
}

.contact .php-email-form {
  width: 100%;
  background: transparent;
	text-align: center;
  padding: 20px;
  border-radius: 5px;
}
.contact .php-email-form .form-group {
  padding-bottom: 8px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d; /* rosso */
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e; /* verde */
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

/*
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
.contact .php-email-form input {
  height: 44px;
} */
.contact .php-email-form textarea {
  padding: 10px 12px;
}
.contact .php-email-form button[type=submit] {
  background: #cda45e;  
  border: 1;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 30px;
}
.contact .php-email-form button[type=submit]:hover {
  /* background: #205575;   */
	background: #000;
	border-color: #cda45e
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# OTP VERIFICATION
--------------------------------------------------------------*/

/* ***** PULSANTE DI RICHIESTA OTP - TRASFERITO DA stye_otp.css ******* */
/*
.contact .php-email-form input[type=button] {
  border-radius: 4px;
} */
.contact .php-email-form input[type=button] {
  background: #cda45e;   
  border: 1;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 30px;
}
.contact .php-email-form input[type=button]:hover {
  /* background: #205575;  */
  background: #000;
  border-color: #cda45e
}
/* ***** FINE PULSANTE DI RICHIESTA OTP ******* */

/* ***** PULSANTE DI VERIFICA OTP E INVIO FORM - TRASFERITO DA stye_otp.css ******* */
.btnVerify[type=button] {
  background: #cda45e;  
  border: 1;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 30px;
}
.btnVerify[type=button]:hover {
/* background: #205575;  */
  background: #000;
  border-color: #cda45e
}
/* ***** FINE PULSANTE DI VERIFICA OTP E INVIO FORM ******* */


/* Impostazioni btn-primary
.btn {
  font-size: 16px;
  border-radius: 30px;
  padding: 10px 30px; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn.btn-primary {
    background: #cda45e;
    border-color: #cda45e;
    color: #fff; }
    .btn.btn-primary:hover {
      background: #000;
      border-color: #000;
      color: #fff; }
    .btn.btn-primary.btn-black--hover:hover {
      background: #666666;
      color: #fff; }
*/


/* NYC2025 - inverte il colore del logo svg*/
#logo_sito svg {
    /* ****** color : #00ffff; ***** */
	filter: invert(0%) sepia(2%) saturate(7500%) hue-rotate(352deg) brightness(105%) contrast(102%);
}


#form a {
	color: #fff;
}
#form a:hover {
	color: #cda45e;
}

/*
#logo_sito svg a:hover {
	color: #cda45e;
     }
*/

/* fine NYC2025 ********************************************************* */