/* Events - Content */

.events-cont {

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

    .month {
      color: $primary-color;
      background: $secondary-color;
    }

    ul {

      li {
        color: $tertiary-color;

        a {
          color: $tertiary-color;
        }
      }
    }
  }


  .events-highlights {

    ul {

      li {
        color: $tertiary-color;
      }
    }
  }

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

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

    .articles-out {

      .box {
        color: $tertiary-color;
        background: $primary-color;

        &:hover,
        &:focus,
        &:active {
          color: $quaternary-color;
        }
      }
    }
  }


  @include media-breakpoint-down(md) {

    .events-articles {
      &:before {
        border-bottom: 19px solid $secondary-bg;
      }

      .articles-out {
        max-width: 100%;
        margin-bottom: 30px;

        .row {
          margin: 0 0 -10px 0;

          > div {
            padding: 0 0 10px 0;
          }
        }

        .box {

          &:hover,
          &:focus,
          &:active {
            color: $quaternary-color;
          }
        }
      }
    }
  }
}

/* Events list */
.event-list-wrapper{
  padding: 50px 0;

  .event-list{
    padding: 50px 50px 50px 0;
    @include media-breakpoint-down(lg){
      padding: 0;

      ul{
        padding: 0 20px;
      }
    }
  }

  .event-item.active, .owl-item.active .event-item{
    background: #B14100;

    .event-link:before{
      border-color: transparent #B14100 transparent transparent;
      @include media-breakpoint-down(lg){
        border-color: transparent transparent #B14100 transparent;
      }
    }
  }
}