/***************
  Styles for the Daily Schedule table layout.
  Everything is specified by the .daily-schedule class to prevent interfering with other tables
***************/
table.daily-schedule {
  display: table;
  /* Allows adding a border as an unbroken line under a row */
  border: none;
  border-collapse: collapse;
  max-width: 100%;
  padding-left: 1.25rem;
}

@media only screen and (max-width: 800px) {
  .daily-schedule tr td.activity {
    padding-left: 1.25rem;
    padding-right: 0rem;
    padding-top: 0rem;
  }
  .daily-schedule td.activity-time {
    font-size: clamp(
    1rem,
    0.931rem + 0.222vw,
    1.125rem
  ); /* 17px */
    font-weight: 600;
    color: #83A348;
    padding-right: 0.313rem;
  }
  .daily-schedule tr td:first-child, .Day {
    padding-left: 0.313rem;
  }
  .daily-schedule .Day {
    background-color: #357266;
  }
  .daily-schedule td.Day {
    color: #FFFFFF;
    font-size: clamp(
    1.125rem,
    1.056rem + 0.222vw,
    1.25rem
  ); /* 19px; */
    padding-top: 0.188rem;
    padding-bottom: 0.188rem;
    margin-top: 0.625rem;
  }
  .hide-on-phones {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
} /* @media only screen and (max-width: 500px) */
.daily-schedule th {
  text-align: left;
}

.daily-schedule th:first-child {
  padding-left: 1.875rem;
}

.daily-schedule td {
  padding-top: 0.625rem;
}

.daily-schedule th:last-child {
  padding-left: 1.875rem;
}

.daily-schedule td:last-child {
  padding-right: 1.875rem;
}

.daily-schedule .day-padding {
  padding-bottom: 0.625rem;
}

.daily-schedule .tr-color1 {
  background-color: #f3e0c1;
}

.daily-schedule .tr-color2 {
  background-color: #f8e9d4;
}

.daily-schedule .Day {
  font-size: clamp(
    1.25rem,
    1.146rem + 0.333vw,
    1.438rem
  ); /* calc(20px + 0.390625vw);  */
  font-weight: 600;
  color: #A0C16D;
}

.daily-schedule tr td.activity-time {
  /* this specific width setting in rem keeps the time column to a minimum width so the pm does not wrap*/
  width: 8.75rem;
  font-size: clamp(
    1rem,
    0.931rem + 0.222vw,
    1.125rem
  ); /*  calc(14px + 0.390625vw);  */
  vertical-align: top;
  /*Maintain space between time and Activity column*/
  padding-right: 1.875rem;
  padding-left: 0.938rem;
}

/*# sourceMappingURL=daily-schedule.css.map */