/* Shared navigation for all pages. */
.site-menu { position: relative; z-index: 50; text-align: left; }
.site-menu .nav-link { color: #222; font: inherit; white-space: nowrap; }
.site-menu button.nav-link { background: none; border: 0; }
.site-menu .navbar-toggler { color: #222; }
.site-menu .dropdown-menu { min-width: 13rem; padding: .5rem; border: 1px solid #ddd; border-radius: .6rem; background: #fff; box-shadow: 0 8px 24px #0002; }
.site-menu .dropdown-item { padding: .6rem .75rem; border-radius: .3rem; color: #222; text-align: left; }
.site-menu .dropdown-item:hover, .site-menu [aria-current="page"] { background: #eee; color: #111; }
.site-menu .upcoming { display: flex; justify-content: space-between; gap: 1.5rem; color: #666; cursor: default; }
.site-menu .upcoming small { font-size: .7em; align-self: center; }
.site-menu .upcoming:hover { background: transparent; color: #666; }
.site-menu a:focus-visible, .site-menu button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.home-page .site-menu .navbar-toggler { color: #fff; }
.home-page .site-menu .dropdown-menu { background: rgba(19,26,67,.96); border-color: #ffffff40; }
.home-page .site-menu .dropdown-item { color: #fff !important; text-shadow: none; }
.home-page .site-menu .dropdown-item:hover { background: #ffffff20; }
.home-page .site-menu .upcoming { color: #d0d2dd; }
.home-page .site-menu .upcoming:hover { background: transparent; }
@media(max-width:1199px) {
 .site-menu .navbar-nav { padding: .75rem 0; align-items: stretch; }
 .site-menu .nav-link { padding: .65rem .5rem; text-align: left; width: 100%; }
 .site-menu .dropdown-menu { position: static; box-shadow: none; margin: .2rem 0 .5rem; }
}
@media(max-width:575px) {
 .site-menu .navbar-brand { display: flex; align-items: center; font-size: 1rem; margin-right: .25rem; }
 .site-menu .navbar-brand img { max-height: 32px; }
 .site-menu .navbar-toggler { padding: .25rem; }
}
