.footer_icon {
  max-width: 50px;
  display: inline-block;
  margin-right: 7px; }
  .footer_icon img {
    height: auto;
    width: 100%; }

.images .col-md-3, .images .col-sm-6 {
  position: relative;
  height: 20vw;
  max-height: 234px;
  margin-bottom: 30px; }
  .images .col-md-3 .background-image-holder, .images .col-sm-6 .background-image-holder {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border: 2px solid #2a67b0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .images .col-md-3 .background-image-holder .overlay, .images .col-sm-6 .background-image-holder .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(42, 103, 176, 0);
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      -ms-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out; }
      .images .col-md-3 .background-image-holder .overlay b, .images .col-sm-6 .background-image-holder .overlay b {
        color: white;
        opacity: 0; }
    .images .col-md-3 .background-image-holder .overlay:hover, .images .col-sm-6 .background-image-holder .overlay:hover {
      background-color: rgba(42, 103, 176, 0.7); }
      .images .col-md-3 .background-image-holder .overlay:hover b, .images .col-sm-6 .background-image-holder .overlay:hover b {
        opacity: 1; }

.kleurvlak .tekstveld {
  background-color: #2a67b0;
  padding: 15px 15px 20px 15px; }
  .kleurvlak .tekstveld h1, .kleurvlak .tekstveld h2, .kleurvlak .tekstveld h3, .kleurvlak .tekstveld h4, .kleurvlak .tekstveld p, .kleurvlak .tekstveld td, .kleurvlak .tekstveld a, .kleurvlak .tekstveld b, .kleurvlak .tekstveld i, .kleurvlak .tekstveld em, .kleurvlak .tekstveld b, .kleurvlak .tekstveld strong, .kleurvlak .tekstveld input, .kleurvlak .tekstveld textarea, .kleurvlak .tekstveld span, .kleurvlak .tekstveld div, .kleurvlak .tekstveld btn, .kleurvlak .tekstveld li {
    color: white !important; }
  .kleurvlak .tekstveld h1, .kleurvlak .tekstveld h2, .kleurvlak .tekstveld h3, .kleurvlak .tekstveld h4 {
    font-size: 1.6em; }
  .kleurvlak .tekstveld img {
    max-width: 65px;
    margin: 10px auto 5px auto;
    display: block; }

.slider {
  overflow: hidden; }
  .slider .slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 400px; }
  .slider .slider-wrapper {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%; }
  .slider .slide {
    flex: 0 0 100%;
    text-align: center; }
  .slider .slide img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover; }
  .slider .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(42, 103, 176, 0.7);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10; }
  .slider .slider-arrow.prev {
    left: 0px; }
  .slider .slider-arrow.next {
    right: 0px; }
  .slider .slider-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px; }
  .slider .slider-dots button {
    width: 10px;
    height: 10px;
    background: rgba(42, 103, 176, 0.7);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 0; }
  .slider .slider-dots button.active {
    background: rgba(255, 255, 255, 0.7); }

#portfolio .overlay {
  cursor: pointer; }

/* Lightbox achtergrond */
.lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer; }

/* Afbeelding in de lightbox */
.lightbox img {
  margin: auto;
  display: block;
  max-width: 80%;
  max-height: 80%;
  margin-top: 5%; }

/* Bijschrift */
#lightboxCaption {
  text-align: center;
  color: white;
  font-size: 16px;
  margin-top: 10px; }

/* Sluitknop */
.lightbox .close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer; }

@media all and (max-width: 780px) {
  .images .col-md-3, .images .col-sm-6 {
    height: 40vw; } }
