/* =========================================
   Normalize nav underline to one thin line
========================================= */

/* kill theme underline/border effects */
.primary_structure > li > a,
.primary_structure > li > a:hover,
.primary_structure > li.current > a,
.primary_structure > li.active > a,
.primary_structure > li > a > span,
.primary_structure > li > a:hover > span,
.primary_structure > li.current > a > span,
.primary_structure > li.active > a > span,
.nav-bar a,
.nav-bar a:hover,
.nav-bar a span,
.nav-bar a:hover span {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* keep only one underline source */
.primary_structure > li > a::after,
.nav-bar a::after {
  display: none !important;
}

/* the only underline */
.primary_structure > li > a > span::after,
.nav-bar a span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: #005999 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 999px;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition:
    transform 0.28s ease,
    opacity 0.28s ease;
}

/* hover */
.primary_structure > li > a:hover > span::after,
.nav-bar a:hover span::after {
  opacity: 1;
  transform: scaleX(1);
}

/* active/current */
.primary_structure > li.current > a > span::after,
.primary_structure > li.active > a > span::after {
  opacity: 1;
  transform: scaleX(1);
}
