aia-website/www/integrations/jotform/aia-form-a.css

/* ==========================================================
   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;
  }
}