/* WolfTech additions on top of the extracted Themeco Pro styles. */

/* Home hero (replaces Slider Revolution rev_slider_2_1). The slider was a 1920x900 grid scaled to the
   window width; --u is one grid pixel, so every layer keeps its old position and size at any width. */
/* The slider sat in a flex item of the header's top bar; let that item span the whole bar. */
.x-bar-container:has(.gc-hero),
.x-content-area:has(> .gc-hero) {
  flex: 1 0 100%;
  width: 100%;
  max-width: none;
  padding: 0;
}
.rs-p-wp-fix { display: none !important; margin: 0 !important; height: 0 !important; }
.gc-hero {
  container-type: inline-size;
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 900;
  overflow: hidden;
  background: #fff url("/static/wp-content/uploads/2020/06/HeaderBG.jpg") center / cover no-repeat;
}
.gc-hero-canvas {
  --u: calc(100cqw / 1920);
  position: absolute;
  inset: 0;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.gc-hero-canvas > * {
  position: absolute;
  margin: 0;
  white-space: nowrap;
}
.gc-hero-logo {
  left: calc(35 * var(--u));
  top: calc(27 * var(--u));
  width: calc(872 * var(--u));
  height: calc(263 * var(--u));
  max-width: none;
}
.gc-hero-line1 {
  left: calc(588 * var(--u));
  top: calc(261 * var(--u));
  transform: translateX(-50%);
  color: #0c385b;
  font-size: calc(30 * var(--u));
  line-height: calc(36 * var(--u));
  letter-spacing: calc(1 * var(--u));
  font-weight: 900;
}
.gc-hero-big {
  top: calc(360 * var(--u));
  font-size: calc(80 * var(--u));
  line-height: calc(90 * var(--u));
  letter-spacing: calc(2 * var(--u));
  font-weight: 900;
}
.gc-hero-unique { left: calc(60 * var(--u)); color: #ff9900; }
.gc-hero-solutions { left: calc(417 * var(--u)); color: #0c385b; }
.gc-hero-btn,
.gc-hero-btn:visited {
  left: calc(171 * var(--u));
  top: calc(610 * var(--u));
  padding: 0 calc(33 * var(--u));
  border-radius: calc(25 * var(--u));
  background-color: #ff9900;
  color: #fff;
  font-size: calc(40 * var(--u));
  line-height: calc(84 * var(--u));
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}
.gc-hero-btn:hover,
.gc-hero-btn:focus {
  background-color: #0d385c;
  color: #fff;
}

/* Contact form: honeypot field stays out of sight; response box styled like Contact Form 7. */
.gc-hp {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.wpcf7 form.init .wpcf7-response-output:empty { display: none; }

/* Search results (stands in for WordPress search). */
.gc-search { padding: 60px 0 100px; }
.gc-search h1 { margin-bottom: 0.5em; }
.gc-search ol { margin: 1.5em 0 0 1.2em; }
.gc-search li { margin-bottom: 1.4em; }
.gc-search li a { font-size: 1.25em; font-weight: 700; }
.gc-search li p { margin: 0.3em 0 0; }

/* Team page "Our Team" row (2026-10-27): heading plus three photos across, one per line on phones.
   Replaces the Cornerstone two-up row m2z-g. */
.gc-team-title-row > .x-row-inner > *,
.gc-team-row > .x-row-inner > * { flex-basis: calc(100% - clamp(0px, var(--gap), 9999px)); }
@media (min-width: 767px) {
  .gc-team-row > .x-row-inner > * { flex-basis: calc(33.333% - clamp(0px, var(--gap), 9999px)); }
}