/* Start Hamburger menu styling  */

.container-fluid,
.navbar.bg-body-tertiary.nav-links,
.navbar.bg-body-tertiary.nav-links .navbar-nav,
.navbar.bg-body-tertiary.nav-links .navbar-nav .nav-item {
  background-color: var(--neutral-color);
  margin: 0;
  padding: 0;
  flex-grow: 1;
  text-align: center;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: var(--main-font-color);
}

.navbar-toggler:focus {
  outline-color: var(--main-font-color);
}

.navbar.bg-body-tertiary.nav-links .navbar-nav {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.navbar.bg-body-tertiary.nav-links .navbar-nav .nav-item .nav-link {
  color: var(--main-color);
}

.navbar.bg-body-tertiary.nav-links .navbar-nav .nav-item {
  display: block;
  width: 100%;
  text-align: left;
}

.navbar.bg-body-tertiary.nav-links .navbar-nav .nav-link {
  padding: 0.5rem 1rem;
  display: block;
  width: 100%;
}

.navbar.bg-body-tertiary.nav-links .navbar-nav .nav-item {
  display: block;
  width: 100%;
  text-align: left;
}

.navbar.bg-body-tertiary.nav-links .navbar-nav .nav-link {
  padding: 0.5rem 1rem;
  display: block;
  width: 100%;
}

/* End of Hamburger menu styling  */