/* Port corrections — hand-written, each one measured on live (1440 + 390) or standing
 * in for markup/JS the port does not carry. Scoped like 10-wp.css. */

/* Master Slider (one slide, layout "fullwidth", 1220×537, heightLimit, fillMode
 * "fill") → its image. Live: height = min(537px, width × 537/1220); the image
 * covers the box, centred (1440: 1440×634 at −49px; 390: 390×172). */
:where(html:has([data-tc-chrome])) .tc-hero-slide {
  position: relative;
  width: 100%;
  aspect-ratio: 1220 / 537;
  max-height: 537px;
  overflow: hidden;
}
:where(html:has([data-tc-chrome])) .tc-hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* flexslider carousel (Affiliations): what its JS set inline. itemWidth =
 * (viewport + 30)/4 − 30 at 4 columns (1440: 255px of a 1110px viewport); below
 * 768px one item fills the viewport (390: 270px). ul.slides is 800% wide. */
:where(html:has([data-tc-chrome])) .flexslider .flex-viewport {
  overflow: hidden;
  position: relative;
}
:where(html:has([data-tc-chrome])) .flexslider .flex-viewport > ul.slides {
  width: 800%;
  margin-left: 0;
  transition: transform 0.6s ease;
}
:where(html:has([data-tc-chrome])) .flexslider .flex-viewport > ul.slides > li {
  width: calc(3.125% - 22.5px);
  float: left;
  display: block;
}
@media only screen and (max-width: 767px) {
  :where(html:has([data-tc-chrome])) .flexslider .flex-viewport > ul.slides > li {
    width: 12.5%;
  }
}

/* Gravity Forms hides its honeypot row the same way. */
:where(html:has([data-tc-chrome])) .gform_wrapper .gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px;
}