/*
 Theme Name:   L'Obiettivo
 Theme URI:    https://farweb.it/
 Author:       Farweb
 Author URI:   https://wwww.farweb.it
 Version:      1.0.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 Text Domain:  obiettivo
*/

@media (max-width: 991px) {
    #bs-col-2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: var(--wp--preset--spacing--40);
    }
}
@media (max-width: 767px) {
    #icona-bs {
        width: 260px;
        margin: auto;
    }   
}   
@media (min-width: 782px) {
    #mappa {
        margin-left: 40px;
    } 
}   
@media (max-width: 991.98px) {
    #bs-cols, #servizi-cols {
        flex-direction: column;
    }
    #bs-col-1 { order: 1; }
    #bs-col-2 { order: 3; }
    #bs-col-3 { order: 2; }
    
    #servizi-col-1 { order: 2; }
    #servizi-col-2 { order: 1; }
    #servizi-col-3 { order: 3; }   
}     
@media (max-width: 781px) {
    #storie-col-1, #home-col-1 { order: 2; }
    #storie-col-2, #home-col-2 { order: 1; }  
    
    #home-col-1 h1.is-style-font-caveat { text-align: center; font-size: clamp(1.8rem, 2rem + ((1vw - 0.2rem) * 2.88), 3rem); }
    #home-col-1 h1.is-style-font-bebas-neue { text-align: center; font-size: clamp(1.8rem, 2rem + ((1vw - 0.2rem) * 2.88), 3rem); }
}  

/* Metti in pausa tutte le animazioni SVG di default */
.wp-block-outermost-icon-block svg * {
    animation-play-state: paused !important;
}
/* Quando il wrapper riceve la classe .is-visible, le fai partire */
.wp-block-outermost-icon-block.is-visible svg * {
    animation-play-state: running !important;
}

#mappa .geomap-block-wrapper {
    line-height: 1;
    height: 400px;
}