/*==============================================================
#
# EcoClimPro V2
# Typography CSS
# Version : 2.0
#
==============================================================*/


/*==============================================================
# Body
==============================================================*/

body{

    font-family:var(--font-primary);

    font-size:var(--font-size-base);

    line-height:var(--line-height);

    color:var(--text-color);

    font-weight:400;

}


/*==============================================================
# Titres
==============================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:var(--font-heading);

    color:var(--heading-color);

    line-height:var(--line-height-heading);

    font-weight:700;

    margin-bottom:1.2rem;

    letter-spacing:-.02em;

}


/*==============================================================
# H1
==============================================================*/

h1{

    font-size:clamp(2.8rem,6vw,4.5rem);

}


/*==============================================================
# H2
==============================================================*/

h2{

    font-size:clamp(2.2rem,4vw,3.2rem);

}


/*==============================================================
# H3
==============================================================*/

h3{

    font-size:clamp(1.6rem,3vw,2.2rem);

}


/*==============================================================
# H4
==============================================================*/

h4{

    font-size:1.5rem;

}


/*==============================================================
# H5
==============================================================*/

h5{

    font-size:1.25rem;

}


/*==============================================================
# H6
==============================================================*/

h6{

    font-size:1.05rem;

}


/*==============================================================
# Paragraphes
==============================================================*/

p{

    font-size:1rem;

    color:var(--text-color);

    margin-bottom:1.5rem;

}


/*==============================================================
# Texte secondaire
==============================================================*/

small{

    font-size:.875rem;

    color:var(--text-light);

}


/*==============================================================
# Gras
==============================================================*/

strong{

    font-weight:700;

    color:var(--heading-color);

}

b{

    font-weight:700;

}


/*==============================================================
# Italique
==============================================================*/

em{

    font-style:italic;

}


/*==============================================================
# Souligné
==============================================================*/

u{

    text-decoration:underline;

}


/*==============================================================
# Barré
==============================================================*/

del{

    text-decoration:line-through;

    opacity:.7;

}


/*==============================================================
# Liens
==============================================================*/

a{

    color:var(--link-color);

    transition:var(--transition-fast);

}

a:hover{

    color:var(--link-hover);

}


/*==============================================================
# Contenu WordPress
==============================================================*/

.entry-content a{

    text-decoration:underline;

    text-underline-offset:3px;

}

.entry-content a:hover{

    text-decoration-thickness:2px;

}


/*==============================================================
# Listes
==============================================================*/

.entry-content ul{

    list-style:disc;

    padding-left:1.5rem;

    margin-bottom:1.8rem;

}

.entry-content ol{

    list-style:decimal;

    padding-left:1.5rem;

    margin-bottom:1.8rem;

}

.entry-content li{

    margin-bottom:.8rem;

}


/*==============================================================
# Citations
==============================================================*/

blockquote{

    margin:2rem 0;

    padding:2rem;

    border-left:5px solid var(--color-primary);

    background:var(--color-primary-light);

    border-radius:var(--radius-md);

    font-style:italic;

}

blockquote p:last-child{

    margin-bottom:0;

}

cite{

    display:block;

    margin-top:1rem;

    font-style:normal;

    font-weight:600;

    color:var(--color-primary);

}


/*==============================================================
# Code
==============================================================*/

code{

    padding:.2rem .45rem;

    border-radius:6px;

    background:#f3f5f7;

    font-size:.9rem;

}

pre{

    padding:1.5rem;

    overflow:auto;

    border-radius:var(--radius-md);

    background:#0f172a;

    color:#fff;

    margin-bottom:2rem;

}

pre code{

    background:none;

    color:inherit;

    padding:0;

}


/*==============================================================
# Séparateur
==============================================================*/

hr{

    border:0;

    height:1px;

    background:var(--color-gray-200);

    margin:4rem 0;

}


/*==============================================================
# Tableaux
==============================================================*/

table{

    margin-bottom:2rem;

}

th{

    text-align:left;

    padding:16px;

    background:var(--color-primary);

    color:#fff;

}

td{

    padding:16px;

    border-bottom:1px solid var(--color-gray-200);

}


/*==============================================================
# Légendes
==============================================================*/

figcaption{

    margin-top:.8rem;

    font-size:.9rem;

    color:var(--text-light);

    text-align:center;

}


/*==============================================================
# WordPress Alignements
==============================================================*/

.wp-caption{

    max-width:100%;

    margin-bottom:2rem;

}

.wp-caption-text{

    margin-top:.8rem;

    text-align:center;

    color:var(--text-light);

}

.gallery-caption{

    margin-top:.5rem;

    font-size:.9rem;

}

.sticky{

    position:relative;

}

.bypostauthor{

    position:relative;

}


/*==============================================================
# Sélection
==============================================================*/

::selection{

    background:var(--color-primary);

    color:#fff;

}


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

@media(max-width:991px){

    h1{

        font-size:3rem;

    }

    h2{

        font-size:2.3rem;

    }

    h3{

        font-size:1.8rem;

    }

}

@media(max-width:767px){

    h1{

        font-size:2.4rem;

    }

    h2{

        font-size:2rem;

    }

    h3{

        font-size:1.5rem;

    }

    p{

        font-size:.98rem;

    }

}