/*
Theme Name:   Milab
Description:  Thème enfant de Hello elementor
Author:       Milab
Template:     hello-elementor
Version:      1.0.0
*/
:root{
    --dark : #0A0F18;
    --blue: #2563EB;
    --text-white : #ffffff;

    --font-normal : 'Poppins';
    --font-medium : 'Poppins-medium';
    --font-bold   : 'Poppins-bold';
}
html{
    scroll-behavior: smooth;
}
body.noscroll{
    overflow: hidden;
}
/* header */
header .elementor-heading-title a{
    color: #ffffff;
}
header .menu{
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    font-family: var(--font-medium);
}
header .menu a{
    color: #ffffff;
}
@media (max-width: 1024px){
    header .menu{
        flex-direction: column;
        align-items: flex-start;
    }
    header nav.menu-main-menu-container {
        position: fixed;
        width: 100%;
        background: var(--dark);
        left: 0;
        height: calc(100vh - 86px);
        top: 115px;
        padding: 30px 0;
        transform: translateX(-100%);
        transition: all 0.3s ease-in-out;
    }
    header nav.menu-main-menu-container.open {
        transform: translateX(0);
    }
}
.prehead{
    font-family: var(--font-medium);
    text-transform : uppercase;
}
footer .header .elementor-heading-title a{
    color: var(--blue);
}

/* formulaire de contact */
.wpcf7-form label{
    width: 100%;
}
.wpcf7-form .wpcf7-form-control {
    background: #ebebeb;
    border: 0;
    height: 48px;
    border-radius: 10px;
}
.wpcf7-form .wpcf7-form-control.wpcf7-textarea{
    height: 200px;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit{
    width: 100%;
    background-color: var(--blue);
    color: var(--text-white);
}

/* error form */
.wpcf7-form .wpcf7-response-output{
    border: 1px solid !important;
    border-radius: 8px;
}
.wpcf7-form.invalid .wpcf7-response-output{
    border-color: #d10a0a !important;
    background: #ffd5d5;
    color: #d10a0a;
}
.wpcf7-form.sent .wpcf7-response-output{
    border-color: #017736 !important;
    background: #d1ffd3;
    color: #017736;
}

/* page cookie */
.cmplz-functional .cmplz-document{
    margin: auto;
    color: var(--dark);
    text-align: justify;
}
/* Politique de confidentialite */
.privacy-policy h1{
    font-size: 30px;
}
.privacy-policy h2{
    font-size: 22px;
}
.privacy-policy p{
    text-align: justify;
}

/* blog */
.site-main{
    padding-top: 50px;
}
.blog .grid{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;

}
.blog .grid article{
    width: 100%;
}
@media(min-width: 768px){
    .blog .grid article{
        width: calc(50% - 20px);
    }
}
@media(min-width: 1280px){
    .blog .grid article{
        width: calc(33.33% - 20px);
    }
}
.blog h1{
    font-family: var(--font-bold);
    font-size: clamp(26px, 1.575vw,30px);
}
.blog .grid article h2{
    font-family: var(--font-bold);
    font-size: 18px;
}
.blog .grid article .meta{
    color: #aaa;
}
.blog .grid article a{
    color: var(--dark);
}
.blog .grid article .read_more{
    font-family: var(--font-normal);
}

.wpr-grid-item-read-more .fas.fa-arrow-up{
    transform: rotate(40deg);
}

/* single post */
.single-post .page-header{
    background-color: var(--blue);
    border-radius: 10px;
    padding: 30px;
    color: #ffffff;
    text-align: center;
}
.single-post .wp-block-button__link{
    text-decoration: none;
}
.single-post .page-content{
    padding-top: 50px;
    font-family: var(--font-normal);
}
.single-post .wp-block-button__link:hover{
    text-decoration: none;
    color: #ffffff;
}










.grecaptcha-badge{
    opacity: 0;
}