.bottom-navbar {
  position: sticky;
  bottom: 0;
  background-color: var(--color-light-grey);
  height: var(--navbar-height);
}

.bottom-navbar .nav-item {
  height: 100%;
  width: 100%;
}

.bottom-navbar .nav-link {
  color: var(--color-black);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
  text-align: center;
  text-wrap: wrap;
}

.bottom-navbar .nav-link:hover {
  background-color: var(--color-primary-blue);
  color: var(--color-white);
}

#login-button {
  background-color: var(--color-primary-blue);
  color: var(--color-white);
  font-weight: bold;
}

#login-button:hover {
  background-color: var(--color-light-blue);
}

.bottom-navbar .btn-primary {
  background-color: var(--color-primary-blue);
  color: var(--color-white);
  font-weight: bold;
}

.navbar-toggler {
  border-color: none;
}