.metismenu.mod-menu
.metismenu-item {
  font-size: 1.0rem;
  color: #0000ff;
  background-color: #e0e0eb;
}
/* Aktieve selectie======*/
.container-header .mod-menu li.active a {
  color:green;
}
/* Selectiekleur =======*/
a:hover {
  background-color: gray;
}
/* Achtergrondkleur header ========*/
.container-header {
position: relative;
z-index: 10;
background-image: none;
background-color:#ffffff;  
box-shadow: none;
}
/* Achtergrondkleur pagina =======*/
body {
  background-color: #f0f8ff;
}
body {
  color: darkblue;
/* Tekstkleur pagina. Alleen homepage ======*/
}
/* Achtergrondkleur footer ========*/
.container-footer {
position: relative;
z-index: 10;
background-color:#f0f8ff;
background-image: none;
box-shadow: none;
}
/* Kleur koptekst ========*/
h1, h2, h3, h4, h5, h6 {
  color: darkblue;
  font-family: "verdana", geneva, sans-serif;
  font-size: 20px;
  font-style: italic;
}
/* Linkerkolom inhoud ========*/
.sidebar-left {
  color: darkblue;
  background-color: #e0ffff;
}
/* Rechterkolom inhoud ========*/
.sidebar-right {
  color: darkblue;
  background-color: #e0ffff;
}
/*Achtergrond grid =====*/
.site-grid {
    background-color: #f4f6f7;
}
/* Kleur grid =======*/
.grid-child {
    padding: 3px 15px;
    background-color: #gray;
}
/* Achtergrondkleur navbar*/
.grid-child.container-nav {
  background-color: #e6e8ea;
}
/* Achtergrond banner ========*/
.banner {
  color: white;
}
/* Smaller banner =========== */
.container-banner .banner-overlay {
    height: 60vh;
}
/* Achtergrondkleur submenus ======== */
.metismenu.mod-menu .mm-collapse {
    background: #e6e8ea;
}

/* Modules have the class card, so you control them with .card - if you want to control only a specific module, you can give the module its own CSS class in the settings and then control it with that ====*/

.card {
    box-shadow: 10px 10px 17px 0px rgba(15,16,15,0.61);
    -webkit-box-shadow: 10px 10px 17px 0px rgba(15,16,15,0.61);
    -moz-box-shadow: 10px 10px 17px 0px rgba(15,16,15,0.61);
}

footer div.mod-footer {
  display: flex;
  color: blue;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
/*  background: gray;*/
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}