/* Main nav links */

.nav-event-links {
  display: flex;
  margin-left: 10px;
}
.nav-event-links > a {
  text-decoration: none;
  line-height: 26px;
  padding: 0 10px;
  border-bottom: 4px solid transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: border 0.25s;
}


.nav-event-links > a.active {
  border-bottom: 4px solid var(--ms-colour-highlight);
}
.nav-event-links > a:not(.active):hover {
  border-bottom: 4px solid #aaa;
}



@media (max-width: 800px), (max-height:520px ) {
  .nav-event-links {
    justify-content: center;
  }
  .nav-event-links > a {
    padding: 0 5px;
  }

}