/* Contact form (contact-us.html). Kept out of the Webflow export so a re-export won't overwrite it. */
.form-block.cf-block {
  width: min(100%, 560px);
}

.cf-area {
  margin: 14px 0 0;
  color: #fff;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.5;
  text-align: center;
}

.cf-form {
  width: 100%;
  margin-top: 24px;
  align-items: stretch;
}

.cf-form .form-title {
  margin-bottom: 16px;
  font-size: clamp(18px, 2vw, 28px);
  line-height: 1.3;
}

.cf-form .form-label {
  text-align: left;
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.3;
}

.cf-form .form-input,
.cf-form .textarea {
  margin-bottom: 18px;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.4;
}

.cf-form .textarea {
  min-height: 140px;
  resize: vertical;
}

.cf-form .w-input {
  height: auto;
  padding: 10px 12px;
}

/* Honeypot: invisible to people, tempting to bots. Not display:none, which some bots detect. */
.cf-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.cf-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-weight: 300;
  font-size: clamp(13px, 1.1vw, 15px);
  line-height: 1.4;
}

.cf-consent a {
  color: #fff;
  text-decoration: underline;
}

.cf-consent input {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.cf-status {
  min-height: 1.4em;
  margin-bottom: 14px;
  padding: 0;
  color: #fff;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.4;
  text-align: center;
}

.cf-status.is-success,
.cf-status.is-error {
  padding: 10px 12px;
  border-radius: 6px;
}

.cf-status.is-success {
  background: #1f7a3d;
}

.cf-status.is-error {
  background: #a3262a;
}

.cf-form .main-button {
  align-self: center;
  min-width: 220px;
  padding: 12px 24px;
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.2;
  border: 0;
  cursor: pointer;
}

.cf-form .main-button:disabled {
  opacity: 0.6;
  cursor: wait;
}

.cf-fallback {
  color: #fff;
  text-align: center;
  font-size: clamp(14px, 1.2vw, 16px);
}

.cf-fallback a {
  color: #fff;
  text-decoration: underline;
}