.events-cont{
  .calendar-box .month{
    background: $secondary-color;
  }

  .calendar-box ul li {
    color: #606060;

    &.orange-bg a {
      background-color: transparent;
      border: 3px solid #f29100;

      &:hover {
        background: #f29100;
      }
    }
    &.turquoise-bg a {
      background-color: transparent;
      border: 3px solid #10a19a;

      &:hover {
        background: #10a19a;
      }
    }

    a{
      color: $black;

      .txtsml {
        display: none;
      }
    }
  }

  .events-highlights ul li {
    color: $black;

    &.dark-green-bg:before,
    &.brown-red-bg:before,
    &.orange-bg:before,
    &.yellow-bg:before,
    &.rose-bg:before,
    &.blue-bg:before {
      font-size: $font-size-14;
      display: inline-block;
      position: relative;
      top: 0;
      background: none;
      white-space: nowrap;
    }

    &.dark-green-bg:before{
      content: "Parc privatisé"; //add campaign titles here
    }
    &.brown-red-bg:before{
      content: "10h30 - 19h00"; //add campaign titles here
    }
    &.orange-bg:before{
      content: "10h30 - 18h00"; //add campaign titles here
    }
    &.yellow-bg:before{
      content: "10h30 - 18h00"; //add campaign titles here
    }
    &.rose-bg:before{
      content: "journées spéciales groupes scolaires"; //add campaign titles here
    }
    &.blue-bg:before{
      content: "10h30 - 17h00";
    }
  }

  .events-articles {
    background: $secondary-color;

    &:before {
      border-right: 19px solid $secondary-color;
      @include media-breakpoint-down(md){
        border-bottom: 19px solid $secondary-color;
        border-left: 24px solid transparent;
        border-right: 24px solid transparent;
      }
    }

    .articles-out .box {
      color: $black;
    }
  }
}