/* ------------------------------------------------------------------
   Static-archive fix — Divi scroll-in animations.

   On the live WordPress/Divi site these images fade in on scroll. The
   "hidden" start state is opacity:0, and Divi's JavaScript adds the
   `et-animated` class to reveal them. In this static copy that script
   never fires, so the images stay invisible (e.g. Sharon's intro photo
   and the footer logo on every page).

   Fix: neutralise the hidden start state so the images are simply
   always visible. Loaded AFTER the page CSS, so these win.
   ------------------------------------------------------------------ */
.et_pb_animation_left,
.et_pb_animation_right,
.et_pb_animation_top,
.et_pb_animation_bottom,
.et-waypoint {
  opacity: 1 !important;
  transform: none !important;
  -webkit-transform: none !important;
  animation: none !important;
  -webkit-animation: none !important;
}

/* ------------------------------------------------------------------
   Contact form — replaces the old WordPress (Gravity Forms) markup.
   Submissions are sent to the AWS handler by assets/contact-form.js.
   ------------------------------------------------------------------ */
.sk-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.sk-contact-form .sk-field { margin-bottom: 16px; }
.sk-contact-form label { display: block; margin-bottom: 6px; font-weight: 600; }
.sk-contact-form input,
.sk-contact-form textarea {
  /* !important only on the layout-critical props the archived theme
     competes on (it sets padding:5px 4px via a very high-specificity
     `.gform_wrapper input:not(...)` rule, plus width/margin elsewhere).
     Cosmetic props below win on normal specificity. */
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  font: inherit;
  background: #fff;
  color: #333;
}
.sk-contact-form textarea { resize: vertical !important; min-height: 140px; }

/* No-JS fallback message (shown via <noscript> inside the form). */
.sk-noscript {
  padding: 12px 14px;
  border: 1px solid #f5c2c7;
  border-radius: 6px;
  background: #fff3f3;
  color: #842029;
}
.sk-contact-form input:focus,
.sk-contact-form textarea:focus { outline: none; border-color: #e8511d; }
.sk-contact-form .sk-btn {
  display: inline-block;
  padding: 13px 30px;
  border: 0;
  border-radius: 6px;
  background: #e8511d;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.sk-contact-form .sk-btn:hover { opacity: .92; }
.sk-contact-form .sk-btn:disabled { opacity: .6; cursor: default; }
.sk-form-status { margin-top: 14px; font-weight: 600; }
.sk-form-status.ok { color: #1a7f37; }
.sk-form-status.err { color: #b3261e; }

