/* Recent Blog Posts */
.recent-blog-posts-wrap { padding: 4rem 0; }
.recent-blog-posts-wrap .container { max-width: 84rem; }
.recent-blog-posts-wrap .title-wrap { margin-bottom: 3rem; }

.recent-blog-post { width: 100%; display: flex; flex-direction: column; text-decoration: none; }
.recent-blog-post:hover { text-decoration: none; }
.recent-blog-post .recent-blog-img-wrap { overflow: hidden; width: 100%; aspect-ratio: 3 / 2; margin-bottom: 1.25rem; border-radius: 0 4rem 0 0; transition: all 0.25s ease-in-out; }
.recent-blog-post:hover .recent-blog-img-wrap { border-radius: 0 0 0 0; }
.recent-blog-post .recent-blog-img { width: 100%; height: 100%; object-fit: cover; }
.recent-blog-post .recent-blog-content span { font-size: 0.875rem; }
.recent-blog-post .recent-blog-title { font-family: var(--siteFont2), sans-serif; font-size: 1.875rem; }
@media (min-width: 1025px) {
  .recent-blog-post .recent-blog-img-wrap { border-radius: 0 5rem 0 0; }
}

.blog-swiper-post-title { margin: 0; font-size: 2rem; text-transform: capitalize; }
.blog-swiper-post-meta { display: flex; margin-bottom: 1rem; }
.blog-swiper-post-date,
.blog-swiper-post-category { font-size: 1.125rem; }
.blog-swiper-post-category:before { content: '\007C'; display: inline-flex; margin: 0 0.5rem; }
.blog-swiper-post-content:after { content: ""; display: block; clear: both; }
.blog-swiper-post-img { width: 100%; max-width: 10rem; height: auto; float: left; margin: 0.5rem 1rem 1rem 0; }
.blog-swiper-post-text { line-height: 1.75; }
.blog-swiper-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem; }
.blog-swiper-controls > .btn { padding: 0.75rem 2rem; background: transparent; box-shadow: 0 0 0 0.0625rem hsl(var(--white)); font-weight: var(--wBold); text-transform: uppercase; }
.blog-pagination.swiper-pagination { position: relative; z-index: 1; }
.blog-pagination .swiper-pagination-bullet { opacity: 1; width: 1rem; height: 1rem; background-color: hsl(var(--white)); border: 0.125rem solid hsl(var(--white)); }
.blog-pagination .swiper-pagination-bullet-active { background-color: hsl(var(--siteColor2)); }
@media (min-width: 1025px) {
  .recent-blog-posts-wrap { padding: 8rem 0; }
  .recent-blog-posts-wrap .title-wrap { margin-bottom: 5rem; }
}