/* Custom additions on top of the Webflow export. Keep small and focused. */

/* School Calendars dropdown in the overlay menu.
   Parent .h5.big-link.overlay-menu is 28px DM Serif Display.
   Sub-links sit a clear step down at 22px, same family, indented. */
.calendars-dropdown {
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
}
.calendars-dropdown > summary {
  list-style: none;
  cursor: pointer;
}
.calendars-dropdown > summary::-webkit-details-marker {
  display: none;
}
.calendars-dropdown > summary::after {
  content: "▾";
  display: inline-block;
  margin-left: 0.3em;
  font-size: 0.6em;
  vertical-align: middle;
  opacity: 0.55;
}
.calendars-dropdown[open] > summary::after {
  content: "▴";
}
.calendars-dropdown .overlay-menu-sub {
  display: block;
  padding-left: 1.6em;
  margin-top: 10px;
  font-family: "DM Serif Display", serif;
  font-size: 22px;
  line-height: 1.2;
  color: var(--primary);
  text-decoration: none;
  transition: color .2s;
}
.calendars-dropdown .overlay-menu-sub:hover {
  color: var(--tertiary);
}