footer {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
  background: #2a67b0; }
  footer .container {
    max-width: 1120px !important;
    padding: 0 40px; }
    footer .container [class^="col-"] {
      text-transform: uppercase; }
      footer .container [class^="col-"] h3 {
        display: inline-block;
        vertical-align: middle !important;
        color: white; }

.post span, .post a {
  text-transform: uppercase; }

/* Contactform 7 */
.wpcf7 {
  background-color: #2a67b0;
  padding: 1rem; }
  .wpcf7 label {
    width: 100%;
    color: white; }
  .wpcf7 input, .wpcf7 textarea {
    display: block;
    background-color: white;
    border-radius: 0px;
    border: 1px solid #2a67b0;
    padding: 6px 2% 9px 2%;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
    font-size: 1em; }
  .wpcf7 textarea {
    width: 100%;
    height: 90px; }
  .wpcf7 input:hover, .wpcf7 textarea:hover {
    opacity: .8; }
  .wpcf7 input[type=submit] {
    display: inline-block;
    padding: 6px 25px 9px 25px;
    margin: 10px 0 0 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    color: #2a67b0;
    text-decoration: none !important;
    cursor: pointer;
    width: 100%;
    float: none;
    background-color: white;
    font-size: 1em;
    border-radius: 0px;
    border: 0px solid #2a67b0;
    text-transform: uppercase; }
  .wpcf7 input[type=submit]:hover {
    opacity: .6; }

.wpcf7-response-output {
  border: 0px solid white !important;
  margin: 0 !important;
  padding: 0 !important;
  color: white;
  background-color: #aa435d;
  border-radius: 0; }

.white_block_small .textwidget .wpcf7-response-output {
  color: #aa435d !important; }

.wpcf7-mail-sent-ok {
  background-color: #8de985 !important; }

.wpcf7-not-valid-tip {
  display: inline-block !important;
  padding-top: 5px;
  color: #aa435d !important; }

.white_block_small .textwidget .wpcf7-not-valid-tip {
  color: #aa435d !important; }

div.wpcf7 .ajax-loader {
  display: block !important; }

.wpcf7-radio {
  display: block;
  width: 100%; }
  .wpcf7-radio .wpcf7-list-item, .wpcf7-radio label {
    display: inline-block;
    width: auto;
    margin: 0 10px 0 0; }
    .wpcf7-radio .wpcf7-list-item input, .wpcf7-radio label input {
      display: inline-block;
      width: auto;
      margin: 5px 5px 5px 0; }
    .wpcf7-radio .wpcf7-list-item span, .wpcf7-radio label span {
      display: inline-block;
      width: auto; }

.wpcf7-spinner {
  display: block !important;
  margin: 10px auto !important; }

html, body {
  padding: 0;
  margin: 0; }

.container {
  max-width: 1120px !important;
  padding: 0 40px; }

#overons, #contact {
  min-height: 70vh; }

header {
  position: relative;
  z-index: 9999; }
  header .container {
    max-width: 1120px !important;
    padding: 0 40px;
    padding: 14px 40px 0px 40px; }
    header .container .row #header_logo {
      display: block;
      margin: 15px 0 10px 0;
      padding: 0; }
    header .container .row #header_logo:hover {
      opacity: .5 !important; }
    header .container .row hr {
      height: 7px;
      width: 100%;
      margin: 0 15px;
      background-color: #2a67b0;
      border: none; }

.menu-main-menu-container {
  width: 100%; }

.navbar {
  padding: 0; }

.navbar-toggler {
  border: none !important;
  color: black !important;
  border-color: rgba(0, 0, 0, 0) !important; }

.navbar-toggler-icon {
  height: 2.5em;
  width: 2.5em;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.navbar-toggler-icon:hover {
  opacity: .5; }

#navbarResponsive {
  padding: 20px 0;
  margin-left: auto;
  margin-right: 0;
  z-index: 100; }
  #navbarResponsive div {
    margin-left: auto;
    margin-right: 0; }

.menu-primary-menu-container {
  margin-left: auto;
  margin-right: 0px; }

.nav {
  padding: 0;
  margin: 0;
  height: auto;
  width: 100%;
  z-index: 1010;
  text-align: center; }
  .nav li {
    display: inline-block;
    list-style: none;
    height: 100%;
    width: auto;
    padding: 0 0 0 15px; }
    .nav li a {
      height: 100%;
      padding: 10px 0 0 0 !important;
      color: black;
      text-decoration: none !important;
      text-transform: uppercase;
      text-align: center;
      display: block;
      font-size: 13pt; }
    .nav li a:hover {
      color: #2a67b0; }
    .nav li .sub-menu {
      z-index: 1000;
      position: absolute;
      padding: 5px 20px 10px 20px;
      background-color: #2a67b0;
      line-height: 150%;
      display: none;
      border-radius: 4px; }
      .nav li .sub-menu li {
        display: block;
        font-weight: inherit;
        text-align: left;
        padding: 0 20px; }
        .nav li .sub-menu li a {
          color: white; }
        .nav li .sub-menu li a:hover {
          opacity: .5 !important; }
      .nav li .sub-menu li:first-of-type {
        padding-top: 10px; }
      .nav li .sub-menu li:last-of-type {
        padding-bottom: 10px; }
  .nav li:hover .sub-menu {
    display: block; }
  .nav .current-menu-item a {
    color: #2a67b0; }
  .nav .current-menu-item .sub-menu a {
    color: black; }
  .nav .current-menu-item .sub-menu li {
    color: black; }
  .nav .sub-menu .current-menu-item a {
    color: white;
    border-bottom: 0px solid white; }
  .nav .sub-menu .sub-menu {
    display: none !important; }

@media all and (max-width: 991px) {
  header .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  header .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  header #header_logo, header .navbar-toggler {
    margin-left: auto;
    margin-right: auto; }
  header .nav {
    display: block;
    width: 100%; }
    header .nav li {
      display: block;
      padding: 4px 0; }
      header .nav li a {
        padding: 0 !important;
        text-align: center; }
  header .navbar {
    padding-bottom: 10px; } }
* {
  font-family: "Source Sans 3", sans-serif;
  font-style: normal; }

h1, h2, h3, h4, p, td, a, b, i, em, b, strong, input, textarea, span, div, btn, li {
  line-height: 180%;
  color: black;
  font-size: 11pt;
  font-weight: 700; }

h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span {
  line-height: 110%;
  text-transform: uppercase;
  margin: 0; }

h1, h1 span {
  font-size: 3em; }

h2, h2 span {
  font-size: 3em; }

h3, h3 span {
  font-size: 1.6em; }

h4, h4 span {
  font-size: 1.4em; }

p, i, em, b, strong, a, li {
  margin: 0;
  padding: 0; }

b, strong {
  text-transform: uppercase; }

ul {
  padding-inline-start: 0px !important;
  margin: 0; }
  ul li {
    color: black; }

a, a:link, a:visited {
  text-decoration: underline;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

a:hover {
  text-decoration: none; }

hr {
  margin: 20px 0 40px 0;
  color: #2a67b0;
  border: 1px solid #2a67b0; }

img {
  max-width: 100%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

a:hover img {
  opacity: .8; }

table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0; }
  table td, table th {
    border: 0px solid #2a67b0;
    padding: 8px; }
    table td b, table td strong, table th b, table th strong {
      line-height: 100%;
      margin-top: 8px; }
  table tr:first-of-type {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #2a67b0;
    color: white !important; }
  table tr:nth-child(even) {
    background-color: #2a67b0; }
  table thead tr {
    background-color: #2a67b0 !important; }

iframe {
  width: 100%;
  height: 300px; }

/*# sourceMappingURL=style.css.map */