.hestia-blog-featured-posts {
  padding: 0;
  article {
    &:nth-of-type(1) .card {
      margin-top: 0;
    }
    &:nth-child(6n) .btn {
      background-color: $color-success;
    }
    &:nth-child(6n+1) .btn {
      background-color: $color-primary-hover;
    }
    &:nth-child(6n+2) .btn {
      background-color: $color-info;
    }
    &:nth-child(6n+3) .btn {
      background-color: $color-danger;
    }
    &:nth-child(6n+4) .btn {
      background-color: $color-warning;
    }
    &:nth-child(6n+5) .btn {
      background-color: $color-rose;
    }
  }
}

.hestia-blog-featured-card {
  .card-background {
    text-align: center;
    &:after {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: block;
      left: 0;
      top: 0;
      content: "";
      background-color: rgba(0, 0, 0, .56);
      border-radius: 6px;
      opacity: 1;
    }

    .card-body {
      position: relative;
      z-index: 2;
      min-height: 280px;
      padding-top: 40px;
      padding-bottom: 40px;
      max-width: 440px;
      margin: 0 auto;

      .card-description {
        color: hsla(0, 0%, 100%, .7);
      }
      .category {
        a {
          color: hsla(0, 0%, 100%, .7);
        }
      }
    }
  }
  .card-body {
    padding: 15px 30px;
  }
  &.col-md-12 {
    .card-body {
      max-width: 750px;
    }
  }
}

@mixin featured-cards--tablet() {
  .hestia-blog-featured-posts {
    padding-top: 30px;
    .card-raised {
      margin: 30px 0;
    }
    .card-background .card-body {
      padding-top: 20px;
      padding-bottom: 20px;
      max-width: 100%;
    }
    .card-body {
      padding: 20px 15px;
    }
  }
}