/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

                    /* ==================================Globale====================================*/

                    /* ===================================Typo==================================== */

                    /* ===================================Web==================================== */

/* ****************Page Accueil**************** */

/* Section 3 Avis slide horizontale */
.groupe-avis-web {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    gap: 2rem;
}
.cartouche-avis-web {
    scroll-snap-align: center;
    flex: 0 0 80%;
    min-width: 80%;
    box-sizing: border-box;
}

/* ****************Page A propos**************** */

/* Section 2 Parcours (version ajusté avec ajout balise <style> au plugin html */

.parcours-col-1, .parcours-col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 50%;
    gap: 3rem;
}
.parcours-col-1 {
    justify-content: flex-start;
}
.parcours {
    width: 80%;   
}
.date-parcours {
    width: 40%;
    height: 90px;
    padding-top: 4%;
    background-color: #9AAAB9;
    border-radius: 30px 30px 0 0;
    color: white;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.descriptif-parcours {
    background-color: white;
    padding: 2%;
    border: 5px solid #9AAAB9;
    border-radius: 30px 0 30px 0;
    margin-top: -10%;
    margin-bottom: -6%;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    position: relative;
} 
.titre-parcours {
    width: 80%;
    height: 90px;
    margin-left: auto;
    padding-top: 2%;
    background-color: #9AAAB9;
    border-radius: 0 0 40px 40px;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: flex-end;
    text-align: center;
    justify-content: center;
    padding: 2%;
}

                    /* ================================Responsive================================ */

/* ********Page Accueil******** */

/* Menu slide depuis la droite */
.hfe-nav-menu__layout-vertical {
    position: fixed;
    top: 10vh;
    right: 0;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.6s ease-out;
}
.hfe-nav-menu__layout-vertical.menu-is-active {
    transform: translateX(0);
}

/* Section 1 slide verticale */
.groupe-cartouche-offre {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-snap-type: y proximity;
}
.cartouche-offre-responsive {
    scroll-snap-align: start;
    max-width: 80%;
    margin-inline: auto;
    box-sizing: border-box;
}
/* Section 3 Avis slide horizontale */
.groupe-avis-responsive {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    gap: 1rem;
}
.cartouche-avis-responsive {
    scroll-snap-align: center;
    flex: 0 0 95%;
    min-width: 95%;
    box-sizing: border-box;
}

@media screen and (max-width:780px) {
    .section-parcours {
        display: none;
    }
}