{% import '../../css/_variables.css' as var %}

/* Custom color scheme for mobile navigation */

.mnav--custom .mnav__open,
.mnav--custom .mnav__open:hover {
  color: #ffffff;
}

.mnav--custom .mnav__overlay {
  background: ;
}

.mnav--custom .mnav__popup {
  background: ;
}

.mnav--custom .mnav__close,
.mnav--custom .mnav__close:hover {
  color: #ffffff;
}

.mnav--custom .mnav__section {
  border-color: rgba(255, 255, 255, 0.2);
}

.mnav--custom .mnav__menu__list--level1 > li:not(:first-child) {
  border-top-color: rgba(255, 255, 255, 0.2);
}

.mnav--custom .mnav__menu__item--expanded {
  background-color: rgba(255, 255, 255, 0.1);
}

.mnav--custom .mnav__menu__link,
.mnav--custom .mnav__menu__link:hover {
  color: #ffffff;
}

.mnav--custom .mnav__menu__list--level2 .mnav__menu__link {
  color: #ffffff;
}

.mnav--custom .mnav__menu__list--level2 .mnav__menu__link:hover {
  color: #ffffff;
}

.mnav--custom .mnav__menu__item--active-branch > .mnav__menu__label > .mnav__menu__link,
.mnav--custom .mnav__menu__item--active > .mnav__menu__label > .mnav__menu__link {
  color: #ffffff;
}

.mnav--custom .mnav__menu__toggle {
  color: #ffffff;
}