/* Shared nav */
.identifier { font-size: 17px; }
.separator { margin: 0 2rem; }
.secondary-nav .active .separator
  { color: #fff; }
.secondary-nav-wrapper {
  z-index: 1;
  position: relative;
  margin-bottom: 1rem;
}
.secondary-nav-wrapper .inner { padding: 0; }
.secondary-nav {
  background-color: #41007F;
  padding: 1.5rem 2rem;
}
.secondary-nav {
  position: relative;
  z-index: 1;
}
.secondary-nav.active .nav-content { max-height:  100vh; }
.secondary-nav.active .toggler { transform: rotate(180deg) }
.secondary-nav nav a, 
.secondary-nav nav a:visited:not(.active) { 
  color: white; 
  font-family: 'OpenSans-SemiBold', sans-serif;
}
[lang="ko"] .secondary-nav nav a:visited:not(.active) {
  font-family: 'NotoSans-Bold', sans-serif;
}
.secondary-nav nav a:not(:last-of-type),
.secondary-nav nav div:first-of-type { margin-bottom: 2rem; }
.secondary-nav nav { margin: 4rem 0; }
.secondary-nav nav a:hover { opacity: 0.5; color: white; }
.secondary-nav .active,
.secondary-nav a.active :visited { color: #AA1DD5; }
.secondary-nav nav a:first-of-type:after { top: 0; }

@media only screen and (min-width: 768px) {
  .secondary-nav { padding: 1.5rem; }
  .secondary-nav nav a:not(:first-of-type) { margin-left: 2rem; }
  .secondary-nav nav a:not(:last-of-type),
  .secondary-nav nav div:first-of-type { margin-bottom: 0; }
  .secondary-nav nav { margin: 0; margin-right: auto; align-items: center; }
}

@media only screen and (min-width: 1024px) {
  .secondary-nav-wrapper {
    margin-bottom: 3.8rem;
  }
  .secondary-nav { padding: 2rem; }
  .secondary-nav .select { min-width: 22rem; }
}

@media only screen and (min-width: 1480px) {
  .secondary-nav-wrapper {
    margin-bottom:3rem;
  }
}

@media only screen and (max-width: 767px) {
  .separator { display: none; }
  #instruments-subnav-toggle + label + div {
    align-items: stretch;
  }
  #instruments-subnav-toggle:not(:checked) + label + div {
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
  }
  #instruments-subnav-toggle:checked + label svg {
    transform: rotate(0.5turn);
    transform-origin: center;
  }
}