#burger-menu {
  .burgermenu-icon {
    padding-left: 7px;
  }

  .minimized-timeline {
    cursor: pointer;

    &.active {
      font-weight: 600;
    }

    .timeline-title {
      font-size: $font-size-m;
    }
  }

  .menu-item-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left-style: solid;
    border-left-width: 1px;

    &.active {
      font-weight: 600;
    }
  }

  .menu-item {
    font-size: $font-size-s;
    cursor: pointer;
  }

  .sub-menu {
    padding-left: 20px;

    .menu-item {
      font-size: $font-size-xs;
    }
  }

  .thumb-arrow {
    cursor: pointer;
    padding: 20px;
  }

  .not-started {
    padding: 10px;
  }
}

.nav-bar {
  display: flex;
  align-items: center;
  background-color: $navbar-bkg;
  height: $navbar-height;

  .sk-layout {
    float: none;

    .sk-top-bar {
      display: inline-block;
      height: auto;
      margin: 0;
    }
  }

  .caret {
    margin-left: 10px;
  }

  .navbar-logo {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    img {
      max-height: 40px;
    }
  }

  .right-part {
    display: inline-flex;
    align-items: center;
    height: $navbar-height;

    .navbar-language {
      .dropdown-toggle {
        line-height: normal;
      }
    }
  }

  .navbar-icons {
    display: inline-flex;
    align-items: center;
    padding: 0;

    .assembl-icon-expert,
    .assembl-icon-profil {
      &:before {
        font-size: 20px;
      }
    }

    .is-harvesting-button {
      margin-top: 4px;

      &:focus {
        outline: 0;
      }
    }

    #search {
      float: none;
    }
  }

  .navbar-menu-item {
    font-family: $font-family2;
    font-size: $font-size-xs;
    letter-spacing: 0.8px;
    line-height: 0;
    padding: 0 20px;
    text-transform: uppercase;
    white-space: nowrap;

    &:hover {
      font-family: $font-family3;
      text-decoration: none;
    }

    &:after {
      font-family: $font-family3;
      text-decoration: none;
      content: attr(data-text);
      height: 0;
      overflow: hidden;
      visibility: hidden;
      line-height: 0;
    }

    &:focus {
      text-decoration: none;
    }
  }

  .navbar-language {
    padding-top: 18px;
  }

  .avatar {
    display: flex;
    align-items: center;
    margin-top: 0;

    .user-account {
      white-space: nowrap;
      margin-left: 10px;
      line-height: normal;
      padding-right: 0;
    }

    .connection {
      display: flex;
      align-items: center;
      margin: 0;
    }

    .assembl-icon-profil {
      display: flex;

      &:before {
        margin: 0;
      }
    }
  }

  .dropdown-toggle {
    .inline {
      display: flex;
      align-items: center;
    }
  }

  .nav-burger-with-text {
    cursor: pointer;
    display: flex;
    padding-right: 15px;
    flex-direction: column;
  }

  .menu-text {
    margin-top: -5px;
  }

  .assembl-icon-menu-on:before {
    font-size: 25px;
    padding-left: 3px;
  }

  .assembl-icon-cancel:before {
    font-size: 25px;
    padding-left: 9px;

    .active {
      font-family: $font-family3;
    }
  }

  .flat-navbar {
    display: inline-flex;
    align-items: center;
    max-height: $navbar-height;
    justify-content: space-between;
    width: 100%;

    .navbar-logo {
      padding-right: 15px;
    }

    .navbar-language {
      padding: 0;
    }

    .left-part {
      display: inline-flex;
      align-items: center;
      height: 100%;
    }

    .nav-menu {
      display: inline-flex;
      align-items: center;
    }

    .navbar-home-item {
      display: none;
    }

    .nav-burger-menu {
      background-color: $white;
      left: 0;
      bottom: 0;
      padding-bottom: 60px;
      position: absolute;
      top: $navbar-height;
      width: 400px;
      height: 100vh;
      overflow-y: scroll;
      -ms-overflow-style: none;
    }

    .navbar-menu-item {
      height: $navbar-height;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      &.active {
        border-bottom-style: solid;
        border-bottom-width: 4px;
        padding-top: 4px;
      }
    }

    .logo-active {
      border-bottom-style: solid;
      border-bottom-width: 4px;
      padding-top: 4px;
      display: inline-flex;
      align-items: center;
      height: $navbar-height;
      line-height: $navbar-height;
      vertical-align: middle;
    }
  }

  #burger-menu {
    #screen-too-small {
      .nav-menu {
        display: flex;
        flex-direction: column;
      }

      .navbar-language {
        display: flex;
        justify-content: center;
        padding: 5px 20px;
      }

      .dropdown-menu-right {
        position: relative;
        top: 0;
      }

      #nav-dropdown {
        justify-content: center;
      }
    }

    .mobile-navbar {
      .burgermenu-icon {
        padding-left: 7px;
        flex-grow: 0.25;
      }
    }

    .navbar-logo {
      flex-grow: 1.25;

      img {
        max-width: 90px;
      }
    }
  }

  /* Landscape phones and portrait tablets */
  @media (max-width: $screen-xs-max) {
    #screen-too-small {
      width: 100%;
      padding-bottom: 150px;
    }

    #search {
      display: none;
    }

    .right-part {
      flex: 1;
    }

    .burgermenu-icon {
      padding-left: 7px;
      flex: 1;
    }
  }
}

.large-logo {
  padding: 25px 0 0 20px;

  img {
    max-height: 60px;
  }
}
