/*
 * site.css — our own rules, loaded AFTER the captured theme so they win.
 * Keep this small: the captured CSS is the design of record. [DEC-110]
 */

/*
 * Slider arrow placement. [DEC-194]
 *
 * Slick's default is top:50%, which centres the arrow on the TRACK — and the track is as tall as
 * the TALLEST slide. Measured on /miami/classes/adults the reviews run 227px to 744px, so the
 * arrows landed 360px down, level with the middle of the longest review and near the bottom of
 * every short one. With adaptiveHeight they also moved as slides rotated.
 *
 * Cenay's call: pin them a fixed distance from the top of the slider instead. The arrow is then
 * always in the same place, always in the upper reading area, and never has to be hunted for.
 *
 * A single custom property so the value is stated once and can be overridden per widget.
 */
:root {
  --slider-arrow-top: 200px;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  top: var(--slider-arrow-top);
}