/* Image fit override for HTML5UP Massively */
.posts article .image{display:block;width:100%;overflow:hidden;border-radius:0}
.posts article .image img{width:100%;height:240px;object-fit:cover}
@media (min-width:992px){.posts article .image img{height:220px}}

.post .image.main img{width:100%;height:auto;max-height:520px;object-fit:cover}

/* Ensure any uploaded very large images never overflow the content width */
img{max-width:100%;height:auto}

/* Overlay title on image */
.posts article .image.image-overlay{position:relative}
.posts article .image.image-overlay .overlay-title{position:absolute;left:0;right:0;top:0;padding:12px 16px;color:#fff;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.35);background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,0))}

/* Make detail button bottom-aligned within article */
.posts article{display:flex;flex-direction:column}
.posts article .actions{margin-top:auto}