.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%;
}

/* ===== Huisstijl: navy randen, lichte inhoud, gele accenten ===== */
:root {
  --geel: #FFEE01;
  --navy: #030E46;
  --rood: #DF2118;
}

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

/* Inhoud: navy koppen en links op de lichte achtergrond */
h1, h2, h3, h4 { color: var(--navy); }
section#content a { color: var(--navy); }
section#content a:hover {
  color: var(--navy);
  background-color: var(--geel);
  text-decoration: none;
}
::selection { background: var(--geel); color: var(--navy); }

/* ===== Menubalk bovenaan: navy met witte letters ===== */
header,
#header,
.navbar,
.navbar-default {
  background-color: #030E46 !important;
  border-color: #030E46 !important;
}

header a,
.navbar a,
.navbar-nav > li > a,
.nav > li > a,
.navbar-right a,
.navbar-text a {
  color: #ffffff !important;
}

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

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

/* ===== Dropdownmenu: navy achtergrond, witte letters, alle niveaus ===== */
header ul ul,
.navbar ul ul,
nav ul ul,
[class*="dropdown"],
[class*="sub-menu"],
[class*="submenu"] {
  background-color: #030E46 !important;
  border: 1px solid rgba(255,255,255,.15) !important;
}

header ul ul li,
.navbar ul ul li,
nav ul ul li,
header ul ul a,
.navbar ul ul a,
nav ul ul a,
[class*="dropdown"] li,
[class*="dropdown"] a,
[class*="sub-menu"] a,
[class*="submenu"] a {
  background-color: #030E46 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

header ul ul a:hover,
.navbar ul ul a:hover,
nav ul ul a:hover,
header ul ul li:hover,
.navbar ul ul li:hover,
nav ul ul li:hover,
[class*="dropdown"] a:hover,
[class*="dropdown"] li:hover > a,
[class*="sub-menu"] a:hover,
[class*="submenu"] a:hover {
  background-color: #1a2766 !important;
  color: #FFEE01 !important;
}

/* ===== Banner: gele kop, witte tekst, leesbaar op de foto ===== */
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.banner-cycle-titles h1,
.banner-cycle-titles h2,
.banner-cycle-titles h3 {
  color: #FFEE01 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.6);
}
.carousel-caption p,
.banner-cycle-titles p {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.6);
}

/* ===== Knoppen (Bootstrap-opbouw) ===== */
.btn-primary,
.btn-default {
  background-color: #030E46 !important;
  border-color: #030E46 !important;
  color: #FFEE01 !important;
}
.btn-primary:hover,
.btn-default:hover {
  background-color: #FFEE01 !important;
  border-color: #FFEE01 !important;
  color: #030E46 !important;
}

/* ===== Footer: navy, witte tekst en links ===== */
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;
  background-color: transparent !important;
}

/* ===== "Word Lid" als knop ===== */
html body a[href="/word-lid"][href="/word-lid"][href="/word-lid"] {
  color: #FFEE01 !important;
  border: 2px solid #FFEE01 !important;
  border-radius: 4px !important;
  padding: 6px 16px !important;
  font-weight: 700 !important;
  background: transparent !important;
}

html body a[href="/word-lid"][href="/word-lid"][href="/word-lid"]:hover {
  background: #FFEE01 !important;
  color: #030E46 !important;
}