/**
 * form-validation.css
 *
 * Form input and validation error styles for the PeaceBridge Global
 * website. Defines the bottom-border input style, focus state, and
 * the red error border + hidden error text used for validation feedback.
 */

.error-text {
    color: #d04440;
    display: none;
}

#contactForm input,
#contactForm select,
#contactForm textarea {
    outline: none;
    border: none;
    border-bottom: 2px solid #42c2b5;
    transition: border-color 0.3s ease;
}

#contactForm input:focus,
#contactForm select:focus,
#contactForm textarea:focus {
    outline: none;
    border: none;
    border-bottom: 2px solid #42c2b5;
}

#contactForm .input-error {
    border-bottom-color: #d04440;
}