.navigation-clean-button {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

@media (min-width:768px) {
  .navigation-clean-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.navigation-clean-button .navbar-brand {
  font-weight: bold;
  color: inherit;
  margin-right: auto;
}

.navigation-clean-button .navbar-toggler {
  color: #888;
}

.navigation-clean-button .navbar-nav a.active, .navigation-clean-button .navbar-nav > .show > a {
  background: none;
  box-shadow: none;
}

.navigation-clean-button.navbar-light .navbar-nav a.active, .navigation-clean-button.navbar-light
.navbar-nav a.active:focus, .navigation-clean-button.navbar-light .navbar-nav a.active:hover {
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean-button.navbar .navbar-nav .nav-link {
  padding-left: 18px;
  padding-right: 18px;
}

.navigation-clean-button.navbar-light .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-light
.navbar-nav .nav-link:hover {
  background-color: transparent;
}

.navigation-clean-button .navbar-nav > li > .dropdown-menu {
  margin-top: -5px;
  box-shadow: 0 4px 8px rgba(0,0,0,.1);
  background-color: #fff;
  border-radius: 2px;
}

.navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item {
  line-height: 2;
  font-size: 14px;
  color: #37434d;
}

.navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu
.dropdown-item:hover {
  background: #eee;
  color: inherit;
}

.nav-item .dropdown-item-blue {
  color: #a14dae !important;
}

.navigation-clean-button .actions .login {
  margin-right: 1rem;
  text-decoration: none;
  color: #AB7419;
}

.navigation-clean-button .navbar-text .action-button:hover {
  background: #25506f;
}

.navbar {
  font-family: 'Sackers';
  background-color: #25506f;
  color: #e26bbb;
}

.navbar-brand {
  letter-spacing: 5px;
}

.nav-item a {
  color: #e26bbb !important;
}

.navigation-clean-button .navbar-nav {
  display: flex;
  justify-content: space-between; /* This will evenly space the items */
  align-items: center; /* This will vertically center the items */
  width: 80%; /* Make sure the navbar takes up the full width */
}

.navigation-clean-button .navbar-nav .nav-item {
  margin: 0; /* Remove any default margin */
  list-style: none;
}

/* Optional: If you want to adjust the space between items, you can use the following */
.navigation-clean-button .navbar-nav .nav-link {
  margin-right: 0px; /* Adjust the value based on your preference */
  text-decoration: none;
  font-size: 20px;
}

.navigation-clean-button .navbar {
  display: flex;
  align-items: center;
}

.navigation-clean-button .navbar-cell {
  flex: 1; /* Equal distribution of space for each cell */
  display: flex;
  align-items: center;
}

.navigation-clean-button .navbar-buffer {
  /* Empty cell for spacing, adjust width as needed */
  width: 20px; /* Adjust the value based on your preference */
}

.navigation-clean-button .navbar-nav {
  /* Styles for the links in the center cell */
  display: flex;
  justify-content: space-around; /* Evenly space the links */
  flex: 1; /* Takes remaining space in the center cell */
}

.navigation-clean-button .navbar-grid {
  display: grid;
  grid-template-columns: 2fr 8fr auto; /* Logo, Links, Social Icons */
  align-items: center;
  grid-column-gap: 20px;
  width: 100%;
}