/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.blog-list-item-image { width: 100%; height: auto; max-width: 340px; }

.element-recent-blog-post h5 { position: absolute; bottom: 2rem; padding: 0.2rem .5rem; margin: 0 1rem; color: #fff; line-height: 1.6; }

.element-recent-blog-post h5 > * { background-color: #00b683; -webkit-box-shadow: 0.5rem 0 0 #00b683, -0.5rem 0 0 #00b683; box-shadow: 0.5rem 0 0 #00b683, -0.5rem 0 0 #00b683; }

@supports ((-webkit-box-decoration-break: clone) or (box-decoration-break: clone)) { .element-recent-blog-post h5 { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
  .element-recent-blog-post h5 > * { background-color: #00b683; -webkit-box-shadow: none; box-shadow: none; -webkit-box-decoration-break: clone; box-decoration-break: clone; } }

.element-recent-blog-posts-overlay:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.2))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); content: ' '; }

@media (min-width: 576px) { .blog-list-items > :nth-child(odd) { border-right: solid 1px #e7e7e7; }
  .blog-list-items > :last-child { border-right: 0; } }

@media (min-width: 768px) { .blog-list-items > :nth-child(odd) { border-right: inherit; }
  .blog-list-items > :nth-child(3n + 1), .blog-list-items > :nth-child(3n + 2) { border-right: solid 1px #e7e7e7; }
  .blog-list-items > :last-child { border-right: 0; } }
/*# sourceMappingURL=blog.css.map */