.navbar {
  border-bottom: 1px solid;
  background-color: $navbar-bg;
  border-color: $navbar-border-color;
}

/**
Navbar logo
 */
.navbar-brand-logo {
  height: 2rem;
}

.navbar-nav {
  flex-direction: row;
  margin-right: -($navbar-padding-x);
  margin-left: -($navbar-padding-x);

  .nav-link {
    padding-left: $navbar-nav-link-padding-x;
    padding-right: $navbar-nav-link-padding-x;
  }

  .nav-item.active .nav-link {
    position: relative;

    &:after {
      content: '';
      position: absolute;

      bottom: subtract(-$navbar-padding-y, 1px);
      right: $navbar-nav-link-padding-x;
      left: $navbar-nav-link-padding-x;
      border-bottom: 1px solid $primary;
    }
  }
}