/* 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 .select { margin-top: 2rem; }
.secondary-nav select {
  background-color: transparent;
  border: 1px solid #9166B4;
  color: white;
  font-family: 'OpenSans-SemiBold', sans-serif;
  margin-bottom: 0;
  padding: 1rem;
}
[lang="ko"] .secondary-nav select {
  font-family: 'NotoSans-Bold', sans-serif;
}
.secondary-nav select option { color: #0C0C12 }
.secondary-nav .select:after { content: url('../../images/icons/arrow-down-violet.svg'); }
.btn--tertiary.external:after { content: url('../../images/icons/external-light.svg'); opacity: 0.5; display: inline-block }
.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; }
.tabs .h4 {
  color: #007BC6;
  line-height: 3.2;
}

.tabs .h4:hover {
  color: #02588D;
  border-bottom: 6px solid #02588D;
}

.tabs .active {
  color: #490083 !important;
  border-bottom: 6px solid #D395E8 !important;
  pointer-events: none;
}

.tabs label:not(:last-of-type) {
  margin-right: 1.5rem;
  letter-spacing: -0.1px;
}

.services-table {
  border-collapse: separate;
  border-spacing: 0 2rem;
  margin-top: -2rem;
}

.services-table tr td:first-child {
  font-family: 'OpenSans-SemiBold', sans-serif;
  min-width: 130px;
  padding-right: 10px;
}

[lang="ko"] .services-table tr td:first-child {
  font-family: 'NotoSans-Bold', sans-serif;
}

@media only screen and (min-width: 768px) {
  .secondary-nav { padding: 1.5rem; }
  .secondary-nav .select {margin-top: 0; min-width: 18rem; }
  .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; }
  .secondary-nav .btn { flex-basis: auto; margin: 0 0 0 2rem; white-space: nowrap }
  .tabs {
    margin: 0 -3rem 3rem;
    padding: 0 3rem;
    border-bottom: 1px solid #DBDBDC;
  }
}

@media only screen and (min-width: 1024px) {
  .secondary-nav-wrapper {
    margin-bottom: 3.8rem;
  }
  .secondary-nav { padding: 2rem; }
  .secondary-nav .select { min-width: 22rem; }
  .tabs {
    margin: 0 -4rem 4rem;
    padding: 0 4rem;
  }
  .tabs label:not(:last-of-type) {
    margin-right: 2rem;
    letter-spacing: 0;
  }
  .services-table {
    font-size: 1.5rem;
  }
  .services-table tr td:first-child {
    min-width: 110px;
  }
  .hero.card {
    height: 500px;
  }
}

@media only screen and (min-width: 1480px) {
  .secondary-nav-wrapper {
    margin-bottom:3rem;
  }
  /* .secondary-nav nav,
  .secondary-nav nav a:not(:first-of-type) { margin-left: 3rem; } */
  .secondary-nav .select { min-width: 30rem; }
  .secondary-nav select { padding: 1.5rem 2rem; }
  .tabs {
    margin: 0 -5rem 5rem;
    padding: 0 5rem;
  }
  .tabs .h4 {
    line-height: 3.1;
  }
  .services-table {
    font-size: 1.6rem;
  }
  .services-table tr td:first-child {
    min-width: 130px;
  }
  .hero.card {
    height: 570px;
  }
}

@media only screen and (max-width: 767px) {
  .separator { display: none; }
  .secondary-nav .btn { text-align: center; }
  #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;
  }
}