/* Banner Image */
.mybanner {
  min-width: 100%;
}

/* Menu */

/* Override the lila background with white */
.container-header {
    background-color: white;
    background-image: none;
}
.metismenu-item {
    background-color: white;
    background-image: none;
}


/* Text should now be blue */
.container-header .mod-menu {
    /* color: #0088cc; */
    color: black;
}

/* We add padding and radius so that on hover there is a nice background */
.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: #0088cc; */
    color: black;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
    background-color: #eee;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    /* color: #0088cc;
    border: 1px solid #0088cc; */
    color: black;
    border: 1px solid black;
}

/* Footer */

/* Override the lila background with white */
.container-footer {
    background-color: #F5F5F5;
    background-image: none;
    /* color: #0088cc; */
    color: black;
}

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