//
//NavBar
//

.navbar {
  border: none;
  padding: 0 1rem;
  flex-shrink: 0;
  min-height: 3.5rem;

  .up {
    margin: 0 -.6em
  }

  .avatar {
    display: inline-block!important;
    top: -2px
  }

  &-item {
    margin-right: 1rem;
    margin-bottom: 0
  }
  &-brand,&-item,&-nav>.nav-item>.nav-link,&-nav>.nav-link  {
    padding: 0;
    line-height: 3.5rem;
    white-space: nowrap
  }
  //.navbar-brand
  &-brand {
    padding: 0;
    font-size: 1.125rem;
    font-weight: 700;
    img,svg{
      position: relative;
      max-height: 2rem;
      top: .75rem;
      display: inline-block;
      vertical-align: top;
    }

    &>span {
      display: inline-block;
      line-height: .8;
      margin-left: 4px
    }

    &:hover{
      text-decoration: none
    }
  }

  .collapse.in,.collapsing{
    clear: left;
    padding-bottom: 1rem;
  }

  //navbar-nav

  &-nav {
    .collapse.in & ,.collapsing & {
      float: none!important
    }
  }
}

.collapse.in  ,.collapsing  {
  .navbar-nav {
    float: none!important;

    &:not(.navbar-nav-inline) {
      .nav-item {
        float: none;
        margin: 0
      }

      .nav-link {
        display: block;
        line-height: 2!important
      }

    }
  }

  .navbar-form {
    margin: 0!important;
    padding: .5rem 0;
    float: none!important
  }

  .nav-active-border {
    border-color: transparent
  }

  .dropdown-menu-scale {
    display: none
  }
}

@media (map-get($media-min-breakpoints,'md')) {
  .navbar.container {
    padding-left: 0;
    padding-right: 0
  }
}