/*
 * Copyright inpleworks, Co.
 * Mobile NAV
*/
.xet-accordion-menu {
  height: calc(100dvh - 120px);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.xet-accordion-menu ul {
  margin: 0;
  padding: 1rem;
  list-style: none;
  display: none;
}
.xet-accordion-menu ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.xet-accordion-menu ul li + li {
  border-top: 1px solid var(--xet-theme-border-color);
}
.xet-accordion-menu ul li a {
  display: flex;
  align-items: center;
  height: 3rem;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: color 0.2s linear, background 0.2s linear;
}
.xet-accordion-menu ul li a .submenu-indicator {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-weight: normal;
  color: var(--xet-theme-text-base-color);
  transition: transform 0.3s linear;
}
.xet-accordion-menu ul li a.submenu-indicator-minus > .submenu-indicator {
  transform: rotate(180deg);
}
.xet-accordion-menu ul li ul {
  display: none;
  padding: 0 0 0.5rem;
}
.xet-accordion-menu ul li ul > li {
  padding-left: 1rem;
  border: 0;
}
.xet-accordion-menu ul li ul > li a {
  position: relative;
}
.xet-accordion-menu ul li ul > li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 3px;
  background-color: var(--xet-theme-color) !important;
  transition: var(--xet-theme-transition-all);
}
.xet-accordion-menu ul li ul > li > ul {
  border: 0;
  padding: 0;
}
.xet-accordion-menu ul li.current > a {
  font-weight: 700;
  color: var(--xet-theme-color) !important;
}
.xet-accordion-menu ul li.current > a::before {
  width: 10px;
}
.xet-accordion-menu ul li.current ul {
  display: block;
}
.xet-accordion-menu ul li.current ul li.current > a {
  padding-left: 1rem;
}
.xet-accordion-menu ul > li {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: resize;
}

@keyframes resize {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
body.push-active .xet-accordion-menu > ul {
  display: block;
}

.ink {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  transform: scale(0);
}

.animate-ink {
  animation: ripple 0.5s linear;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
body.color_scheme_dark .xet-accordion-menu ul li + li {
  border-color: var(--xet-theme-dark-border-color);
}
body.color_scheme_dark .xet-accordion-menu ul li a .submenu-indicator {
  color: var(--xet-theme-dark-text-base-color);
}
body.color_scheme_dark .ink {
  background: rgba(255, 255, 255, 0.2);
}