.navbar-collapse span {
  display: block;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}

/* Base */
body {
  background-color: #0e0e10;
  color: #efeff1;
}

/* Navbar */
.navbar {
  background-color: #18181b !important;
  border-bottom: 1px solid #2a2a2d;
}

.navbar .nav-link {
  color: #efeff1 !important;
  font-weight: 500;
}

.navbar .nav-link:hover {
  color: #9146ff !important;
}

.navbar-brand img {
  border-radius: 8px;
}

/* Buttons */
.btn-primary {
  background-color: #9146ff;
  border-color: #9146ff;
}

.btn-primary:hover {
  background-color: #772ce8;
  border-color: #772ce8;
}

/* Sections */
section {
  background-color: transparent;
}


/* Section titles */
.section-title {
  color: #efeff1;
}

/* Video text */
.video-title {
  color: #efeff1;
}

.video-meta {
  color: #adadb8;
}

/* Instagram section */
#instagram {
  background-color: transparent;
}

#videos {
  background-color: transparent;
}

/* Contact section */
#contact {
  background-color: transparent;
}

#contact a {
  color: #9146ff;
}

#contact a:hover {
  color: #a970ff;
}

/* Footer */
footer {
  background-color: #000;
}

footer a {
  color: #efeff1;
}

footer a:hover {
  color: #9146ff;
}

.theater-mode #player-col {
  width: 100% !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.6rem;
  }

  .navbar-brand img {
    height: 40px;
  }
}