@font-face {
  font-family: Montserrat;
  src: url(../fonts/montserrat-latin-variable.woff2) format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Cardo;
  src: url(../fonts/cardo-latin-regular.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Cardo;
  src: url(../fonts/cardo-latin-bold.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Cardo;
  src: url(../fonts/cardo-latin-italic.woff2) format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

.submitted-message { --confirmation-font: Cardo, Georgia, serif; }
.submitted-message :is(h1, h2, h3, h4, h5, h6) { --confirmation-font: Montserrat, sans-serif; }

/* Override font families HubSpot may include in the confirmation’s rich text. */
.submitted-message,
.submitted-message :is(h1, h2, h3, h4, h5, h6, p, div, span, a, strong, b, em, i, li) {
  font-family: var(--confirmation-font) !important;
}

.hs-form .hs-button[type="submit"],
.hs-form .hs-button[type="submit"]:is(:hover, :focus, :active) {
  min-height: 44px;
  padding: 16px 23px;
  border: 1px solid #b9d4d0;
  border-radius: 50px;
  background: #b9d4d0;
  color: #193b37;
  font: 500 15px/1.5 Montserrat, sans-serif;
  text-shadow: none;
  box-shadow: none;
  transition: none;
}

.hs-form .hs-button[type="submit"]:enabled:hover {
  border-color: #2c5046;
  background: #2c5046;
  color: #fff;
}

.hs-form .hs-button[type="submit"]:focus-visible {
  outline: 2px solid #2c5046;
  outline-offset: 3px;
}

.hs-form input[type="file"] { min-height: 44px; }

.hs-form input[type="file"]::file-selector-button {
  min-height: 44px;
  margin-inline-end: 10px;
  padding: 8px 15px;
  border: 1px solid #2c5046;
  border-radius: 50px;
  background: #f6fafb;
  color: #193b37;
  font: 600 13px/1.5 Montserrat, sans-serif;
  cursor: pointer;
}

.hs-form input[type="file"]:enabled::file-selector-button:hover {
  border-color: #2c5046;
  background: #2c5046;
  color: #fff;
}

.hs-form input[type="file"]:focus-visible {
  outline: 2px solid #2c5046;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .hs-form .hs-button[type="submit"],
  .hs-form .hs-button[type="submit"]:is(:hover, :focus, :active),
  .hs-form input[type="file"]::file-selector-button {
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  }
}