.sub-menu {
  display: none;
}

.primary-nav-box {
  position: absolute;
  top: 48px;
  opacity: 0;
  transition:  all linear 0.2s;
  visibility: hidden;
  &.visible {
    background: $white;
    box-shadow: $box-shadow-level-2;
    opacity: 1;
    padding: 8px 0 8px 8px;
    visibility: visible;
    z-index: 9900;
    overflow: hidden;
    .box {
      overflow: hidden;
      height: 100%;
    }
    .primary-nav {
      overflow: hidden;
      ul {
        overflow-y: auto;
      }
    }
  }
}

.primary-nav {
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    li {
      a {
        border: 0;
        display: block;
        &:hover {
          border: 0;
        }
      }
    }
  }
}

.primary-nav {
  height: 100%;
  overflow: hidden;
  ul {
    height: 100%;
    overflow-y: auto;
    li {
      white-space: nowrap;
      a {
        border: 0;
        color: $shark;
        display: block;
        height: $fixed-nav-mobile;
        line-height: $fixed-nav-mobile;
        padding: 0 8px;
        &:hover {
          border: 0;
        }
      }
    }
  }
}

.nav-links {
  background: $white;
  box-shadow: $box-shadow-level-1;
  padding: 8px;
  text-align: center;
  margin-bottom: 48px;
  .page-numbers {
    padding: 0 4px;
  }
}

.link-pages {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 8px 0;
  .right-pages-nav {
    align-self: flex-end;
    margin-left: auto;
  }
}