/* The forms of the public site ([[form:key]], WebFormBlock.razor). The Avada form CSS of the old
   site does the layout; this file only adds what that CSS never had to style, because Avada sent
   the form with its own script and showed its notices with it. */

/* The honeypot: out of sight and out of the tab order, but still a real input a bot fills in.
   Not display:none, because some bots skip fields that are hidden that way. */
.fusion-form .jt-form-hp {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

/* A field the server refused after the post: a red edge, like Avada's own client-side check. */
.fusion-form .jt-form-field--error .fusion-form-input {
    border-color: #db4b68;
}

/* The message under a required field that was left empty. */
.fusion-form .jt-form-field-error {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #db4b68;
    font-size: 0.85em;
}

/* Avada hides its notices until its script shows one; the outcome of the post is shown here. */
.fusion-form .form-submission-notices .fusion-alert.jt-form-response--visible {
    display: block;
}

.fusion-form .form-submission-notices .fusion-alert:not(.jt-form-response--visible) {
    display: none;
}

/* iOS zooms in on an input under 16px: keep the inputs of the form at 16px on a phone. */
@media (max-width: 742px) {
    .fusion-form .fusion-form-input {
        font-size: 16px;
    }
}