.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,
    &.orange-bg,
    &.green-bg,
    &.gray-bg {
      &:before {
        font-size: $font-size-12;
        display: block;
        position: relative;
        top: -5px;
        background: none;
        white-space: nowrap;
      }
    }

    &.gray-bg:before {
      content: "Parc fermé";
    }

    &.green-bg:before {
      content: "Parc ouvert de 10h à 18h\A Attractions ouvertes de 10h30 à 17h30";
      white-space: pre-line !important;
    }

    &.blue-bg:before {
      content: "Parc ouvert de 10h à 18h30\A Attractions ouvertes de 10h30 à 18h";
      white-space: pre-line !important;
    }

    &.orange-bg:before {
      content: "Parc ouvert de 10h à 18h\A Attractions ouvertes de 10h30 à 17h30";
      white-space: pre-line !important;
    }
  }
}