/* CSS Document */
/**
 * This file is part of AKB - CALIBANO MODULE
 * @package     AKB Project - AKB Calibano Custom Grid
 * @version		1.1.0
 * @author		Andrea Bini
 * @copyright 	Copyright (C) 2023-2024 Andrea Bini - AKB 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
*/

.akbcalibano-grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.akbcalibano-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.akbcalibano-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.akbcalibano-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.akbcalibano-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.akbcalibano-grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
/* E così via per ogni numero di colonne che supporti */



.akbcalibano-grid {
    display: grid;
    gap: 16px;
    /* Aggiungi altri stili per la griglia qui, come margini o allineamento */
}

@media (max-width: 970px) {
    .akbcalibano-grid {
        grid-template-columns: 1fr; /* Imposta la griglia su una sola colonna */
    }
}


.akbcalibano-block {
    /* Stili per i singoli blocchi */
    background: #fff; /* Sfondo bianco per i blocchi */
    transition: box-shadow 0.3s ease;

    /* Allineamento del contenuto */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.akbcalibano-block img {
    max-width: 100%;
    height: auto;
    display: block;
}

.akbcalibano-title {
    padding: 6px 12px;
}