form {
    --form-main-color: #68839b;
    --form-error-bg-color: #ff00004a;
    --form-row-gap: 0.5rem;
    --form-label-font-size: 16px;
    --form-label-pb: 16px;
    --form-elements-font-size: 14px;
    --form-elements-radius: 8px;
    --form-submit-size: 15px;
    --form-submit-hover-bg: 15px;
    --form-submit-hover-color: var(--form-main-color);
    margin-bottom: 32px;
}
p{
    margin:0
}

label{
    font-weight: 600;
    padding-bottom:var(--form-label-pb, 16px);
    font-size: var(--form-label-font-size);
}
label:not(.ignore-form-main-color){
    color: var(--form-main-color);
}



.necessary-field{
    color:red;
}

/**** Privacy ****/

.wpcf7-list-item:last-of-type > label{
    display:inline-flex;
    align-items: center;
}
/**Privacy**/
span.wpcf7-list-item:last-of-type{
    margin:0;
}

/**** FINE PRIVACY ****/



/**** Errori ****/
.wpcf7-not-valid-tip{
    margin-bottom: 2rem;
    background:var(--form-error-bg-color, none);
    padding:8px 16px;
    border-radius: var(--form-elements-radius, 0);
}
/**** FINE ERRORI ****/


/***CAMPI DI INPUT***/
input,textarea,select{
    font-size:var(--form-elements-font-size, inherit) !important;
    margin-block:1rem;
}

input:not([type="submit"],[type="checkbox"]), textarea, select{
    border-radius:var(--form-elements-radius, 0);
    padding:1rem;
    border-color: var(--form-main-color);
}

input[type="file"]{
   border:none !important;
}

/**** FINE CAMPI DI INPUT ****/




/**** SUBMIT ****/
input[type="submit"]{
    background: #222934;
    color: #fff;
    transition: all 300ms ease;
    cursor: pointer;
    width:250px;

    border-radius: 8px;
    /**Non è un errore***/
    background: var(--wp--preset--color--basecolor);
    font-size: var(--form-submit-size, inherit);
    font-weight: 700;
    margin-left: calc( 50% - 125px);
    margin-block:32px
}

input[type="submit"]:hover{
    background: var(--form-submit-hover-bg, inherit);
    color: var(--form-submit-hover-color, inherit);
}

/**** FINE SUBMIT ****/



/**** LAYOUT ****/

form .row{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px, auto));
    gap: 0.5rem;

}

form .row--full{
    grid-column: 1/-1;

}

form .row--half{
    grid-column: span 2;
}

/**** FINE LAYOUT****/