:root {
    --main-font: 'DM Sans', sans-serif;
    --accent-font: "Sutro";
    --main-color: #252829;
    --accent-color: #C7A03E;
    --basic-color: #FFF8E6;
    --light-brown-color: #BFAA8E;
    --bg-brown-color: #E1C39B;
    --bg-white: #FFFFFF;
    --container-width-s: 1180px;
    --container-width-m: 1420px;
    --container-width-vw: 80vw;
    --header-height: 120px;
}

.saison-content {
    position: relative;
}

.single-saison-post {
    padding-bottom: 20px;
    z-index: 11;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.single-saison-post-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
    margin-top: 40px;
    display: none;
    transition: all ease 500ms;
    margin-top: 70px;
}

.single-saison-post-content.active {
    display: block;
    position: absolute !important;
    top: 100% !important;
}

.saison-text {
    margin-bottom: 50px;
}

.saison-date {
    color: var(--accent-color);
    margin-bottom: 20px;
}

a#etab::before {
    bottom: 14%;
    left: 4%;
    width: 10%;
}

a#intro::before {
    bottom: -29%;
    left: 9%;
    width: 8%;
}

a#menus1:before {
    bottom: 26.5%;
    left: 15%;
    width: 8%;
}


a#menus2:before {
    bottom: 26.5%;
    left: 56%;
    width: 7.5%;
}

p#articles2:before {
    bottom: 5%;
    left: 8px;
    width: 8%;
}

p#articles3:before {
    bottom: 5%;
    left: 35%;
    width: 8%;
}

p#articles4:before {
    bottom: 5%;
    left: 69%;
    width: 8%;
}

/* .menu-item-169 a::before {
    bottom: -352%;
    left: 38%;
    width: 4%;
}

.menu-item-168 a::before {
    bottom: -352%;
    left: 42.5%;
    width: 8.5%;
}

.menu-item-163 a::before {
    bottom: -352%;
    left: 83.5%;
    width: 15.5%;
}

a.contact-btn-link.btn1::before {
    bottom: -324%;
    left: 74%;
    width: 10%;
}

a.contact-btn-link.btn2::before {
    bottom: -332%;
    left: 74%;
    width: 17%;
} */

.contact_btns a.contact-btn-link:hover {
    color: var(--accent-color);
}

.el__menu-footer li > a:hover {
    color: var(--accent-color);
}

a.saison-link::before, p.saison-link::before{
    content: '';
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border-bottom: 1px solid black;
    transform: scale(0.1, 1);
    transform: scaleX(0);
    transform-origin: left;
    transition-delay: 0;
}
  
a.saison-link:hover::before, p.saison-link:hover::before {
    opacity: 1; 
    transform: scale(1, 1); 
}

a.saison-link::after, p.saison-link::after {
    content: '';
    position: absolute;
    bottom: 40%;
    left: 0px;
    width: 100%;
    z-index: 1;
    transition: all 0.3s;
}


a.saison-link:hover::after, p.saison-link:hover::after {
    opacity: 0; 
    transform: scale(0.1, 1);
    transform: scaleX(1);
    transform-origin: right;
}

a.saison-link:hover, p.saison-link:hover {
    text-decoration: none;
    color: var(--main-color);
}

.saison-link {
    color: var(--accent-color);
    cursor: pointer;
}

.map-map {
    transition: all ease 500ms;
}

.map-map.active {
    margin-top: 300px;
    transition: all ease 500ms;
}

.biens-front-page {
    padding-top: 120px;
}

.biens-front-page .biens {
    width: 100%;
    justify-content: center;
    margin-bottom: 100px;
}

.biens-front-page .biens .el__bien {
    width: 95% !important;
    margin: 0;
    margin-top: 0;
}

.all-plats-btn a.el__btn:hover {
    background-color: var(--light-brown-color);
    color: var(--basic-color);
}

@media (max-width: 768px) {
    a.saison-link::before, p.saison-link::before {
        border-bottom: 0px solid transparent;
    }

    .single-saison-post-content.active {
        position: unset !important;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .single-saison-post.width-32 {
        width: 100%;
        margin-bottom: 20px;
    }

    .home .menu-test {
        padding-right: 50px;
        padding-left: 50px;
    }

    #menus1 ,#menus2 {
        padding-right: 50px;
        text-align: left;
        padding-left: 50px;
    }
}