.dateWrapper {
  margin-top: var(--spacing-m);
}

.dateList {
  list-style: none;
  margin-top: var(--spacing-xs);
}

.date {
  display: inline-block;
  font-family: var(--font-serif);
  font-size: var(--font-size-body);
  position: relative;
  line-height: 1.2;
  margin: 0 2rem 1rem 0;
}

.time {
  width: 100%;
}

.day {
  display: block;

  &:first-letter {
    text-transform: capitalize;
  }
}

.hour {
  display: block;
}

.venue {
  font-style: italic;
}