@use '../variables' as theme;

.navbar {
  background-color: var(--navbar-bg-color);
  color: var(--navbar-text-color);
  z-index: 1040;
  border-radius: var(--navbar-border-radius);
  left: 0;
  margin: var(--navbar-header-margin);
  padding: 0;
  height: 3rem;
}


i.fa.nav {
    color: var(--navbar-fa-icon-color);
}

.nav-tabs .nav-link.active::before {
  transform: scaleY(0);
}

@media (max-width: theme.$grid-breakpoints-lg) {
  .navbar {
    margin: var(--navbar-header-mobile-x-margin) var(--navbar-header-mobile-y-margin);
  }
}
