.events-cont {
  .calendar-box {
    border: 3px solid $secondary-color;

    .month {
      background: $secondary-color;
    }
    .days ul li,
    ul li a {
      color: $fourth-color;
      &:hover {
         color: $fourth-color;
      }
    }

    ul li.gray-bg a {
      background: $secondary-bg;
      border: 3px solid $secondary-bg;
      &:hover {
        background: $secondary-bg;
      }
    }

    ul li{
      &.yellow-bg {
        a {
          background: $yellow;
        }
      }
      &.green-bg {
        a {
          background: $green;
          color: $primary-color;
          &:hover {
            color: $primary-color;
          }
        }
        .active {
          color: $primary-color;
        }
      }
      &.dark-green-bg {
        a {
          background: $green-dark;
          color: $primary-color;
          &:hover {
            color: $primary-color;
          }
        }
        .active {
          color: $primary-color;
        }
      }
      &.brown-red-bg {
        a {
          &:hover {
            color: $primary-color;
          }
        }
        .active {
          color: $primary-color;
        }
      }
      &.black-bg {
        a {
          &:hover {
            color: $primary-color;
          }
        }
        .active {
          color: $primary-color;
        }
      }
      &.turquoise-bg {
        a {
          &:hover {
            color: $primary-color;
          }
        }
        .active {
          color: $primary-color;
        }
      }
      &.magenta-bg {
        a {
          &:hover {
            color: $primary-color;
          }
        }
        .active {
          color: $primary-color;
        }
      }
      .blue-bg {
        a {
          background: #1DABEB;
        }
      }
      .brown-bg {
        a {
          background: #F17B24;
        }
      }
      .brown-red-bg {
        a {
          background: #b31117;
        }
      }
      a .txtsml {
        display: none;
      }
    }
  }
  .events-highlights ul li {
    color: $secondary-color;
    &.gray-bg:after {
      background: $secondary-bg;
    }
  }
  .events-articles {
    background: $secondary-color;
  }

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