/* =========================================
   VIBEWELL NEWSLETTER FORM
   WPForms ID: 538
========================================= */

#wpforms-form-538 {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        auto;
    column-gap: 10px;
    align-items: start;
}


/* -----------------------------------------
   FIELD AREA
----------------------------------------- */

#wpforms-form-538 .wpforms-field-container {
    grid-column: 1 / 3;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 10px;
    row-gap: 15px;
}


/* Remove WPForms default field spacing */

#wpforms-form-538 .wpforms-field {
    padding: 0 !important;
    margin: 0 !important;
}


/* -----------------------------------------
   NAME
----------------------------------------- */

#wpforms-form-538 .wpforms-field-name {
    grid-column: 1;
}


/* -----------------------------------------
   EMAIL
----------------------------------------- */

#wpforms-form-538 .wpforms-field-email {
    grid-column: 2;
}


/* -----------------------------------------
   INPUTS
----------------------------------------- */

#wpforms-form-538 input[type="text"],
#wpforms-form-538 input[type="email"] {
    width: 100% !important;
    max-width: none !important;

    height: 43px;

    padding: 0 12px;

    border: 1px solid #ccc;
    border-radius: 3px;

    box-sizing: border-box;
}


/* -----------------------------------------
   CONSENT CHECKBOX
----------------------------------------- */

#wpforms-form-538 .wpforms-field-checkbox {
    grid-column: 1 / -1;

    margin-top: 5px !important;
}


#wpforms-form-538
.wpforms-field-checkbox
ul {
    margin: 0 !important;
    padding: 0 !important;
}


/* -----------------------------------------
   SUBMIT BUTTON
----------------------------------------- */

#wpforms-form-538 .wpforms-submit-container {
    grid-column: 3;
    grid-row: 1;

    padding: 0 !important;
    margin: 0 !important;
}


/* Button */

#wpforms-form-538 button.wpforms-submit {
    height: 43px !important;

    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 3px !important;

    background: #08b7c3 !important;
    color: #fff !important;

    font-weight: 700 !important;

    white-space: nowrap;
}


/* Button hover */

#wpforms-form-538 button.wpforms-submit:hover {
    opacity: .9;
}


/* -----------------------------------------
   RECAPTCHA
----------------------------------------- */

#wpforms-form-538 .wpforms-recaptcha-container {
    grid-column: 1 / -1;

    margin-top: 15px !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    #wpforms-form-538 {
        display: block !important;
    }

    #wpforms-form-538 .wpforms-field-container {
        display: block !important;
    }

    #wpforms-form-538 .wpforms-field {
        margin-bottom: 12px !important;
    }

    #wpforms-form-538 .wpforms-submit-container {
        margin-top: 12px !important;
    }

    #wpforms-form-538 button.wpforms-submit {
        width: 100% !important;
    }

}