/* 
Theme Name: Child of Barrel
Theme URI: http://magniumthemes.com/;
Description: Child theme based on Barrel
Author: Your Name
Version: 1.0
Template: barrel
*/
/* On cible les résolutions desktop intermédiaires et tablettes */
/* On cible la zone critique : tablettes et petits écrans desktop */
@media (max-width: 1200px) and (min-width: 768px) {
    
    /* 1. On s'assure que la ligne et la colonne de base sont en Flexbox */
    .grid-services-egaux {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .grid-services-egaux .vc_column_container,
    .grid-services-egaux .vc_column-inner {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    /* 2. LA CHAÎNE DE TRANSMISSION : On force le wrapper WPBakery, */
    /* TOUTES les div intermédiaires empilées, et le bloc "mg-" à prendre 100% de haut */
    .grid-services-egaux .wpb_wrapper,
    .grid-services-egaux .wpb_wrapper > div,
    .grid-services-egaux .wpb_wrapper > div > div,
    .grid-services-egaux .wpb_wrapper [class*="mg-"],
    .grid-services-egaux .wpb_wrapper [class*="mg-"] > div {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        height: 100% !important;
    }

    /* 3. On demande au pavé final de répartir joliment son texte et son image */
    .grid-services-egaux .wpb_wrapper [class*="mg-"] > div {
        justify-content: space-between !important;
    }
}