@import url('https://fonts.googleapis.com/css?family=Noto+Sans:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:300,400,500,600,700');
/*
Theme Name: School at Sea
Description: 'School at Sea' is een thema ontwikkeld door Webrandt in opdracht van DAM, snel kunnen opstarten met project vanuit dit template.
Author: Jacques Uljé
Author URI: http://www.webrandt.nl
Version: 0.1
*/
/**********************
       IMPORT FONTS
***********************/
/**********************
       IMPORT LESS
***********************/
/**********************
       CONSTANTS
***********************/
/***********************************
    header- and navigation styles
***********************************/
.collapsing {
  -webkit-transition: none !important;
  transition: none !important;
  display: none !important;
}
#header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 1000;
}
#header .container-fluid {
  max-width: initial;
}
#header .headernav {
  position: relative;
  background-color: #002d41;
  float: left;
  width: 100%;
}
#header #h_nav {
  float: right;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: height 0.3s;
}
@media (max-width: 767px) {
  #header #h_nav {
    height: 80px;
  }
}
#header #logo {
  float: left;
  height: 150px;
  width: auto;
  transition: height 0.3s;
  position: absolute;
  z-index: 10;
  margin-top: 30px;
  margin-left: 10px;
}
#header #logo a,
#header #logo a img {
  height: inherit;
  width: auto;
  display: block;
}
@media (max-width: 890px) {
  #header #logo {
    width: auto;
    height: 90px;
    margin-top: 20px;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  #header #logo {
    width: auto;
    height: 100px;
    display: fixed;
    z-index: 1000000000;
  }
}
#header.shrink #h_nav {
  height: 80px;
}
#header.shrink #logo {
  height: 80px;
}
#header.shrink .dropdown-toggle {
  height: 30px;
}
#header.shrink .nav > li > a {
  line-height: 80px;
}
@media only screen and (max-width: 767px) {
  #header.shrink .nav > li > a {
    line-height: 30px;
  }
}
#header a,
#header a:hover {
  text-decoration: none;
}
/**********************
         navigation
***********************/
.nav,
.navbar-nav {
  list-style: none;
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .nav,
  .navbar-nav {
    float: none;
    display: inline-block;
    margin-top: 50px;
    padding-left: 20px;
    text-align: left;
  }
}
.nav li {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .nav li {
    display: block;
    padding: 0px;
    margin-bottom: 5px;
  }
}
.nav > li:last-child {
  padding-right: 0px;
}
.nav > li:last-child > a:last-child {
  padding-right: 0px;
}
.nav > li.current-menu-item > a {
  color: #b48c14;
}
.nav > li > a {
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  line-height: 80px;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  padding: 0 15px 0px 20px;
  position: relative;
  display: block;
}
.nav > li > a:hover {
  color: #b48c14;
}
.nav > li > a.active {
  color: #b48c14;
}
@media only screen and (max-width: 1100px) {
  .nav > li > a {
    font-size: 15px;
    line-height: 80px;
    padding: 0 10px 0px 15px;
  }
}
@media only screen and (max-width: 890px) {
  .nav > li > a {
    font-size: 15px;
    line-height: 80px;
    padding: 0 8px 0px 8px;
  }
}
@media only screen and (max-width: 767px) {
  .nav > li > a {
    border-left: solid 0px #fff;
    font-size: 20px;
    line-height: 30px;
    padding-left: 0px;
    font-weight: 500;
    color: #002d41;
  }
  .nav > li > a:hover {
    color: #000;
  }
}
.nav li.active a,
.nav li.current-page-ancestor a {
  font-weight: 600;
  color: #b48c14;
}
.navbar-collapse {
  transition: all 0s !important;
}
.navbar-collapse .contactinfo {
  display: none;
}
@media only screen and (max-width: 767px) {
  .navbar-collapse {
    background-color: #fff;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 2;
    overflow: visible;
    visibility: visible;
  }
}
.navbar-collapse.in {
  transition: all 0s !important;
}
.navbar-collapse.in .contactinfo {
  display: block;
  margin-left: 20px;
  margin-bottom: 30px;
  position: fixed;
  bottom: 0px;
}
.navbar-collapse.in .contactinfo h2 {
  color: #002d41;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 18px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .navbar-collapse.in {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  }
}
.navbar-toggle {
  background-color: transparent;
  padding: 0px;
  margin: 7px 10px;
  border: 0px solid #000;
}
.navbar-toggle #navbar-hamburger {
  display: block;
  margin: 7px 7px 7px 7px;
}
.navbar-toggle #navbar-hamburger .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
  border-radius: 0px;
  margin-top: 8px;
  transition: all 0.3s;
}
.navbar-toggle #navbar-hamburger.active .icon-bar:nth-of-type(1) {
  display: none;
}
.navbar-toggle #navbar-hamburger.active .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar-toggle #navbar-hamburger.active .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -2px;
}
.closeicon {
  position: relative;
  width: 30px;
  height: 30px;
  /* Vertical line */
  /* horizontal line */
}
.closeicon:before,
.closeicon:after {
  content: "";
  position: absolute;
  background-color: black;
  transition: transform 0.25s ease-out;
}
.closeicon:before {
  top: 1px;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  transform: rotate(-45deg);
  border-radius: 1px;
}
.closeicon:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: 0px;
  transform: rotate(-45deg);
  border-radius: 1px;
}
/**********************
   Submenu uitklap
***********************/
.dropdowncaret {
  /* display: none;  */
}
/* voor de 'upward carot' bij het submenu dropdown, verdwenen in bootstrap 3... */
/*
.navbar .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}
*/
/* om on mouseover/hover de submenu's te laten uitklappen activeren van onderstaand CSS, het toggelen is uitgeschakeld zie jQuery script 
om te toggelen onderstaand CSS uitschakelen en in theme_scripts.js removeAttr data-toggle uitschakelen (dus dat Attribute moet niet worden verwijderd)
om te hoveren onderstaand CSS inschakelen en in theme_scripts.js removeAttr data-toggle inschakelen (dus dat Attribute moet wel worden verwijderd)
*/
.dropdown:hover .dropdown-menu {
  display: block !important;
}
.navbar-nav li .dropdown ul {
  padding: 5px 20px 5px 0px;
}
.navbar-nav li .dropdown.active {
  height: auto;
}
.navbar-nav li .dropdown-menu {
  border: 0px solid #fff;
  border-radius: 0px;
  margin-top: 0px;
  background-color: #002d41;
  margin-top: -15px;
}
.navbar-nav li .dropdown-menu li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
  background-color: transparent;
}
.navbar-nav li .dropdown-menu li a:hover {
  color: #fff;
}
.navbar-nav li .dropdown-menu li.active a {
  font-weight: 600;
}
.navbar-nav li .dropdown-menu li.active a:hover {
  background-color: transparent;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .navbar-nav li .dropdown ul {
    padding: 0px 20px 10px 0px;
  }
  .navbar-nav li .dropdown-menu {
    position: static;
    display: block;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav li .dropdown-menu li a,
  .navbar-nav li .dropdown-menu li.active a {
    font-size: 20px;
    line-height: 20px !important;
    padding: 3px 20px !important;
    color: #000;
  }
  .navbar-nav li .dropdown-menu li a:hover,
  .navbar-nav li .dropdown-menu li.active a:hover {
    color: #000;
  }
}
/**********************
    footer styles
***********************/
#footer .languagewrapper {
  color: #fff;
  margin-left: 0px;
}
#footer .languagewrapper.mobile {
  margin-left: 0px;
}
#footer .languagewrapper .activelanguage {
  font-weight: 600;
  color: #fff;
}
#footer .languagewrapper .activelanguage a {
  font-weight: 600;
  color: #fff;
}
#footer .languagewrapper a {
  font-size: 12px;
  line-height: 25px;
  display: inline;
  color: #fff;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.footerwave {
  width: 100%;
  aspect-ratio: 27.50909091;
  height: 55px;
  /*
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(images/footerwave.png);
    background-color: transparent;
    */
  position: relative;
  z-index: 10;
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .footerwave {
    position: relative;
    margin-top: 0px;
  }
}
.footercontent {
  background-color: #002d41;
  position: relative;
  z-index: 11;
}
#footer {
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
  min-height: 50px;
  margin: 0px;
  position: relative;
  z-index: 10;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4 {
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
#footer p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: inherit;
  max-width: 900px;
}
#footer a {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: #fff;
}
#footer .footerwidgets {
  margin-top: 60px;
}
#footer .footerwidgets .footertext {
  font-size: 12px;
  line-height: 25px;
}
@media only screen and (max-width: 767px) {
  #footer .footerwidgets .footertext {
    order: 1;
  }
}
#footer .footerwidgets .footernav {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 40px;
  padding-top: 80px;
}
#footer .footerwidgets .footernav .apply {
  display: none;
}
#footer .footerwidgets .footernav ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #footer .footerwidgets .footernav ul {
    display: block;
    width: 100%;
  }
}
#footer .footerwidgets .footernav ul ul {
  display: block;
}
#footer .footerwidgets .footernav ul ul li {
  display: block;
}
#footer .footerwidgets .footernav .nav > li {
  float: none;
  padding-bottom: 20px;
}
#footer .footerwidgets .footernav .nav > li a {
  border-left: solid 0px #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 0 55px 2px 0px;
  font-weight: 600;
}
@media only screen and (max-width: 980px) {
  #footer .footerwidgets .footernav .nav > li a {
    line-height: 25px;
    padding: 0 35px 0px 0px;
  }
}
#footer .footerwidgets .footernav .nav > li:before {
  content: '';
  line-height: normal;
  padding-right: 0px;
  transform: none;
}
#footer .footerwidgets .footernav .nav > li .sub-menu li a {
  font-size: 16px;
  font-weight: 300;
  display: list-item;
  padding: 3px 0px;
}
@media only screen and (max-width: 767px) {
  #footer .footerwidgets .footernav .nav > li {
    display: block;
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .footerwidgets .footernav {
    order: 2;
    padding-top: 0px;
  }
}
#footer .footerwidgets .spacerfooter {
  height: 50px;
}
@media only screen and (max-width: 767px) {
  #footer .footerwidgets {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    padding: 0px 0px 0px 0px;
  }
}
/**********************
       Buttons
***********************/
.whitebutton {
  margin-bottom: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 40px !important;
  height: 40px;
  padding: 0px 40px 0px 40px;
  background-color: #ffffff;
  color: #002d41;
  /* height: auto; */
  width: auto;
  border-radius: 11px;
  text-align: center;
  display: inline-block;
  border: 0px solid #ffffff;
  cursor: pointer;
  padding: 0px 20px !important;
  margin: 25px 25px 25px 25px;
}
.whitebutton a {
  color: #002d41;
}
.whitebutton a:hover {
  color: #002d41;
}
@media only screen and (max-width: 655px) {
  .whitebutton {
    padding: 0px 25px 0px 25px;
  }
}
.whitebutton a {
  text-decoration: none;
  line-height: 40px !important;
  color: #002d41 !important;
  padding: 0px !important;
  margin: 0px !important;
}
.whitebutton a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .whitebutton a {
    display: block;
    margin-top: -6px;
  }
}
@media only screen and (max-width: 890px) {
  .whitebutton {
    margin: 25px 5px 25px 10px;
    line-height: 30px !important;
    height: 30px;
    padding: 0px 10px !important;
  }
  .whitebutton a {
    line-height: 30px !important;
    font-size: 12px !important;
  }
}
.beigebutton {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 48px !important;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #b48c14;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 11px;
  text-align: center;
  display: inline-block;
  border: 0px solid #b48c14;
  cursor: pointer;
}
.beigebutton a {
  color: #ffffff;
}
.beigebutton a:hover {
  color: #ffffff;
}
@media only screen and (max-width: 655px) {
  .beigebutton {
    padding: 0px 25px 0px 25px;
  }
}
.beigebutton a {
  text-decoration: none;
  line-height: 48px !important;
  white-space: nowrap;
}
.beigebutton a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .beigebutton a {
    display: block;
  }
}
.bluebutton,
form input[type="submit"],
form.wpcf7-form input[type="submit"] {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 48px !important;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #002d41;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 11px;
  text-align: center;
  display: inline-block;
  border: 0px solid #002d41;
  cursor: pointer;
  border: 3px solid #fff;
}
.bluebutton a {
  color: #ffffff;
}
.bluebutton a:hover {
  color: #ffffff;
}
@media only screen and (max-width: 655px) {
  .bluebutton,
  form input[type="submit"],
  form.wpcf7-form input[type="submit"] {
    padding: 0px 25px 0px 25px;
  }
}
.bluebutton a {
  text-decoration: none;
  line-height: 48px !important;
}
.bluebutton a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .bluebutton a {
    display: block;
    margin-top: -6px;
  }
}
.readmore {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 48px !important;
  height: 48px;
  padding: 0px 40px 0px 40px;
  background-color: #002d41;
  color: #ffffff;
  /* height: auto; */
  width: auto;
  border-radius: 11px;
  text-align: center;
  display: inline-block;
  border: 0px solid #002d41;
  cursor: pointer;
  border: 3px solid #fff;
}
.readmore a {
  color: #ffffff;
}
.readmore a:hover {
  color: #ffffff;
}
@media only screen and (max-width: 655px) {
  .readmore {
    padding: 0px 25px 0px 25px;
  }
}
.readmore a {
  text-decoration: none;
  line-height: 42px !important;
  display: block;
}
.readmore a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .readmore a {
    display: block;
    margin-top: -6px;
  }
}
/*

<div class="blacklabel"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Similiter sensus, cum accessit ad naturam, tuetur illam quidem, sed etiam se tuetur</span></div>
<div class="greenbutton">Inschrijven</div>
<div class="onzemissiebutton">Onze missie</div>
<div class="darkgraybutton">Steun ons</div>

*/
/*********************
    Form styles
***********************/
form .grijsbijschriftformulier,
form.wpcf7-form .grijsbijschriftformulier {
  font-family: Work Sans;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0%;
  margin-top: 30px;
  margin-bottom: 30px;
}
form input[type="radio"],
form.wpcf7-form input[type="radio"],
form input[type="checkbox"],
form.wpcf7-form input[type="checkbox"] {
  width: auto !important;
}
form .wpcf7-list-item,
form.wpcf7-form .wpcf7-list-item {
  display: block;
}
form p,
form.wpcf7-form p {
  margin: 25px 0px 25px 0px;
}
form select.dropcategories,
form.wpcf7-form select.dropcategories {
  width: fit-content;
  border: 1px solid #000;
}
form h1,
form.wpcf7-form h1 {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
  margin: 10px 0px 20px 0px;
}
form h2,
form.wpcf7-form h2 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin: 10px 0px 20px 0px;
}
form input[type="submit"],
form.wpcf7-form input[type="submit"] {
  margin-top: 20px;
  cursor: pointer;
  border: 0px solid;
}
form input,
form.wpcf7-form input,
form button,
form.wpcf7-form button,
form select,
form.wpcf7-form select,
form textarea,
form.wpcf7-form textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
  max-width: 100%;
  border: 0px solid;
  padding: 5px 5px;
  padding-left: 10px;
  border-radius: 5px;
}
form input::placeholder,
form.wpcf7-form input::placeholder,
form textarea::placeholder,
form.wpcf7-form textarea::placeholder {
  color: #000;
  opacity: 0.2;
  font-weight: 400;
}
form label,
form.wpcf7-form label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
  width: 100%;
}
form.with_labels input,
form.wpcf7-form.with_labels input,
form.with_labels textarea,
form.wpcf7-form.with_labels textarea {
  margin-top: 5px;
}
#blog {
  margin-bottom: 0px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  #blog {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 480px) {
  #blog {
    margin-top: 0px;
  }
}
#blog .wpb_text_column.wpb_content_element {
  margin-bottom: 0px;
}
.actueel {
  margin: 0px 0px 0px 0px;
  display: block;
  margin-top: 0px;
}
.actueel .headerwrap {
  position: relative;
  padding: 0px 0px 60px 0px;
}
@media (max-width: 1023px) {
  .actueel .headerwrap {
    padding: 0px 0px 20px 0px;
  }
}
.actueel h2 {
  font-family: 'Noto Serif', serif;
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  margin: 10px 0px 30px 0px;
}
@media (max-width: 767px) {
  .actueel {
    background: transparent;
  }
}
.actueel.vacancies .actueelbox {
  max-width: unset;
}
.actueel.vacancies .actueelbox .readmore {
  position: relative;
}
.actueel.vacancies .actueelbox .excerpt {
  margin-bottom: 0px;
}
.singlerecentwrap .actueel {
  padding: 40px 0px 40px 0px;
}
.actueel.shadowbox {
  padding: 0px;
  margin-bottom: 30px;
}
.actueelbox {
  position: relative;
  display: block;
  width: auto;
  height: 100%;
  cursor: pointer;
  padding-bottom: 0px;
  margin-bottom: 35px !important;
  background-color: transparent;
  max-width: 423px;
  border-radius: 15px;
  background-color: #002d41;
  color: #fff;
  /*
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    */
}
.actueelbox .textwrap {
  padding: 0px 20px 0px 20px;
}
.actueelbox h3 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  line-height: 24px;
  margin: 10px 0px 30px 0px;
  color: inherit;
}
.actueelbox p {
  font-size: 16px;
  line-height: 20px;
  color: inherit;
}
.actueelbox a {
  font-size: 16px;
  color: inherit;
}
.actueelbox .date {
  color: #000;
  font-size: 12px;
  line-height: 12px;
  padding: 15px 0px 5px 0px;
  position: relative;
  display: block;
  color: inherit;
}
.actueelbox img.thumb {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.actueelbox .excerpt {
  position: relative;
  display: block;
  width: auto;
  margin: 0px;
  margin-bottom: 100px;
  font-size: 16px;
  line-height: 20px;
  color: inherit;
}
.actueelbox .readmore {
  position: absolute;
  font-size: 18px;
  bottom: 20px;
  left: 0px;
  display: block;
  margin-left: 20px;
  opacity: 1.0;
}
@media (max-width: 767px) {
  .actueelbox {
    margin: 0 auto;
  }
}
/*
Stylen voor de blauwe infoboxen die formulieren kunnen bevatten
*/
.infobox {
  font-family: 'Work Sans', sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #002d41;
  position: relative;
  display: block;
  height: auto;
  padding: 25px 35px 25px 35px;
  margin: 0px 0px 0px 0px;
  background-color: #B7E0ED;
  border-radius: 15px;
  overflow: auto;
  /*
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    */
}
.infobox h1 {
  font-family: 'Noto Serif', serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  margin: 10px 0px 10px 0px;
}
.infobox h2 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin: 10px 0px 20px 0px;
}
.infobox h3 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin: 10px 0px 10px 0px;
}
.infobox p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.infobox a {
  color: inherit !important;
}
.infobox.beige {
  background-color: #f6efdf;
}
@media only screen and (max-width: 900px) {
  .infobox .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .infobox .wpb_wrapper .two_fifth.last_column {
    order: 1;
  }
  .infobox .wpb_wrapper .three_fifth {
    order: 2;
    margin-top: 40px !important;
  }
  .infobox .wpb_wrapper .wpcf7 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .infobox {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px !important;
  }
}
.shadowbox {
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #002d41;
  position: relative;
  display: block;
  height: auto;
  width: 100%;
  padding: 20px 25px 5px 25px;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 4px 50px 0px #00000026;
  margin-bottom: 30px;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 915px;
}
.shadowbox h1 {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  margin: 10px 0px 20px 0px;
}
.shadowbox h2 {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  margin: 10px 0px 20px 0px;
}
.shadowbox h3 {
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 10px 0px 10px 0px;
}
.shadowbox p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px !important;
}
.shadowbox .leesmeer {
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 767px) {
  .shadowbox {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .shadowboxmobile {
    position: relative;
    display: block;
    height: auto;
    border-radius: 15px;
    overflow: auto;
    margin-bottom: 0px;
  }
}
.lifeonboard {
  margin-bottom: 40px !important;
  font-size: 16px;
  line-height: 25px;
}
.lifeonboard p {
  font-size: 16px;
  line-height: 25px;
}
.lifeonboard h2 {
  font-size: 36px;
  line-height: 40px;
}
.lifeonboard h4 {
  font-size: 24px;
  line-height: 40px;
  margin: 0px;
}
.lifeonboard .vc_column-inner {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .lifeonboard {
    margin-bottom: 0px !important;
  }
}
.roundedcorners .vc_column-inner {
  border-radius: 15px;
}
@media (max-width: 767px) {
  .roundedcorners .vc_column-inner {
    border-radius: 0px;
  }
}
.lifeonboard .back45 .vc_column-inner {
  min-height: 300px;
  background-repeat: no-repeat !important;
  background-size: calc(50% - 20px) !important;
  background-position: right !important;
}
@media (max-width: 767px) {
  .lifeonboard .back45 .vc_column-inner {
    background: transparent !important;
  }
}
.lifeonboard:nth-child(2n) .back45 .vc_column-inner {
  background-repeat: no-repeat !important;
  background-size: calc(50% - 20px) !important;
  background-position: left !important;
}
@media (max-width: 767px) {
  .lifeonboard:nth-child(2n) .back45 .vc_column-inner {
    background: transparent !important;
  }
}
.lifeonboard .back45 .one_half {
  width: calc(50% - 20px);
  padding-left: 20px;
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .lifeonboard .back45 .one_half {
    padding: 10px 20px 20px 20px;
    width: 100%;
  }
}
.lifeonboard:nth-child(2n) .back45 .one_half {
  width: calc(50% - 20px);
  float: right;
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .lifeonboard:nth-child(2n) .back45 .one_half {
    padding: 10px 20px 20px 20px;
    width: 100%;
  }
}
.aspectratio {
  aspect-ratio: 4;
}
@media (max-width: 980px) {
  .aspectratio {
    aspect-ratio: 3;
  }
}
@media (max-width: 767px) {
  .aspectratio {
    aspect-ratio: 2;
  }
}
.aspectratioinfobox {
  aspect-ratio: 6;
}
.aspectratioinfobox .captionbox h1 {
  margin-top: 50px;
}
@media (max-width: 980px) {
  .aspectratioinfobox {
    aspect-ratio: 4;
  }
}
@media (max-width: 767px) {
  .aspectratioinfobox {
    aspect-ratio: 3;
  }
}
.wavebox {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: -1px;
  text-align: center;
}
.captionbox {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.captionbox h1,
.captionbox h2,
.captionbox h3,
.captionbox p {
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
}
.captionbox h1 {
  font-family: 'Work Sans', sans-serif;
  text-shadow: #000000 1px 1px 1px;
  font-size: 60px;
  line-height: 65px;
  margin-bottom: 10px;
}
.captionbox.blog h1,
.captionbox.blog h2,
.captionbox.blog h3 {
  color: #002d41;
  text-shadow: unset;
}
@media only screen and (max-width: 640px) {
  .captionbox.blog h1,
  .captionbox.blog h2,
  .captionbox.blog h3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.captionbox.blog p {
  color: #002d41;
}
@media only screen and (max-width: 640px) {
  .captionbox.blog p {
    font-size: 15px;
    line-height: 22px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1300px) {
  .captionbox h1 {
    font-size: 55px;
    line-height: 55px;
    margin-top: 0px;
  }
}
@media (max-width: 980px) {
  .captionbox h1 {
    font-size: 45px;
    line-height: 45px;
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .captionbox h1 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 0px;
  }
}
@media (max-width: 480px) {
  .captionbox h1 {
    font-size: 22px;
    line-height: 30px;
    margin-top: 0px;
  }
}
/***********************************************************/
/*
.lifeonboard:nth-child(2n) .back45 .one_half {
    border: 1px solid #000;
}
*/
/*
.back45:nth-child(2n) .one_half {
    border: 1px solid #000;
}


.back45r .vc_column-inner {
    background-repeat:no-repeat !important;
    background-size: ~"calc(50% - 20px)" !important;
    background-position: right !important;
    
    @media (max-width: 767px) { 
        background: transparent !important;   
    }
}

.back45l .vc_column-inner {
    background-repeat:no-repeat !important;
    background-size: ~"calc(50% - 20px)" !important;
    background-position: left !important;
    
    @media (max-width: 767px) { 
        background: transparent !important; 
    }
}

.back45r .one_half {
    width: ~"calc(50% - 20px)";
    padding-left: 20px;
    padding-bottom: 35px;
    
    @media (max-width: 767px) { 
        padding: 10px 20px 20px 20px;
        width: 100%;
    }
}

.back45l .one_half {
    width: ~"calc(50% - 20px)";
    float: right;
    padding-bottom: 35px;
    
    @media (max-width: 767px) { 
        padding: 10px 20px 20px 20px;
        width: 100%;
    }
}
*/
/***********************************
 Weergave HTML 5 video element
***********************************/
.mejs-overlay-button {
  background: url(images/playbutton.svg) no-repeat !important;
  background-size: 80px 80px !important;
}
.mejs-controls {
  display: none !important;
}
.wp-video {
  border-radius: 15px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
@media only screen and (max-width: 767px) {
  .wp-video {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
}
.video-container {
  position: relative;
}
p.video_duur {
  font-size: 17px;
  line-height: 39px;
  height: 39px;
}
video {
  background-color: #999;
}
.playpause {
  background-image: url(images/play-button.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 50px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  margin: auto;
  background-size: contain;
  background-position: center;
}
.playpause:hover {
  background-image: url(images/play-button2.png);
}
/**********************
       Icons
***********************/
/**********************
       Social Icons
***********************/
/**********************
       Social Icons
***********************/
.socialmedia {
  display: block;
  width: 100%;
  margin: 0px;
  text-align: center;
}
.socialwrapper {
  display: inline-block;
  /* margin: 20px; */
  width: auto;
  margin: 0px;
  margin-bottom: 50px !important;
}
.events .socialwrapper {
  margin: 0.8rem 0rem 0.5rem 0.5rem;
}
.icon {
  position: relative;
  text-align: center;
  width: 0px;
  height: 0px;
  padding: 20px;
  border-radius: 50%;
  color: #FFFFFF;
}
.icon i {
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 9px;
}
.icon.social {
  float: left;
  margin: 0 5px 0 0;
  cursor: pointer;
  background: #000;
  color: #FFF;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
.icon.social:hover {
  background: #b48c14;
  color: #fff;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
.icon.social.fb i {
  left: 12px;
}
/**********************
       Buttons
***********************/
/*
   <div class="wrap_leftfixed">
      <div class="leftfixed">Left part</div>
      <div class="rightfluid">Right part</div>
    </div>
    
.wrap_leftfixed {
    .wrapperfluidleft(@widthleft)
}
*/
/*
   <div class="wrap_rightfixed">
      <div class="rightfixed">Right part</div>
      <div class="leftfluid">Left part</div>
    </div>
    
.wrap_rightfixed {
    .wrapperfluidright(@widthright)
}
*/
/*
   <div class="wrap_email">
      <div class="rightfixed">Right part</div>
      <div class="leftfluid">Left part</div>
    </div>
*/
/*
.wrap_email {
        padding-top: 20px;
        
    .wrapperfluidright(150px);   
        input[type="email"] {
        border: 0px solid #FD7CB1;
        border-top-left-radius: 0.7rem;
        border-bottom-left-radius: 0.7rem;
        background-color: #fff;
        height: 2.5rem;
        padding: 1rem; 
        
        width: 100%;
        margin: 0px 0px 0px 0px;
    }
    
    .leftfluid {

    }
    
    @media (max-width: 767px) {    

        .rightfixed {

        }
        .leftfluid {

        }
    } 
}

.wrap_header {
    .wrapperfluidright(230px);
    
    display: flex; 
    height: auto; 
    overflow: hidden; 
    align-items: stretch;
    
    .leftfluid {
        display: flex; 
        align-items: center; 
        width: 100%;
        padding-right: 20px;
    }

    @media (max-width: 1000px) {    

        .rightfixed {
            width: 170px;
        }
        .leftfluid {

        }
    }
    
    @media (max-width: 575px) {
        .rightfixed {
            width: 80px;
        }
        .leftfluid {

        }
    }
}

*/
/**********************
       Visual Composer
***********************/
.vc_row-o-equal-height.vc_row-flex .vc_column-inner > .wpb_wrapper {
  height: 100%;
  display: flex;
}
.vc_tta-panels {
  background: transparent !important;
  border: 0px solid !important;
}
.vc_tta-panel-body {
  border: 0px solid !important;
  background-color: transparent !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.vc_toggle_title {
  padding-left: 0px !important;
  padding-right: 25px;
  padding-bottom: 15px;
}
.vc_toggle_icon {
  position: absolute;
  left: calc(100% - 25px) !important;
  z-index: 10;
}
.vc_tta-tab {
  border: 0px solid !important;
  margin: 0px !important;
}
.vc_tta-tab a {
  background: transparent !important;
  border: 0px solid !important;
}
.vc_tta-tab > a {
  color: #000 !important;
}
.vc_tta-tab.vc_active > a {
  color: #b48c14 !important;
}
.vc_toggle {
  border-bottom: 1px solid #000;
}
.vc_tta-panel-heading {
  background-color: #f6efdf !important;
  border: 1px solid #f6efdf !important;
}
.vc_tta-panel-heading .vc_tta-panel-title > a {
  color: #000 !important;
}
/**********************
       Stylen voor de imagemap Route
***********************/
.imp-tooltip-plain-text {
  font-size: 16px !important;
  line-height: 20px !important;
}
.imp-main-image {
  border-radius: 15px !important;
}
/*********************
    Add margins to the columns in the Column Shortcode plugin
    https://github.com/codepress/column-shortcodes
***********************/
form .three_fifth,
.infobox .three_fifth {
  width: 70%;
  padding-right: 40px;
}
@media only screen and (max-width: 900px) {
  form .three_fifth,
  .infobox .three_fifth {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
form .one_half,
.infobox .one_half {
  width: 49%;
  margin-right: 2%;
}
form .one_half ul,
.infobox .one_half ul {
  margin: 0px;
}
@media only screen and (max-width: 900px) {
  form .one_half,
  .infobox .one_half {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
form .one_half.last_column,
.infobox .one_half.last_column {
  width: 49%;
  margin-right: 0px;
}
form .one_half.last_column ul,
.infobox .one_half.last_column ul {
  margin: 0px;
}
@media only screen and (max-width: 900px) {
  form .one_half.last_column,
  .infobox .one_half.last_column {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
form .one_third,
.infobox .one_third {
  width: 32%;
  margin-right: 2%;
}
form .one_third.last_column,
.infobox .one_third.last_column {
  width: 32%;
  margin-right: 0px;
}
@media only screen and (max-width: 900px) {
  form .one_third.last_column,
  .infobox .one_third.last_column {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {
  form .full_width,
  .infobox .full_width,
  form .one_half,
  .infobox .one_half,
  form .one_third,
  .infobox .one_third,
  form .two_third,
  .infobox .two_third,
  form .one_fourth,
  .infobox .one_fourth,
  form .three_fourth,
  .infobox .three_fourth,
  form .one_fifth,
  .infobox .one_fifth,
  form .two_fifth,
  .infobox .two_fifth,
  form .three_fifth,
  .infobox .three_fifth,
  form .four_fifth,
  .infobox .four_fifth,
  form .one_sixth,
  .infobox .one_sixth,
  form .five_sixth,
  .infobox .five_sixth {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .full_width,
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth,
  .one_fifth,
  .two_fifth,
  .three_fifth,
  .four_fifth,
  .one_sixth,
  .five_sixth {
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    padding-right: 0px;
  }
}
/*

.one_third {
    width: 32% !important;
    margin-right: 2% !important;
}
.one_third.last_column {
    width: 32% !important;
    margin-right: 0px !important;
}
.two_third {
    width: 66% !important;
    margin-right: 2% !important;
}
.two_third.last_column {
    width: 66% !important;
    margin-right: 0px !important;
}
.one_fourth {
    width: 23.5% !important;
    margin-right: 2% !important;
}
.one_fourth.last_column {
    width: 23.5% !important;
    margin-right: 0px !important;
}
.three_fourth {
    width: 74.5% !important;
    margin-right: 2% !important;
}
.three_fourth.last_column {
    width: 74.5% !important;
    margin-right: 0px !important;
}
.one_fifth {
    width: 18.4% !important;
    margin-right: 2% !important;
}
.one_fifth.last_column {
    width: 18.4% !important;
    margin-right: 0px !important;
}
.two_fifth {
    width: 39% !important;
    margin-right: 2% !important;
}
.two_fifth.last_column {
    width: 39% !important;
    margin-right: 0px !important;
}
.three_fifth {
    width: 59% !important;
    margin-right: 2% !important;
}
.three_fifth.last_column {
    width: 59% !important;
    margin-right: 0px !important;
}
.four_fifth {
    width: 79.6% !important;
    margin-right: 2% !important;
}
.four_fifth.last_column {
    width: 79.6% !important;
    margin-right: 0px !important;
}
.one_sixth {
    width: 15% !important;
    margin-right: 2% !important;
}
.one_sixth.last_column {
    width: 15% !important;
    margin-right: 0px !important;
}
*/
/**********************
       Wave
***********************/
/**********************/
.wrapper {
  overflow: hidden;
  margin: auto;
}
.box {
  position: absolute;
  width: 100%;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}
.single-box {
  position: absolute;
  right: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
  background-size: 50% 100%;
  animation: animate 45s linear infinite;
}
@keyframes animate {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(50%) translateZ(0) scaleY(1);
  }
}
/**********************
        MIXINS
***********************/
.randomclass {
  background: -webkit-linear-gradient(#873cff, rgba(135, 60, 255, 0) 0%), -webkit-linear-gradient(-45deg, rgba(120, 155, 255, 0.9) 45%, #37e6eb 0%);
}
/**********************
        GRID VISIBILITY
***********************/
#grid .row [class*='col-'] {
  background-color: #ffeeee;
  background-clip: content-box;
  min-height: 20px;
}
/**********************
         STYLES
***********************/
/* New breakpoint 

@media (min-width: 1600px) {
.container {
    width: 1558px;
}
}
*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body {
  font-family: 'Work Sans', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #002d41;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-color: #fff;
  position: relative;
  height: 100%;
}
/* Bootstrap offset left

col-lg-offset-1

*/
.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.row.flex:before {
  display: flex !important;
}
.flex:before {
  display: flex !important;
}
.flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.flex .actueelbox,
.flex .excerpt {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.flex .actueelbox img {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
a {
  background: none;
  padding-left: 0px;
  margin: 0px;
  text-decoration: underline;
  color: #002d41;
}
a:hover {
  text-decoration: underline;
  color: #b48c14;
}
strong {
  font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
  color: #002d41;
  text-decoration: none;
  font-optical-sizing: none;
  hyphens: auto;
  -webkit-hyphens: auto;
}
h1 {
  font-family: 'Noto Serif';
  font-size: 45px;
  line-height: 55px;
  font-weight: 600;
  margin: 20px 0px 15px 0px;
}
@media (max-width: 767px) {
  h1 {
    font-size: 45px;
    line-height: 55px;
    margin: 10px 0px 20px 0px;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 45px;
    line-height: 55px;
    margin: 10px 0px 20px 0px;
  }
}
h2 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  margin: 20px 0px 10px 0px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 24px;
    line-height: 34px;
    margin: 5px 0px 10px 0px;
  }
}
h3 {
  font-family: 'Noto Serif', serif;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  margin: 0px 0px 30px 0px !important;
}
@media (max-width: 767px) {
  h3 {
    font-size: 16px;
    line-height: 26px;
  }
}
p {
  font-size: 20px;
  line-height: 30px;
  margin: 0px 0px 30px 0px;
}
@media (max-width: 767px) {
  p {
    font-size: 16px;
    line-height: 26px;
  }
}
.relative {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .relative.overlay {
    margin-top: -50px !important;
  }
}
.overflow {
  overflow: visible !important;
}
.introduction {
  margin-top: 80px !important;
  margin-bottom: 30px !important;
}
.intro {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  line-height: 30px;
  margin-top: 35px;
}
.intro p {
  font-size: 22px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .intro p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .emptyspace {
    max-height: 20px;
  }
}
.singlepost .intro {
  font-size: 32px;
  line-height: 42px;
}
.singlepost .intro p {
  font-size: 32px;
  line-height: 42px;
}
@media (max-width: 767px) {
  .singlepost .intro p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .singlepost .intro {
    font-size: 20px;
    line-height: 28px;
  }
}
.quote h1,
.quote h2,
.quote p {
  max-width: 700px;
  text-indent: -15px;
}
@media only screen and (max-width: 767px) {
  .quote h1,
  .quote h2,
  .quote p {
    text-indent: 0px;
  }
}
.quote_author {
  font-size: 20px !important;
  color: #fff;
}
.row .firstcol {
  margin-left: 0px;
  padding-left: 10px;
}
.uitgelichtbox {
  padding: 40px;
  border-radius: 10px;
  background-color: #00344D;
  color: #fff;
  margin-bottom: 30px;
}
.textrevslider {
  color: #00344D;
}
#socialmedia {
  float: right;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #002d41;
}
#socialmedia a {
  margin-left: 15px;
  text-decoration: none;
}
@media (max-width: 767px) {
  #socialmedia {
    display: none;
  }
}
.breakclear {
  clear: right;
}
@media (max-width: 1023px) {
  .breakclear {
    clear: both;
  }
}
@media (max-width: 767px) {
  .breakclear {
    display: none;
  }
}
.radius {
  border-radius: 50%;
}
.center {
  text-align: center;
}
.slider {
  text-align: center !important;
}
.smobile {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .smobile {
    display: block !important;
  }
}
.hmobile {
  display: block;
}
@media only screen and (max-width: 767px) {
  .hmobile {
    display: none !important;
  }
}
.widget-area.mobile h2 {
  display: none;
}
hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0;
  border-top: 1px solid #002d41;
}
.rotate {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
img {
  max-width: 100%;
  height: auto;
}
img.noradius {
  border-radius: 0px !important;
}
p img,
img.vc_single_image-img {
  border-radius: 15px;
}
.hero p img,
.hero img.vc_single_image-img {
  border-radius: 0px;
}
.blogcat {
  color: background: #002D41;
  text-decoration: none;
  display: inline-block;
  margin: 0px 10px;
}
.blogcat:hover {
  color: #b48c14;
}
.noradius p img,
.noradius img.vc_single_image-img {
  border-radius: 0px;
}
.img-responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 0px solid #000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.img-responsive img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 0px solid #000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.img-responsive .wpb_single_image,
.img-responsive .vc_figure,
.img-responsive .vc_single_image-wrapper {
  width: 100%;
}
.portret img {
  border-radius: 50%;
  max-width: 300px;
}
.container-fluid {
  max-width: 1380px;
  min-width: 310px;
}
.bigcontainer,
.bigcontainer.container-fluid {
  max-width: 1530px;
  display: block;
  position: relative;
  margin: 0 auto !important;
}
.smallcontainer,
.smallcontainer.container-fluid {
  max-width: 936px;
  display: block;
  position: relative;
  margin: 0 auto !important;
}
/* #wrap, #content en #footer o.a. noodzakelijk om footer bij weinig content uit te lijnen onderkant pagina en body html 100% noodzakelijk */
#wrap {
  min-width: 310px;
  position: relative;
  border: 0px solid #000;
  margin: 0 auto;
}
#content {
  min-height: 200px;
  padding-top: 150px;
  overflow: hidden;
}
#content.home {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  #content {
    padding-top: 60px;
  }
}
/************************************************
*    Wordpress Suggestions                        *
************************************************/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
  padding: 5px 20px 15px 0px;
}
.alignright {
  float: right;
}
.wp-caption {
  float: left;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  height: auto !important;
  border-radius: 0px;
  background-color: transparent;
  max-width: 100%;
}
/* tekst onder image */
.wp-caption p {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  font-family: "Source Sans Pro", lucida, arial;
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  text-align: left;
  color: #999;
  border: 0px solid #999;
}
.wp-caption-text {
  margin: 5px 20px 0px 0px;
  padding: 0px;
  border: 0px solid red;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-style: italic;
}
.wp-caption img {
  width: 100%;
  float: none;
  height: auto !important;
  padding: 0px;
  margin: 0px;
  border: 0px solid red;
}
.wp-caption-dd {
  margin: 5px 20px 0px 0px;
  padding: 0px;
  border: 0px solid red;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-style: italic;
}
.wp-caption-dt {
  margin: 5px 20px 0px 0px;
  padding: 0px;
  border: 0px solid red;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-style: italic;
}
/************************************************************************/
/* Breakpoinst Bootstrap - ook Visual Composer defaults aangepast       */
/************************************************************************/
/************************************************************************/
/* Container sizes          */
/************************************************************************/
/*

gutter 2 * 15px;

768px - content 728

936px - content 906

1360px - content 1230

*/