/* CSS Document */
/**
 * This file is part of AKB - KYLA MODULE
 * @package     AKB Kyla Grid Editor
 * @version     2.0.1
 * @author      AKB srlcr - Andrea Bini
 * @copyright   (C) 2024 Andrea Kozul Bini s.r.l.c.r.
 * @license     GNU/GPLv2 http://www.gnu.org/licenses/gpl-2.0.html 
 * @link        http://www.akbproject.com
 * Email:       info@akbproject.com
*/

.AKBkyla-grid {
    display: grid;
}

.AKBkyla-cell {
}

.AKBkyla_module_description_top, .AKBkyla_module_description_bottom {
    padding: 12px
}

.AKBkyla_module_description_top {
}

.AKBkyla_module_description_bottom {
}

.grid-cols-1 { grid-template-columns: 1fr; }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

@media screen and (max-width: 960px) {
    .grid-cols-1, .grid-cols-2, .grid-cols-3, .grid-cols-4, .grid-cols-6 {
        grid-template-columns: repeat(1, 1fr) !important; /* Rende la griglia responsiva su schermi piccoli */
    }

    .AKBkyla-cell {
        padding: 12px !important; 
    }

    .AKBkyla_module_description_top, .AKBkyla_module_description_bottom {
        padding: 12px !important;
    }
}