.container.blog-post-list { margin: 0 0 3.1rem; }
.blog-post-list a::before { content: none;}
.blog-post-list article { margin: 0 0 4.2rem; padding: 0 1.8rem; }
.blog-post-list article.col-12-4.left a {
    display: block; height: 100%; background-color: var(--light-gray-1); border: 1px solid var(--light-gray-2); border-radius: 1rem; overflow: hidden; text-decoration: none;
}
.blog-post-list article figure { position: relative; background-color: #DCDEDC; height: 19.5rem; margin: 0 0 2.5rem; border-radius: 1rem 1rem 0 0; }
.blog-post-list article .item-box { display: flex; flex-direction: column; gap: 2.5rem; height: calc(100% - 22rem); padding: 0 3rem 2.5rem; }
.blog-post-list article .category-button {
    border-radius: 2rem; border: 1px solid currentColor; background: transparent; box-shadow: none; display: inline-flex; height: 2.2rem; padding: .5rem 1rem; margin: 0 1rem 0 0; justify-content: center; align-items: center; text-decoration: none; font-size: 1em; font-style: normal; font-weight: 800; line-height: 1.2em; text-transform: uppercase;
}
.blog-post-list article h2 { color: var(--header-2); font-size: 2.4rem; font-style: normal; font-weight: 600; letter-spacing: -1px; line-height: 1.2em; width: 100%; }
.paginationWP { position: absolute; left: -99999vw; opacity: 0; }
.blog-post-list article figure.featured__new__icon img { width: 24.7rem !important; height: 15rem !important; position: absolute; bottom: 50%; left: 50%; transform: translate3d(-50%, 50%, 0); object-fit: cover; object-position: center center; }
.blog-post-list article a:hover h2 { text-decoration: underline; }
@media only screen and (min-width: 768px) {
    .blog-post-list .row { max-width: 121rem; }
    .container.blog-post-list { margin: 0 0 6rem; }
    .blog-post-list article { margin: 0 0 3.5rem; padding: 0 1.75rem; }
    .blog-post-list article .item-box { padding: 0 3rem 2.5rem; }
    .blog-post-list article .category-button { margin: 0 1rem 0 0; }
    .blog-post-list article figure img { object-fit: contain; }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .blog-post-list .row { max-width: 94rem; }
}