/* ========================================================== AIA FORM A — JOTFORM CUSTOM CSS Form ID: 262946078314059 Maximum form width: 640px ========================================================== */ /* Document and language selector */ html.supernova, html.supernova body, body.supernova { background: #fff !important; background-image: none !important; } /* Avoid horizontal overflow, including on the thank-you page */ body { margin: 0 !important; } /* Confirmation page styling */ body.thankyou, body.thankyou #stage { background: #fff !important; background-image: none !important; } .jfLangDd.jfLangDd--match-form { padding: 12px 0 !important; } /* Form container */ form[id="262946078314059"] { width: 100% !important; max-width: 640px !important; margin: 8px auto !important; box-sizing: border-box; } .form-all { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 0 !important; box-shadow: none !important; color: #254080; font-family: Rubik, Arial, sans-serif; } .form-all .form-section { margin: 0 !important; padding: 0 !important; } /* Field layout */ .form-all .form-line { margin: 0 !important; padding: 0 0 21px !important; background: transparent !important; border: 0 !important; } .form-all .form-input-wide { margin-top: 0 !important; padding-top: 0 !important; } /* Labels and sublabels */ .form-all .form-label, .form-all .form-label-left, .form-all .form-label-right, .form-all .form-label-top { color: #254080 !important; font-size: .875rem; font-weight: 700; line-height: 1.35 !important; margin: 0 0 6px !important; padding: 0 !important; } .form-all .form-sub-label { color: #254080; font-size: .75rem; line-height: 1.3 !important; margin: 4px 0 0 !important; padding: 0 !important; } .form-all .form-sub-label-container { margin-top: 0 !important; margin-bottom: 0 !important; } .form-all .form-required { color: #a21c28 !important; margin-left: .2rem; visibility: visible; } /* Inputs */ .form-all input.form-textbox, .form-all select.form-dropdown, .form-all textarea.form-textarea { background: #fcf9f5 !important; background-image: none !important; border: 1px solid #edeef3 !important; border-radius: 4px !important; box-shadow: none !important; box-sizing: border-box; color: #254080 !important; font-family: inherit; font-size: 1rem; line-height: 1.4; min-height: 2.75rem; padding: .55rem .7rem; max-width: 100%; } /* Preserve two-column name fields */ .form-all .form-sub-label-container input.form-textbox { width: 100% !important; max-width: 100% !important; } /* Full-width phone and email fields */ .form-all .form-line:is( [data-type="control_phone"], [data-type="control_email"] ) :is(.form-input, .form-input-wide, input.form-textbox) { width: 100% !important; max-width: 100% !important; } /* Message field */ .form-all textarea.form-textarea { width: 100% !important; min-height: 5.5rem !important; resize: vertical; } /* Radio buttons and checkboxes */ .form-all .form-radio-item, .form-all .form-checkbox-item { color: #254080; line-height: 1.4; margin: 0 .75rem .2rem 0 !important; padding: 0; } .form-all .form-radio, .form-all .form-checkbox { accent-color: #254080; } /* Submit button and wrapper */ .form-all .jf-form-buttons, .form-all .form-buttons-wrapper { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } .form-all .form-submit-button, .form-all button[type="submit"] { width: 100%; box-sizing: border-box; min-height: 3rem; padding: .65rem 1.2rem; background: #ffbd59 !important; background-image: none !important; border: 2px solid #ffbd59 !important; border-radius: 4px !important; box-shadow: none !important; color: #254080 !important; cursor: pointer; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.4; text-shadow: none !important; transition: background .3s linear, border-color .3s linear; } .form-all .form-submit-button:hover, .form-all button[type="submit"]:hover { background: transparent !important; border-color: #ff914d !important; color: #254080 !important; } .form-all .form-submit-button:disabled, .form-all button[type="submit"]:disabled { cursor: not-allowed; opacity: .65; } /* Keyboard focus */ .form-all input.form-textbox:focus-visible, .form-all select.form-dropdown:focus-visible, .form-all textarea.form-textarea:focus-visible, .form-all input[type="radio"]:focus-visible, .form-all input[type="checkbox"]:focus-visible, .form-all .form-submit-button:focus-visible { outline: 3px solid #115bbd !important; outline-offset: -3px; } /* Validation */ .form-all .form-line-error input.form-textbox, .form-all .form-line-error select.form-dropdown, .form-all .form-line-error textarea.form-textarea, .form-all input.form-validation-error { border-color: #a21c28 !important; } .form-all .form-error-message, .form-all .form-line-error .form-error-message { color: #a21c28 !important; font-size: .8rem; font-weight: 700; line-height: 1.4; margin: .3rem 0 0 !important; visibility: visible; } /* Accessibility: reduced motion */ @media (prefers-reduced-motion: reduce) { .form-all .form-submit-button, .form-all button[type="submit"] { transition: none; } }