.events-cont{

  .events-highlights {
    color: #000;
    ul li {
      &.yellow-bg {
        &:after {
          background: $yellow;
        }
      }

      &.green-bg {
        &:after {
          background: #445e4d;
        }
      }

      &.dark-green-bg {
        &:after {
          background: $green-dark;
        }
      }
    }
  }

  .row{
    align-items: center;
  }

  .calendar-box
  {
    background: white;
    border: none;
    .month, .events-articles {
      color: white;
      background: $secondary-bg;

      .nextmonth:after,
      .prevmonth:after {
        color: white;
      }
    }
    .days ul li,
    ul li a {
      color: #000;
    }

    ul li {
      color: #000;

      &.brown-bg a {
        background: none;
      }

      &.yellow-bg {
        a {
          background: none;
          border: 3px solid $yellow;

          &:hover{
            background: $yellow;
          }
        }
        .active {
          background: $yellow;
        }
      }

      &.green-bg {
        a {
          background: none;
          border: 3px solid $green;

          &:hover{
            color: $white;
            background: $green;
          }
        }
        .active {
          color: $white;
          background: $green;
        }
      }

      &.dark-green-bg {
        a {
          background: none;
          border: 3px solid $green-dark;

          &:hover{
            color: $white;
            background: $green-dark;
          }
        }
        .active {
          color: $white;
          background: $green-dark;
        }
      }

      &.blue-bg a {
        background: none;
      }

      &.brown-red-bg a {
        background: none;
      }

      &.turquoise-bg a {
        background: none;
      }

      &.rose-bg a {
        background: none;
      }

      &.magenta-bg a {
        background: none;
      }

      &.orange-bg a {
        background: none;
      }

    }


  }


  .events-articles{
    &:before{
      @include media-breakpoint-up(md){
        border-right: 19px solid $secondary-color;
      }
      @include media-breakpoint-down(md){
        border-bottom: 19px solid $secondary-color;
      }
    }

    .time .icon img {
      filter: invert(1);
    }
  }

  .events-articles h3{
    font-weight: $font-weight-normal;
  }

  .calendar-box .prevmonth:after, .calendar-box .nextmonth:after{
    color: $black;
  }
}

.event-list-wrapper
{
  .event-item
  {
    .event-link .icon {
      background: $tertiary-color;
    }
    .event-title {
      color: $tertiary-color;
    }
  }
}