/*
Theme Name: Le Concept
Author: Maxence COLET
Description: 
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

footer.wp-block-template-part {  
    margin-block-start: 0;
}

.page-template-homepage header{
    position: absolute;
    width: 100%;
    background: var(--wp--preset--color--base-2);
    z-index: 2;
}

.page-template-homepage{
    overflow-x: hidden;
}

.page-template-homepage header::before{
    content: "";
    position: absolute;
    top: -50px;
    height: 300px;
    border-radius: 0% 0% 100% 0% / 10% 0% 100% 0%;
    width: 40%;
    background: var(--wp--preset--color--base);
    z-index: -1;
}

.hero{
    background-color: var(--wp--preset--color--base-2);
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.hero::before{
    content: "";
    position: absolute;
    top: 30%;
    transform: translateY(-50%) rotate(95deg);
    right: -200px;
    height: 400px;
    width: 400px;
    background-color: var(--wp--preset--color--base);
    z-index: -1;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 0%;

}
.hero .actus{
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.hero .actus:before{
    content: "";
    position: absolute;
    top: 0;
    height: 300%;
    width: 140vw;
    background-color: var(--wp--preset--color--base);
    z-index: -1;
    border-radius: 45%;
}

.wp-block-latest-posts li{
    border: 2px solid var(--wp--preset--color--contrast);
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
}

.wp-block-latest-posts__post-title{
    padding: 8px 16px 16px 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
    border-bottom: 2px solid var(--wp--preset--color--contrast);
}

.wp-block-latest-posts__post-excerpt{
    padding: 1rem;
}

.wp-block-latest-posts__featured-image img{
    width: 100%;
    aspect-ratio: 2;
    object-fit: cover;
    object-position: center;
}