/*
 * Stili dei messaggi di validazione inline dei form del CMS.
 * Caricato insieme a cms-form-validate.js quando in pagina c'e un form contatti.
 */
.cf-error {
    color: #b3261e;
    font-size: .85em;
    line-height: 1.35;
    margin-top: .35rem;
}

.cf-error:empty {
    display: none;
}

.cf-invalid .cf-input,
.cf-invalid input,
.cf-invalid textarea,
.cf-invalid select {
    border-color: #b3261e;
}

.cf-invalid .cf-input:focus,
.cf-invalid input:focus,
.cf-invalid textarea:focus,
.cf-invalid select:focus {
    outline-color: #b3261e;
    box-shadow: 0 0 0 .2rem rgba(179, 38, 30, .18);
}