main{
    display: block !important;
}

header.is-layout-constrained > *,
main.is-layout-constrained > * {
    margin-block-start: 0px !important;
    margin-block-end: 0;
}

header{
    top: 0;
}

div.main-blog-v1 div.block-text h2{
    margin: 52px auto auto auto !important;
}

div.main-blog-v1 div.block-text h3{
    margin: 12px auto !important;
    font-weight: 500;
}

/*
    Bloc avec Image + Titre
*/
div.main-blog-v1 div.image-overflow-description{
    margin-top: 5.5rem !important;
    margin: 100px auto 150px auto;
    border-radius: 20px;
    overflow: visible;
}

div.main-blog-v1 div.image-overflow-description h2{
    margin: auto !important;
}

div.main-blog-v1 div.image-overflow-description h2::before{
    display: none;
}

div.main-blog-v1 div.image-overflow-description>span{
    background-color: transparent !important;
}

div.main-blog-v1 div.image-overflow-description img{
    border-radius: 50px;
}

div.main-blog-v1 div.image-overflow-description>div{
    padding: 20px;
    width: 80%;
    min-height: 240px;
    position: absolute;
    border-radius: 20px;
    background-color: var(--wp--preset--color--white);
    bottom: -125px;
}

div.main-blog-v1 div.image-overflow-description div.taxonomy-category{
    display: flex;
    gap: 10px;
}

div.main-blog-v1 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.main-blog-v1 div.image-overflow-description div.taxonomy-category .wp-block-post-terms__separator{
    display: none !important;
}

div.main-blog-v1 div.image-overflow-description h2{
    padding: 20px 0;
}

div.main-blog-v1 div.image-overflow-description p{
    margin-top: 0;
    color: var(--wp--preset--color--darktext) !important;
}

/*
    Bloc Auteurs Dates
*/
div.main-blog-v1 div.info-and-share{
    margin-bottom: 32px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #6E748C;
}

div.main-blog-v1 div.info-and-share .wp-block-post-author__name{
    font-weight: 600;
    color: var(--wp--preset--color--primary);
}

div.main-blog-v1 div.info-and-share div.right{
    margin-left: auto; 
    margin-right: 0px;
}

div.main-blog-v1 div.info-and-share .wp-block-post-date{
    margin-top: 0px;
}

/*
    Ajout style citation
*/
div.main-blog-v1 div.block-text 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;
}

/*
    Listes des categories
*/
div.main-blog-v1 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;
}

/*
    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.main-blog-v1 div.image-overflow-description{
        margin-left: -16px !important;
        margin-right: -16px !important;
    }
    div.main-blog-v1 div.info-and-share .right{
        display: none;
    } 
    div.last-posts ul {
        gap: 0;
    }
    div.last-posts ul>li{
        flex: 1 1 100%;
        max-width: 1000%;
    }
}