/*
 * NACS Foundation forms (Contact, Get Involved, Foundation Pledge, First Responder nomination): the messages and states
 * customform.js adds while it checks a form. Everything else about these forms is styled in ConvenienceCares.css.
 *
 * The forms' fieldsets set font-size: 0 and every <span> inside them is a half-width column, so the messages below are
 * <div>s with their own font size.
 */

#sign-up-container .cc-form__error,
#sign-up-container .cc-form__hint {
    display: block;
    padding: 6px 15px 0;
    font-family: "Gotham SSm A", "Gotham SSm B", Gotham, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
}

#sign-up-container .cc-form__error {
    color: #a94442;
}

#sign-up-container .cc-form__error[hidden],
#sign-up-container .cc-form__hint[hidden] {
    display: none;
}

#sign-up-container .cc-form__hint {
    color: #595959;
}

/* A textarea keeps a 20px bottom margin for the gap before the next field; pull its messages up under it. */
#sign-up-container textarea + .cc-form__hint,
#sign-up-container textarea + .cc-form__error {
    margin-top: -14px;
    padding-bottom: 14px;
}

#sign-up-container .cc-form__hint + .cc-form__error {
    padding-top: 2px;
}

#sign-up-container input[aria-invalid="true"],
#sign-up-container textarea[aria-invalid="true"],
#sign-up-container select[aria-invalid="true"] {
    box-shadow: inset 0 0 0 2px #a94442;
}

#sign-up-container .cc-form__captcha {
    min-height: 78px;
}

/* While a submission is on its way. */
#sign-up-container input[type="submit"][aria-disabled="true"] {
    opacity: 0.6;
    cursor: progress;
}