.event-nav-header {
  background: linear-gradient(
    to right top,
    var(--event-bg-primary),
    var(--event-bg-secondary)
  );
  /* color: var(--event-nav-text); */
  /* color: rgba(255, 255, 255, 0.5); */
}

.event-nav-header .navbar-brand {
  color: var(--event-nav-text);
}

.event-body,
.event-footer {
  background-color: var(--event-background);

  color: #fff;
}
.event-footer {
  background: transparent;
}
.event-page-container {
  /* background-color: rgba(255, 255, 255, 0.8); */
}

@media only screen and (min-width: 769px) {
  .event-nav-header {
    height: 70px;
  }
  .event-page {
    padding-top: 70px !important;
  }
}