/*
 * Calendar styling.
 */

/* FullCalendar Toolbar w/UI Buttons */

@media (max-width: 900px) {
  .fc-toolbar {
    flex-wrap: wrap;
  }

  .fc-toolbar > * {
    margin-top: 0.75em;
    margin-bottom: 1em;
  }

  .fc-toolbar .fc-center {
    width: 100%;
    order: -1;
  }
}

/* FullCalendar Heading [eg. May 2021] */

.fc-toolbar h2 {
  margin-bottom: 0 !important;
}

/* FullCalendar UI Buttons */

.fc-button-group {
  margin-left: -3px;
  margin-right: -3px;
}

.fc-button {
  margin-left: 3px;
  margin-right: 3px;
  transition: 0.2s ease-out;
}

.fc-button:not(:disabled) {
  background-color: #3469b3;
}

.fc-button:not(:disabled):hover {
  background-color: #2f5da1;
}

.fc-button:not(:disabled).fc-button-active {
  text-decoration: underline;
  background-color: white;
  color: #606060;
}

.fc-button-primary:disabled {
  background-color: #606060;
}

/* Table */

.fc table {
  margin-bottom: 0;
  font-size: 16px;
}

/* Table Headers */

.fc-day-header {
  background-color: #0f2234;
}

.fc-day-header > a,
.fc-day-header > span {
  display: block;
  padding: 1em 0.5em;
}

.fc-day-header > a:hover,
.fc-day-header > a:focus {
  color: white;
}

/* Row day labels */

.fc-day-top {
  text-shadow: none;
  font-size: inherit;
}