.blog-list .post {
  padding: 3.87rem 0;
  border-top: 1px solid #707070;
  padding: 2.21rem 0;
}
.blog-list .post:last-child {
  border-bottom: 1px solid #707070;
}
.blog-list .post .img-col {
  padding-right: 10.56rem;
}
@media screen and (max-width: 960px) {
  .blog-list .post .img-col {
    padding-right: 0;
    margin-bottom: 1.42rem;
  }
}
.blog-list .post .img-col img {
  display: block;
  aspect-ratio: 1.46;
  object-fit: cover;
  object-position: center;
  width: 27.56rem;
}
@media screen and (max-width: 960px) {
  .blog-list .post .img-col img {
    width: 100%;
  }
}
.blog-list .post .content-col {
  --bleed: 1.62rem;
}
@media screen and (max-width: 960px) {
  .blog-list .post .content-col {
    --bleed: 0.35rem;
  }
}
.blog-list .post .content-col .info-col {
  max-width: 43.75rem;
}
@media screen and (max-width: 960px) {
  .blog-list .post .content-col .info-col {
    max-width: 100%;
  }
}
.blog-list .post .content-col .info-col .title {
  text-transform: uppercase;
  margin-bottom: 1.68rem;
}
@media screen and (max-width: 960px) {
  .blog-list .post .content-col .info-col .title {
    margin-bottom: 0.96rem;
  }
}
.blog-list .post .content-col .info-col .excerpt {
  margin-bottom: 3.06rem;
  max-width: 34.62rem;
}
@media screen and (max-width: 960px) {
  .blog-list .post .content-col .info-col .excerpt {
    margin-bottom: 1.75rem;
    max-width: 100%;
  }
}

.no-posts-message {
  display: none;
  text-align: center;
  margin-top: 1.87rem;
}
.no-posts-message.no-posts {
  display: block;
}
@media screen and (max-width: 960px) {
  .no-posts-message {
    margin-top: 1.42rem;
  }
}

.load-more-wrapper {
  margin-top: 3.12rem;
}
@media screen and (max-width: 960px) {
  .load-more-wrapper {
    margin-top: 2.14rem;
  }
}
.load-more-wrapper .load-more.hidden {
  display: none;
}