body {
    font-family: 'Open Sans', sans-serif; 
}

img {max-width: 100%; height: auto; min-height: 1px;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Condensed', sans-serif;
}

.lead {
    font-family: 'Caveat', cursive;
}

.btn {border: 0; border-radius: 8px; position: relative; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 24px; white-space: inherit; transition: 250ms all;}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: none !important; text-decoration: none;}

.btn-twitter::after   {content: '\f099'; color: #fff; font-family: 'Font Awesome 5 Brands';}
.btn-facebook::after  {content: '\f39e'; color: #fff; font-family: 'Font Awesome 5 Brands';}
.btn-linkedin::after  {content: '\f0e1'; color: #fff; font-family: 'Font Awesome 5 Brands';}
.btn-youtube::after   {content: '\f167'; color: #fff; font-family: 'Font Awesome 5 Brands';}
.btn-instagram::after {content: '\f16d'; color: #fff; font-family: 'Font Awesome 5 Brands';}
.btn-brand {
    background: #0183b7;
    color: #fff;
}

/* HEADER */
header {position: relative;}
header .logo-wrapper {padding: 60px 0 15px;}
header .logo-wrapper img {max-width: 100%; max-height: 130px;}
header .extra-menu {position: absolute; top: 10px; right: 15px;}
.contentWrapper {margin: 0;}
#contentTextBlock {margin: 0; width: 100%; line-height: 24px;}
.overlay .contentText {color: #fff !important;}
.overlay .overlay-content h1 {font-weight: 700; font-size: 46px;}
.content-content h1 {display: none;}

.pressed > .dropdown-menu {display: block; padding: 0;}

/* SUBMENU */
.navbar-nav li .dropdown-menu li a {white-space: normal; padding: 10px 20px;}
.dropdown-submenu {position:relative;}
.dropdown-submenu:hover > .dropdown-menu {display:block;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin: 0 16px;}
.dropdown-menu {border-radius: 0 !important;}
.navbar-nav .dropdown-menu {margin-top: 0;}

/* SEARCH */
.btn-search {display: inline-flex; }
.btn-search::after {
    content: '\e090'; 
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.btn-search.clicked::after {content: '\e082';}

.search-container {
    height: 65px;
    margin-top: -65px;
    width: 100%;
    -webkit-transition: margin-top 250ms;
    -moz-transition: margin-top 250ms;
    -o-transition: margin-top 250ms;
    transition: margin-top 250ms;
}

.search-container input[type=text] {
    margin: 15px 0;
    width: calc(100% - 35px);
    height: 35px;
    padding: 0 15px;
    line-height: 43px;
    float: left;
    border: none;
    border-radius: 0;
    transition: background-color ease 250ms;
}

.search-container input[type=text]:focus, .search-container a {outline: none;}
.searchOnsiteSubmitWrapper {display: inline-block;}
.search-container.clicked {margin-top: 0;}

.search-container .searchOnsiteSubmitWrapper a {
    position: relative;
    height: 35px;
    width: 35px;
    padding: 0 15px;
    float: left;
    line-height: 35px;
    margin: 15px 0;
}

.search-container .searchOnsiteSubmitWrapper a:before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    font-weight: 900;
    left: 8px;
    position: absolute;
}

/* SLIDER */
.slideshow-image {
    height: 450px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.slideshow-item-overlay {
    padding: 2rem;
    right: 0;
    bottom: 0;
}
.slideshow-item-overlay h2 {font-size: 48px; font-weight: 700;}
.slide a {text-decoration: none; pointer-events: none;}
.slide a .slideshow-item-overlay::after {
    content: 'Lees verder';
    border-radius: 8px;
    padding: .375rem .75rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    pointer-events: all;
    transition: .25s all ease;
}

.slideshow-intro {margin-bottom: 1rem;}
.slideshow {position: relative; min-height: 180px; touch-action: manipulation;}
.slide {display: flex; flex-direction: column;}
.slideshow-item-image {width: 100%;}
.slide > .container {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.slideshow .owl-dots {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.overlay {
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 2rem;
}

/* RELATED */
.related {  position: relative; }
.related .related-content {padding: 100px 0;}
.related .related-content h2 {font-weight: 700; font-size: 46px; line-height: 48px;}

.related .related-img {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    height: 200px;
    background: url('/images/news-1.jpg') center center / cover;
}

/* TESTIMONIALS */
.testimonial {padding: 65px 0;}
.testimonial .lead {
    font-size: 50px;
    line-height: 50px;
}

.testimonial .testimonial-img {
    width: 165px;
    height: 165px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 0 2px #fff;
}

/* NEWS */
.news .newsOS .newsOSContent {
    display: flex;
    flex-wrap: wrap;
    flex: 100%;
}

.newsOS .newsOSContent .newsContentItem { flex-flow: column wrap; justify-content: center; flex: 100%;}
.newsOS .newsOSContent .newsContentItem.newsContentItem0 { flex: 100%; }

.newsOS .newsOSContent .newsContentItem .newsItemImage {
    background: url('/images/news-1.jpg') center center / cover;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: none!important;
    max-height: none!important;
}

.newsOS .newsOSContent .newsContentItem .newsTitle { padding: 2rem 0; }
.newsOS .newsOSContent .newsContentItem .newsTitle a {
    font-weight: 700;
    line-height: 36px; 
}
.newsOS .newsOSContent .newsContentItem .newsTitle a:hover {text-decoration: none;}
.newsOS .dateTitle, .newsOS .newsTeaser { padding: 0 2rem; }

.newsOS div.readMore { padding: 2rem; text-align: center; }
.newsOS a.readMore {display: inline-flex; padding: .375rem .75rem; border-radius: 8px; font-family: 'Roboto', sans-serif; font-weight: 500; transition: 250ms all;}
.newsOS a.readMore:hover {text-decoration: none;}

.newsOS .newsContentItem:nth-child(3n+1) .h2 { font-size: 46px; line-height: 48px;}

/* TWITTER */
.tweets .twitterBlock .twitterTitle {
	font-size: 1.125rem;
	font-weight: 700;
}

.tweets .twitterBlock .twitterBlockContent {
	font-size: 1.125rem;
}

.tweets .twitterBlock .twitterBlockContent ul.tweet_list {
	list-style: none;
	padding: 2rem 0;
	margin: 0;
}

.tweets .twitterBlock .twitterBlockContent .tweet_avatar,
.tweets .twitterBlock .twitterBlockContent .tweet_time {
	display: none;
}

/* FOOTER */
footer .footer-top {padding: 25px 0;}
footer .footer-top .quick, footer .footer-top .social {display: inline-block;}
footer .footer-top .brand {background: url('/images/brand-dark.png') no-repeat center / contain; width: 100%; height: 79px;}
footer .footer-top .title {font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500;}
footer .footer-bottom {font-size: 14px; text-align: center; padding: 10px 0;}

.form-group-select {position: relative;}
.form-group-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: none;
}
.form-group-select select::-ms-expand {display: none;}
.form-group-select .form-control {border-radius: 8px; cursor: pointer; color: initial;}
.form-group-select::after {
    content: '\e078';
    font-family: 'Simple-Line-Icons';
    font-size: 1.5rem;
    color: initial;
    position: absolute;
    top: 1px;
    right: 12px;
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .navbar-nav .pressed .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none;}
}

@media (min-width: 768px) {
    header .logo-wrapper {padding: 15px 0;}
    .slideshow-image { height: calc(100vh - 166px); }
    .slide-content .slideshow-image { height: 450px;}
    .bg-light {background-color: transparent !important;}
    .newsOS .newsOSContent .newsContentItem { flex: 1 0 50%; }
    .related .related-content {width: 50%; }
    .related .related-img { width: 50%; position: absolute; height: 100%; }
    .navbar-light .navbar-nav .nav-link { font-weight: 700; font-size: 20px; padding: 0 15px; font-family: 'Roboto Condensed', sans-serif; }
    .navbar-default .navbar-collapse {background-color: transparent; font-family: 'Heebo', sans-serif;}
    .navbar-default .navbar-nav > li > a {font-weight: 700; font-size: 20px; text-transform: uppercase;}
    .mainMenu {width: 100%;}
    .dropdown-submenu > .dropdown-menu {margin: -1px 0 0 0;}
    /* .navbar-nav li:hover > ul.dropdown-menu {display: block; border-radius: 0; border: none;} */
    .newsOS div.readMore { text-align: left; }
    .quick-menu-item + .quick-menu-item {margin: 0 0 0 30px;}
    .head-wrapper {font-size: 52px;} 
    .head-wrapper::after {width: 269px;height: 245px;}
}

@media (min-width: 992px) {
    /* .slide-home .slideshow-image {height: 900px;} */
    .slide {flex-direction: row;}
    .slideshow-item-overlay { border-top-left-radius: 10px; width: 50%; position: absolute; padding: 65px; }
    .newsOS .dateTitle, .newsOS .newsTeaser { width: 50%; }
    .newsOS .newsOSContent .newsContentItem .newsItemImage { width: 50%; height: 100%; }
    .newsOS .newsOSContent .newsContentItem { height: 450px; display: flex; }
}

@media (min-width: 1200px) {
    .navbar-light .navbar-nav .nav-link { font-size: 26px; padding: 0 25px; }
}

@media (min-width: 1800px) {
    .overlay { position: absolute; border-top-left-radius: 10px; width: 50%; }
}

.navbar {
    position: static;
    padding: 0 1rem;
    margin: 0 -15px;
}

.navbar-toggler {  
    position: absolute;
    height: 36px;
    width: 50px;
    top: 10px;
    left: 15px;
    border-radius: 8px;
} 

.navbar-toggler:focus, .navbar-toggler:hover {
    outline: none !important;
}

.navbar-toggler-icon {
    background-image: none !important;
    display: block;
    top: 50%;
    margin-top: -2px; 
}
    
.navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {
    width: 1.5rem;
    height: .185rem;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}
   
.navbar-toggler-icon::before, .navbar-toggler-icon::after { content: ''; display: block; }
.navbar-toggler-icon::before { top: -8px; }
.navbar-toggler-icon::after { bottom: -8px; }

.navbar-spin .navbar-toggler-icon { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.navbar-spin .navbar-toggler-icon::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.navbar-spin .navbar-toggler-icon::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.navbar-spin:not(.collapsed) .navbar-toggler-icon { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.navbar-spin:not(.collapsed) .navbar-toggler-icon::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.navbar-spin:not(.collapsed) .navbar-toggler-icon::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }