@charset "utf-8";
/* CSS Document *

/*-------------------------------------------------------------------------------------*/
/*GENERAL -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

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

body:not(.modal-open){
  padding-right: 0px !important;
}

.border-main {
    border: 5px solid #4f82c3;
    border-radius: 1rem;
    color: #425268;
}

.container {
	max-width: 1170px;
}

.maps-wrapper {min-height: 15.625rem;}

.btn-bottom {
	position: absolute !important;
	bottom: 0;
	left: 0;
	right: 0;
}

.heading {font-weight: 700; position: relative;}

span.header {position: relative; display: block; margin-bottom: .5rem;}
span.header::before {
	content: '';
	background: url("/images/overlay.png") no-repeat left / contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.contentWrapper {margin: 0;}
.card {overflow: hidden;}

/*-------------------------------------------------------------------------------------*/
/*HEADER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

header {
	position: relative;
	overflow: hidden;
}

header .logo {
	background: rgba(255, 255, 255, .9);
    display: inline-block;
	position: relative;
    border-radius: 50%;
	padding: 3.75rem;
	left: -3.5rem;
	pointer-events: all;
}

header .logo img {width: 12.75rem;}

header .logo-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    right: 0;
	z-index: 2;
	display: flex;
	align-items: center;
    pointer-events: none;
    justify-content: space-between;
}

header .button-group {
    align-self: flex-start;
    padding-top: 1rem;
    pointer-events: all;
}

/*-------------------------------------------------------------------------------------*/
/*ALBUMS ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.album-wrapper {
	/* overflow: hidden; */
	/* border: none; */
	/* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; */
}

.albumThumbImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* background-position: center center; */
    /* background-size: cover; */
    /* display: block; */
    /* top: 50%; */
    /* left: 50%; */
    /* min-width: 100%; */
	/* min-height: 15.625rem; */
}

.albumThumbImages::after {
	/* content: ''; */
	/* position: absolute; */
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #f7f7f7 100%); */
    /* height: 100%; */
    /* width: 100%; */
}

.albumThumb img {
    max-width: 100%;
    height: auto;
}

