//
// Navigation Style
//

.navbar-default {
  //@extend .navbar-light;
  background-color: $body-bg !important;
}


.navbar-mainnavigation {
  box-shadow: none;

  .container {
    justify-content: flex-end;
  }

  .navbar-nav > .nav-item {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: (1.5/13) *1em;


    > .nav-link:before {
      content: none;
    }

    > .nav-link:focus,
    > .nav-link:hover,
    &:hover > .nav-link:before {
      //color: $primary;
    }

    &.show > .nav-link,
    &.active > .nav-link {
      //color: $primary;
    }

    @media (min-width: $grid-float-breakpoint) {
      > .nav-link:before {
        top: auto;
        left: $navbar-nav-link-padding-x;
        right: $navbar-nav-link-padding-x;
        bottom: ($nav-link-padding-y / 2);
        height: 2px;
        width: auto;
      }
    }
  }

  .navbar-brand-image {
    order: 1;
    //position: absolute;
    margin-right: auto;
    padding: 0;

    .navbar-brand-logo-normal {
      box-shadow: 0px 0px 11px rgba(127, 127, 127, 0.3), 0px 0px 11px rgba(127, 127, 127, 0.3);
      background-color: #FFFFFF;
      padding: 1.5rem;
      width: auto;
      height: 8rem;
      max-height: unset;
      top: 0;
      transform: unset;
      @media (min-width: $grid-float-breakpoint) {
        height: 10rem;
      }
    }
  }

  .navbar-collapse {
    order: 4;
    //@each $breakpoint in map-keys($navbar-heights) {
    //  @include media-breakpoint-up($breakpoint) {
    //    height: map-get($navbar-heights, $breakpoint);
    //  }
    //}
    .navbar-nav {
      @include media-breakpoint-down('md') {
        margin-top: 5rem;
      }
    }
  }

  .navbar-nav {
    align-self: flex-end;
  }

  .navbar-toggler {
    margin-left: $nav-link-padding-x * 2;
    order: 3
  }

  .contactnav {
    order: 2;

  }
}
