/*
 * The only hand-written stylesheet. Everything else is the original design,
 * extracted and purged. This covers the two places we deliberately changed:
 * icon fonts became an SVG sprite, and the interactive states are now driven
 * by our own JS instead of Bootstrap's.
 */

/* Icon sizing lives in the generated icons.css - each icon gets the em width
   its viewBox implies, because an inline <svg> with `width:auto` falls back
   to 300px rather than to its own aspect ratio. */

/* --- off-canvas menu ---------------------------------------------------- */
body.offcanvas-active .offcanvas-overlay {
  opacity: 1;
  visibility: visible;
}
.offcanvas-overlay {
  position: fixed;
}

/* --- modal -------------------------------------------------------------- */
.modal.show {
  background: rgba(0, 0, 0, 0.5);
}
body.modal-open {
  overflow: hidden;
}

/* --- slider ------------------------------------------------------------- */
.sp-slider-outer-stage {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.sp-slider [data-layer="true"] {
  will-change: opacity, transform;
}

/* --- scroll-up ---------------------------------------------------------- */
.sp-scroll-up {
  display: none;
}

/* --- accordion ---------------------------------------------------------- */
.sppb-panel-heading {
  cursor: pointer;
}

/* --- contact form status ------------------------------------------------ */
.sppb-ajax-contact-status {
  margin-top: 10px;
}
.sppb-ajax-contact-status.sppb-text-success { color: #1a7f37; }
.sppb-ajax-contact-status.sppb-text-danger  { color: #c92a2a; }

/* the honeypot must be reachable by bots and invisible to everyone else */
.kia-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}