/*
Theme Name: Divi Child
Theme URI: https://ladico/
Version: 1.0
Description: Child Theme of Divi
Author: ladico
Template: Divi
*/
@import url("../Divi/style.css");

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-VariableFont_wght.woff2') format('woff2-variations'),
         url('fonts/Jost-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* 1. Testi generici (Paragrafi, Span, Div e Link) */
.et_pb_text, 
.et_pb_text p, 
.et_pb_text span, 
.et_pb_text div,
.et_pb_text a,
.et_pb_blurb_content,
.et_pb_blurb_content p,
.et_pb_blurb_content span,
.et_pb_blurb_content div,
.et_pb_blurb_content a {
    font-weight: 300 !important;
}

/* 2. Titoli globali 'scorporati' senza !important regolabili a piacere */
h1, .et_pb_text h1, .et_pb_module_header { 
    font-weight: 700; 
    /* esempio di aggiunta: font-size: 32px; */
}
h2, .et_pb_text h2 { 
    font-weight: 500; 
}
h3, .et_pb_text h3 { 
    font-weight: 500; 
}
h4, .et_pb_text h4 { 
    font-weight: 500; 
}
h5, .et_pb_text h5 { 
    font-weight: 500; 
}
h6, .et_pb_text h6 { 
    font-weight: 500; 
}

/* 3. Elementi specifici (Gallerie e Breadcrumbs) */
.et_pb_gallery_title {
    font-weight: 500;
}
.et_pb_gallery_caption,
.et_pb_gallery_caption p,
.et_pb_breadcrumbs, 
.et_pb_breadcrumbs a,
.et_pb_breadcrumbs span {
    font-weight: 300 !important;
}

/* === Classi di eccezione ====================================================
   Inserire il nome della classe SOLO nel campo "Classe CSS" del modulo Divi
   (scheda Avanzate). NON usare il campo "ID CSS": l'ID non viene agganciato.
   Le regole agiscono sul TITOLO (h1-h6) interno al modulo, non sul contenitore:
   così il titolo cambia davvero e il paragrafo sotto non viene toccato.
   ========================================================================== */

/* Solo peso del titolo */
.font-light    h1, .font-light    h2, .font-light    h3, .font-light    h4, .font-light    h5, .font-light    h6 { font-weight: 300 !important; }
.font-regular  h1, .font-regular  h2, .font-regular  h3, .font-regular  h4, .font-regular  h5, .font-regular  h6 { font-weight: 400 !important; }
.font-medium   h1, .font-medium   h2, .font-medium   h3, .font-medium   h4, .font-medium   h5, .font-medium   h6 { font-weight: 500 !important; }
.font-semibold h1, .font-semibold h2, .font-semibold h3, .font-semibold h4, .font-semibold h5, .font-semibold h6 { font-weight: 600 !important; }
.font-bold     h1, .font-bold     h2, .font-bold     h3, .font-bold     h4, .font-bold     h5, .font-bold     h6 { font-weight: 700 !important; }

/* Sottotitoli: peso + dimensione (+ eventuale colore) combinati */
.h2-sottotitolo-light h1, .h2-sottotitolo-light h2, .h2-sottotitolo-light h3,
.h2-sottotitolo-light h4, .h2-sottotitolo-light h5, .h2-sottotitolo-light h6 {
    font-weight: 300 !important;
    font-size: 21px !important;
}
.h2-sottotitolo-bold h1, .h2-sottotitolo-bold h2, .h2-sottotitolo-bold h3,
.h2-sottotitolo-bold h4, .h2-sottotitolo-bold h5, .h2-sottotitolo-bold h6 {
    font-weight: 800 !important;
    font-size: 30px !important;
    color: #e65b1b !important;
}