body.single main{
    div.image-overflow-description{
        overflow: visible !important;
    }

    div.image-overflow-description>div{
        position: absolute;
        bottom: -125px;
    }

    div.image-overflow-description>div>div.wp-block-group{
        left: 50%;
        transform: translate(-50%, 0);
    }

    div.image-overflow-description>span{
        background-color: transparent !important;
    }

    div.image-overflow-description img{
        border-radius: 48px;
    }

    div.image-overflow-description div.taxonomy-category{
        display: flex;
        gap: 10px;
    }
    
    div.image-overflow-description div.taxonomy-category>a{
        border-radius: var(--border-radius);
        text-align: center;
        padding: 8px 12px ;
        text-decoration: none;
        list-style: none;
    }
    
    div.image-overflow-description div.taxonomy-category .wp-block-post-terms__separator{
        display: none !important;
    }
    
    div.taxonomy-category a, div.last-posts a.tags-css{
        border-radius: var(--border-radius);
        padding: 4px;
        font-size: 14px;
        font-weight: 400;
        line-height: 12px;
        text-align: center;
        text-decoration: none;
        color: var(--wp--preset--color--lightprimary);
        background-color: var(--wp--preset--color--secondary);
        pointer-events: none;
    }

    /*
        Ajout style citation Titre
    */
    h2{
        margin: 52px auto auto auto !important;
    }

    div.last-posts h2{
        margin: 0 0 16px !important;
    }

    h2::before {
        position: absolute;
        z-index: -1;
        background-image: url('../img/icon-citation.svg');
        background-size: 80px 80px;
        display: inline-block;
        width: 80px; 
        height: 80px;
        content:"";
        margin-left: -12px;
        margin-top: -32px;
    }

    h3{
        margin: 12px auto !important;
        font-weight: 500;
    }
    
    /*
        Affichage des trois dernier posts
    */
    div.last-posts{
        border-radius: var(--border-radius);
        background-color: #F9FAFB;
        padding: var(--wp--style--root--padding-right);
        margin: var(--wp--style--root--padding-right) auto !important;
    }

    div.last-posts h2{
        text-align: center;
        margin-bottom: 16px;
    }

    div.last-posts ul {
        display: flex;
        margin: auto;
        flex-wrap: wrap;
        align-content: stretch;
        justify-content: space-evenly;
        gap: 10%;
        box-sizing: border-box;
        list-style: none;
        padding-left: 0px;
    }

    div.last-posts ul>li{
        flex: 1 1 calc(33.333% - 10%);
        max-width: 33.333%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    div.last-posts div.thumbnail {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 66.666%;
        overflow: hidden;
        border-radius: 8px; 
        margin-bottom: 5px;
    }

    div.last-posts a {
        list-style: none;
        text-decoration: none;
        color: inherit;
        font-weight: 600;
    }
    
    div.last-posts div.thumbnail img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px; 
    }

    @media (max-width: 824px){
        div.last-posts ul {
            gap: 5%;
        }
    }

    @media (max-width: 724px){
        div.last-posts ul {
            gap: 5%;
        }
        div.last-posts ul>li{
            flex: 1 1 calc(50% - 5%);
            max-width: 50%;
        }
    }

    @media (max-width: 524px){
        div.image-overflow-description{
            margin-left: -16px !important;
            margin-right: -16px !important;
        }
        div.info-and-share p.time-read{
            display: none;
        } 

        div.last-posts ul {
            gap: 0;
        }
        div.last-posts ul>li{
            flex: 1 1 100%;
            max-width: 1000%;
        }
    }
}
