/**
 * ==========================================================================
 * GREEN RESOURCE INFORMATION — DIVI 5 BLOG GRID
 * ==========================================================================
 *
 * Corporation:       From Vision To Reality Inc.
 * Development:       Nuts and Bolts Coaching
 * File:              /css/blog.css
 * Created:           September 26, 2026
 * Last Updated:      September 26, 2026
 *
 * Purpose:
 * Corrects responsive column rendering for Divi 5 Blog Modules.
 *
 * Divi 5 correctly stores responsive Blog Module column settings in the
 * Visual Builder, but the published frontend may continue to output the
 * desktop --column-count value at tablet and phone widths.
 *
 * This file overrides only Divi Blog Module grid column counts. It does not
 * alter Divi rows, columns, cards, widths, floats, or other site layouts.
 *
 * Responsive Layout:
 * Desktop: Controlled by the individual Divi Blog Module
 * Tablet:  2 columns
 * Phone:   1 column
 *
 * ==========================================================================
 */


/* ==========================================================================
 * TABLET
 * ========================================================================== */

@media only screen and (max-width: 980px) {

    .et_pb_blog_posts.et_grid_module {
        --column-count: 2 !important;
    }

}


/* ==========================================================================
 * PHONE
 * ========================================================================== */

@media only screen and (max-width: 767px) {

    .et_pb_blog_posts.et_grid_module {
        --column-count: 1 !important;
    }

}