:root {
  --crescendo-primary: rgb(163, 0, 14);
}

/* Maak de groepsfoto op de Home-pagina groter */
.banner-bg-1 {
  height: 350px;
}

/* Fix kleuren in de navigatie-bar */
.nav-link {
  color: #DDDDDD !important;
}
.navbar-nav .nav-item .nav-link.active {
  color: rgb(255, 255, 255) !important;
}
.navbar-brand {
  color: rgb(255, 255, 255);
}
.navbar {
  /* Op gsm: maak de menu-burger wit */
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Fix kleuren van knoppen */
.btn {
  color: rgb(255, 255, 255);
  background-color: var(--crescendo-primary);
}

/* Fix link-kleuren */
a {
  color: var(--crescendo-primary);
}

/* Maak de inhoud van pagina's minder breed op XXL-schermen (>=1400px breedte) */
@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1140px; /* same as the XL container */
  }
}