/* ===========================================
   Bloc ACF : Bandeau Accueil
   Fichier : acf/Blockas/Bandeau-accueil/style.css
   =========================================== */


.background-style{
    background: linear-gradient(to left, #D4E6DA, #F5EFE6);
    height: 600px;
     margin-top: 100px;

}

.Titre-principal{
    color:#2D5A45 ;
}

.Titre-dore{
    color: #B8965A;
}

.sous-titre{
    font-family: 'Jost', sans-serif;
    font-style: italic;
    font-size: 30px;
    width: 600px;
    text-align: center;
    color: gray;
}


.position-bouton{
    width: 600px;
}
.bouton-gauche{
    font-family: 'Jost', sans-serif;
    background-color: #2D5A45;
    border: 2px solid #2D5A45;
    font-size: 25px;
    padding: 2px 25px;
    border-radius: 77px;
    color: white;
}
.bouton-droite{
    font-family: 'Jost', sans-serif;
    background-color: none;
    border: 2px solid #2D5A45;
    font-size: 25px;
    padding: 2px 25px;
    border-radius: 77px;
    color: #2D5A45;
}


.bouton-gauche:hover{
    background-color: rgba(255, 255, 255, 0); 
    color: #2D5A45;
}

.bouton-droite:hover{
    background-color: #2D5A45; 
    color: white;
}



.Titre-dore,
.Titre-principal{
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 8rem;
    text-align: center;
    width: 600px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 1rem;
}

.background-logo{
    background-color: #F3E5DA;
    position: absolute;
    top: 100px;
    right: 0;
    clip-path: ellipse(70% 100% at 100% 50%);
    width: 800px;
    height: 600px;
}


@media (max-width: 1175px) {
    .background-style{
         height: 400px;
    }
    .sous-titre{
        font-size: 20px;
        width: 400px;        
    }
    .bouton-gauche{
        border: 2px solid #2D5A45;
        font-size: 15px;
        padding: 1px 15px;
    }
    .position-bouton{
        width: 400px;
    }

    .bouton-droite{
        border: 2px solid #2D5A45;
        font-size: 15px;
        padding: 1px 15px;
    }
    .Titre-dore,
    .Titre-principal {
        font-size: 6rem;
        width: 400px;
    }

    .background-logo{
        width: 500px;
        height: 400px;
    }
    .background-logo img{
        width: 50%;
        height: auto;
    }
}


@media (max-width: 784px) {
    .background-logo{
        display: none !important;
    }
     .background-style{
         justify-content: center !important;
    }
    .background-style{
         margin-top: 87px;
    }
}

@media (max-width: 417px) {
    .Titre-dore, .Titre-principal {
        font-size: 3rem;
        width: 225px;
    }
    .sous-titre {
        font-size: 15px;
        width: 300px;
    }
    
    .sous-titre {
        font-size: 15px;
        width: 300px;
    }
    .position-bouton {
        width: 300px;
    }
    .bouton-gauche {
        font-size: 12px;
        padding: 1px 10px;
    }
    .bouton-droite {
        font-size: 12px;
        padding: 1px 10px;
    }
}