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

  :where(.sib-form-message-panel) {
    display: none;
  }

  :where(.sib-form-message-panel .sib-notification__icon) {
    width: 20px;
    height: 20px;
  }


  #sib-container input:-ms-input-placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }

  #sib-container input::placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }

  #sib-container textarea::placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }


  #sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
  }
    
    #sib-form {display:flex; align-items: center;} 
    .sib-input, .sib-form-block{margin:0;padding:0;}
	
	.foNeL{background-color:#000b21;color:#fff;}
	.foNeL h4, .foNeL .h4{color:#fff;}
	.foNeL .row{display:flex;align-items: center;}
	.foNeL p{margin:0;}
	.foNeL .Flexo{gap:1em;}
	.foNeL .material-icons-outlined{font-size:40px;}
	.sib-form-block{padding:0;}
	#sib-container{padding:0;}
	
/* 1. Fa espandere il primo blocco (quello che contiene l'email) per assorbire lo spazio vuoto */
#sib-form > div:first-child {
    flex-grow: 1 !important;
}

/* 2. Forza tutti i sotto-contenitori di Sendinblue a prendere il 100% della larghezza del genitore */
.sib-input, 
.form__entry, 
.form__label-row, 
.entry__field {
    width: 100% !important;
}

/* 3. Assicura che anche il sotto-contenitore flex interno si espanda */
.form__label-row--horizontal .entry__field {
    flex: 1 !important;
}

/* 4. Estende fisicamente il campo di testo per toccare i bordi del suo contenitore allargato */
#sib-form input#EMAIL {
    width: 100% !important;
    box-sizing: border-box;
}

.sib-form .input, .sib-form .input__button{color:#000;}
.sib-form .entry__error{padding:.4em;}


@media (max-width:767px){
	.foNeL .row{display:block;padding-top:1em;}
	.sib-form{padding-left:0;padding-right:0;}
}