/* This file is used as dependency in:
../../templates/blog-listing.html */

.pwr-blog-listing {
  background-color: var(--clr-blog-listing-background);
  padding-top: 50px;
  position: relative;
  z-index: 0;
}

.pwr-blog-listing--author-page {
  background-color: var(--clr-blog-author-background);
  padding-top: 0;
}

.pwr-blog-listing__content {
  padding-bottom: 70px;
}

.pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) {
  width: calc( 50% - 20px );
}

.pwr-blog-listing:not(.pwr-blog-listing--author-page) .pwr-post-item__content {
  background-color: var(--clr-base-lt);
}

.pwr-blog-pagination {
  padding-bottom: 80px;
  text-align: center;
}

.pwr-blog-pagination--1col.page-center.pwr--align-l {
  max-width: 815px;
}

/* .pwr-blog-pagination #pwr-btn-load-more {
margin-top: 40px;
} */
span.pwr-post-item__n-min-read
Specificity: (0,1,1)
 {
    text-transform: uppercase;
}
.pwr-blog-pagination__btn {
  background-color: var(--clr-btn-lt);
  border-radius: var(--br-btn);
  color: var(--clr-btn-txt-dk);
  display: inline-block;
  font-family: var(--ff-btn);
  font-size: 13px;
  font-weight: 700;
  margin: 0 10px;
  padding: 20px 26px;
  text-transform: var(--tt-link);
}

.pwr-blog-pagination__btn:hover {
  color: var(--clr-btn-primary);
}

.pwr-blog-pagination__btn:focus {
  color: var(--clr-btn-primary);
}

.pwr-blog-pagination__btn--disabled {
  cursor: default;
  opacity: .5;
}

.pwr-blog-pagination__btn--disabled:hover {
  color: var(--clr-btn-txt-dk);
}

.pwr-blog-pagination__btn--disabled:focus {
  color: var(--clr-btn-txt-dk);
}

@media (max-width: 991px ) {
  .pwr-blog-listing__sidebar {
    display: none;
  }

  .pwr-blog-listing__posts--sidebar {
    width: 100%;
  }

  .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) {
    width: calc( 50% - 20px );
  }
}

@media (max-width: 767px ) {
  .pwr-blog-listing__content .pwr--neg-margin-lr-10 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .pwr-blog-listing__posts--sidebar .pwr-post-item:not(.pwr-post-item--1col) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .pwr-blog-listing__content {
    padding-bottom: 10px;
  }
  .pwr-blog-pagination {
    padding-bottom: 40px;
  }

}