.mega-mobile-menu svg {
  width: 24px;
  height: 24px;
}
.mega-mobile-menu-wrapper {
  overflow: hidden;
  position: relative;
}
.mega-mobile-menu ul {
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #fff;
}
.mega-mobile-menu-headline {
  color: #35486240;
  font-family: "Roboto", Sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin-bottom: 24px;
  height: 24px;
}
.mega-mobile-menu-headline .mega-mobile-menu-back-chevron svg {
  display: none;
  position: relative;
  margin-left: -30px;
}
.mega-mobile-menu-headline.active .mega-mobile-menu-back-chevron svg {
  display: inline-block;
}
.mega-mobile-menu-back-chevron {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  height: 24px;
}
.mega-mobile-menu ul ul.sub-menu {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transform: translateX(100%);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.4s;
}
.mega-mobile-menu ul ul.sub-menu.active {
  transform: translateX(0%);
}
.mega-mobile-menu ul li a {
  padding: 0.75rem 0;
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-9c54054-font-family), Sans-serif;
  font-size: 1.25rem;
  font-weight: var(--e-global-typography-9c54054-font-weight);
  line-height: var(--e-global-typography-9c54054-line-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mega-mobile-menu ul li .mega-mobile-menu-clickable-chevron {
  display: none;
}
.mega-mobile-menu
  ul
  li.menu-item-has-children
  > a
  > .mega-mobile-menu-clickable-chevron {
  display: block;
}
.mega-mobile-menu ul li a .mega-mobile-menu-clickable-chevron {
  padding: 0 1rem;
  border-left: 2px solid #cccc;
}
.mega-mobile-menu ul li a .mega-mobile-menu-clickable-chevron svg {
  position: relative;
  top: 2px;
}
