@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&family=Work+Sans&display=swap');

div.mod-languages ul li.lang-active {
  background: transparent !important;
}

#cookiehintsubmit {
  background: #236079 !important;
}

.icon-mobile::before {
  content: "\f098";
}

.hero {
  background: #0a3a57;
  color: white;
  padding: 20px;
  font-size: 1.2rem;
}
.container-header {
  background-image: url('/images/background.png') !important;
  background-size: cover;
}

body {
  /*background: #d1e2e5;*/
   background-image: linear-gradient(120deg, rgba(250, 250, 250, 0.7), rgba(110, 155, 168, 0.7));
  color: #0b3c59;
  font-family: 'Work Sans', sans-serif;
}

.container-header .navbar-brand img {
  width: 150px !important;
}

.leftbox {
	background: #33758a;
color: white;
}

.leftbox2 {
	background: #17445c;
color: white;
}

.leftbox a, leftbox2 a {
  color: white;
}

.mm-collapse, .mm-show {
  background: c6cbcc !important;
}

.leftbox .mod-list li.active > a {
  text-decoration: none !important;
}

.h6, h1, h2, h3, h4, h5, h6 {
   font-weight: normal !important;
  font-family: 'Roboto Slab', serif;

}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {

  font-size: 1.5rem !important;
}


.metismenu.mod-menu .metismenu-item.parent {
   font-size: 1.5rem !important;
}



:root {
  --cassiopeia-color-primary: #15455f;
  --cassiopeia-color-link: #4798d0;
  --cassiopeia-color-hover: #5cb4e4;
}

.socialicons img {
    float: left;
   width: 25%;
   padding: 10px;
}

.socialicons img:hover { 
   width: 24%;
}