/* KEEP Color the dropdown menu in the menu with the class .metismenu.mod-menu .mm-collapse */

.metismenu.mod-menu .mm-collapse {
    background: #C4D973;
}

/* KEEP The links in the dropdown menu you have to adress them individually */

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #000; text-decoration: none;
}
.metismenu.mod-menu .mm-collapse .metismenu-item a:hover {
    color: #fff;text-decoration: none;
}

.container-header {
    background-color: white;
    background-image: none;
}

.container-header .mod-menu {
    colour: #0088cc;
}

 .container-nav {
    background-color: #a1d9f4;
    background-image: none;
     
}

.slider-container {
    border: solid 1px #999999;
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
     box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
}


.site-grid {
    padding: 15px;
    background-color: #a1d9f4;
    background-image: url("../images/page_bg.jpg"); 
    background-repeat: repeat-x;
     background-attachment: fixed;
    background-position: bottom;
}
.container-component {
    background-color: #ffffff;
    padding: 3px 15px;
   
-webkit-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
     box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
}
.container-banner {
    margin: 0px;
}

.header {
    background-color: #a1d9f4;background-image: none;
}



h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-weight: var(--cassiopeia-font-weight-headings, 100);
}



/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
box-sizing: border-box;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
box-sizing: border-box;
}