.bd-navbar {
  padding: .75rem 0;
  background-color: $bd-purple-bright;

  .navbar-toggler {
    padding: 0;
    border: 0;

    .bi {
      width: 2rem;
      fill: currentColor;
    }
  }

  .navbar-nav {
    .nav-link {
      padding-inline-end: $spacer / 4;
      padding-inline-start: $spacer / 4;
      color: rgba(rgb($white),   .85);

      &:hover,
      &:focus {
        color: rgb($white) ;
      }

      &.active {
        font-weight: 600;
        color: rgb($white) ;
      }
    }
  }

  .navbar-nav-svg {
    width: 1rem;
    height: 1rem;
  }
}
