/* The forms of the public site ([[form:key]], WebFormBlock.razor): the Avada form markup of the
   reference CMS. That CMS relied on the Avada form CSS for the layout and this file only adds what
   that CSS never had to style. The Beaver Builder theme of this site has no form CSS at all, so the
   forms component is switched off here; style the form before switching it on. */

/* 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 .mo-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 .mo-form-field--error .fusion-form-input {
    border-color: #db4b68;
}

/* The message under a required field that was left empty. */
.fusion-form .mo-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.mo-form-response--visible {
    display: block;
}

.fusion-form .form-submission-notices .fusion-alert:not(.mo-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;
    }
}