.navigation-clean-search .action-button, .navigation-clean-button .action-button:active {
  background: #56c6c6;
  border-radius: 20px;
  font-size: inherit;
  color: #fff !important;
  box-shadow: none;
  border: none;
  text-shadow: none;
  padding: 8px 20px;
  transition: background-color 0.25s;
}

.navigation-clean-button {
  background: #222222;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #f2f5f8;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

@media (max-width:767px) {
  .navigation-clean-button {
    padding-top: 0;
    padding-bottom: 0;
  }
}

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

.navigation-clean-button .navbar-brand:hover {
  color: #ffffff;
}

.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form {
  border-top-color: #ddd;
}

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

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

.navigation-clean-button .actions {
  margin-top: 7px;
  margin-bottom: 0;
}

.navigation-clean-button .actions .login {
  margin-right: 7px;
  text-decoration: none;
  color: #ffffff;
}

.navigation-clean-button .action-button, .navigation-clean-button .action-button:active {
  background: transparent;
  border-radius: 0;
  color: #e04c40;
  box-shadow: none;
  border: 1px solid #e04c40;
  text-shadow: none;
  padding: 10px 22px;
  transition: background-color 0.25s;
}

.navigation-clean-button .action-button:hover {
  background: #e04c40;
  color: #fff;
  font-weight: 400;
  border: 1px solid #df4c40;
}

.navbar {
  margin-bottom: 0;
}

.btn {
  border-radius: 0;
}

.btn.focus, .btn:focus, .btn:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #1485ee;
  border: none;
}

.btn {
  font-family: 'Roboto';
  font-weight: 400;
}

/* Final override to ensure navbar text is visible on dark backgrounds.
   This file is loaded after other CSS files in the HTML, so placing the
   rule here helps it win the cascade on deployed pages without editing
   every HTML file. Keep minimal and targeted. */
.navbar, .navbar-modern, .navigation-clean-button {
  color: #f8fbfc !important;
}
.navbar, .navbar-modern, .navigation-clean-button,
.navbar *, .navbar-modern *, .navigation-clean-button * {
  font-family: 'Lato', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}
.navbar a, .navbar .nav-link, .navbar .navbar-brand,
.navbar-modern a, .navbar-modern .nav-link, .navbar-modern .navbar-brand,
.navigation-clean-button a, .navigation-clean-button .nav-link, .navigation-clean-button .navbar-brand {
  color: #f8fbfc !important;
}
.navbar a:hover, .navbar a:focus,
.navbar-modern a:hover, .navbar-modern a:focus,
.navigation-clean-button a:hover, .navigation-clean-button a:focus {
  color: #e6eef2 !important;
}