@import "../bootstrap/navbar";

.navbar-brand {

  img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 4rem;
  }

  & > a {
    outline: none;

    &:hover, &:focus {
      outline: none;
    }
  }
}


@include media-breakpoint-down(lg) {
  .navbar-brand img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 3rem;
  }

  .bd-navbar {
    .nav-link, .nav-item {
      float: none;
    }

    .navbar-nav .nav-item + .nav-item {
      margin-left: 0;
    }

  }
}

.navbar-user {
  .nav-inline {
    margin-bottom: 0;

    a {
      color: #666;
    }
  }
}


.navbar-nav > li > .sub {
  // Generate the caret automatically
  &::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: middle;
    content: "";
    border-top: $caret-width solid;
    border-right: $caret-width solid transparent;
    border-left: $caret-width solid transparent;
  }

  // Prevent the focus on the dropdown toggle when closing dropdowns
  &:focus {
    outline: 0;
  }
}

.navbar-onepage {
  nav {
    flex-wrap: wrap;
  }

  .navbar-collapse {
    order: 2;
  }

  .nav-language > li:first-child > a {
    padding-left: 0;
  }
}

.navbar-megamenu {
  .container {
    position: relative;
  }
  .navbar-main {
    position: initial;
  }
}

.navbar-toggler-icon {
  height: 2.2rem;
}

.navbar-function-buttons {
  justify-content: flex-end;
}

.navbar-meta {
  justify-content: flex-end;
  --#{$prefix}navbar-padding-y: 0;
}