/* Blog post widget adjustments ==============
Use on pages that list The Morning Bell latest blog posts in 3 columns.
First developed for Summer 101, but that page does not use separate CSS file. 

Blog Post widget
- List settings > List template > Blog post list title only with image
- Use limit 3
- More options > CSS classes > 'd-md-flex gap-2 my-2' (adjust gap and margin as needed)
- Single item settings > Selected existing page > needed to fix the URLs for blog posts
*/
.d-md-flex.sideBlogColumn > div {flex: 1;}
.d-md-flex.sideBlogColumn img.sideBlogColumnImage {
    aspect-ratio: 40 / 21;
    object-fit: cover;
}
.d-md-flex.sideBlogColumn .blogTitleAndSummary {
    margin-top: 0.325rem;
}
.d-md-flex.sideBlogColumn .blogTitleAndSummary h3.more {
    font-size: 1.6rem;
    letter-spacing: normal;
}
.d-md-flex.sideBlogColumn .blogTitleAndSummary h3.more::after {
    content:"";
    margin:0;
    border:none;
}