.events-cont .events-articles {
  li:before {
    top: 10px;
  }

  .articles-out h4 {
    font-size: 1.375rem;
  }
}

.events-cont{
  .events-highlights ul li{
    /* colors for the key are set here. times are hidden for drayton manor in the Month.html partial. */
    &.blue-bg, &.yellow-bg{
      &:before{
        font-size: $font-size-12;
        display: block;
        position: relative;
        top: -5px;
        background: none;
        white-space: nowrap;
      }
    }
    &.yellow-bg:before{
      content: "Off Peak: Quieter Period (Feature rotation may be in operation)";
    }
    &.blue-bg:before{
      content: "Peak Periods: Busier Periods (Session Control may be in operation)";
    }
  }
}