/* Premier Auto & Tire - small layout fixes for the contact and schedule-service forms. */

/* The comment box is wide, so put its error message on its own line below the box
   instead of squeezing it into the space to the right. */
.rsform-block-comment .formValidation {
    display: block;
    margin-top: 4px;
}

/* Thank-you message shown after a successful submission. */
.rsform-thankyou {
    margin: 10px 0 30px;
}

/* Phones: let the form shrink to the screen instead of the fields' fixed
   desktop widths, which made the page scroll sideways. */

/* On Contact Us the logo floats to the left of the intro text. Start the form
   (and the thank-you message) below it, using the full width of the column. */
#userForm,
#ThankYou {
    clear: both;
}

/* A fieldset is never narrower than its widest field by default, which pushed
   the whole form (and its heading) past the edge of the screen. */
#userForm fieldset.formContainer {
    min-width: 0;
    max-width: 100%;
}

#userForm input[type="text"],
#userForm input[type="email"],
#userForm input[type="tel"],
#userForm select,
#userForm textarea {
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    #userForm input[type="text"],
    #userForm input[type="email"],
    #userForm input[type="tel"],
    #userForm select,
    #userForm textarea {
        width: 100%;
    }

    #userForm .uk-form-controls,
    #userForm .uk-form-label {
        float: none;
        width: auto;
        margin-left: 0;
    }

    /* The reCAPTCHA box is a fixed 304px; keep it from pushing the page wider. */
    #RecaptchaWidget {
        max-width: 100%;
        overflow: hidden;
    }
}