/* ================================================================
   Ajouts UFISC : compléments à combined.min.css
   ----------------------------------------------------------------
   Plan de la feuille :
   1. Contenu & composants
   2. Hiérarchie des titres (RGAA)
   3. Responsive
================================================================ */

/* ================================================================
   Contenu & composants
   ----------------------------------------------------------------
   Sommaire :
   - Citations natives
   - Frise chronologique
   - Listes Toolset
================================================================ */

/* Citations natives : auteur aligné sur le style figcaption du thème, sans retrait de paragraphe */
.rich-text blockquote cite {display: block; margin-top: 1rem; font-size: 1rem; font-style: normal; font-weight: 300; text-transform: uppercase; color: rgba(25,25,25,.66)}
.rich-text blockquote.wp-block-quote p {text-indent: 0}

/* Frise chronologique (remplace le bloc Spectra content-timeline, pastilles activées par frise.js) */
.rich-text .ufisc-frise {position: relative; margin: 3rem 0; padding-left: 64px}
.rich-text .ufisc-frise::before {position: absolute; top: 1rem; bottom: 0; left: 21px; width: 2px; background: #000; content: ""}
.rich-text .ufisc-frise-etape {position: relative; padding-bottom: 4.8rem}
.rich-text .ufisc-frise-etape:last-child {padding-bottom: 0}
.rich-text .ufisc-frise-date {margin-bottom: .6rem; font-size: 1.8rem; font-weight: 700}
.rich-text .ufisc-frise-etape h3 {margin-top: 0; margin-bottom: 1.5rem; font-size: 2.2rem; color: var(--color-pink)}

   /* Pastille : point noir (before), remplacé au défilement par l'icône burst de l'ancien bloc Spectra (after) */
.rich-text .ufisc-frise-etape::before {position: absolute; top: calc(-1rem + 11px); left: -53px; width: 22px; height: 22px; background: #000; border-radius: 50%; content: ""; transition: opacity .3s, transform .3s}
.rich-text .ufisc-frise-etape::after {position: absolute; top: calc(-1rem + 9px); left: -55px; width: 26px; height: 26px; background: var(--color-pink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M200.9 116.2L233.2 16.6C236.4 6.706 245.6 .001 256 .001C266.4 .001 275.6 6.706 278.8 16.6L313.3 123.1L383.8 97.45C392.6 94.26 402.4 96.43 408.1 103C415.6 109.6 417.7 119.4 414.6 128.2L388.9 198.7L495.4 233.2C505.3 236.4 512 245.6 512 256C512 266.4 505.3 275.6 495.4 278.8L392.3 312.2L445.2 412.8C450.1 422.1 448.4 433.5 440.1 440.1C433.5 448.4 422.1 450.1 412.8 445.2L312.2 392.3L278.8 495.4C275.6 505.3 266.4 512 256 512C245.6 512 236.4 505.3 233.2 495.4L199.8 392.3L99.17 445.2C89.87 450.1 78.46 448.4 71.03 440.1C63.6 433.5 61.87 422.1 66.76 412.8L119.7 312.2L16.6 278.8C6.705 275.6 .0003 266.4 .0003 256C.0003 245.6 6.705 236.4 16.6 233.2L116.2 200.9L4.208 37.57C-2.33 28.04-1.143 15.2 7.03 7.03C15.2-1.144 28.04-2.33 37.57 4.208L200.9 116.2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M200.9 116.2L233.2 16.6C236.4 6.706 245.6 .001 256 .001C266.4 .001 275.6 6.706 278.8 16.6L313.3 123.1L383.8 97.45C392.6 94.26 402.4 96.43 408.1 103C415.6 109.6 417.7 119.4 414.6 128.2L388.9 198.7L495.4 233.2C505.3 236.4 512 245.6 512 256C512 266.4 505.3 275.6 495.4 278.8L392.3 312.2L445.2 412.8C450.1 422.1 448.4 433.5 440.1 440.1C433.5 448.4 422.1 450.1 412.8 445.2L312.2 392.3L278.8 495.4C275.6 505.3 266.4 512 256 512C245.6 512 236.4 505.3 233.2 495.4L199.8 392.3L99.17 445.2C89.87 450.1 78.46 448.4 71.03 440.1C63.6 433.5 61.87 422.1 66.76 412.8L119.7 312.2L16.6 278.8C6.705 275.6 .0003 266.4 .0003 256C.0003 245.6 6.705 236.4 16.6 233.2L116.2 200.9L4.208 37.57C-2.33 28.04-1.143 15.2 7.03 7.03C15.2-1.144 28.04-2.33 37.57 4.208L200.9 116.2z'/%3E%3C/svg%3E") center / contain no-repeat; opacity: 0; content: ""; transform: scale(.5); transition: opacity .3s, transform .3s}
.rich-text .ufisc-frise-etape.ufisc-active::before {opacity: 0; transform: scale(.5)}
.rich-text .ufisc-frise-etape.ufisc-active::after {opacity: 1; transform: none}

/* ================================================================
   Hiérarchie des titres (RGAA)
   ----------------------------------------------------------------
   Sommaire :
   - Accueil : titres de section remontés de h3 à h2 (classe .col--title inchangée)
   - En-tête : libellés de volets (Recherche, Newsletter) passés de h7 à span.h7
   - Pied de page : titres de widgets passés de h7 à p.h7
   - Single membre : titres "Contact"/"Secteur(s)" remontés de h5 à h2
   - Single article/ressource/évènement : titre "Les ressources"/"Évènements liés" remonté de h7 à h2
================================================================ */

/* Accueil : titres de section remontés de h3 à h2, règles reportées de combined.min.css (sélecteurs h3.col--title) sur la classe */
.home .col--title {color: var(--color-grey)}
.news--bloc .col--title {margin-bottom: 20px}
.news--calendar .col--title, .news--col .col--title {border-bottom: 2px solid rgba(0,0,0,.075); padding: 0 20px 20px; margin-top: 30px; margin-left: -20px; margin-right: -20px}
.news--bloc .news--ufisc>.col--title {display: none}

/* En-tête : libellés "Recherche" et "Newsletter" des volets, passés de h7 à span.h7, règle reportée de combined.min.css (sélecteur #header .li--group h7) */
#header .li--group .h7 {display: none}

/* Pied de page : titres de widgets passés de h7 à p.h7, règles reportées de combined.min.css (sélecteurs #footer h7, #footer .svg--wraper+div h7) */
#footer .h7 {margin-top: 0}
#footer .svg--wraper+div .h7 {margin-bottom: 6px}

/* Single membre : titres "Contact"/"Secteur(s)" remontés de h5 à h2, règle reportée de combined.min.css (sélecteur .single-membre .item--text-link h5) */
.single-membre .item--text-link .h5 {color: #98958e}

/* Single article/ressource/évènement : titre "Les ressources"/"Évènements liés" remonté de h7 à h2, règles reportées de combined.min.css (sélecteur .item.detail .related--content>h7) */
.item.detail .related--content>.h7 {position: relative; padding: 5px 0 13px 50px; border-bottom: 2px solid rgba(0,0,0,.075)}
.item.detail .related--content>.h7:before {content: ""; background: url(../img/sprite_icon-01.svg) -5px -45px no-repeat; width: 30px; height: 30px; position: absolute; left: 0; top: 40%; margin-top: -15px}

/* Listes Toolset : fonction des membres de l'équipe en paragraphe (ex-h5 de classe h7) */
.equipe-membre.list p.h7 {margin: 0}
.equipe-membre.list p.h7 span {display: inline-block; font-size: 72%; line-height: 1.25}

/* ================================================================
   Responsive
================================================================ */

@media (min-width: 376px) {
   .news--bloc .news--ufisc>.col--title {display: block}
}

@media (min-width: 760px) {
   .news--calendar .col--title, .news--col .col--title {margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0}
   .news--calendar .col--title {padding: 0; margin-top: 0; border: none}
}

@media (min-width: 1280px) {
   .news--calendar .col--title, .news--col .col--title {margin-top: 0}
   .news--col .col--title {border-bottom: 2px solid rgba(0,0,0,.075); padding-bottom: 22px}
}

@media (prefers-reduced-motion: reduce) {
   .rich-text .ufisc-frise-etape::before, .rich-text .ufisc-frise-etape::after {transition: none}
}