/* En correllation avec le petit js du collapse menu */
nav.et-menu-nav li.premier-niveau.menu-item a::before {
    display: none;
}

nav.et-menu-nav li.premier-niveau .sub-menu {
    width: max-content;
    display: flex;
    flex-direction: column;
}

nav.et-menu-nav li.premier-niveau .sub-menu .second-niveau a {
    width: 100%;
}

/* Création d'un collapse pour les sous-menus en mobile */

.et_mobile_menu .premier-niveau > a {
    background-color: transparent;
    position: relative;
}

.et_mobile_menu .premier-niveau .collapse-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.et_mobile_menu .premier-niveau .collapse-wrapper > a {
    width: 90%;
    font-weight: 700;
}

.et_mobile_menu .premier-niveau .collapse-wrapper > span {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #FFF;
    transition: color 0.1s ease;
}

.et_mobile_menu .premier-niveau .collapse-wrapper > span.open {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
}

.et_mobile_menu .premier-niveau .collapse-wrapper > span:before {
   content: '\4c';
   color: #fa4641;
   font-family: 'ETModules'!important;
   font-size: 24px;
}

.et_mobile_menu .premier-niveau .collapse-wrapper > span.open:before {
    animation: rotateAnimation 0.2s linear;
    animation-fill-mode: forwards;
    transform-origin: center center;
    color: rgb(250 70 65 / 50%);
}

@keyframes rotateAnimation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(45deg);
    }
  }


#menu-principal .et_mobile_menu li ul.sub-menu {
    background-color: rgba(0,0,0,0.35)!important;
}

.et_mobile_menu .premier-niveau > .icon-switch:after{
    content: '\4d';
}

.second-niveau {
    display: none;
}

.reveal-items {
    display: block;
}