@media (min-width:992px) {
        .container{width:960px}
}

.top-bar {
  /* background-color: #4B9CD3; */
  background-color: black;
}

.navbar-nav .nav-link {
  position: relative;
}

.navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.navbar-nav .nav-link:hover::before {
  transform: scaleX(1);
}

body {
  font-family: "Arial", sans-serif;
  font-weight: 400;
}

.navbar {
  font-family: "Arial";
  font-weight: 400;
}

h1 {
  /* font-family: "EB Garamond"; */
  font-family: "Arial", sans-serif;
}

h3.subtitle {
  /* font-family: "EB Garamond"; */
  font-family: "Arial", sans-serif;
}

.current {
  /* font-weight: 600; */
  color: #bfbfbf !important;
}

.not-current {
  /* font-weight: 600; */
  color: white !important;
}

a:not(.navbar a) {
  text-decoration: none;
  color: #0077b6;
}

a:hover:not(.navbar a) {
  /* Add a dotted border-bottom on hover */
  border-bottom: 2px dotted gray;
  color: #90e0ef;
}

table, th, td {
  /* border: 1px solid black; */
  border-collapse: collapse;
}

th {
  border: 1px solid black;
  text-align: center;
}

td {
  border: 1px solid black;
  position: relative;
  vertical-align: top;
  padding-top: 30px;
  padding-left: 5px;
}

.day {
  height:150px;
}

.day-number {
  position: absolute;
  top: 5px;
  right: 5px;
  color: gray;
}

.day-schedule {
  font-size: 14px;
}

.month {
  background-color: #1f3d7a;
  color: white;
}

td:nth-child(even), th:nth-child(even) {
  /* background-color: #c6e2f5; */
  background-color: #ffffc7;
}

.weekday {
  background-color: white !important;
}