@import "styles/base.scss";

#nav-menu {
    display: flex;
    flex-direction: column;
}

.global-navbar-left {
  background-color: #002d5b;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  min-height: 100%;
  display: flex;
  z-index: 3001;

  @include media('>=tablet') {
    display: flex;
  }

  @media (max-width: $screen-sm) {
    display: none;
  }

  @include media('>=1600px') {
    width: 130px;
  }
  .global-navbar-background {
      background: #002d5b;
      display: flex;
      flex-direction: column;
      flex: 1 0 100%;

      @include media('<=1600px') {
        width: 90px;
      }
  }

  .logo {
    background-color: $blue;
    height: 75px;
    text-align: center;
    padding: 15px;

    box-shadow: inset -10px 0 0 -5px rgba(0, 0, 0, 0.15);

    @include media('>=1600px') {
      padding: 22px 15px;
    }

    img, .svg {
      width: 100%;
      max-width: 97px;
      height: auto;

      &.before-1600 {
        max-width: 45px;
        @include media('>=1600px') {
          display: none;
        }
      }

      &.after-1600 {
        display: none;

        @include media('>=1600px') {
          display: inline;
        }
      }
    }
  }
}