.wce-posts-carousel-5 {
  > div article {
    > a {
      display: block;

      &:hover {
        text-decoration: none;
      }
    }

    .inner {
      padding: 30px 30px 0 30px;
      position: relative;
    }

    .thumbnail-wrapper {
      overflow: hidden;
      position: relative;

      img {
        width: 100%;
      }
    }

    .post-title {
      font-size: 16px;
      line-height: 20px;
      color: #000000;
      font-weight: 700;
      padding: 0px 0px 0px 0px;
      display: block;
      margin: 0;
      font-family: Montserrat;
      text-transform: uppercase;
      transition: color ease 0.4s;
    }

    .desc {
      font-size: 17px;
      line-height: 27px;
      color: #707070;
      font-weight: 400;
      display: inline-block;
      margin: 20px 0px 20px 0px;
      padding: 0px 0px 0px 0px;
      text-transform: capitalize;
    }

    .img_rollover {
      background: rgba(37,37,37,0.65);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      z-index: 5;
      text-align: center;
      opacity: 0;
      transition: all ease 0.3s;

      .dashicons {
        font-size: 16px;
        line-height: 22px;
        color: #ffffff;
        font-weight: 400;
        padding: 17px 17px 17px 17px;
        border-radius: 60px 60px 60px 60px;
        background: rgba(255,255,255,0.15);
        transition: all ease 0.7s;
        z-index: 6;
        display: block;
        opacity: 0;
        top: 1%;
        position: relative;
        width: 55px;
        height: 55px;
        margin: auto;

        &:hover {
          background: rgba(0,0,0,0.50);
        }
      }
    }

    &:hover {
      .img_rollover {
        opacity: 1;
        .dashicons {
          opacity: 1;
          top: 40%;
        }
      }

      .post-title {
        color: #ef0b0b;
      }
    }
  }


  .slick-next:before,
  .slick-prev:before {
    font-family: FontAwesome;
    font-size: 40px;
    // line-height: 1;
    color: #3b3b3b;
  }

  .slick-next:before {
    content: "\f105";
  }

  .slick-prev:before {
    content: "\f104";
  }
}
