/* -----------------------------------------
  Navbar Header Variants (header-1 ... header-9)
  Extracted from navbar.css
----------------------------------------- */

.header-area.header-9:not(.is-sticky) .navbar-nav > .nav-item > a.nav-link:hover {
  background-color: rgba(0, 0, 0, 0.025);
}
.header-area.header-1 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a {
  color: #000000;
}
.header-area.header-1 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.header-area.header-1 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active {
  color: #ef786a;
}
.header-area.header-1 .main-navbar-area.is-sticky .main-nav .navbar .navbar-nav .nav-item a {
  color: #132150;
}
.header-area.header-1 .main-navbar-area.is-sticky .main-nav .navbar .navbar-nav .nav-item a.active,
.header-area.header-1 .main-navbar-area.is-sticky .main-nav .navbar .navbar-nav .nav-item a:hover {
  color: #ef786a;
}
.header-area.header-2 .main-navbar-area .main-nav .navbar .navbar-brand img:first-child { display: none; }
.header-area.header-2 .main-navbar-area .main-nav .navbar .navbar-brand img:last-child  { display: block; }
.header-area.header-2 .main-navbar-area.is-sticky .secondary-btn {
  color: #ffffff;
  background: linear-gradient(90deg, #8a20a2 10%, #f72b80 100%);
}
.header-area.header-2 .main-navbar-area.is-sticky .secondary-btn:hover {
  background: linear-gradient(90deg, #f72b80 10%, #8a20a2 100%);
}
.header-area.header-3 .main-navbar-area.is-sticky .secondary-btn {
  color: #ffffff;
  background-image: linear-gradient(90deg, var(--px-theme) 0%, #468dff 100%);
}
.header-area.header-3 .main-navbar-area.is-sticky .secondary-btn:hover {
  background-image: linear-gradient(90deg, #468dff 0%, var(--px-theme) 100%);
}
.header-area.header-4 .main-navbar-area.is-sticky .secondary-btn,
.header-area.header-4 .main-navbar-area.is-sticky .secondary-btn:hover {
  color: #ffffff;
  background-image: none;
  background-color: #ee5b61;
}
.header-area.header-5 .main-navbar-area.is-sticky .secondary-btn,
.header-area.header-5 .main-navbar-area.is-sticky .secondary-btn:hover {
  color: #ffffff;
  background-image: none;
  background-color: var(--px-theme);
}
.header-area.header-6 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a {
  color: #000000;
}
.header-area.header-6 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.header-area.header-6 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active {
  color: #2dca73;
}
.header-area.header-6 .main-navbar-area .secondary-btn { color: #2dca73; }
.header-area.header-6 .main-navbar-area .secondary-btn:hover {
  color: #ffffff;
  background-color: #2dca73;
}
.header-area.header-6 .main-navbar-area.is-sticky .main-nav .navbar .navbar-nav .nav-item a { color: #132150; }
.header-area.header-6 .main-navbar-area.is-sticky .main-nav .navbar .navbar-nav .nav-item a.active,
.header-area.header-6 .main-navbar-area.is-sticky .main-nav .navbar .navbar-nav .nav-item a:hover {
  color: #2dca73;
}
.header-area.header-6 .main-navbar-area.is-sticky .secondary-btn,
.header-area.header-6 .main-navbar-area.is-sticky .secondary-btn:hover {
  color: #ffffff;
  background-image: none;
  background-color: #2dca73;
}
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-brand img:first-child { display: none; }
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-brand img:last-child  { display: block; }
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item a { color: #132150; }
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item a.active,
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item a:hover { color: #0fd8d0; }
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a { color: #000000; }
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.header-area.header-7 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active { color: #0fd8d0; }
.header-area.header-7 .main-navbar-area .secondary-btn { border: 2px solid #0fd8d0; }
.header-area.header-7 .main-navbar-area.is-sticky .secondary-btn,
.header-area.header-7 .main-navbar-area.is-sticky .secondary-btn:hover {
  color: #ffffff;
  background-image: none;
  background-color: #0fd8d0;
}
.header-area.header-7 .switch-toggle .toggle-slider::before {
  color: #132150;
  border-color: #132150;
}
.header-area.header-8 .main-navbar-area {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.header-area.header-8 .main-navbar-area.is-sticky .secondary-btn {
  color: #ffffff;
  background-image: linear-gradient(90deg, var(--px-theme) 0%, #468dff 100%);
}
.header-area.header-8 .main-navbar-area.is-sticky .secondary-btn:hover {
  background-image: linear-gradient(90deg, #468dff 0%, var(--px-theme) 100%);
}
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-brand img:first-child { display: none; }
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-brand img:last-child  { display: block; }
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item a {
  color: #132150;
}
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-nav > .nav-item > a.active,
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-nav > .nav-item > a:hover {
  color: var(--px-theme);
  background-color: rgba(0, 0, 0, 0.025);
}
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a {
  color: #000000;
}
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu:not(.product-mega-menu) .nav-item a:hover {
  color: var(--px-theme);
  background-color: rgba(0, 0, 0, 0.025);
}
.header-area.header-9 .main-navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active {
  color: var(--px-theme);
}
.header-area.header-9 .main-navbar-area .secondary-btn { border: 2px solid var(--px-theme); }
.header-area.header-9 .main-navbar-area.is-sticky .secondary-btn,
.header-area.header-9 .main-navbar-area.is-sticky .secondary-btn:hover {
  color: #ffffff;
  background-image: none;
  background-color: var(--px-theme);
}
.header-area.header-9 .switch-toggle .toggle-slider::before {
  color: #132150;
  border-color: #132150;
}
