/**
 * Masonry Styling
 */
.is-masonry .wp-block-post-template {
    display: block !important; /* Override default grid */
}

.is-masonry .wp-block-post-template > li {
    width: 50%; /* Default 2 columns */
    margin: 0 !important;
    padding: 10px;
    box-sizing: border-box;
}

/* Hide until masonry is ready to prevent jumping */
.is-masonry .wp-block-post-template:not(.masonry-ready) {
    opacity: 0;
}

.is-masonry .wp-block-post-template.masonry-ready {
    opacity: 1;
    transition: opacity 0.5s ease-in;
}

@media (max-width: 600px) {
    .is-masonry .wp-block-post-template > li {
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
}