/* Cassiopeia changes */


.breadcrumb {
 background-color: #ebeffc;
 font-size: 1rem;
}

:root {
  --body-bg: #d9faf9;
}


body a {color: #2d2dff;}

div.blue {
 background-color: #c9e2ef;
}



.container-header {
 background-color: #24618c;
 background-image: none;
}
.container-header .mod-menu {
 color: white;
 font-size: 1.5rem;
 flex: unset;
}
.container-header .navbar-toggler {
 color: #ffffff;
 border: 2px solid #12c8ff;;
}

/* Menu */
@media (max-width: 767px) {
    li.active a.menu__home {
    border-bottom: 6px solid #064789;
  }
    li.active a.menu__nieuws {
    border-bottom: 6px solid #013f52;
  }
  li.active a.menu__changelog {
    border-bottom: 6px solid #679436;
  }
    li.active a.menu__contact {
    border-bottom: 6px solid #064789;
  }
}
@media (min-width: 768px) {
  .header.container-header.full-width {
	display: flex;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	align-items: center;
  }
  .container-header .grid-child:first-child {
	grid-column: 2/2;
  }
  .container-header .container-nav {
	grid-column: 3/5;
  }
  .container-header .mod-menu a {
    border-top: 6px solid transparent;
    display: flex;
    padding: .5em 1em;
  }
  .container-header .mod-menu li {
    padding: 0;
  }
  a.menu__home:hover,
    li.active a.menu__home {
    border-top: 6px solid #064789;
  }
  a.menu__nieuws:hover,
    li.active a.menu__nieuws {
    border-top: 6px solid #013f52;
  }
  a.menu__changelog:hover,
    li.active a.menu__changelog {
    border-top: 6px solid #679436;
  }
  a.menu__contact:hover,
    li.active a.menu__contact {
    border-top: 6px solid #064789;
  }
}
/* Page */
.home h1 {
 color: #064789;
}
.nieuws h1 {
 color: #013f52;
}
.changelog h1{
 color: #679436;
}

/* Module */
/*
.call {
 color: #fff;
 padding: 1em;
 text-align: center;
 border-start-start-radius: 50px;
 border-start-end-radius: 30px;
 border-end-start-radius: 20px;
 border-end-end-radius: 50px;
 font-size: 1.5em;
}
.home .call {
 background-color: #064789;
}
.nieuws .call {
 background-color: #013f52;
}
.changelog .call{
 background-color: #679436;
}
.contact .call {
 background-color: #064789;
}
*/

footer div {
  background-color: #24618c;
  background-image: none;
}

.footer .mod-menu {flex-direction: row !important;}
.footer .mod-list li {padding: 0.25em 10px !important;}

.footer .grid-child {
  align-items: right;
  justify-content: space-between;
  padding: 0.25em;
}

/*
@font-face {
    font-family: 'Font Awesome 5 Free';
    src: url('/media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2?v=237f4a') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
*/