/*
Theme Name: celavigestion
Author: Your Name
Description: A custom WordPress theme called celavigestion
Text Domain: celavigestion
Version: 1.0
*/

:root{
    --bleu : rgb(74,122,188);
    --bleu-80 : #6E94C9;
    --bleulight: #E1ECFB;
    --grisfonce : #303030;
    --grismedium : #646464;
    --grisclair: #F4F4F4;
    --blanc : #FFFFFF;
    --noir-15: rgba(0,0,0,.15);
    --blanc-50: rgba(255,255,255,.5);
    --blanc-80: rgba(255,255,255,.8)
}
@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Regular.eot');
    src: url('fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand-Regular.woff2') format('woff2'),
        url('fonts/Quicksand-Regular.woff') format('woff'),
        url('fonts/Quicksand-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Medium.eot');
    src: url('fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand-Medium.woff2') format('woff2'),
        url('fonts/Quicksand-Medium.woff') format('woff'),
        url('fonts/Quicksand-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Bold.eot');
    src: url('fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand-Bold.woff2') format('woff2'),
        url('fonts/Quicksand-Bold.woff') format('woff'),
        url('fonts/Quicksand-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Asap';
    src: url('fonts/Asap-MediumItalic.eot');
    src: url('fonts/Asap-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Asap-MediumItalic.woff2') format('woff2'),
        url('fonts/Asap-MediumItalic.woff') format('woff'),
        url('fonts/Asap-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

html{
    font-size: 16px;
}
body{
    margin:0;
    font-size: 1rem;
    font-family: 'Quicksand';
    font-weight: 500;
    color: var(--grisfonce);
}
a{
    text-decoration: none;
    transition: all 0.2s ease;
    color: var(--bleu)
}
a:hover{
    color: var(--grismedium)
}
img{
    vertical-align: middle;
    height: auto;
}
.no-link > a{
    pointer-events: none;
}
@media screen and (max-width:800px){
    .wp-block-media-text {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }
    .wp-block-media-text__content{
        order: 0;
        margin-bottom:1rem;
        padding-left:0;
        padding-right:0;
    }
    .wp-block-media-text__media{
        order: 1
    }
}
.wp-block-list li.has-medium-font-size{
    font-size:1.25rem !important
}