#dropdownMenuButton{text-transform:uppercase;}
.page-nav {
  display: none;
}
.page-nav__link:hover::after {
  content: '';

  height: 2px;

  width: 100%;

  bottom: 0;

  background: white;
left:0;
  position: absolute;

}
@media (max-width:991.98px){
.page-nav__text,.page-nav__link{
display:block ruby;
}
.page-nav {
  display:flex; background:var(--black)
}
.page-nav__main{
overflow: auto;
  flex: 1;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
  }
.page-nav__main::-webkit-scrollbar{
display: none;
}  
}
@media all and (max-width:767.98px){
.page-nav {
  display: none !important;
}
}
@media (min-width:768px) {
/*a.page-nav__link:focus {
    outline: 2px solid transparent;
}*/
.page-nav__list{position:relative; min-width: fit-content;}
.page-nav__more ul{
display:none;flex-direction: column;
    position: absolute;
    top: 6.6rem;
    background: black;
    padding: 0 var(--sm-2);
    right: 0;
    min-width: 20rem;
}
.page-nav__more.open ul{
display:flex
}
  .page-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 9;
    background: var(--black)
  }
  .ip3-edit .page-nav{
  	z-index: 0;
  }
  .page-nav__text {
    line-height: 1.8rem;
    min-width: fit-content;
  }
  .page-nav__link {
    line-height: 1.8rem; width:100%;
  }
  .page-nav__ul .active {
    font-weight: 700;
    position: relative
  }
  .page-nav__ul .active::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--white);
    bottom: 0;
    left: 0
  }
}
.page-nav__link:focus-visible {
    outline: dashed 2px var(--white);
    outline-offset: -2px;
}