/* Keep the archive theme separate from the viewer and player layouts. */
.archive-page { margin:0; background:#fff; max-width:100%; }
.archive-page .archiveSearch { margin:0; }
.archive-page .archiveSearch input { box-sizing:content-box; }
.archive-page .archiveSearch button { font-family:inherit; line-height:16px; }
.archive-page .eciCal select { width:100px; }
.archive-page .monthTitle { display:block; width:100%; padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; text-align:center; }
.archive-page .eciEventResult { display:block; text-decoration:none; color:#000; }
.archive-page .eciEventResult:hover { color:#000; }
.archive-page .eciWrapperCalendar, .archive-page .eciWrapperList { clear:both; }
.archive-page [hidden] { display:none!important; }
.archive-page a:focus-visible, .archive-page button:focus-visible, .archive-page select:focus-visible { outline:2px solid #3c68a9; outline-offset:1px; }
.archive-page .tabs { display:flex; gap:4px; }
.archive-page .tabs [aria-selected=true] { font-weight:bold; }
.archive-page .layout-2 { display:flex; }
.archive-page .layout-2 .tabs { flex-direction:column; }
@media(max-width:600px) {
  .archive-page .eciWrapperCalendar .eciEvents { width:auto!important; margin-left:135px; }
  .archive-page .archiveSearch input { width:180px!important; }
  .archive-page #divArchiveSearchAndRSS { display:flex; flex-wrap:wrap; gap:8px; }
}