/* "Helgens tidsplan" page. Header, footer, fonts and colours come from
   ../theme.css; this file only styles the schedule itself. */

.schedule {
  max-width: 43em;
  margin: 0 auto;
  font-family: var(--font-serif);
}

.schedule-day-title {
  font-family: var(--font-garland);
  font-size: 1.975em;
  line-height: 1.2;
  text-align: center;
  margin: 1.68em 0 0;
  color: var(--color-text);
}

.schedule-event {
  display: grid;
  grid-template-columns: 4.92em 1fr;
  align-items: baseline;
  padding-left: 4.25em;
  margin-top: 2.43em;
}

.schedule-day-title + .schedule-event {
  margin-top: 1.79em;
}

.schedule-time {
  font-size: 1.65em;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}

.schedule-day .schedule-title {
  font-family: var(--font-serif);
  font-size: 1.65em;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
  color: var(--color-text);
}

.schedule-description,
.schedule-info {
  font-size: 1.32em;
  line-height: 1.23;
  margin: 0.55em 0 0;
}

.schedule-description {
  font-style: italic;
  margin-top: 0.6em;
}

@media (max-width: 700px) {
  .schedule-event {
    grid-template-columns: 4.2em 1fr;
    padding-left: 0;
  }

  .schedule-time,
  .schedule-day .schedule-title {
    font-size: 1.3em;
  }

  .schedule-description,
  .schedule-info {
    font-size: 1.1em;
  }
}