/* Event pages used to have a compact, one-line footer. The shared footer
   replaces it at runtime, so reset only those old broad footer rules here. */
body > footer.site-footer {
  display: block;
}

body > footer.site-footer a {
  margin: 0;
}

@media (max-width: 580px) {
  body > footer.site-footer .footer-grid + .footer-bottom {
    margin-top: 7px;
  }
}

/* Event list card navigation and mobile fee spacing. */
.event-card[data-event-url] { cursor: pointer; }
.event-card[data-event-url]:focus-visible { outline: 3px solid #76b9d1; outline-offset: 3px; }
@media (max-width: 580px) {
  .event-topline { justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; }
  .event-card[data-event-date="2018-08-14"] .event-topline .fee-pill { flex-basis: 100%; width: fit-content; }
}