/******************************************************/
/*                     families                       */
/******************************************************/
.avenir {
    font-family: "Avenir LT Std", sans-serif !important;
}
.fira-sans {
    font-family: "Fira Sans", sans-serif !important;
}
.helvetica {
    font-family: "Helvetica Neue", sans-serif !important;
}
.nimbus {
    font-family: "Nimbus Sans L", sans-serif !important;
}
.roboto {
    font-family: "Roboto", sans-serif !important;
}


/******************************************************/
/*                     weight                         */
/******************************************************/
.f-light,
.brand-cer .titolo-h1 h1,
.brand-cir .titolo-h1 h1,
.brand-ser .titolo-h1 h1,
.brand-cir #cruscotto #ricerca .scritta-apri p,
.brand-cir #cruscotto #ricerca .vedi-tutte a,
.brand-cer #ricerca .scritta,
.brand-cer [class*=titolo-crusco-hp-],
.brand-cer .city .foto h3 ~ p,
.brand-cer .news_hp_cercom > section .tassonomie span,
.slug-home-ser .titolo-crusco-hp-ser,
.brand-ser .titolo-progetti-hp-ser,
.brand-ser .titolo-news-hp-ser,
.brand-ser .cine-progetti .titolo span,
.brand-ser .cine-news .titolo span,
#collezioni .pulsante-spec span,
.slug-collezione .sommario .totale,
.slug-collezione .titolo-tacca-selezionata,
.slug-collezione .titolo-decori-per-spessore-collezia,
.slug-collezione .titolo-pezzi-per-spessore-collezia,
.slug-collezione .titolo-correlate-collezia h2,
.slug-collezione .titolo-potrebbe-collezia h3,
.slug-collezione .pulsante-spec span,
[class*=slug-contatti] [id*=contact-form] form,
[class*=slug-contatti] [id*=contact-form] p,
[class*=slug-contatti] [id*=contact-form] .first-col,
[class*=slug-contatti] [id*=contact-form] .second-col,
[class*=slug-contatti] [id*=contact-form] .marketing-consent,
[class*=slug-contatti] [id*=contact-form] .privacy-policy-consent,
body.slug-profilo-cer h2,
body.slug-profilo-cer p,
body.slug-profilo-cir h2:not(.cir-yellow),
body.slug-profilo-cir p,
.descrizione-progetto p,
[class*=slug-soluzioni-tecniche-] .primo-grosso .titolo-e-testo > p {
    font-weight: 100 !important;
}
.f-normal,
.brand-romani .titolo-h1 h1,
.brand-ist .titolo-h1 h1,
#progetti .luogo-proj,
.brand-cer .news_hp_cercom > section .leggi-tutto p::before,
.brand-ist section.cine-progetti-hp-ist .titolo-e-testo .titolo > span,
.brand-ist section.cine-progetti-hp-ist .leggi-tutto::before,
.brand-ist section.cine-news-hp-ist .titolo-e-testo .titolo > span,
body.slug-profilo-ist h2,
body.slug-profilo-ist p,
body.slug-profilo-ser p {
    font-weight: normal !important;
}
.f-bold,
.brand-romani #cruscotto #ricerca .scritta-apri p,
.brand-romani #cruscotto #ricerca .vedi-tutte a,
.brand-cer .city .foto h3 a,
.brand-cer .news_hp_cercom > section .titolo-e-testo h3 > span,
.brand-ist section.cine-progetti-hp-ist .titolo-e-testo::before,
.brand-ist section.cine-news-hp-ist .titolo-e-testo::before,
.brand-ser .cine-progetti .testo,
.brand-ser .tassonomie span,
#collezioni .spec p,
body.slug-profilo-cir h2.cir-yellow,
body.slug-profilo .collezionisti-di-valori-wrapper > p:first-child,
body.slug-profilo-ser h2,
[class*=slug-soluzioni-tecniche-] .primo-grosso h3.titolo > span {
    font-weight: bold !important;
}

/******************************************************/
/*                     colors                         */
/******************************************************/
.black,
.brand-cer .news_hp_cercom > section .leggi-tutto p::before,
.brand-ser .cine-progetti .testo {
    color: black;
}
/* .cercom-green */
/* home */
.brand-cer .city .titolo h2 ~ span a::before {
    color: #006C5B;
}
/* .isla-blue*/
.brand-ist section.cine-news-hp-ist .titolo-e-testo .titolo > span,
.brand-ist section.cine-news-hp-ist .titolo-e-testo::before,
.brand-ist section.cine-news-hp-ist .leggi-tutto::before {
    color: #333F48;
}

