/* ============================================================
   albedoimagination.com  -  foglio di stile di Estelvo
   Scritto il 18/09/2026 su richiesta del professore e di Sharon.

   Vale SOLO sull articolo 9321 (Carmillismo), e per tornare
   indietro basta svuotare questo file.

   1) La sezione in cima aveva un velo sfumato sopra la copertina,
      dal grigio all arancione. Finche la copertina non arrivava
      si vedeva solo il velo, cioe una macchia marrone chiara che
      si notava scorrendo. Adesso sotto c e il bianco.
   2) Il titolo era scritto in bianco sopra la copertina, che pero
      il titolo ce l ha gia disegnato dentro. Tolto il doppione.
   3) I 18 titoli di sezione dell articolo sono scritti come H1, e
      il tema da agli H1 il colore bianco (--h1_typography-color)
      a 90px, perche sono pensati per stare sopra una copertina
      scura. Dentro un articolo su fondo bianco diventavano 18
      buchi vuoti per 7707 pixel di pagina, cioe quasi un terzo
      dell articolo. Qui prendono il colore e la misura che il
      tema da ai titoli di sezione.
      Questo articolo e l unico del sito fatto cosi, controllati
      tutti e 150 i post.
   4) Sul telefono la copertina era tagliata ai lati di un quarto,
      e il titolo sta disegnato DENTRO la foto, quindi si leggeva
      CARMILLISMO a meta. Adesso si vede intera.
   ============================================================ */

body.postid-9321 .fusion-fullwidth[data-bg-gradient] {
    background-color: #ffffff !important;
    background-image: url("https://www.albedoimagination.com/wp-content/uploads/2026/09/copertina-articolo.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.postid-9321 .fusion-fullwidth[data-bg-gradient] .fusion-title {
    display: none !important;
}

/* i titoli di sezione, che erano bianchi su bianco */
body.postid-9321 .fusion-content-tb h1 {
    color: #f55819 !important;
    font-size: clamp(21px, 4.4vw, 32px) !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    margin: 2.2em 0 0.45em !important;
}

/* il primo e il sottotitolo dell articolo, sta gia staccato dalle icone */
body.postid-9321 .fusion-content-tb h1:first-child {
    margin-top: 0.4em !important;
}

@media only screen and (max-width: 800px) {
    /* la copertina INTERA, che dentro ci sta scritto il titolo */
    body.postid-9321 .fusion-fullwidth[data-bg-gradient] {
        background-image: url("https://www.albedoimagination.com/wp-content/uploads/2026/09/copertina-articolo-1024x576.png") !important;
        background-size: contain !important;
        background-position: center top !important;
        aspect-ratio: 1672 / 941 !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}