/*
 * Hover-to-open for the Events menu.
 *
 * Webflow's dropdown treats data-hover as either/or: "true" opens on hover but
 * ignores clicks, "false" opens on click but ignores hover. The markup is set
 * to "false" so clicking and tapping work, and this adds hover back on top.
 *
 * Doing it in CSS rather than JS keeps it out of Webflow's event handling,
 * which fights synthetic hover events. Webflow applies its open-state styles
 * via .w--open, a class it only adds on click, so the hover rules below mirror
 * those declarations. If the dropdown is ever restyled in Webflow, re-export
 * and copy the new .dropdown-list.w--open values here.
 *
 * Guarded to devices with a real pointer: on touchscreens :hover can stick
 * after a tap, which would leave the menu stuck open.
 */
@media (hover: hover) and (pointer: fine) {
  /* mirrors .w-dropdown-list.w--open */
  .nc-menu.w-dropdown:hover > .w-dropdown-list {
    display: block;
  }

  /* mirrors .dropdown-list.w--open */
  .nc-menu.w-dropdown:hover > .dropdown-list {
    background-color: #0000;
    width: 230px;
    margin-top: 0;
    margin-left: -32px;
    padding-top: 21px;
    padding-left: 0;
    font-size: 18px;
  }
}

/*
 * Current-page link in the Events menu.
 *
 * Webflow tags the link for the page you are already on with .w--current
 * and paints it its stock blue (#0082f3), which belongs to no part of
 * this site's palette.
 *
 * This teal is taken from the artwork rather than invented: sampling the
 * Spring banner, its blue-green watercolour washes sit around hue 165
 * (#77C1AE, #9BD0BA). Those are far too pale for text on white, so this
 * holds that hue and drops the lightness until it is legible.
 *
 * Contrast on white is 4.65:1, which clears WCAG AA. Earlier passes tried
 * amber and yellow; both bottomed out near 1.6:1, where the letterforms
 * start to blur together. The weight is left normal because the contrast
 * now does that work on its own.
 *
 * The selector outranks Webflow's .w-dropdown-link.w--current on
 * specificity, so this holds even if the stylesheet load order changes.
 */
.w-dropdown-list a.w--current {
  color: #21836a;
}