section.calendar .albumOSContent {display: flex; flex-direction: column;}
section.calendar .owl-item {display: none; overflow: hidden; border-radius: .25rem; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
section.calendar .owl-item + .owl-item {margin: 1rem 0 0;}
section.calendar .owl-item:nth-child(-n+4) {display: block;}
section.calendar .albumThumbImage {height: auto; padding-top: 50%; background-size: cover; cursor: pointer;}

.albumOs {
    /* display: none; */
}

/*-------------------------------------------------------------------------------------*/
/*NAV ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.navbar-expand-lg .navbar-nav .nav-link:nth-child {
	padding-right: 0;
}

.navbar-brand {font-size: 0;}

.btn-search-sm a::after {content: '\f002'; font-family: 'FontAwesome'; color: #fff; display: inline-block; cursor: pointer; font-size: 1rem;}
.btn-search::after {content: '\f002'; font-family: 'FontAwesome'; color: #fff; display: block; width: 1rem; cursor: pointer; font-size: 1.5rem;}
.btn-search.clicked::after {content: '\f00d';}

.search-container.clicked {opacity: 1; transform: translateY(0);}
.search-container input[type=text]:focus, .search-container a {outline: none;}
.search-container .searchOnsiteSubmitWrapper {display: inline-flex;}
.search-container .searchOnsiteSubmitWrapper a {
    position: relative;
    padding: .45rem 1rem;
    color: #fff;
    background: #ea0c1b;
    border-radius: .25rem;
}

.search-container .form-control {
	float: left;
	width: auto;
}

/* SUBMENU */
.navbar-nav li:hover > ul.dropdown-menu, .dropdown:hover > .dropdown-menu {display: block; min-width: 15rem; margin-top: -.5rem;}
.navbar-nav li .dropdown-menu li a {white-space: normal;}

.dropdown-submenu {position:relative;}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin: 0rem 1rem;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

/*-------------------------------------------------------------------------------------*/
/*SLIDER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.slideshow-image {
    height: 15rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    transition: height ease 0.3s;
    position: relative;
}

.slideshow-image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0,rgba(0, 0, 0, 0) 30%);
}

.slideshow-container::before {
	content: '';
	background: url("/images/overlay.png") no-repeat bottom / contain;
	position: absolute;
	top: 1rem;
    bottom: -1rem;
    left: -40rem;
    right: 0;
    z-index: 2;
    pointer-events: none;
}

.slide {display: flex;}
.slide > .container {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex;  justify-content: flex-end; align-items: flex-end;}
.slideshow-item-image {width: 100%;}
.slideshow-item-overlay {color: #fff; font-size: 2rem;}
.slideshow-item-overlay h2 {font-size: 1.2rem;}

/*-------------------------------------------------------------------------------------*/
/*CALENDAR ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

section.media .miniMonthWrapper {width: 100%; min-height: 0rem; border-bottom: 1px solid rgba(255, 255, 255, .6)}
section.media .calendarOS {margin: .5rem;}
section.media .calendarOSHeader {text-align: center; font-weight: 700; margin-bottom: .5rem;}
section.media .calendarItemDate {text-transform: lowercase; display: inline;}
section.media .calendarItemDate .dateMonth {margin-left: .5rem;}
section.media .calendarItemTitle {margin-left: 1rem;}
section.media .miniMonthWrapper .nextMonth,
section.media .miniMonthWrapper .prevMonth {
	cursor: pointer;
}

section.calendar {position: relative;}
section.calendar .miniMonthWrapper, section.calendar .calendarOSHeader, .miniMonthHeader {display: none;}

section.calendar .calendarOSContent {
	display: flex;
	flex-direction: column;
}

section.calendar .calendarOSContent .calendarItem {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	flex: 1 1 auto;
    min-width: 0;
	background-clip: border-box;
	align-items: center;
	border-radius: .25rem;
	padding: 1.25rem .5rem;
	margin: 0 0 1rem 0;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	transition: .3s all ease;
}

section.calendar .calendarOSContent .calendarItem .calendarItemDate {
    font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.5rem;
	text-align: center;
}

section.calendar .calendarOSContent .calendarItem .calendarItemDate .dateMonth {
	text-transform: uppercase;
	margin-left: .25rem;
	display: block;
}

section.calendar .calendarOSContent .calendarItem .calendarItemTitle {
	text-align: center;
	margin-left: 1rem;
	overflow: hidden;
	font-size: .875rem;
}

section.calendar .calendarOSContent .calendarItem:hover {
	transform: translateY(-.5rem);
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.calendarOS .calendarOSHeader {font-size: 1.25rem;}
.calendarOS .calendarOSContent {margin-bottom: 1rem;}
.calendarOS .calendarItemDateEnd {display: none;}
.calendarOS .calendarItem {display: flex; align-items: center;}
.calendarOS .calendarItemDate {margin-right: 1rem;}
.calendarOS .calendarOverview a {color: #fff;}

/*-------------------------------------------------------------------------------------*/
/*NEWS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.newsOSContent {
	display: flex;
	flex-direction: column;
}

.newsOSContent .newsContentItem {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
	background-clip: border-box;
	overflow: hidden;
	border-radius: .25rem;
	margin: 0 0 1rem 0;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	transition: .3s all ease;
	z-index: 1;
}

.newsOSContent .newsContentItem .newsItemImage  {
	max-width: 100%;
	height: 11rem;
	background: url("/images/288_odasr_kl.jpg") no-repeat center / cover;
	overflow: hidden;
}

.newsOSContent .newsContentItem .dateTitle  {padding: 1.25rem 1.25rem .5rem;}
.newsOSContent .newsContentItem .newsTeaser {padding: 0 1.25rem 1.25rem;}

.newsOSContent .newsContentItem .dateTitle .date {
	display: none;
}

.newsOSContent .newsContentItem .dateTitle .newsTitle a {
	font-size: 1.5rem;
	font-weight: 700;
	max-height: 4.25rem;
	display: block;
    display: -webkit-box;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.allNews {
	text-align: center;
}

.newsOS {
	position: relative;
}

.newsOS::after {
	content: '';
	background: url("/images/overlay.png") no-repeat bottom / contain;
	position: absolute;
	top: 0;
	bottom: 2rem;
	left: 0;
	right: 0;
} 

/*-------------------------------------------------------------------------------------*/
/*TWEETS ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.tweets {
	background: url("/images/back.png") no-repeat center / cover;
}

.tweets .twitterBlock .twitterTitle {
	font-size: 1.5rem;
	font-weight: 700;
}

.tweets .twitterBlock .twitterTitle::before {
	content: '\f099'; 
	font-family: 'FontAwesome';
	font-size: 2rem;
	margin-right: 2rem;
}

.tweets .twitterBlock .twitterBlockContent {
	font-size: 1.625rem;
	font-weight: 300;
	font-style: italic;
	line-height: 3rem;
}

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

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

/*-------------------------------------------------------------------------------------*/
/*FOOTER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

footer .footer-top {
	text-align: center;
}

footer .footer-top h6 {
	text-transform: uppercase;
	font-weight: 700;
}

footer .footer-top .meerderweert {
	background: url("/images/logoFooter.png") no-repeat left / cover;
	width: 90px;
	height: 180px;
	display: inline-block;
}

footer .footer-bottom {
	background: #eee;
	text-align: center;
	padding: 1rem 0;
}

/*-------------------------------------------------------------------------------------*/
/*@MEDIA ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (min-width: 768px) {
	footer .footer-top {text-align: left;}
	.slideshow-item-overlay h2 {font-size: inherit;}
}

@media (min-width: 992px) {
	.search-container {transition: .3s all ease; transform: translateY(-1rem); opacity: 0;}

	.dropdown-submenu>.dropdown-menu {
		margin: -.55rem 0 0 0;
		min-width: 15rem;
	}

	.navbar-brand {display: none;}

	.albumThumbImages {
		position: absolute;
		min-height: 100%;
		transform: translate(-50%, -50%);
	}

	section.calendar .calendarOSContent, .newsOSContent {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	section.calendar .owl-item + .owl-item {margin: 0 0 0 1rem;}
	section.calendar .albumOSContent {flex-direction: row;}
	section.calendar .owl-item {flex: 1 1 auto; flex-basis: 0;}

	section.calendar .calendarOSContent .calendarItem {margin: 0;}
	section.calendar .calendarOSContent .calendarItem + .calendarItem {margin: 0 0 0 1rem;}

	.newsOSContent .newsContentItem {flex: 1 1 auto; flex-basis: 0;}
	.newsOSContent .newsContentItem + .newsContentItem  {margin: 0 0 1rem 2rem;}
}

@media (min-width: 1200px) {
    section.calendar .owl-item  {max-height: 182px;}
}
@media (max-width: 992px) {.navbar-nav .selected {padding: 0 1rem;}}