/******************************************************/
/*                  transformation                    */
/******************************************************/
.tolower,
.brand-cir [class*=titolo-collezioni-hp-],
.brand-cir [class*=titolo-progetti-hp-],
.brand-cir [class*=titolo-news-hp-],
.brand-cir [class*=titolo-social-hp-],
.brand-cer .city .titolo h2,
.brand-cer .news_hp_cercom h3,
.brand-ist .link-crusco-hp-isla > a {
    text-transform: lowercase !important;
}

/******************************************************/
/*                     sizes                          */
/******************************************************/
.px12,
.slug-collezione .pulsante-spec span {
    font-size: 12px;
}
.px14,
#cruscotto section.cinerama .titolo > span,
#footer-sopra .menu-footer.sezione-footer > aside a,
#footer-copyright p {
    font-size: 14px !important;
}
.px16,
#cruscotto #ricerca .scritta-apri p,
#cruscotto #ricerca .vedi-tutte a,
.brand-ser [class*=icon-button-],
.brand-ist section.cine-progetti-hp-ist .titolo-e-testo::before,
.brand-ist section.cine-progetti-hp-ist .leggi-tutto::before,
.brand-ist section.cine-news-hp-ist .titolo-e-testo::before,
.brand-ist section.cine-news-hp-ist .leggi-tutto::before,
#cambia-vista p,
#collezioni .sotto p,
#collezioni .spec p,
.slug-collezione .tecnologia,
.slug-collezione .catalogo-wish-collezia .wishlist-p .text,
.slug-collezione .pulsante-complementi-sotto,
.slug-collezione .descrizione-collezia,
.slug-collezione .luogo-proj,
.slug-collezione .testi-proj p,
.slug-collezione .vedi-collezia a,
.slug-collezione .wish-collezia .wishlist-p .text,
.slug-collezione .social-collezia,
.slug-collezione #collezioni-correlate .sotto p,
#progetti .luogo-proj,
.descrizione-progetto p {
    font-size: 16px !important;
}
.px18,
[class*=slug-contatti] [id*=contact-form] div.privacy-policy-consent p {
    font-size: 18px !important;
}
.px20 {
    font-size: 20px !important;
}
.px25,
[class*=slug-home-] [class*=titolo-crusco-hp-],
[class*=slug-home-] .titolo-cruscotto-hp,
[class*=slug-home-] [class*=titolo-collezioni-hp-],
[class*=slug-home-] [class*=titolo-progetti-hp-],
[class*=slug-home-] [class*=titolo-news-hp-],
[class*=slug-home-] [class*=titolo-social-hp-],
#ricerca .scritta,
.brand-romani section.bacheca .titolo span,
.brand-romani section.bacheca .testo p,
.brand-romani .titolo-progetti-hp-romani,
.brand-romani .titolo-news-hp-romani,
.brand-romani .sezione-footer > p,
.brand-cer .news_hp_cercom > section .titolo-e-testo h3 > span,
.brand-ist .titolo-crusco-hp-isla,
.brand-ist .titolo-video-hp-isla,
.brand-ist .titolo-progetti-ist-hp,
.brand-ist .titolo-news-ist-hp,
.brand-ist section.cine-progetti-hp-ist .titolo-e-testo .titolo > span,
.brand-ist section.cine-news-hp-ist .titolo-e-testo .titolo > span,
.brand-ser .cine-progetti .titolo span,
.brand-ser .cine-news .titolo span,
.slug-collezione .claim-collezia > h3,
.slug-collezione .look > p,
.slug-collezione .catalogo-collezia,
.slug-collezione .intro-collezia > h2,
.slug-collezione .titolo-proj,
body[class*=slug-profilo] #principe p,
body.slug-profilo h5,
#progetti .titolo-proj,
[class*=slug-soluzioni-tecniche-] .primo-grosso h3.titolo > span,
[class*=slug-soluzioni-tecniche-] .primo-grosso .titolo-e-testo > p {
    font-size: 25px !important;
}
.px30,
.slug-collezione .titolo-progetti-collezia > h3,
.luogo-tipolo-progetto p {
    font-size: 30px !important;
}
/* px40 min-width: tablet*/
.px36,
.titolo-h1 h1,
#footer-sopra [class*=claim-].sezione-footer > p,
#collezioni h2,
.slug-collezione .titolo-tacca-selezionata,
.slug-collezione .titolo-decori-per-spessore-collezia,
.slug-collezione .titolo-pezzi-per-spessore-collezia,
.slug-collezione .titolo-download-collezia h3,
.slug-collezione .titolo-correlate-collezia h2,
.slug-collezione #collezioni-correlate .titolo,
.slug-collezione .titolo-potrebbe-collezia,
body[class*=slug-profilo] h2 {
    font-size: 36px !important;
}
.px40 {
    font-size: 40px !important;
}
.px60,
.brand-cer .city .titolo h2 a::before,
.brand-cer .news_hp_cercom h3 {
    font-size: 60px !important;
}
@media screen and (min-width: 600px) {
    /* collezione singola */
    .slug-collezione .intro-collezia > h2,
    .slug-collezione .titolo-potrebbe-collezia {
        font-size: 40px;
    }
}
@media screen and (min-width: 800px) {
    /* common */
    .titolo-h1 h1,
    .slug-collezione .intro-collezia > h2,
    .slug-collezione .titolo-correlate-collezia h2,
    body[class*=slug-profilo] h2 {
        font-size: 60px !important;
    }
    /* home */
    [class*=slug-home-] [class*=titolo-crusco-hp-],
    [class*=slug-home-] [class*=titolo-collezioni-hp-],
    [class*=slug-home-] [class*=titolo-progetti-hp-],
    [class*=slug-home-] [class*=titolo-news-hp-],
    [class*=slug-home-] [class*=titolo-social-hp-],
    [class*=slug-home-] .titolo-cruscotto-hp,
    #footer-sopra [class*=claim-].sezione-footer > p,
    .brand-ist .titolo-crusco-hp-isla,
    .brand-ist .titolo-video-hp-isla,
    .brand-ist .titolo-progetti-ist-hp,
    .brand-ist .titolo-news-ist-hp,
    .brand-ist section.cine-progetti-hp-ist .titolo-e-testo .titolo > span,
    .brand-ist section.cine-news-hp-ist .titolo-e-testo .titolo > span,
    #collezioni h2,
    .slug-collezione .claim-collezia > h3,
    .slug-collezione .titolo-tacca-selezionata,
    .slug-collezione .titolo-decori-per-spessore-collezia,
    .slug-collezione .titolo-pezzi-per-spessore-collezia,
    .slug-collezione .titolo-progetti-collezia > h3,
    .slug-collezione .titolo-download-collezia h3,
    .slug-collezione #collezioni-correlate .titolo,
    body[class*=slug-profilo] h2,
    [class*=slug-contatti] h2 {
        font-size: 40px !important;
    }
    /* home */
    .brand-romani section.bacheca .titolo span,
    .brand-romani section.bacheca .testo p,
    .brand-romani .titolo-progetti-hp-romani,
    .brand-romani .titolo-news-hp-romani,
    body[class*=slug-profilo] #principe p,
    body.slug-profilo h5,
    body.slug-profilo p,
    [class*=slug-soluzioni-tecniche-] .primo-grosso h3.titolo > span,
    [class*=slug-soluzioni-tecniche-] .primo-grosso .titolo-e-testo > p {
        font-size: 35px !important;
    }
    /* contatti */
    [class*=slug-contatti] h2 + div > p {
        font-size: 25px !important;
    }
}
@media screen and (min-width: 940px) {
    /* home */
    .brand-cer .city .titolo h2 a::before,
    .brand-cer .news_hp_cercom h3 {
        font-size: 100px !important;
    }
}
@media screen and (min-width: 1280px) {
    /* contatti */
    [class*=slug-contatti] .wp-block-columns {
        font-size: 20px !important;
    }
}
/******************************************************/
/*                    line-height                     */
/******************************************************/
.lh46,
.slug-home-romani .titolo-cruscotto-hp,
.slug-home-romani .titolo-progetti-hp-romani,
.slug-home-romani .titolo-news-hp-romani {
    line-height: 46px;
}
.lh47,
.slug-home-ser h2[class*=titolo-],
.slug-collezione .claim-collezia > h3,
.slug-collezione .titolo-tacca-selezionata,
.slug-collezione .titolo-decori-per-spessore-collezia,
.slug-collezione .titolo-pezzi-per-spessore-collezia,
.slug-collezione .titolo-progetti-collezia > h3,
.slug-collezione .titolo-download-collezia h3,
.slug-collezione .titolo-correlate-collezia h2,
.slug-collezione #collezioni-correlate .titolo {
    line-height: 47px;
}
.lh48,
.slug-home-cir h2[class*=titolo-] {
    line-height: 48px;
}
.lh53,
.slug-home.ist .titolo-crusco-hp-isla {
    line-height: 53px;
}
.lh71,
.slug-home-cer .titolo-crusco-hp-cercom,
.slug-collezione .intro-collezia > h2,
.slug-collezione .titolo-correlate-collezia h2 {
    line-height: 71px;
}