/* Override bricklayer layout - single column for blog post previews */
/* This affects the blog post items inside the main content area, not the sidebar */

@media screen and (min-width: 980px) {
    .bricklayer-column-sizer {
        width: 100%; /* Changed from 50% to 100% - displays one blog post preview per row */
    }
}

/* Force single column layout for blog post previews */
.blog-listing .bricklayer {
    flex-direction: column;
    align-items: stretch;
}

.blog-listing .bricklayer-column {
    width: 100% !important;
    max-width: 100%;
}