/* Réduire la hauteur du conteneur de la bannière sur ordinateur */
@media screen and (min-width: 48em) {
    .has-header-image.twentyseventeen-front-page .custom-header, 
    .has-header-image.home.blog .custom-header { 
        height: 28vh !important; 
    }
}
/* Bannière header du site */
/* Bannière header du site */
/* Bannière header du site */
/* Bannière header du site */
/* Bannière header du site */

/* Réduire la hauteur sur mobile et tablette */
@media screen and (max-width: 48em) {
    .has-header-image.twentyseventeen-front-page .custom-header, 
    .has-header-image.home.blog .custom-header { 
        height: 28vh !important; 
    }
}

/* Empêcher l'image d'être excessivement zoomée/recadrée */
.has-header-image .custom-header-media img {
    height: 100%;
    object-fit: cover;
    min-height: 0;
}



/* colonnes latérales */
/* colonnes latérales */
/* colonnes latérales */
/* colonnes latérales */
/* colonnes latérales */
/* colonnes latérales */

/* Pour encadrer la colonne de droite*/
#secondary {
    border: 2px solid #af2274; /* Crée la bordure (épaisseur, style, couleur) */
    padding: 25px; /* Ajoute de l'espace entre le cadre et le texte */
    border-radius: 12px; /* Arrondit les coins du cadre (optionnel) */
    box-sizing: border-box; /* Empêche le cadre de casser la mise en page */
    background-color: #ffffff; /* Fond blanc pour bien faire ressortir le texte (optionnel) */
}

/* Pour justifier le texte "Les élu·es Fatya... "sur la colonne de droite, et seulement lui*/
 .wp-elements-9a840c3b9345ac5fb0b913b0ad5592f9 {
    text-align: justify;
}



/* Réduit la marge sous chaque bloc de la colonne latérale */
.widget {
    margin-bottom: 10px !important; /* Ajustez selon vos goûts */
    padding-bottom: 0 !important;
}

/* Élimine aussi l'espace ajouté par les figures (images) dans les blocs */
.widget .wp-block-image {
    margin-bottom: 0 !important;
}


/* Pour cacher le titre de la page sur la page d'accueil */
.home .entry-header {
    display: none;
}

.single-featured-image-header {
    display: none !important;
}