/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

/* Transparent navbar overlaying video */
.top-nav {
  position: fixed;                 /* overlay and stay pinned on scroll */
  top: 0;                          /* was 'top: 50;' (invalid) */
  left: 0;
  right: 0;
  width: 100%;
  background: transparent !important;   /* kill any Bootstrap bg */
  box-shadow: none !important;
  z-index: 2000;                   /* above video/overlay */
  padding: 0.5rem 1rem;
}

/* Ensure links show up over video */
.top-nav a,
.top-nav span {
  color: #fff !important;          /* was #ffffff00 (fully transparent) */
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

/* Hover */
.top-nav a:hover { color: #f0f0f0 !important; }

/* Logo + title */
.nav-logo { height: 50px; }

.nav-logo-link span {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.nav-logo-link span:hover { color: #e0e0e0; }

/* Optional: turn solid when scrolled */
.top-nav.scrolled {
  background: rgba(0,0,0,0.7) !important;
  backdrop-filter: blur(6px);
}