/* =========================================
   CONTACT PAGE: validation messages (loaded on the contact page only)
========================================= */

.contact-field .text-danger {
    display: block;
    margin-top: 6px;
    font-size: 12px;
}

.contact-field:has(.text-danger) input,
.contact-field:has(.text-danger) textarea {
    border-color: #d93025;
    background: #fff8f7;
}

.contact-field input:focus,
.contact-field textarea:focus {
    border-color: #db5c07;
}

.contact-submit.is-sending {
    opacity: .8;
    cursor: progress;
}