.dateList {
  list-style: none;
  margin: 0 calc(var(--spacing-sitepadding)*-1) calc(var(--spacing-sitepadding)*2);
  padding: 0 var(--spacing-sitepadding);
  display: flex;
  gap: 1rem;
}

.date {
  font-family: var(--font-serif);
  font-size: var(--font-size-body);
  position: relative;
  line-height: 1.2;
  border-right: var(--border);
  padding-right: 1rem;

  &:last-child {
    border: none;
  }
}

.time {
  width: 100%;
}

.day {
  display: block;

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

.hour {
  display: block;
}

.venue {
  font-style: italic;
}