/**
 * Divi Blog Grid Fix
 * Responsive CSS Grid layout with equal height articles
 */

.et_pb_blog_grid_wrapper .et_pb_salvattore_content {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.et_pb_blog_grid_wrapper .et_pb_salvattore_content > .column,
.et_pb_blog_grid_wrapper .et_pb_salvattore_content > div:not(.pagination) {
    display: contents !important;
}

.et_pb_blog_grid_wrapper .et_pb_salvattore_content article {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0;
}

.et_pb_blog_grid_wrapper article .et_pb_image_container {
    flex-shrink: 0;
}

.et_pb_blog_grid_wrapper article .et_pb_image_container img {
    width: 100%;
    height: auto;
    max-width: none;
}

.et_pb_blog_grid_wrapper article .post-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.et_pb_blog_grid_wrapper article .post-content-inner {
    flex-grow: 1;
}

@media (max-width: 980px) {
    .et_pb_blog_grid_wrapper .et_pb_salvattore_content {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .et_pb_blog_grid_wrapper .et_pb_salvattore_content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}