/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme
 Author:       Eclolink
 Author URI:   https://www.eclolink.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/
.rc-circle-left {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: -3rem;
        top: 50%;
        transform: translateY(-50%);
        width: clamp(16px, 2vw + 20px, var(--s-xxl));
        height: clamp(16px, 2vw + 20px, var(--s-xxl));
        border-radius: 50%;
        background: var(--color-primary);
        z-index: 99;

        @media (max-width: 1080px) {
            display: none;
        }
    }
}

.rc-circle-left.white{
    &::before {
        background: var(--color-white);
    }
}

/* Colle le bord gauche de la row sur la barre .rc-line-left et l'étend jusqu'au
   bord droit du viewport (asymétrique, contrairement à --flush qui est symétrique). */
.rc-line-left--edge {
    > .et_pb_row {
        @media (min-width: 1081px) {
            width: calc(100% - var(--rc-line-x));
            max-width: none;
            margin-left: var(--rc-line-x);
            margin-right: 0;
        }

        /* Au-delà de 1921px, revient au comportement standard des rows (comme les
           autres div) plutôt que de continuer à coller au bord du viewport. */
        @media (min-width: 1921px) {
            width: 80%;
            max-width: 1440px;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

a {
    color: var(--color-tertiary);

    &:hover,
    &:focus {
        color: var(--color-tertiary);
    }
}

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex !important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}

.rc-menu--column.rc-menu--column.rc-menu--column {

    .et_pb_menu__menu,
    .et_pb_menu__menu>nav,
    .et_pb_menu__menu>nav>ul,
    >nav,
    >nav>ul,
    >ul {
        display: flex !important;
        flex-direction: column !important;
        padding-left: 0 !important;
        list-style: none !important;
    }
}
@media (min-width: 1921px) {
    .et_pb_row:not(.et_pb_row_inner):not(.et_pb_row_fullwidth):not(.rc-row-full):not(.rc-row-full *):not(.rc-divi-width):not(.rc-divi-width *) {
        max-width: var(--rc-content-width, 1680px) !important;
    }
}