/* Text Menu Styling */

.sidemenu-nav .menu > .menu-item {
  background-color: var(--white);
  border-bottom: 1px solid rgba(58, 149, 212, 0.15);
  cursor: pointer;
  font-size: 1.125rem;
  font-family: var(--font-bold);
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  padding-right: 20px;
}

.sidemenu-nav .menu-item:last-of-type {
  border-bottom: none;
}

.sidemenu-nav .menu-item.menu-item-has-children:after {
  content: "";
  background-color: var(--azati-blue);
  -webkit-mask: url(/wp-content/themes/azati/assets/images/dropdown-arrow.svg)
    50% no-repeat;
  mask: url(/wp-content/themes/azati/assets/images/dropdown-arrow.svg) 50%
    no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 1;
  transition: var(--transition-duration) ease-in-out;
}
.sidemenu-nav .menu-item.menu-item-has-children:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background-color: #fff;
}

.sidemenu-nav .menu-item.menu-item-has-children:hover:after {
  background-color: var(--azati-orange);
  opacity: 0.9;
}

.sidemenu-nav .menu-item.menu-item-has-children.active:after {
  transform: rotateX(180deg);
}

.sidemenu-nav .menu > .menu-item A,
.sidemenu-nav .menu > .menu-item A:visited {
  color: var(--azati-blue);
}

.sidemenu-nav .menu-item .sub-menu {
  max-height: 0;
  transition: max-height var(--transition-duration)
    var(--transition-timing-function);
}

.sidemenu-nav .menu-item.active .sub-menu {
  max-height: var(--submenu-max-height);
}

.sidemenu-nav .menu > .menu-item.menu-item-has-children:hover > A,
.sidemenu-nav .menu-item A:hover,
.sidemenu-nav .menu > .menu-item A:hover,
.sidemenu-nav .menu > .menu-item.current_page_item A,
.sidemenu-nav .menu-item.active .sub-menu .current_page_item A,
.sidemenu-nav .menu > .menu-item.menu-item-has-children:active > A,
.sidemenu-nav .menu-item A:active {
  color: var(--azati-orange);
}

.sidemenu-nav .menu-item .sub-menu A {
  display: block;
  font-weight: 300;
  padding: 4.5px 0;
  transition: color var(--transition-duration) var(--transition-timing-function);
  font-size: 16px;
}

.sidemenu-nav .menu-item .sub-menu A:hover,
.sidemenu-nav .menu-item .sub-menu A:active {
  color: var(--azati-orange);
}

.sidemenu-nav .menu-item > A {
  display: block;
  line-height: 1;
  transition: color var(--transition-duration) var(--transition-timing-function);
  padding: 15px 0;
}

/* Desktop Only Text Menu Styling */
@media screen and (min-width: 992px) {
  .menu-menu-1-container {
    opacity: 0;
    transition: opacity var(--transition-duration) linear;
  }

  .sidemenu-nav .menu-item .sub-menu {
    padding-left: 20px;
  }

  .sidemenu-nav.active .menu-menu-1-container {
    opacity: 1;
  }

  .sidemenu-nav .menu-item:last-of-type > A {
    border-bottom: none;
  }

  .sidemenu-nav .menu-item .sub-menu LI:last-of-type {
    padding-bottom: 10px;
  }
}

/* Mobile Only Text Menu Styling */
@media screen and (max-width: 991.98px) {
  .menu-menu-1-container {
    background-color: #fff;
    width: var(--menu-width-mobile);
    padding-top: 55px;
  }

  .menu.nav-menu {
    max-height: 72vh;
    overflow-y: auto;
  }

  .sidemenu-nav .menu-item .sub-menu LI:last-child A {
    padding-bottom: 15px;
  }

  .sidemenu-nav .menu-item .sub-menu {
    padding-left: 10px;
  }
}

@media screen and (max-width: 991.98px) and (max-height: 445px) {
  .menu.nav-menu {
    max-height: 65vh;
  }
}

@media screen and (max-width: 991.98px) and (max-height: 415px) {
  .menu.nav-menu {
    max-height: 60vh;
  }
}

@media screen and (max-width: 991.98px) and (max-height: 370px) {
  .menu.nav-menu {
    max-height: 55vh;
  }
}