html, body {
  --height: 100%;
  margin: 0;
}
.metismenu-item {
  color: #336699!important;
}
.metismenu-item > a[aria-current="page"] {
  font-weight: bold !important;
  text-decoration: underline !important;
}

.com-contact__container {
  color: #336699;
}
.boxed .blog-item {
  box-shadow: 9 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: #FDFAFF;
}

.container-header .navbar-toggler {
  color: #369;
  cursor: pointer;
  border: 0px solid #369;
}




.header container-header{
  background-color: #ffffff!important;
}
.site-grid {
  --background: url('/images/noordpool.jpg') center center;
  --background-size: cover;
}
.container-component {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 2rem;
  border-radius: 8px;
  --min-height: 700px;
}
.figcaption {
    color: #6d757e;
    font-size:.9em;
    border-radius: 15px;
}
.page-header {
   color: #336699;
}
.dj-own {
  filter: drop-shadow(3px 3px 3px gray)!important;
  border-radius: 5px;
}
.slider-container {
  filter: drop-shadow(3px 3px 8px gray)!important;
}
.caption {
  text-align: center;
}
.blog-items {
  color: #4D68A8;
}
.com-content-article__body {
  color: #4D68A8;
}

.float-start {
  float: left;
  margin-top: 1px;
  border: 15px solid black;
    }

.float-none {
  float: left;
  max-width: 95%;
  height: auto;
  border-radius: 8px;
  filter: drop-shadow(3px 3px 8px gray);
  margin: 0 30px 20px 0;
    }
.container-header {
  background-color: #ffffff!important;
  background-image: linear-gradient(135deg, #ffffff 0%, #919295 100%);
  color: #336699!important;
  --background: url('/images/noordpool.jpg') center center;
}
.container-header .metismenu > li > a::after {
    background-color: #d8d8d8 !important; /* of een kleur die aansluit bij je header */
}

.container-nav {
  -- background-color: #0376BB;
}
.container-footer {
    --cassiopeia-color-primary: #0376BB;
}
.float-start {
  margin-right: 30px!important;
      filter: drop-shadow(2px 2px 8px gray)!important;
  }
.float-artikel {
  float: left;
  max-width: 700px!important;
  margin-right: 30px!important;
  filter: drop-shadow(2px 2px 8px gray)!important;
  }
.collapse {
color: #ffffff!important;
  float: left;
}
.mod-menu {
  color: #ffffff!important;
  float: left;
}
.container-footer {
  background-image: linear-gradient(135deg, #ffffff 0%, #919295 100%);
}

.footer .grid-child {
  justify-content: center !important;
  color: #336699!important;
}