.Xbanner-cycle-titles,
.Xbanner-cycle-titles,
.Xbanner-cycle-images,
.Xbanner-cycle-header-image,
.Xparagraphs>.row,
.Xsponsors ul li a,
Xsection#content .aside>.aside-block,
Xfooter {
    background-color: rgba(255,255,255,.7) !important;
}

Xfooter .text-muted {
	color: #777;
}
X.img-caption {
    font-size: 16px;
    text-align: center;
}

.blog-content {
	background-color:rgba(255,255,255,.0) !important;
}
X.sponsors ul li a {
	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;
}

/* ===== 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%;
/* ===== Alleen "Word Lid" in het menu als knop ===== */
html body header a[href*="/word-lid"],
html body .navbar a[href*="/word-lid"],
html body nav a[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 header a[href*="/word-lid"]:hover,
html body .navbar a[href*="/word-lid"]:hover,
html body nav a[href*="/word-lid"]:hover {
  background: #FFEE01 !important;
  color: #030E46 !important;
}