/* Recent Blog Posts */
.recent-blog-posts-wrap { padding: 2.5rem 0 5rem; }
.recent-blog-posts-wrap .owl-item { padding: 0.5rem; }
.blog-carousel-slide { padding: 1rem; background: hsla(var(--white),75%); box-shadow: 0 0 0.25rem 0.125rem hsla(var(--black), 5%); }
.blog-carousel-post-text { display: flex; flex-direction: column; }
.blog-carousel-post-title { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 0.0625rem solid hsl(0,0%,85%); font-size: 2rem; text-transform: capitalize; }
.blog-carousel-post-title a { color: hsl(var(--siteColor7)); }
.blog-carousel-post-meta { display: flex; flex-direction: column; margin-bottom: 1rem; }
.blog-carousel-post-date,
.blog-carousel-post-category { font-family: var(--siteFont2), sans-serif; font-size: 0.875rem; color: hsl(var(--bodyFontColor)); }
.blog-carousel-post-content:after { content: ""; display: block; clear: both; }
.blog-carousel-post-img { width: 100%; max-width: 45rem; height: auto; float: left; margin: 0.5rem 1rem 1rem 0; }
.blog-carousel-post-text { line-height: 1.75; }
.blog-carousel-post-text h1, .blog-carousel-post-text .h1,
.blog-carousel-post-text h2, .blog-carousel-post-text .h2 { font-size: 1.75rem; }
.blog-carousel-post-text h3, .blog-carousel-post-text .h3 { font-size: 1.5rem; }

.recent-blog-posts-wrap .owl-nav { width: 100%; max-width: 25rem; display: flex; justify-content: space-between; align-items: center; margin: 1.5rem auto; }
.recent-blog-posts-wrap .owl-nav .owl-prev,
.recent-blog-posts-wrap .owl-nav .owl-next { width: 2.75rem; height: 2.75rem; padding: 0.75rem; background: hsl(var(--white)) !important; border: 0.125rem solid hsl(0,0%,85%) !important; border-radius: 50vw; box-shadow: 0 0 0 0.0625rem hsl(var(--white)); }
.recent-blog-posts-wrap .owl-nav .owl-prev img,
.recent-blog-posts-wrap .owl-nav .owl-next img { width: 0.875rem; height: auto; }
@media (min-width: 568px) {
  .blog-carousel-post-text { flex-direction: row; align-items: flex-start; }
  .blog-carousel-post-text .row { flex-direction: column; }
  .blog-carousel-post-text [class^=col] { flex-basis: 100%; max-width: 100%; }
  .blog-carousel-post-img { max-width: 10rem; }
}