@charset "utf-8";
/* CSS Document */

/*
 * css/contact-form.css
 * ---------------------------------------------------------------------
 * The contact form's messages, the thank-you, the Cloudflare Turnstile
 * check and the hidden anti-bot field. Loaded after contact.css.
 */

.contact-alert {
  margin: 0 0 1.25rem;
  padding: 0.85rem 1rem;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 0.95rem;
  line-height: 1.5;
}

.contact-alert--error {
  background: #fdf0ee;
  border-color: #efc8c1;
  color: #8a2b1d;
}

.contact-alert--notice {
  background: #fbf4e6;
  border-color: #ecd8b0;
  color: #6b4a12;
}

.contact-alert a {
  color: inherit;
  font-weight: 700;
}

/* The field only bots see. Off-screen rather than display:none, because some
   bots skip fields that are plainly hidden. */
.contact-hp {
  position: absolute !important;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Room for the Turnstile box (65px tall) before it loads, so the button
   doesn't jump. */
.contact-captcha {
  min-height: 65px;
}

.contact-captcha-msg {
  margin: 0.5rem 0 0;
  color: #8a2b1d;
  font-size: 0.9rem;
}

.contact-captcha-msg:empty {
  display: none;
}

/* The Turnstile box is 300px wide; shrink it on the narrowest phones. */
@media (max-width: 360px) {
  .contact-captcha .cf-turnstile {
    transform: scale(0.86);
    transform-origin: 0 0;
  }
}

#contactSubmit[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.contact-sent-title {
  margin: 0 0 0.6rem;
  font-size: 1.35rem;
  line-height: 1.3;
  color: #13804B;
}

.contact-sent p {
  margin: 0 0 0.75rem;
  line-height: 1.6;
}

.contact-sent a {
  color: #13804B;
  font-weight: 700;
}