.nav {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: #fff !important;
}

.nav .logo { color: #000 !important; }
.nav > .menu-btn span { background: #000 !important; }

.page-nav {
  background: #000 !important;
  border-color: #222 !important;
  border-top: 0 !important;
}

.page-nav .page-tab {
  color: #fff !important;
  opacity: 0.72;
  font-weight: 500 !important;
}

.page-nav .page-tab:hover,
.page-nav .page-tab.active {
  color: #fff !important;
  opacity: 1;
}

footer {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

footer a { color: #fff !important; }
footer a:hover { color: #ddd !important; }
footer .sep { color: rgba(255, 255, 255, 0.42) !important; }

@media (max-width: 768px) {
  body { padding-top: var(--vibes-mobile-header-height, 170px) !important; }

  .nav {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: #fff !important;
  }

  .page-nav {
    position: fixed !important;
    top: var(--vibes-mobile-nav-height, 124px);
    left: 0;
    right: 0;
    z-index: 1090;
  }
}