/* ==========================================================
   FORMS
========================================================== */

/* ==========================================
   Contact Form Wrapper
========================================== */

.contact-form,
.wpforms-container{

    background:var(--surface-3);

    padding:40px;

    border:1px solid var(--border);

    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);

}

/* ==========================================
   WPForms Layout
========================================== */

.wpforms-container{

    max-width:720px;

    margin:0 auto;

}

.wpforms-field{

    margin-bottom:18px !important;

}

.wpforms-field-label,
.contact-form label{

    display:block;

    margin-bottom:6px;

    font-size:.875rem;

    font-weight:500;

    color:var(--text-1);

}

/* ==========================================
   Inputs
========================================== */

.contact-form input,
.contact-form textarea,
.contact-form select,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select{

    width:100%;

    padding:14px 16px;

    font:inherit;

    color:var(--text-1);

    background:var(--surface-3);

    border:1px solid rgba(0,0,0,.15);

    border-radius:var(--radius-sm);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}

.contact-form textarea,
.wpforms-container textarea{

    min-height:140px;

    resize:vertical;

}

/* ==========================================
   Focus
========================================== */

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus{

    outline:none;

    border-color:var(--color-accent);

    box-shadow:0 0 0 3px rgba(192,138,106,.15);

}

/* ==========================================
   Submit Button
========================================== */

.wpforms-submit{

    width:100%;

}