/* RC12 Étape 5.3 — Hero Vie municipale uniquement */

/*
Le JS ajoute body.m12e53-vie-municipale uniquement sur la page Vie municipale.
Objectif :
- même respiration haute que Le Fugeret ;
- bandeau vert moins haut ;
- contenu aligné à gauche comme Le Fugeret ;
- pas de fil d'Ariane.
*/

body.m12e53-vie-municipale .mairie-vie-municipale-hero,
body.m12e53-vie-municipale .mairie-vie-hero,
body.m12e53-vie-municipale .vie-municipale-hero,
body.m12e53-vie-municipale .mairie-page-hero,
body.m12e53-vie-municipale .mairie-hero{
  margin-top:100px !important;
  min-height:370px !important;
  height:370px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:linear-gradient(135deg,#0f4d2f,#08391f) !important;
  color:#fff !important;
}

body.m12e53-vie-municipale .mairie-vie-municipale-hero > div,
body.m12e53-vie-municipale .mairie-vie-hero > div,
body.m12e53-vie-municipale .vie-municipale-hero > div,
body.m12e53-vie-municipale .mairie-page-hero > div,
body.m12e53-vie-municipale .mairie-hero > div{
  width:min(1120px,92vw) !important;
  margin:0 auto !important;
  padding-top:86px !important;
  padding-bottom:0 !important;
  text-align:left !important;
  box-sizing:border-box !important;
}

/* Neutralise le centrage éventuel appliqué par le shortcode Vie municipale */
body.m12e53-vie-municipale .mairie-vie-municipale-hero *,
body.m12e53-vie-municipale .mairie-vie-hero *,
body.m12e53-vie-municipale .vie-municipale-hero *,
body.m12e53-vie-municipale .mairie-page-hero *,
body.m12e53-vie-municipale .mairie-hero *{
  text-align:left !important;
}

body.m12e53-vie-municipale .mairie-vie-municipale-hero h1,
body.m12e53-vie-municipale .mairie-vie-hero h1,
body.m12e53-vie-municipale .vie-municipale-hero h1,
body.m12e53-vie-municipale .mairie-page-hero h1,
body.m12e53-vie-municipale .mairie-hero h1{
  color:#fff !important;
  font-size:clamp(3rem,7vw,6rem) !important;
  line-height:1 !important;
  margin:0 0 1.35rem !important;
  font-weight:800 !important;
}

body.m12e53-vie-municipale .mairie-vie-municipale-hero p,
body.m12e53-vie-municipale .mairie-vie-hero p,
body.m12e53-vie-municipale .vie-municipale-hero p,
body.m12e53-vie-municipale .mairie-page-hero p,
body.m12e53-vie-municipale .mairie-hero p{
  color:#fff !important;
  font-size:1.2rem !important;
  line-height:1.35 !important;
  margin:0 !important;
  max-width:900px !important;
  font-weight:400 !important;
}

/* Si Vie municipale affiche un chapeau en gras, on l'atténue pour éviter l'effet de 3 lignes massives */
body.m12e53-vie-municipale .mairie-vie-municipale-hero strong,
body.m12e53-vie-municipale .mairie-vie-hero strong,
body.m12e53-vie-municipale .vie-municipale-hero strong,
body.m12e53-vie-municipale .mairie-page-hero strong,
body.m12e53-vie-municipale .mairie-hero strong{
  font-weight:400 !important;
}

/* Pas de fil d'Ariane sur page principale */
body.m12e53-vie-municipale .mairie-breadcrumb{
  display:none !important;
}

@media(max-width:900px){
  body.m12e53-vie-municipale .mairie-vie-municipale-hero,
  body.m12e53-vie-municipale .mairie-vie-hero,
  body.m12e53-vie-municipale .vie-municipale-hero,
  body.m12e53-vie-municipale .mairie-page-hero,
  body.m12e53-vie-municipale .mairie-hero{
    margin-top:55px !important;
    min-height:290px !important;
    height:auto !important;
  }

  body.m12e53-vie-municipale .mairie-vie-municipale-hero > div,
  body.m12e53-vie-municipale .mairie-vie-hero > div,
  body.m12e53-vie-municipale .vie-municipale-hero > div,
  body.m12e53-vie-municipale .mairie-page-hero > div,
  body.m12e53-vie-municipale .mairie-hero > div{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
}