/* Native contact form. Most styling comes from the theme's .hubspot-form rules in style.css. */
.contact-form fieldset { border: 0; padding: 0; }
.contact-form input[type="email"],
.contact-form input[type="text"],
.contact-form textarea { font-family: var(--primary-font-family); box-sizing: border-box; }
.contact-form textarea { resize: vertical; min-height: 140px; }
.contact-form .hs-form-required { color: red; margin-left: 2px; }
.contact-form .inputs-list { margin: 0 0 var(--margin-small); padding: 0; }
.contact-form .hs-form-booleancheckbox-display a { color: var(--vibrant-blue); text-decoration: underline; }
.contact-form .is-invalid { border-color: red !important; }
.contact-form .contact-form__error { margin: 0 0 var(--margin-small); padding: 0; }
.contact-form .hs-button {
  border: 0; margin-top: var(--margin-extrasmall);
  text-transform: none; font-size: var(--text-regular-size); line-height: var(--text-regular-lineheight);
}
.contact-form .hs-button:disabled { background-color: #cccce5; color: #9999CB; cursor: default; }
/* "Got a question?" banner: the white box had no padding of its own */
.banner-form__form .contact-form { padding: var(--margin-regular); }
.banner-form__form .contact-form textarea { min-height: 100px; }
.banner-form__form { border-radius: var(--border-radius-regular); }
.contact-form__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) {
  .contact-form fieldset { flex-direction: column; gap: 0; }
}