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

    .month {
      background: $secondary-color;
    }

    .days ul li,
    ul li a {
      color: $black;

      &:hover {
        color: $black;
      }
    }

    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;
        }
      }

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

      .blue-bg {
        a {
          background: $secondary-color;
        }
      }

      .brown-bg {
        a {
          background: $third-color;
        }
      }

      .brown-red-bg {
        a {
          background: $red-dark;
        }
      }

      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;
    }
  }
}