.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: licht, navy letters (valt niet weg tegen wit) ===== */
.dropdown-menu > li > a,
.dropdown-menu > li > a:link,
.dropdown-menu > li > a:visited {
  color: #030E46 !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a {
  color: #030E46 !important;
  background-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%;
}