/* ===== Huisstijl ===== */
:root {
  --geel: #FFEE01;
  --navy: #030E46;
  --rood: #DF2118;
}

body {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
}

h1, h2, h3 { color: var(--geel); }
a { color: #ffffff; }
a:hover { color: var(--geel); }
::selection { background: var(--geel); color: var(--navy); }

.text-muted,
small,
.small,
.help-block {
  color: #ffffff !important;
}

/* ===== Header: laag over de foto doorzichtig, achtergrond achter de foto navy ===== */
.carousel,
.carousel-inner,
.carousel-inner > .item,
.carousel-inner > .carousel-item,
#carousel-homepage {
  background-color: #030E46 !important;
}

#carousel-homepage .carousel-container,
.carousel-container,
.carousel-caption,
.banner-cycle-titles,
.banner-cycle-titles * {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.carousel-inner img,
.carousel img {
  opacity: 1 !important;
}

/* Kop geel, tekst eronder wit */
.banner-cycle-titles h1,
.banner-cycle-titles h2,
.banner-cycle-titles h3,
.banner-cycle-titles .title,
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3 {
  color: #FFEE01 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.6);
}

.banner-cycle-titles p,
.banner-cycle-titles .subtitle,
.banner-cycle-titles .text-muted,
.carousel-caption p {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.6);
}

/* ===== Menu (bovenste balk) ===== */
nav a,
nav li a,
header a,
header .nav a,
.nav > li > a,
.nav a,
.navbar a,
.navbar-nav a,
.navbar-nav > li > a,
.dropdown-toggle {
  color: #ffffff !important;
  opacity: 1 !important;
}

nav a:hover,
header a:hover,
.nav > li > a:hover,
.nav > li > a:focus,
.nav > .open > a,
.nav > .active > a,
.navbar-nav .active > a {
  color: #FFEE01 !important;
  background-color: transparent !important;
}

.caret {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* ===== Dropdownmenu: navy achtergrond, witte letters, alle niveaus ===== */
.dropdown-menu,
ul.dropdown-menu,
.navbar-nav .dropdown-menu,
.nav .open > .dropdown-menu,
.dropdown-submenu > .dropdown-menu,
.dropdown-menu .dropdown-menu,
.dropdown-menu li,
.dropdown-menu > li,
.dropdown-menu > li > a,
.dropdown-menu > li > a:link,
.dropdown-menu > li > a:visited,
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-header,
.dropdown-submenu > a {
  background-color: #030E46 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.dropdown-menu {
  border: 1px solid rgba(255,255,255,.15) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu .dropdown-item:hover,
.dropdown-submenu > a:hover,
.dropdown-submenu:hover > a {
  background-color: rgba(255,255,255,.12) !important;
  color: #FFEE01 !important;
}

.dropdown-menu .divider {
  background-color: rgba(255,255,255,.15) !important;
}

/* Inloggen van Congressus rechtsboven */
.navbar-right a,
.navbar-text a,
a[href*="login"],
a[href*="inloggen"] {
  color: #ffffff !important;
}

/* ===== Evenementen ===== */
section#content a,
section#content .text-muted,
section#content .list-group-item,
section#content .list-group-item a {
  color: #ffffff !important;
  opacity: 1 !important;
}
section#content a:hover {
  color: #FFEE01 !important;
}

/* ===== Footer ===== */
footer {
  background-color: #030E46 !important;
  color: #ffffff !important;
}
footer a,
footer p,
footer li,
footer h1, footer h2, footer h3, footer h4,
footer .text-muted {
  color: #ffffff !important;
}
footer a:hover {
  color: #FFEE01 !important;
}

/* ===== Bestaande regels ===== */
.blog-content {
  background-color: rgba(255,255,255,.0) !important;
}
.sponsors-fixed-bottom {
  background-color: rgba(255,255,255,1) !important;
}

.carousel {
  height: 70vh;
  position: relative;
  overflow: hidden;
}

#carousel-homepage.carousel .carousel-container {
  height: 70vh;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  height: 100%;
}