/* Fix top navigation overlapping mobile header */
@media only screen and (max-width: 25.25rem) {

  .page-header .secondary-nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 96%;
    min-width: 0;
  }

  .page-header .secondary-nav > .nav-segments,
  .page-header .secondary-nav > .nav-utility {
    width: auto;
    margin: 0;
    float: none !important;
    overflow: visible;
  }

  .page-header .secondary-nav > .nav-segments {
    flex: 0 0 auto;
  }

  .page-header .secondary-nav > .nav-utility {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
  }

  .page-header .secondary-nav .nav-segments > li,
  .page-header .secondary-nav .nav-utility > li {
    float: none;
    margin: 0;
    white-space: nowrap;
  }

  .page-header .secondary-nav
    .nav-utility > li.nav-utility-link {
    padding: 0;
  }

  .page-header .secondary-nav
    .nav-utility #s-nav-user > a {
    padding-left: 20px;
  }
}