/* Responsive site navigation */
.mobile-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

.mobile-menu.is-open {
  max-height: 28rem;
  opacity: 1;
}

body.nav-open {
  overflow: hidden;
}

.mobile-nav-link {
  display: block;
  padding: 0.875rem 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: color 0.2s ease;
}

.mobile-nav-link:last-of-type {
  border-bottom: none;
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
  color: #1ED760;
}

.nav-toggle .nav-icon-close {
  display: none;
}

.nav-toggle[aria-expanded="true"] .nav-icon-open {
  display: none;
}

.nav-toggle[aria-expanded="true"] .nav-icon-close {
  display: inline-flex;
}