/*
 * Bootstrap form validation styling.
 *
 * Bootstrap only reveals .invalid-feedback next to a .form-control. The form
 * inputs on this site use their own classes, so the same rules are repeated
 * here for plain input/select/textarea elements.
 */

.needs-validation .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
    text-align: left;
}

.was-validated input:invalid,
.was-validated select:invalid,
.was-validated textarea:invalid {
    border: 1px solid #dc3545 !important;
}

.was-validated input:valid,
.was-validated select:valid,
.was-validated textarea:valid {
    border: 1px solid #28a745 !important;
}

.was-validated input:invalid ~ .invalid-feedback,
.was-validated select:invalid ~ .invalid-feedback,
.was-validated textarea:invalid ~ .invalid-feedback {
    display: block;
}

/* Checkbox consent field */
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
}