table {
  margin: 0;
}

.fc-list-table th,
.fc-list-table th div,
.fc-col-header th {
  background-color: #003c71 !important;
}

.fc-list-table th a,
.fc-col-header th a {
  color: #ffcd00 !important;
}

.fc-list-event-graphic {
  display: none;
}

.event {
  display: flex;
  align-items: center;
  gap: 8px;
}

.event-icon {
  width: 30px;
}

/* Calender Key */

.calendar-key {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-bottom: 1em;
  text-align: center;
}

.key-item,
.key-item .icon,
.key-item .key {
  display: flex;
  align-items: center;
  gap: 8px;
}

.key-item img {
  width: 30px;
}

.key-item {
  margin: 10px;
}

.additional-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 1em;
  gap: 1em;
}

.fc-more-popover {
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
}

.calendar-links {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.calendar-links a {
  font-size: 0.83em;
}

.academic-calendar img {
  width: 40px;
  margin-right: 5px;
}

@media only screen and (max-width: 992px) {
  .fc-dayGridMonth-button,
  .fc-listWeek-button {
    display: none !important;
  }

  .key-item .icon,
  .key-item .key {
    display: block !important;
  }
}