.openingHoursSection {
  p {
    margin: 0 auto;
  }
}

.openingHoursList {
  margin: var(--spacing-section-bottom) 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--spacing-gap-column);
  row-gap: var(--spacing-gap-row);
  
}

.openingHoursSubsection {
  grid-column: span 4;
  padding: calc(var(--spacing-m)/1.75) calc(var(--spacing-m)/1.5) var(--spacing-m);
  background: var(--color-background-secondary);
  font-size: var(--font-size-caption);

  h3 {
    font-size: var(--font-size-body);
    margin: 0 0 1rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;

    &:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: .8em;
      height: .8em;
      margin-bottom: .16rem;
      border-radius: .8em;
      background: var(--color-goldenOrange);
      margin-right: .75rem;
    }
  }
}

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

@media (max-width: 1200px) {
  .openingHoursList {
    grid-template-columns: repeat(4, 1fr);
  }

  .openingHoursSubsection {
    padding: var(--spacing-s);
    h3 {
      margin-bottom: .5rem;
    }
  }
}