.blog-listing-01 .blog-listing-01_content {
  min-height: 17rem;
  transition: all .5s ease;
}
.blog-listing-01 .blog-listing-01_content:hover {
  opacity: 1;
}
.blog-listing-01 .blog-listing-01_content:after {
  content: '';
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 95%,rgba(0,0,0,0.75) 100%);
  transition: all .5s ease;
}
.blog-listing-01 .blog-listing-01_content:hover:after {
  /*   opacity: 0; */
}

.blog-listing-01 .blog-listing-01_content img {
  transition: all 2s ease;
}
.blog-listing-01 .blog-listing-01_content:hover  img {
  transform: scale(1.1) rotateZ(2deg);
}

.blog-listing-01 .blog-listing-01_content p,
.blog-listing-01 .blog-listing-01_content h4 {
  transition: all .5s ease;
}
.blog-listing-01 .blog-listing-01_content:hover p {
  transform: translateY(-100%);
  opacity: 0;
}
.blog-listing-01 .blog-listing-01_content:hover h4 {
  /*   transform: translateY(100%);
  opacity: 0; */
}
@media (max-width: 1300px) {
  .blog-listing-01 .blog-listing-01_content {
    min-height: 15rem;
  }
}
@media (max-width: 991px) {
  .blog-listing-01 .blog-listing-01_content {
    min-height: 17rem;
  }
}

{# ========== Load More ========== #}
.blog-listing-01_load-more {
  transition: all .5s ease;
}
.blog-listing-01_load-more:hover {
  transform: translateY(-.3rem);
}

{# ========== Pagination ========== #}
{#
.blog-listing-01_pagination a,
.blog-listing-01_pagination a.blog-pagination_link--active {
  background: none;
  border: none;
  padding: 1rem;
  margin: 0;
  color: var(--primary);
}
.blog-listing-01_pagination a:hover {
  background: none;
  border: none;
  color: var(--primary);
}#}


/* Fade In Content */
.blog-listing-01 .blog-listing-01_inner-wrapper.display {
  transition: none !important;
}
.blog-listing-01 .blog-listing-01_inner-wrapper.display a.blog-listing-01_content {
  opacity: 0;
  -webkit-animation: blog-listing-01_fadein ease-in .5s;
  animation: blog-listing-01_fadein ease-in .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
@-webkit-keyframes blog-listing-01_fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes blog-listing-01_fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes blog-listing-01_fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}