/*
Theme Name: Palatio Child Theme
Theme URI: https://palatio.axiomthemes.com/
Description: Palatio is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.14.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: palatio
Template: palatio
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* ================================================================
 * Blogger widget: grid-template-columns fix (2026-05-29)
 * ThemeRex Addons only defines grid-template-columns for the
 * news_announce and news_magazine layouts. The portfolio_grid
 * layout (and any other grid layout) has no column rules, so the
 * CSS grid collapses to a single column regardless of configuration.
 * These rules fix that for columns 2-6.
 * ================================================================ */

.sc_blogger_grid_wrap.sc_blogger_grid_columns_2 { grid-template-columns: repeat(2, 1fr); }
.sc_blogger_grid_wrap.sc_blogger_grid_columns_3 { grid-template-columns: repeat(3, 1fr); }
.sc_blogger_grid_wrap.sc_blogger_grid_columns_4 { grid-template-columns: repeat(4, 1fr); }
.sc_blogger_grid_wrap.sc_blogger_grid_columns_5 { grid-template-columns: repeat(5, 1fr); }
.sc_blogger_grid_wrap.sc_blogger_grid_columns_6 { grid-template-columns: repeat(6, 1fr); }

/* Tablet landscape: cap 4–6 at 3 columns */
@media (max-width: 1024px) {
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_4,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_5,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_6 { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet portrait / large mobile: cap 3–6 at 2 columns */
@media (max-width: 767px) {
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_3,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_4,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_5,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_6 { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile: single column for all */
@media (max-width: 479px) {
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_2,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_3,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_4,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_5,
    .sc_blogger_grid_wrap.sc_blogger_grid_columns_6 { grid-template-columns: 1fr; }
}

/* ================================================================ end Blogger grid fix */
