/* supplement.css — generic fallbacks for assets not preserved in the archive.
   Keep narrow: only target elements whose original plugin CSS is missing. */

/* GravityForms plugin CSS (assets/css/dist/*.min.css) was not archived.
   Minimal, neutral field styling so contact / appointment forms stay usable. */
.gform_wrapper form,
.gform_wrapper .gform_body { max-width: 100%; }
.gform_wrapper ul.gform_fields { list-style: none; margin: 0; padding: 0; }
.gform_wrapper li.gfield { margin: 0 0 18px; }
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label { display: block; font-weight: 600; margin: 0 0 6px; }
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=url],
.gform_wrapper input[type=number],
.gform_wrapper select,
.gform_wrapper textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  font: inherit;
  background: #fff;
  color: #333;
}
.gform_wrapper textarea { min-height: 140px; }
.gform_wrapper .gfield_required { color: #d60b52; margin-left: 3px; }
.gform_wrapper .ginput_container_checkbox ul,
.gform_wrapper .ginput_container_radio ul { list-style: none; margin: 0; padding: 0; }
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper button.gform_button {
  display: inline-block;
  padding: 11px 26px;
  border: 0;
  border-radius: 3px;
  background: #10428c;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.gform_wrapper .gform_footer input[type=submit]:hover { background: #0c336e; }

/* --- Enfold scroll-reveal / min-height fix ---
   Theme keeps several builder elements at opacity:0 until avia.js / waypoints run:
     - .avia_animated_image / .av-animated-generic / animate-when-* (scroll reveal)
     - .js_active .av-minimum-height .container (injected opacity:1 after sizing)
   On static pages the section BACKGROUND still draws (e.g. the wavy greenslijn line)
   while all text, images and boxes inside stay invisible. Force them visible. */
.avia_animated_image,
.av-animated-generic,
.avia_animate_when_almost_visible,
.avia_animate_when_visible,
.avia_start_delayed_animation,
.js_active .av-minimum-height .container,
.js_active .av-minimum-height .container .content,
.avia-section.av-minimum-height .container {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Do not reserve full-viewport empty space around the timeline line; let
   content determine height so boxes sit next to the dots instead of mid-void. */
.av-minimum-height-100 .container,
.av-minimum-height .container {
  height: auto !important;
  min-height: 0 !important;
}
.avia-section.av-minimum-height .container {
  display: block;
}
.avia-section.av-minimum-height .container .content {
  display: block;
  height: auto !important;
  float: none !important;
  vertical-align: top;
}

/* Vimeo / Enfold video: template scripts must stay hidden; real iframes fill frame. */
.av-lazyload-video-embed script.av-video-tmpl,
script.av-video-tmpl {
  display: none !important;
}
.avia-video,
.avia-video .avia-iframe-wrap {
  position: relative;
  width: 100%;
}
.avia-video-16-9 .avia-iframe-wrap {
  aspect-ratio: 16 / 9;
  background: #111;
}
.avia-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  inset: 0;
}
/* Hide leftover click-to-play chrome once iframe is expanded from template */
.av-lazyload-video-embed.av-video-expanded .av-click-to-play-overlay {
  display: none !important;
}