.calendar th,
.calendar td {
  text-align: center;
}

.calendar-grid__day span {
  display: block;
  /* margin-bottom: 1em;; */
}

.calendar-grid__day {
  height: 2.8rem;
  padding: 0.7rem 0.3rem 0.3rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}
.calendar-grid__cell { 
  width: 14.28%;
  vertical-align: top;
  line-height: 0.33;
  text-align: center;
  word-break: break-all;
  position: relative;
  cursor: pointer;
  border: 1px solid rgb(249, 246, 246);
}

.cal-secondary {
  border-left: 2px solid rgb(249, 246, 246);
}

tr.mellow {
  display: none;
}

.tbody--primary tr:first-child td, .tbody--secondary tr:first-child td {
  border-top: 0px;
}

/* .tbody--primary tr:nth-child(5) {
  display: none !important;
} */

.tbody--primary tr:last-child td, .tbody--secondary tr:last-child td {
  border-bottom: 0px !important;
}

/* .calendar__jumptoday {
  position: absolute;
} */

/* .calendar-grid__cell--highlight {
  background: blue;
  color: white;
} */

.cal-secondary tbody {
  border-left: none !important;
}

.cal-secondary .calendar__prev {
  visibility: hidden;
}

.calendar__next, calendar__prev {
  cursor: pointer;
}

.calendar__next--single {
  visibility: visible !important;
}

.cal-primary .calendar__next {
  visibility: hidden;
}

.calendar-grid__cell:first-child {
  border-left: 0px;
}

.calendar-grid__cell:last-child {
  border-right: 0;
}

@media all and (max-width: 639px) {
  .cal-primary .calendar__next {
    visibility: visible;
  }
}

tr.calendar__tr th {
  font-weight: 200;
  
}

.min-calendar table {
  font-size: 12px;
}

.min-calendar thead {
  background-color: black !important;
}

[data-colour-scheme="dark"] {
  .calendar-grid__cell { 
    border: 1px solid rgba( 255, 255, 255, 0.05);
  }
  .cal-secondary {
    border-left: 2px solid rgba( 255, 255, 255, 0.05);
  }
}

[data-colour-scheme="dark"] .calendar__next,
[data-colour-scheme="dark"] .calendar__prev {
  filter: invert(100%);
}

.calendar__next {
  width: 30px;
  height: 30px;
  background: url('https://bc3-production-assets-cdn.basecamp-static.com/assets/icons/arrow-nav-forward-28c213c9f50770af215f29823f3852b98f31a1fe8a67836e3b19112f774d20d5.svg') right 0rem top 0rem no-repeat;
  background-size: 2rem;
}

.calendar__prev {
  width: 30px;
  height: 30px;
  background: url('https://bc3-production-assets-cdn.basecamp-static.com/assets/icons/arrow-nav-backward-b07fb8b3239521dabab46ee2657c029ad204361cf1f4e12f1cb44f74fcffb016.svg') right 0rem top 0rem no-repeat;
  background-size: 2rem;
}

.min-calendar td {
  border: none;
}

.bg-blue-600 .cell_has_events {
  background-color: white;
}

.min-calendar .calendar-grid__cell {
  height: 3em;
  width: 3em;
}

.cell--selected .cell_has_events {
  background: white;
}

[data-colour-scheme="dark"] .cell--selected .cell_has_events {
  background: black;
}

[data-colour-scheme="dark"] .cell--selected span,
[data-colour-scheme="dark"] .selected .cal_hours  {
  color: black !important;
}


/* tr.mellow {
  visibility: hidden;
  display: table-cell
} */

/* Remove left border for even-numbered .tr elements */
/* tr.mellow td:first-child {
  display: none !important;
} */

@media all and (min-width: 639px) {
  .schedules-wide .cal-primary .calendar__next,
  .schedules-wide .cal-secondary .calendar__prev {
    visibility: hidden;
  }
}

@media all and (max-width: 639px) {
  .cal+.cal {
    display: none;
  }
}