.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-c9d0de5 *//* ===========================
TYPOGRAPHIE SG COMMUNICATION
=========================== */

/* HERO */

.hero-title{
    font-family:'Ruda', sans-serif;
    font-size:60px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1;
    letter-spacing:-0.03em;
    color:#ffffff;
    margin-bottom:25px;
}

.hero-title span{
    color:#ef233c;
}

/* H2 */

h2{
    font-family:'Ruda', sans-serif;
    font-size:40px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1.1;
    letter-spacing:-0.02em;
    margin-bottom:20px;
}

/* H3 */

h3{
    font-family:'Ruda', sans-serif;
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:15px;
}

/* Texte */

p,
li{
    font-family:'Ruda', sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:1.7;
}

/* Petit titre rouge */

.eyebrow{
    font-family:'Ruda', sans-serif;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.15em;
    color:#ef233c;
}


/* ===========================
DOODLE FLECHE
=========================== */

.mini-doodle-arrow{
    display:inline-flex;
    width:28px;
    height:28px;
    margin-bottom:12px;
}

.mini-doodle-arrow svg{
    width:100%;
    height:100%;
    stroke:#ef233c;
    stroke-width:2.5;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ===========================
DOODLE ECLAIR
=========================== */

.mini-doodle-lightning{
    display:inline-flex;
    width:32px;
    height:32px;
    margin-bottom:12px;
}

.mini-doodle-lightning svg{
    width:100%;
    height:100%;
    fill:#ef233c;
}


/* ===========================
RESPONSIVE
=========================== */

@media (max-width:768px){

    .hero-title{
        font-size:42px;
    }

    h2{
        font-size:30px;
    }

    h3{
        font-size:22px;
    }

    p,
    li{
        font-size:16px;
    }

}/* End custom CSS */