/**
* Theme Name: Otello Child
* Description: This is a child theme of Otello.
* Author: <a href="https://neuronthemes.com">NeuronThemes</a>
* Template: otello
* Version: 1.0.0
*/


/* Applichiamo lo stile solo quando aggiungi la classe 'desktop-row' al blocco Colonne */

@media (max-width: 1023px) {
    .wp-block-columns {
        flex-direction: column !important; /* Forza la disposizione verticale */
        display: flex !important;
    }

    .wp-block-column {
        width: 100% !important; /* Ogni colonna occupa tutta la larghezza */
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px; /* Spazio verticale tra i blocchi su mobile */
    }
}

@media (min-width: 1024px) {
    .wp-block-columns {
        flex-direction: row !important; /* Forza la disposizione orizzontale */
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .wp-block-column {
        width: 25% !important; /* 4 blocchi fissi al 25% */
        flex-basis: 25% !important;
    }
}

.wp-block-columns.are-vertically-aligned-top{
    align-items:flex-start;
}