/* Typography CSS */
h1, h2, h3, h4, h6, h6{
    margin:0.75em 0;
    line-height: 1.1;
}
h1, h2, h3, h4{
    font-family: 'Asap';
    font-weight: 500;
}
h1{
    font-size: 3rem
}
h2{
    font-size: 2.15rem
}
h3{
    font-size: 1.5rem
}
.has-small-font-size{
    font-size: 0.8rem !important;
}
.has-medium-font-size{
    font-size: 1.5rem !important;
}
.has-large-font-size{
    font-size: 2rem !important;
}
.has-x-large-font-size{
    font-size: 2.5rem !important;
}
a.bouton{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1.5rem;
    border: 0.12rem solid var(--grisfonce);
    border-radius:0.25rem;
    background-color: var(--grisfonce);
    color: var(--blanc);
    box-shadow: 0 0 1rem rgba(74,122,188,.3);
}
a.bouton.bleu{
    background-color: var(--bleu);
    border-color: var(--bleu)
}
a.bouton.bleu:hover{
    background-color: var(--grisfonce);
    border-color: var(--grisfonce)
}
a.bouton.blanc{
    background-color: var(--blanc);
    border-color: var(--blanc);
    color: var(--bleu)
}
a.bouton:hover{
    background-color: var(--grismedium);
    border-color: var(--grismedium);
    color: var(--blanc);
    box-shadow: 0 0 1rem rgba(0,0,0,.3);
}
.wp-block-button__link{
    box-shadow: 0 0 1rem rgba(74,122,188,.3);
}
.wp-block-button__link:hover{
    color: var(--blanc);
    background-color: var(--grismedium)
}