/*
 * AIA Form A — Jotform Classic Forms custom CSS
 *
 * Paste into Jotform Form Designer > Styles > Inject Custom CSS after
 * creating the approved Form A. These selectors are scoped to Jotform's
 * Classic Forms structure and do not replace Jotform validation or controls.
 * Validate the final generated form DOM before activation; no account access
 * or pixel-perfect Jotform comparison was performed for this artifact.
 */

/* The Astro page supplies the surrounding heading, copy, privacy link and
   card. Keep the iframe's own surface quiet so it does not create a second
   card inside the page's existing form container. */
#form,
#form .form-all {
  background: #fff;
  border: 0;
  box-shadow: none;
  color: #254080;
  font-family: Rubik, Arial, sans-serif;
  max-width: 100%;
}

#form .form-all {
  margin: 0;
  padding: 0;
}

#form .form-line {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0 0 1rem;
}

#form .form-label,
#form .form-label-left,
#form .form-label-right,
#form .form-label-top {
  color: #254080;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .4rem;
  padding: 0;
}

#form .form-sub-label {
  color: #254080;
  font-size: .78rem;
  line-height: 1.5;
}

#form .form-required {
  color: #a21c28;
  margin-left: .2rem;
}

#form input.form-textbox,
#form input.form-textbox.form-phone,
#form input.form-textbox.form-email,
#form select.form-dropdown,
#form textarea.form-textarea {
  background: #fcf9f5;
  border: 1px solid #edeef3;
  border-radius: 4px;
  box-sizing: border-box;
  color: #254080;
  font: inherit;
  line-height: 1.5;
  min-height: 2.9rem;
  padding: .7rem .8rem;
  width: 100%;
}

#form textarea.form-textarea {
  min-height: 7rem;
  resize: vertical;
}

#form input.form-textbox:focus-visible,
#form select.form-dropdown:focus-visible,
#form textarea.form-textarea:focus-visible,
#form input[type='radio']:focus-visible + label,
#form input[type='checkbox']:focus-visible + label,
#form .form-submit-button:focus-visible {
  outline: 3px solid #115bbd;
  outline-offset: 3px;
}

#form .form-line.form-line-error input.form-textbox,
#form .form-line.form-line-error select.form-dropdown,
#form .form-line.form-line-error textarea.form-textarea {
  border-color: #a21c28;
  outline: 2px solid #a21c28;
  outline-offset: 1px;
}

#form .form-error-message,
#form .form-line-error .form-error-message {
  color: #a21c28;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.5;
  margin: .45rem 0 0;
}

#form .form-radio-item,
#form .form-checkbox-item {
  color: #254080;
  line-height: 1.5;
  margin: 0 1rem .5rem 0;
}

#form .form-radio,
#form .form-checkbox {
  accent-color: #254080;
}

#form .form-buttons-wrapper {
  background: transparent;
  border: 0;
  margin: .25rem 0 0;
  padding: 0;
  text-align: left;
}

#form .form-submit-button,
#form button[type='submit'] {
  background: #ffbd59;
  border: 2px solid #ffbd59;
  border-radius: 4px;
  box-shadow: none;
  color: #254080;
  cursor: pointer;
  font: inherit;
  font-weight: 400;
  line-height: 1.5;
  min-height: 3rem;
  padding: .65rem 1.2rem;
  transition: .3s linear all;
  width: 100%;
}

#form .form-submit-button:hover,
#form .form-submit-button:focus-visible,
#form button[type='submit']:hover,
#form button[type='submit']:focus-visible {
  background: transparent;
  border-color: #ff914d;
  color: #254080;
}

#form .form-submit-button:disabled,
#form button[type='submit']:disabled {
  cursor: not-allowed;
  opacity: .65;
}

/* Jotform error and required content must remain visible. Do not hide these
   classes in a campaign-specific override. */
#form .form-validation-error,
#form .form-required,
#form .form-error-message {
  visibility: visible;
}

@media (max-width: 640px) {
  #form .form-line,
  #form .form-label,
  #form .form-label-left,
  #form .form-label-right,
  #form .form-label-top {
    width: 100%;
  }

  #form .form-all {
    width: 100%;
  }

  #form .form-submit-button,
  #form button[type='submit'] {
    min-height: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #form .form-submit-button,
  #form button[type='submit'] {
    transition: none;
  }
}