/* Globale website-kleuren */
:root {
	--cassiopeia-color-primary: #ffca18;
	--cassiopeia-color-link: #212529;
	--cassiopeia-color-hover: #ffca18;
	--body-bg: #FFFFCC;
	--body-color: #000000;
}

/* Hoogte van het banner-plaatje */
.container-banner .banner-overlay {
  height: 45vh;
}

/* Achtergrond plaatje suntile */
body {
   background: transparent;
   background-position: top;
   background-image: url(../../../../../images/sunflower/suntile.gif);
   background-repeat: repeat;
}

/* Maak de header-balk onzichtbaar als kleur.*/
.header {
   background: transparent;
}

/* Achtergrondkleur header */
.container-header {
   background-image: none;
   background-color: #000000;
}

/* Kleuren menu-balk en menu-tekst */
.container-header .mod-menu {
   background-color: #000000;
   color: #ffca18;
}
/* Achtergrondkleur submenu-optie menu-balk bij hover */
.container-header .mod-menu a:hover {
   background-color: #000000;
}

/* Kadering en kleur submenu-opties bij selectie */
.container-header .mod-menu a {
   -webkit-border-radius: 0 0 6px 6px;
   -moz-border-radius: 0 0 6px 6px;
   border-radius: 0 0 6px 6px;
   padding: 3px 15px;
   color: #ffca18;
}

/* Achtergrondkleur sub-menu */
.metismenu.mod-menu .mm-collapse {
  background: #FFFFCC;
}

/* Achtergrondkleur footer */
.container-footer {
  background-image: none;
  background-color: #000000;
}

/* Class voor centreren plaatjes */
.float-center.item-image {
  text-align: center;
}