@import url(/common/2021/css/site.css);

nav.monthly .nav-link {
  padding: .2rem .6rem;
}

@media (max-width: 767.98px) { /* xs, sm */
  nav.monthly .nav-link {
    padding-left: .35rem; padding-right: .4rem;
  }
  @media (max-width: 575.98px) { /* xs */
    nav.monthly .nav-link {
      max-width: 1.3rem;
      font-size: .8rem; line-height: 1.2;
      padding-left: .15rem; padding-right: .15rem;
    }
  }
}

nav.monthly .nav-link.active {
  border-bottom: double 3px #0275c8;
}

article h1 {
  font-size: 2rem;
}

article section {
  margin-top: 2rem;
}

article h2 {
  font-size: 1.5rem;
}

article h2 a {
  font-size: 1rem;
}

article h2 a::before {
  content: "▶";
  margin-left: 1rem; margin-right: .3rem;
}

a.disabled {
  color: var(--bs-gray);
  pointer-events: none;
  cursor: default;
}

.event-list {
  margin-top: 1rem;
}

.event-list th {
  position: relative;
  width: 5.5rem;
  font-weight: normal;
  text-align: right; vertical-align: middle;
  white-space: nowrap;
}

.event-list th::before {
  width: 2rem;
  position: absolute; left: 0;
  content: "⭐";
}

.event-list th + td {
  width: 3rem;
  font-size: .8rem;
  text-align: center; vertical-align: middle;
  white-space: nowrap;
}

.event-list .sat,
.event-list .sat + td {
  color: var(--bs-blue) !important;
}

.event-list .sun,
.event-list .sun + td,
.event-list .hol,
.event-list .hol + td {
  color: var(--bs-red) !important;
}

.event-list tr.later {
  color: var(--bs-gray);
}

.event-list tr.later * {
  color: inherit !important;
}

#backnumber {
  border: solid 1px var(--bs-gray-400);
  border-radius: .3rem
}