/* OutHistory site fixes: Bex's site review (Oct 20) and Marc's phone-view note (Oct 22).
   Loaded after style.css and mobile.css, so these rules win.
   Undo: remove 'site-fixes' from queue_css_file in common/header.php. */

/* Link pink #cf4997 failed contrast (4.2:1 on white, 3.2:1 on the aqua Events lists).
   #ae2e78 is the same hue, darker: 6.1:1 on white, 4.7:1 on aqua, 5.2-5.3:1 on the pale blue/lilac boxes. */
a,
.dropdown-content a,
.recent { color: #ae2e78; }

.navbar a:hover,
.dropdown:hover .dropbtn { background-color: #ae2e78; }  /* white menu text on it: 6.1:1 */

/* Skip link: hidden until a keyboard user tabs to it, then jumps past the menus to the page content. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 8px 16px;
  background: #fff;
  color: #ae2e78;
}
.skip-link:focus { left: 16px; top: 8px; outline: 3px solid #ae2e78; }
#contents:focus { outline: none; }

/* Exhibit page navigation (Marc, Oct 22, Queering the Bicentennial on a phone):
   "Table of Contents" was 14px next to 18px prev/next links, and on desktop the next link
   dropped onto its own line on pages with both a previous and a next link. One row on desktop
   (previous left, contents centre, next right); stacked on phones, all the same size. */
#exhibit .exhibit-page-navigation { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; }
#exhibit .exhibit-nav-prev,
#exhibit .exhibit-nav-contents,
#exhibit .exhibit-nav-next { display: block; width: auto; float: none; flex: 1 1 0; font-size: 18px; }
#exhibit .exhibit-nav-prev { text-align: left; }
#exhibit .exhibit-nav-contents { text-align: center; }
#exhibit .exhibit-nav-next { text-align: right; }
@media (max-width: 800px) {
  #exhibit .exhibit-nav-contents { order: -1; flex-basis: 100%; text-align: left; }
  #exhibit .exhibit-nav-prev,
  #exhibit .exhibit-nav-next { flex-basis: 100%; text-align: left; }
  #exhibit .exhibit-nav-prev:not(:has(a)),
  #exhibit .exhibit-nav-next:not(:has(a)) { display: none; }  /* first/last page: no empty line */
  #exhibit .exhibit-nav-prev,
  #exhibit .exhibit-nav-contents,
  #exhibit .exhibit-nav-next { font-size: 16px; }
}