/* Preserve the original Bootstrap grid, colors, typography and artwork. */
main img { max-width: 100%; height: auto; }
main iframe { max-width: 100%; }
a:focus-visible, button:focus-visible, select:focus-visible { outline: 2px solid #6c2126; outline-offset: 3px; }
.gallery-years, .gallery-years ul { list-style: none; padding-left: 12px; }
.gallery-years { padding-left: 40px; margin-bottom: 20px; }
.gallery-years [aria-current] { font-weight: bold; }
.meeting-pagination { min-height: 24px; margin-bottom: 50px; }
.img_wrap { display: inline-block; width: 120px; height: 120px; overflow: hidden; margin: 8px; text-align: center; vertical-align: top; }
.img_wrap img { height: auto; max-width: none; margin: 0 -100%; }
#photo-viewer { border: 0; background: transparent; color: white; width: 96vw; max-width: 1400px; padding: 48px; overflow: visible; }
#photo-viewer::backdrop { background: rgb(0 0 0 / 92%); }
#photo-viewer figure { margin: 0; text-align: center; }
#viewer-image { max-width: 100%; max-height: 78vh; width: auto; height: auto; }
#photo-viewer button { position: absolute; background: transparent; border: 0; color: white; font-size: 44px; cursor: pointer; line-height: 1; }
#photo-viewer [data-close] { top: 0; right: 8px; }
#photo-viewer [data-previous] { top: 45%; left: 0; }
#photo-viewer [data-next] { top: 45%; right: 0; }
.gallery-select { margin-bottom: 24px; }
@media (max-width: 767px) {
  main table { max-width: 100%; }
  #photo-viewer { padding: 36px 28px; }
}
/* Native archive navigation and mobile links also work without JavaScript. */
.gallery-select summary { color: #6c2126; cursor: pointer; }
.gallery-select ul { max-height: 280px; overflow-y: auto; padding-left: 24px; }
html:not(.js) .navbar-toggle { display: none; }
@media (max-width: 767px) {
  html:not(.js) .navbar-collapse.collapse { display: block; }
}
