.js-heading + .pagelevelprogress__indicator {
  display: inline-block;
  vertical-align: middle;
}

.menu,
.menu-item,
.page,
.article,
.block,
.component {
  &__title-inner {
    display: inline;
    vertical-align: middle;
  }
}

.pagelevelprogress__indicator {
  border-color: @progress-border;
}

.pagelevelprogress__indicator-inner {
  background-color: @progress-inverted;
}

.pagelevelprogress__indicator-bar {
  background-color: @progress;
}

// --------------------------------------------------
// Nav
// --------------------------------------------------
.pagelevelprogress__nav-btn {
  .pagelevelprogress__indicator {
    border-color: @nav-progress-border;
    .progressText{
      position: absolute;
      top: -5px;
      font-size: 0.8rem;
      left: -67px;
      font-weight: 100;
      
      @media screen and(max-width: 850px) {
        // left: 0;
        // top: -18px;
      }
      @media screen and(max-width: 896px) {
        // left: 0;
        // top: -18px;
      }
        @media only screen and (min-device-width: 320px) and (max-device-width: 896px)
      {
        // left: 0;
        // top: -18px;
      } 
    }
  }

  .pagelevelprogress__indicator-inner {
    background-color: transparent;
  }

  .pagelevelprogress__indicator-bar {
    background-color: #fff;
    margin:0 !important;
  }

  .no-touch &:hover {
    .pagelevelprogress__indicator {
      border-color: transparent;
      .transition(border-color @duration ease-in);
    }

    .pagelevelprogress__indicator-inner {
      background-color: transparent;
      .transition(background-color @duration ease-in);
    }

    .pagelevelprogress__indicator-bar {
      background-color: #fef0e2;
      .transition(background-color @duration ease-in);
    }
  }
}
// --------------------------------------------------

// --------------------------------------------------
// --------------------------------------------------
.pagelevelprogress__item-btn {
  .pagelevelprogress__indicator {
    border-color: @drawer-progress-border;
  }

  .pagelevelprogress__indicator-inner {
    background-color: @drawer-progress-inverted;
  }

  .pagelevelprogress__indicator-bar {
    background-color: @drawer-progress;
  }

  .no-touch &:hover {
    .pagelevelprogress__indicator {
      border-color: @drawer-progress-border-hover;
      .transition(border-color @duration ease-in);
    }

    .pagelevelprogress__indicator-inner {
      background-color: @drawer-progress-inverted-hover;
      .transition(background-color @duration ease-in);
    }

    .pagelevelprogress__indicator-bar {
      background-color: @drawer-progress-hover;
      .transition(background-color @duration ease-in);
    }
  }
}
// --------------------------------------------------
