.page-header .ntrn__toggle-inner {
  @include ms-icon('menu', 26px, after);
  opacity: 1;
}

.ntrn__toggle {
  display: block;
  position: relative;
  cursor: pointer;
  height: 25px;
  width: 25px;
  margin: 0 5px 0 15px;

  @include respond-to-up($ntrn_breakpoint) {
    display: none;
  }

  .ntrn & {
    position: relative;
  }

  &-inner {
    @include ms-icon('x', 16px, after);
    opacity: 0;
    transition: $transition;
  }

  &--active {
    .ntrn__toggle-inner {
      opacity: 1;
      transition: $transition;
    }
  }
}
