nav.pager {
  @include breakpoint($tablet, max-width) {
    .first,
    .last {
      display: none;
    }
  }
  @include breakpoint($desktop, max-width) {
    width: 100%;

    ul.usa-nav__primary {
      display: flex;

      li.usa-nav__primary-item {
        border-top: 0;
      }
    }
  }

  ul.usa-nav__primary {
    > li.usa-nav__primary-item {
      margin: 0 0.5rem;

      &.is-active {
        a {
          font-weight: bold;
          border-bottom: 2px solid $darkblue;
        }
      }

      a {
        border-bottom: 0;
        padding: 0;
        line-height: 1.6;
        color: $darkblue;
        font-weight: normal;
      }
    }
  }

  .view--block & {
    margin-top: 2rem;
  }
}

@include breakpoint($desktop, max-width) {
  .view-summary + nav.pager {
    margin-top: 2rem;
  }
}