/*
Theme Name: BlankSlate
BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

@font-face {
	font-family: 'helveticatextbookltroman';
	src: url('library/font/helveticatextbookltroman.woff') format('woff'),
		url('library/font/helveticatextbookltroman.ttf') format('ttf'),
		url('library/font/helveticatextbookltroman.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
body, html {
	/*	overflow-x: hidden;*/
	width: 100%;
	float: left;
}
body {
	font-family: 'helveticatextbookltroman';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.opendeur-wrap {
	position: fixed;
	top: 40px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: transparent;
	z-index: 10;
	pointer-events: none;
	display: none;
}
.opendeur-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 80%;
	max-height: 100%;
	transform: translate(-50%,-50%);
	display: none;
}
.opendeur-info  {
	position: fixed;
	max-height: 70vh;
	left: 0px;
	z-index: 99999;
	top: 50%;
	width: 12vw;
	transform: translateY(-50%);

}
.opendeur-info-2  {
	position: fixed;
	max-height: 70vh;
	right: 0px;
	z-index: 99999;
	top: 50%;
	width: 12vw;
	transform: translateY(-50%);

}


.simplebar-scrollbar {
	right: 5px;
	width: 5px;
}
.simplebar-track {
	width: 15px;
}

.block iframe {
	background-color: white;
	max-width: 100%;
}
.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: inherit;
}
hr {
	border: 0px;
	border-bottom: 1px solid black;
	margin-top: 15px;
	margin-bottom: 15px;
}
#unibuddy-chat-bubble-iframe {
	right: 0px!important;
	bottom: 60px!important;
	z-index: 9999!important;
}

.video-placeholder {
	padding: 56% 0 0 0;
	position: relative;
	width: 50%;
	float: left;
	display: none;
}
.video-home-wrap h4 {
	background-color: #dda97b;
}
.video-home-wrap {
	width: 683px;
	right: 0px;
	border: solid 5px #dda97b;
	overflow: hidden;
	background-color: black;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	position: relative;
	border-top: 0px;
}
.video-home-wrap.fixed {
	position: fixed;
	top:40px;
	margin-top: inherit;
	width: 25%;
	right: 0px;
	z-index: 9999;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}
.video-controls {
	position: absolute;
	/* left: 50%; */
	top: 50px;
	right: inherit;
	z-index: 9990;
	width: 200px;
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.fixed .video-controls {
	top: 10px;
	right: 10px;
	left: inherit;
	transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}

.video-home-wrap:hover .video-controls {
	opacity: 1;
}
.video-controls svg path {
	background-color: white;
	fill: white;
}

.video-btn {
	display: inline-block;
	margin-right: 10px;
	display: inline-block;
	height: 25px;
	width: 25px;
	margin-right: 5px;
	position: relative;
	opacity: 0.6;
	cursor: pointer;
	zoom: 2;
}

.video-btn:hover {
	opacity: 1;
}

#sound-btn-off, #play-btn {
	display: none;
}

@media screen and (min-width: 1120px) {
	.video-home-wrap.is-sticky {
		transform: translateX(-80%);
	}
}
@media screen and (min-width: 1300px) {
	.video-home-wrap.is-sticky {
		transform: translateX(-115%);
	}
}

/*TYPOGRAPHY*/

.courier {
	font-family: 'helvetica', arial, sans-serif;
}
h4 {
	line-height: 110%;
	padding: 10px;
	padding-left: 15px;
	position: relative;
	border-bottom: 1px solid black;
	font-family: 'helveticatextbookltroman';
	text-transform: uppercase;
}
h4 a {
	display: block;
	width: 100%;
	cursor: pointer;

}
.parent-page:first-of-type h4 {
	border-top: 1px solid black;
}

.info-content h4 {
	border-bottom: 0px;
	border-bottom: 0px;
	position: relative;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 40px;
	z-index: 998;
}
h4.arrow:before {
	content: "▸";
	font-size: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
}
h4.arrow:hover:before,
h4.arrow.active:before {
	content: "▾";
}
h5 {
	line-height: 110%;
	padding: 10px;
	padding-left: 50px;
	position: relative;
	border-bottom: 1px solid black;
	text-transform: uppercase;

	cursor: pointer;
}
h5.arrow {
	cursor: pointer;
}
h5.arrow:before {
	content: "▸";
	font-size: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
}
h5.arrow:hover:before,
h5.arrow.active:before {
	content: "▾";
}
.block.text h5 {
	font-size: 16px;
	line-height: 110%;
	padding-left: 0px;
	position: relative;
	font-family: 'helveticatextbookltroman';
}
h5.open-sub-info {
	border-bottom: 0px;
	border-bottom: 0px;
	position: -webkit-sticky; /* Safari */
	position: sticky;

	top: 77px;
	z-index: 997;
}
html.ie h5.open-sub-info,
html.ie .info-content h4 {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0px;
}


.img-wrap {
	padding-left: 20%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.img-wrap img {
	max-width: 100%;
	max-height: calc(100vh - 140px);
}
.caption-img-wrap {
	font-size: 0.8rem;
	margin-top: 5px;
	margin-bottom: 20px;
}
h5.subitem {
	line-height: 120%;
	padding: 1px;
	padding-left: 100px;
	border-bottom: 0px solid black;
	text-transform: none;
	display: none;
}
.sub-menu.active h5.subitem,
.sub-menu:hover h5.subitem {
	display: block;
}
h5.subitem.active,
h5.subitem:hover {
	background-color: transparent!important;
	color: #dc0d15;
}
h5.subitem:last-child {
	border-bottom: 1px solid black;
}
.header-part-content h7.arrow {
	cursor: pointer;
	font-family: 'helvetica', arial, sans-serif;
	color: white;
	position: relative;
	font-size: 30px;
	padding-left: 20px;
	line-height: 120%;
}
.header-part-content h7.arrow:before {
	content: "▸";
	font-size: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.header-part-content h7.arrow:hover:before,
.header-part-content h7.arrow.active:before {
	content: "▾";
}
.header-part-content .opsomming-content {
	font-size: 20px;
	font-family: 'helvetica', arial, sans-serif;
	line-height: 120%;
	padding-top: 10px;
}
.header-part-content .opsomming-content.open {
	display: block;
}
.header-part-content {
	max-height: calc(100vh - 80px);
	overflow: auto;
}
.praktische-link {
	color: #0066b1;
	font-family: 'helvetica', arial, sans-serif;
	font-size: 30px;
	display: inline-block;
	margin-bottom: 5px;
}

.links_subtitel {
	font-family: 'helveticatextbookltroman';
	margin-bottom: 10px;
	margin-top: 10px;
	display: inline-block;
	text-transform: uppercase;
}
.links_subtitel:first-of-type {
	margin-top: 0px;
}
.interne-link {
	color: #dc0d15;
	font-family: 'helveticatextbookltroman';
	font-size: 30px;
	display: inline-block;
	margin-bottom: 5px;

}
.interne-link:hover {
	color: #000000;

}
.praktische-link:hover {
	color: #dc0d15;
}

/* START School of arts icons */
.top-right {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 41px;
}
.inline-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.inline-list li {
	float: left;
	margin-right: 22px;
	position: relative;
}
.top-right > li {
	margin-right: 15px;
}
.hassub:after {
	content:"▼";
	font-size: 8px;
	position: relative;
	top: -1px;
}
.hassub:hover .submenu {
	display: block!important;
}
.submenu {
	display: none!important;
	position: absolute;
	left: -5px;
	top: 32px;
	background-color: white;
	z-index: 999999;
}
.submenu li a {
	color: black!important;
}
.submenu li a:hover {
	color: inherit!important;
}
.submenu li {
	white-space: nowrap;
	width: auto;
	line-height: 20px;
	padding: 5px;
	padding-top: 0px;
	color: black;
}
header a:hover, header a:active {
	/*	color: #0000FF;*/
	text-decoration: none;
	border: none;
}
.icon-facebook {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
	background-position: 0 -59px;
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	position: relative;
	top: -1px;
}
/* line 22, ../scss/imports/_defaults.scss */
.icon {
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
}

/* line 23, ../scss/imports/_defaults.scss */
.icon-facebook {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -59px;
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
	position: relative;
	top: -1px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 23, ../scss/imports/_defaults.scss */
	.icon-facebook {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -82.5px;
	}
}

/* line 24, ../scss/imports/_defaults.scss */
.icon-twitter {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -415px;
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
	position: relative;
	top: -1px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 24, ../scss/imports/_defaults.scss */
	.icon-twitter {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -438px;
	}
}

/* line 25, ../scss/imports/_defaults.scss */
.icon-instagram {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -111px;
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
	position: relative;
	top: -1px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 25, ../scss/imports/_defaults.scss */
	.icon-instagram {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -134.5px;
	}
}

/* line 26, ../scss/imports/_defaults.scss */
.icon-vimeo {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -438px;
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
	position: relative;
	top: -1px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 26, ../scss/imports/_defaults.scss */
	.icon-vimeo {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -461px;
	}
}

/* line 27, ../scss/imports/_defaults.scss */
.icon-menu {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -357px;
	background-repeat: no-repeat;
	height: 27px;
	width: 40px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 27, ../scss/imports/_defaults.scss */
	.icon-menu {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -380px;
	}
}

/* line 29, ../scss/imports/_defaults.scss */
.icon-hogent {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -82px;
	background-repeat: no-repeat;
	height: 27px;
	width: 120px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 29, ../scss/imports/_defaults.scss */
	.icon-hogent {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -105.5px;
	}
}

/* line 30, ../scss/imports/_defaults.scss */
.icon-looking-glass {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -340px;
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 30, ../scss/imports/_defaults.scss */
	.icon-looking-glass {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -363px;
	}
}

/* line 31, ../scss/imports/_defaults.scss */
.icon-logo {
	display: inline-block;
	background-image: url('https://schoolofartsgent.be/assets/img/icon-sdfdcc9bfb7.png');
	background-position: 0 -230px;
	background-repeat: no-repeat;
	height: 108px;
	width: 300px;
	/**
	* Option variable to turn on/off IE8 support.
	*
	* This requires Modernizr's test for `css-mediaqueries` and RespondJS
	*
	* Set to `1` to turn on support.
	*/
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	/* line 31, ../scss/imports/_defaults.scss */
	.icon-logo {
		background-image: url('https://schoolofartsgent.be/assets/img/icon_2x-s8b5f6b9bca.png');
		-moz-background-size: 300px auto;
		-o-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		background-position: 0 -253px;
	}
}/* START School of arts header*/
.top-right > li {
	margin-right: 15px!important;
}
.header {
	position: fixed;
	width: 100%;
	z-index: 11;
	top: 0px;
	background: transparent;
	background: white;
	display: block;
	float: left;
	z-index: 999;
	min-height: 40px;
	max-height: 40px;
	/*	overflow: hidden;*/
}
.language-container {
	position: absolute;
	right: 15px;
	top: 11px;
}
.qtranxs_widget ul  {
	padding-left: 0px;
}
.qtranxs_widget ul li:last-child {
	margin-right: 0px;
}
.subheader {
	text-align: center;
	height: 40px;
	float: left;
	width: 100%;
	z-index: 998;
	top: 41px;
	position: absolute;
}
.subheader.fixed {
	width: 100%;
	position: fixed;
	z-index: 99999;
	top: 0px;

}
.header-part {
	line-height: 40px;
	min-height: 40px;
	position: relative;
}
.header-part a {
	cursor: pointer;
}
.header-part .head {
	display: block;
	width: 100%;
}
.header.open {
	max-height: 10000px;
}
.header:hover {
	max-height: 1000px;
}
.header.fixed {
	position: fixed;
	display: none;
}
.header.fixed.show {
	display: block;
}
.head-item {
	height: 40px;
	width: 100%!important;
	float: left;
	display: block;
	line-height: 40px;
	font-size: 25px;
	position: relative;
}
.open-content,
.waarom-btn {
	cursor: pointer;
}
.waarom-btn.active:after,
.open-content.open .head:after {
	content: '✕';
	position: absolute;
	right: 10px;
}
.opleiding-lijst {
	background-color: #dc0d15;
	border: #ffed00 2px solid;
	line-height: 36px;
	padding-left: 20px;
	font-size: 16px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.opleiding-lijst.fixed {
	position: fixed;
	top: 0px;
	z-index: 99999;
	width: 50%!important;
}
.waarom-btn.fixed {
	position: fixed;
	top: 0px;
	z-index: 99999;
	width: 25%!important;
	right: 0%;
}
.fixed.up {
	top: 41px;
}
.select-opleiding {
	position: absolute;
	width: 100%;
	height: 36px!important;
	margin: 0px;
	left: 0px;
	-webkit-appearance: none;
	opacity: 0;
	top: 0px;
}

.header-part a {
	display: block;
	width: 100%;
}
.header-part-content {
	width: 100%;
	position: absolute;
	display: none;
	background-color: #004e45;
	overflow: hidden;
}
.header-part-content.open {
	display: block;
	padding: 10px;
	overflow: auto;
}
.header-part-content.open p {
	margin-bottom: 20px;
}
.header-part-content.open ul {
	list-style: disc;
	margin-bottom: 20px;
}
.aankondiging-sub {
	text-align: left;
}
.aankondiging-sub h7 {
	display: block;
}
.opsomming-content {
	display: none;
}
.opsomming-content ul,
.opsomming-content p {
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 110%;
}
.col {
	float: left;
}
.padding {
	padding-left: 15px;
	padding-right: 15px;
}
.no-pad-left {
	padding-left: 0px;
}
.col-75 {
	width: 75%;
}
.col-25 {
	width: 25%;
}
.col-33 {
	width: 33.3%;
}
.col-37-5 {
	width: 37.5%;
}
.col-62-5 {
	width: 62.5%;
}
.col-67 {
	width: 66.7%;
}
.col-50 {
	width: 50%;
}
.col-100 {
	width: 100%;
}
.column {
	padding-right: 15px;
	padding-left: 0px!important;
}
.info-sidebar {
	position: fixed;
	left: 0px;
	top: 40;
	max-height: calc(100% - 40px);
	overflow: hidden;
	padding-bottom: 200px;
}
.info-sidebar[data-simplebar="init"] {
	padding: 0px!important;
}
.info-sidebar[data-simplebar="init"] .simplebar-content {
	padding-bottom: 200px!important;
	padding-left: 15px;
	padding-right: 15px;
}
.opleiding-menu-sidebar {
	line-height: 110%;
	padding: 10px;
	padding-left: 15px;
	position: relative;
	border-bottom: 1px solid black;
	font-family: 'helveticatextbookltroman';
	text-transform: uppercase;
	background-color: #014e45;
	color: white;
}
.info-content.col-67 {
	margin-left: 33.3%;
	padding-bottom: 30px;
}
.info-content.col-62-5 {
	margin-left: 37.5%;
	padding-bottom: 30px;
	min-height: calc(100vh - 280px);
}
.info-content.col-50 {
	margin-left: 50%;
	min-height: calc(100vh - 280px);
}
/*
.sub-info-parent {
height: 1px;
overflow: hidden;
opacity: 0;
}
*/
.sub-info-parent {
	height: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	opacity: 1;
}
.sub-info-parent.border-bottom {
	border-bottom: 1px solid black;
}
.sub-info-parent.border-bottom:last-child {
	border-bottom: 0px solid black;
}
h6 + .sub-info-parent {
	height: auto;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 15px;
	opacity: 1;
}
.sub-info-parent  > * {
	padding-left: 20%;
}
.info-content .two-col-layout,
.info-content .three-col-layout,
.info-content .four-col-layout {
	padding-left: 20%;

}
.info-content h6 {
	padding-left: 10%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.info-content h6:first-child {
	margin-top: 0px;
}
.info-content  h6.subtitel_praktisch {
	padding-left: 15%;
}
@media only screen and (max-width: 1464px) {
	.header .row {
		padding: 0 10px;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1100px) {
	.header {
		font-size: 13px;
	}
	.header .inline-list li {
		margin-right: 10px;
	}

}
.row {
	max-width: 1464px;
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
.top-nav > ul.toggle-mobile {
	display: none;
}
.top-nav ul {
	display: inline-block;
	vertical-align: middle;
	line-height: 41px;
	margin: 0;
	padding: 0;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
menu, ol, ul {
	padding: 0 0 0 40px;
}
.top-nav ul {
	display: inline-block;
	vertical-align: middle;
	line-height: 38px;
	margin: 0;
	padding: 0;
}
.inline-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.inline-list li {
	float: left;
	margin-right: 22px;
}
.home .top-nav ul li:first-of-type a,
.top-nav ul .active a,
.top-nav ul li:hover a,
.top-nav ul .active a:hover,
.inline-list li:hover,
.inline-list li.active {
	color: #dc0d15;
}
.top-nav ul a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	border: none;
}
.toggle-menu {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 56px;
	height: 41px;
	background: #F1C14E;
	z-index: 9999;
}
.logo-bottom {
	position: fixed;
	bottom: 15px;
	left: 15px;
	max-height: 60px;
	z-index: 9990;
	max-width: 45vw;
}

.newsletter.hidden {
	bottom: -80px;
}
.logo-bottom.hidden {
	position: fixed;
	bottom: -80px;
	left: 20px;
	z-index: 999;
}
/* END School of arts header*/
.page-content {
	/*	height: 5000px;*/
	text-align: left;
	padding-top: 25vh;
	padding-bottom: 150px;
	margin-top: 80px;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	min-height: calc(100vh - 80px);

}
.page-template-default .page-content {
	text-align: center;
}
.page-content.info {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 37px!important;
}
.page-content.info-open {
	padding-left: calc(50% + 20px)!important;
	padding-right: 20px;
	text-align: center;
}
.info-menu {
	position: fixed;
	top: 40px;
	z-index: 99999;
	width: 50%!important;
	min-height: 40px;
	background-color: #fdeaa5;
	text-align: left;
	padding-left: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	border: solid 1px black;
	border-top: 0px;
}
.close-info-menu {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 24px;
	cursor: pointer;
}
.close-info-menu:hover {
	color: red;
}
.opleiding-menu {
	position: fixed;
	top: 40px;
	width: 50%!important;
	min-height: 40px;
	background-color: #014e45;
	text-align: left;
	padding-left: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	border: solid 1px red;
	border-top: 0px;
	right: 0px;
	color: white
}
.opleiding-menu ul {
	padding-left: 0px;
}
.opleiding-menu ul li {
	display: inline-block;
	margin-right: 5px;
}
.opleiding-menu ul li:after {
	content: '>';
	padding-left: 10px;
	display: inline-block;
}
.opleiding-menu ul li.no-arrow:after {
	content: '';
}
.page-info {
	font-family: 'times';
	line-height: 1.2;
	position: fixed;
	top: 80px;
	height: calc(100vh - 80px);
	width: 50%;
	background-color: #fdeaa5;
	overflow: hidden;
	z-index: 900;
	font-size: 1.1rem;
	padding: 20px;
	padding-bottom: 15vh;
	padding-top: 15vh;
}
.page-info[data-simplebar="init"] {
	padding: 0px;
}
.page-info .simplebar-content {
	padding: 20px;
	padding-bottom: 15vh!important;
	padding-top: 25vh;
}
.page-info a {
	color: #dc0d15;
}
.page-info a:hover {
	color: #000;
}
.page-info  p {
	margin-top: 15px;
}
.page-content.info .info-content ul + p,
.page-content.info .info-content ol + p {
	margin-top: 0px;
}
.page-info  p:first-of-type {
	margin-top: 0px;
}

.page-info ol {
	list-style-position: outside;
	padding-left: 20px;
}
.page-info .content-part {
	margin-bottom: 15px;
	position: relative;
}

.page-info ol li {
	padding-left: 0px;
}
.page-info ul {
	text-indent: 0px;
	padding-left: 0px;
}
.page-info ul li {
	padding-left: 20px;
	position: relative;
}
.page-info ul li::before {
	content:'•';
	position: absolute;
	left: 0px;
}
.subtitel {
	font-family: 'helveticatextbookltroman'!important;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid black;
	width: 100%;
	display: block;
	font-size: 14px;
}
.anchor-link {
	margin-right: 20px;
	cursor: pointer;
	text-transform: lowercase;
}
.anchor-link:hover {
	color: red;
}
.page-content p {
	max-width: 1000px;
}
.page-content ol,
.page-content ul {
	margin: 0px;
	list-style: disc;
	padding-left: 12px;
	list-style-position: outside;
	line-height: 120%;
}
.page-content.info .info-content  ol,
.page-content.info .info-content  ul {
	padding-left: 20%;
}
.block-picker-content ul {
	padding-left: 40px!important;
}
.block-picker-content ul ul {
	padding-left: 415px!important;
}
.block-picker-content > ul {
	padding-left: 0px!important;
}

.page-content ol {
	list-style: decimal;
}
b, strong {
	font-weight:700;
}
i, em {
	font-style: italic;
}
.page-content.info ul,
.page-content.info p {
	line-height: 120%;
	font-size: 16px;

}
.page-content.info .info-content  p {
	margin-top: 15px;
	text-indent: 0px;
}
.page-content.info .info-content  p:first-of-type {
	margin-top: 0px;
}

.page-content.info ul:last-child,
.page-content.info p:last-child {
	margin-bottom: 0px;

}
.page-template-page-opleiding-info .page-content.info p {
	font-size: 20px;
}
.page-content.info p a {
	color: #dc0d15;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.page-content.info p a:hover {
	color: black;
}
.page-template-page-opleiding-info .page-content,
.page-template-default .page-content {
	padding-bottom: 250px;
}
.page-template-default .page-content {
	padding-left: 15px;
}
.page-template-page-opleiding-info.padtop .page-content,
.page-template-default.padtop .page-content,
.padtop .page-content {
	/*	padding-top: 15vh;*/
	margin-top: 80px;
}

.page-template-page-opleiding-info .page-content {
	font-family: times;
	margin-top: 37px;
}
.page-template-default .block {
	background-color: white;
}
.page-template-page-opleiding-info h2 {
	font-family: 'helveticatextbookltroman';
	font-size: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 30px;
	position: relative;
}
.page-template-page-opleiding-info h3 {
	font-family: 'helveticatextbookltroman';
	font-size: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 30px;
	position: relative;
}
.page-template-page-opleiding-info h2:before,
.page-template-page-opleiding-info h3.active:before {
	content: "▾";
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.spacer {
	height: 100vh;
}
/* START elements*/
.titel-nl {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
	position: relative;
	min-height: 16px;
}
.titel-engels {
	width: 50%;
	float: right;
	margin-bottom: 20px;
	text-transform: uppercase;
	position: relative;
	min-height: 16px;
}
.intro-tekst {
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
	text-align: left;
	width: 49%;
	display: inline-block;
	/* float: left; */
	position: relative;
	min-height: 1px;
	vertical-align: top;
}
.intro-tekst .language {
	position: relative;
	display: inline-block;
	left: 0px;
	top: 0px;
	width: 40px;
}
.intro-tekst p {
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 120%;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	max-width: 800px;
	margin-bottom: 8px;

}
.intro-tekst p:first-of-type {
	display: inline;
}
.content-inner {
	width: 100%;
	padding: 10px;
	position: relative;
	text-align: center;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 200px;
}
.home .content-inner {
	padding-bottom: 0px;
}

.beeldhover {
	position: absolute;
	opacity: 0;
	display: none;
	right: 0px;
	top: 0px;
	z-index: 999;
	pointer-events: none;
}
.block.hover:hover .beeldhover {
	opacity: 1;
	display: block;
}
.block {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 15px;
	vertical-align: top;
	z-index: 1;
	position: relative;
	background-color: white;
	max-width: 95%;
}
.block.aankondiging {
	width: 370px;
	padding: 5px;
	padding-top: 0px;
	font-family: 'helvetica', sans-serif;
	min-height: 400px;
	height: auto;
}
.block.aankondiging .subline {
	padding: 5px;
	border-bottom: 1px solid black;
}
.block.aankondiging .aankondiging-titel {
	font-size: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.block.aankondiging .aankondiging-tekst {
	padding: 10px;
	text-align: left;
	line-height: 115%;
	margin-bottom: 20px;
}
.block.aankondiging .aankondiging-tekst a {
	border-bottom: 0px;
}
.block.aankondiging .aankondiging-tekst a:hover {
	border-bottom: 1px solid black;
}
.block.aankondiging .aankondiging-tekst p {
	margin-bottom: 10px;
}
.block.aankondiging .aankondiging-link {
	position: absolute;
	bottom: 6px;
	padding: 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	display: block;
	width: 95%;
	width: calc(100% - 10px);
}
a:hover .block.aankondiging {
	/*
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	*/
	background-color: #dda97b!important;
}
.block.text h1 {
	font-size: 30px;
	text-align: left!important;

}
.block.text h2 {
	font-size: 30px;
	text-align: left!important;

}
.block.text h3 {
	font-size: 30px;
	text-align: left!important;

}
.block.text {
	/* padding: 20px; */
	font-family: times;
	font-size: 30px;
	line-height: 1.2;
	text-align: left!important;
	max-width: 500px;
	height: auto!important;
	/*	min-height: inherit;*/
	padding-right: 20px;
}
.block.text p {
	text-align: left!important;
}
.block.text a:hover {
	color: #dc0d15;
}
/*
.block.text.link:hover{
-webkit-transform: scale(1.1);
-moz-transform:    scale(1.1);
-ms-transform:     scale(1.1);
-o-transform:      scale(1.1);
transform:         scale(1.1);
}
*/
.block.links {
	padding: 20px;
	line-height: 1.2;
	text-align: left;
	width: 350px!important;
	font-size: 20px;
	color: #000!important;
}
.block.links a:hover {
	cursor: pointer;
}
.block.links a:hover {
	color: white;
}
.beeld-intro {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
	background-color: white;
	line-height: 120%;
}
/*
.slideshow-wrap:hover .beeld-intro {
opacity: 1;
}
*/
.block.text p {
	margin-bottom: 10px;
}
.block {
	height: 400px;
}
.block.slides {
	height: 75vh;
	max-width: 100%;
	display: block;
}
.block.slides img {
	max-width: calc(50vw - 40px);
}
.page-content.info-open .block.slides img {
	max-width: calc(100vw - 40px);
	max-height: 100%;
}
.page-content.info-open .block.slides {
	height: 400px;
}

.block.embed {
	height: auto;
}

/*
.block.auto {
width: auto;
}
.block.small {
width: 350px;
}
.block.medium {
width: 600px;
}
.block.large {
width: 800px;
}
.block.full {
width: 95%;
width: calc(100% - 40px);
}
*/
.block img {
	max-height: 100%;
	max-width: 100%;
}
.block.hover .img-hover {
	display: none;
}
.block.hover:hover .img-hover {
	display: block;
}
.block.hover:hover .img-nohover {
	display: none;
}
img {
	max-width: 100%;
}
.slick-slide,
.slick-slide img:focus {
	outline: 0px;
	border: 0px;
}
.block.embed > div {
	width: 692px;
	max-width: 100%;
}
/*
.slideshow-wrap {
width: 711px;
}
*/
.slide-nav {
	position: absolute;
	right: 0px;
	top: 0px;
}
.slide-caption {
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: white;
	font-size: 0.8rem;
	opacity: 0;
	line-height: 120%;
}
.slides:hover .slide-caption {
	opacity: 1;
}
.slick-play {
	width: 7px;
	height: 12px;
	position: relative;
	top: 2px;
	border-right: 2px solid black;
	border-left: 2px solid black;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	cursor: pointer
}
.slick-play.pause {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8.7px;
	border-color: transparent transparent transparent black;

}
.slide-next, .slide-prev, .slick-play {
	cursor: pointer;
}
.count {
	position: absolute;
	left: 0px;
}
.slick-track,
.slick-list {
	height: 100%;
}
.slick-slide {
	max-height: 100%;
	max-width: 100%;
}

.slick-prev, .slick-next {
	bottom: -25px;
	top: inherit;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	cursor: pointer;
}

.slideshow-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	/*	background-color: red;*/
}
.intro {
	position: relative;
	border: solid 4px black;
	text-align: left;
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.intro-label {
	width: 20px;
	height: 20px;
	line-height: 8px;
	position: absolute;
	z-index: 99;
	background-color: white;
	border: solid 2px;
	padding: 5px;
	border-radius: 50%;
	left: 10px;
	top: 10px;
}
.intro p {
	margin-bottom: 10px;
}
.beeld {
	position: relative;
	width: auto;
	height: 100%;
	text-align: center;
	margin-right: 15px;
}
.beeld img {
	max-width: 45vw;
	max-height: 100%;

	width: auto!important;
	height: auto!important;
	display: inline-block;
}
.slick-next {
	right: 25px;
	z-index: 999;
}
.slick-prev {
	left: 25px;
	z-index: 999;
}
.slick-prev:before, .slick-prev:before {
	color: black;
}
.slick-next:before, .slick-next:before {
	color: black;
}
.slideshow img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 3px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer;
}
.caption {
	top: inherit;
	text-align: left;
	position: relative;
	line-height: 1.2;
	position: absolute;
	top: inherit;
	bottom: 0px;
	background-color: white;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	opacity: 0;
	font-size: 0.8rem;
}
.block:hover .caption {
	opacity: 1;
}

.vertical-line {
	position: fixed;
	left: 50%;
	top: 0px;
	width: 1px;
	background-color: black;
	height: 100%;
	z-index: 0;
}
h1 {
	font-size: 7vh;
	font-family: 'helveticatextbookltroman';
}
.main-title {
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	padding-left: 40px;
	padding-right: 40px;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 900;
	top: 18px;
	left: 0px;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.page-template-page-opleiding-info .main-title {
	top: 41px;
}
.page-template-default .main-title {
	position: fixed;
	top: 120px;
	pointer-events: none;
}
.opleiding-label {
	font-family: 'helveticatextbookltroman';
	margin-bottom: 30px;
	width: 100%;
	display: block;
	font-size: 14px;
}
.content-part h2 {
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-left: 20px;
}
.sans-serif {
	font-family: 'helvetica', sans-serif;
	font-size: 1rem;
}
.content-part {
	position: relative;
}
.content-part.sans-serif * {
	font-family: 'helvetica', sans-serif;
}
.content-part.carousel-wrap {
	padding-left: 20%;
}
.content-part.carousel-wrap .slide-caption{
	position: relative;
	padding-right: 0px;
	padding-left: 0px;
	left: 0px;
	width: 100%;
	opacity: 1;
	bottom: 10px;
	font-size: 1.2rem;
	background-color: transparent;
}
.content-part.carousel-wrap .slide-nav {
	left: 0px;
	position: relative;
	width: 100%;
}
.content-part.carousel-wrap .slide-nav .slide-next {
	right: 0px;
	position: absolute;
}
.carousel.info {
	width: 100%;
}
.carousel.info .carousel-item{
	height: 25vw;
	/*	min-height: 400px;*/
}
.carousel-item {
	display: inline-block;
	height: 200px;
	margin: 1px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	padding: 2px;

}
.carousel-item:focus .carousel-titel,
.carousel-item:hover .carousel-titel {
	opacity: 1;

}
.carousel-item a:focus,
.carousel-item:focus {
	border: 0px;
	outline: 0px;

}
.carousel-titel {
	font-size: 0.8rem;
	text-align: left;
	/* display: initial; */
	width: 101%;
	position: absolute;
	white-space: normal;
	padding-top: 2px;
	bottom: 0px;
	padding-bottom: 3px;
	background-color: white;
	opacity: 0;
	left: 0px;
}
.carousel-item:hover a img {
	outline: 1px solid black;
}
.carousel {
	white-space:nowrap;
	overflow: auto;
}
.carousel-item img {
	height: 100%;
	width: auto;
}

.text h2 {
	font-size: 60px;
	margin-bottom: 0px;
}

/* END elements*/

/* START Agenda*/
.agenda {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 15px;
	overflow: hidden;
	line-height: 100%;
}
.agenda.limitheight {
	max-height: 450px;
}
.agenda.limitheight.open {
	max-height: 10000px;
}
.agenda-head {
	text-transform: uppercase;
}
.show-programm {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 60px;
	color: white;
	background: #004e45;
	background: linear-gradient(0deg, #004e45 79%, #004e45 100%);
	left: 0px;
	font-size: 20px;
	line-height: 60px;
	cursor: pointer;
}
html[lang="nl"] .show-programm:after {
	content: 'toon volledige programma ↓'
}
html[lang="nl"] .open > .show-programm:after {
	content: 'verberg programma ↑'
}
html[lang="en-US"] .show-programm:after {
	content: 'show full program ↓'
}
html[lang="en-US"] .open > .show-programm:after {
	content: 'hide program ↑'
}
.show-programm:hover {
	color: black;
}
.agenda-item {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.agenda-item:last-child {
	margin-bottom: 0px;
}
.agenda-item .time {
	float: left;
	font-size: 16px;
}
.agenda-item .label {
	float: right;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	text-transform: uppercase;
	border: solid 1px white;
	border-radius: 5px;
	position: relative;
	top: -1px;
}
.agenda-item h2 {
	margin-top: 5px;
	line-height: 120%;
	position: relative;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 20px;

}
.programma-link:hover {
	cursor: pointer;
	color: white!important;

}
.programma-link:hover .label {
	color: white!important;
	background-color: transparent;
	border-color: white;

}
/* END Agenda*/

/* FILTER*/
.toggle {
	width: 20px;
	height: 20px;
	background-color: white;
	border: solid 1px black;
	position: absolute;
	top: 10px;
	right: 15px;
	border-radius: 10px;
	text-align: center;
	font-weight: 800;
	cursor: pointer;
}
.collapsed a {
	display: none;
}
.collapsed .toggle:after {
	content: '+'
}
.toggle:after {
	content: '–'
}

.block-picker {
	width: calc(50% - 15px);
	background-color: #044f45;
	text-align: left;
	padding: 10px;
	position: relative;
	display: inline-block;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.page-template-page-praktisch-parent .block-picker {
	margin-top: 0px;
	width: 100%;
	margin-right: 0px;
}
.page-template-page-praktisch-parent .block-picker .toggle {
	display: none;
}
.block-picker.collapsed {
	width: 275px;
}
.block-picker-inner {
	background-color: #fdeaa6;
	padding: 10px;
	border: solid red 4px;
	float: left;
	width: 100%;
}
.filter-wrap {
	display: inline-block;
}
.filter-heading {
	display: inline-block;
	text-transform: uppercase;
}
.block-picker h2 {
	color: white;
	padding-right: 20px;
	margin-bottom: 10px;

}
.filter-item {
	display: inline-block;
	font-size: 13px;
	padding: 3px 5px 3px 5px;
	text-transform: uppercase;
	background-color: transparent;
	border: solid 1px black;
	margin-right: 3px;
	margin-bottom: 3px;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: 0.5px;
}
.filter-wrap:hover .filter-item {
	background-color: transparent;
}
.filter-wrap .filter-item:hover {
	background-color: white;
}
.filter-item.active {
	background-color: white;
	display: inline-block!important;
}
.filter-item.active:after {
	content: "×";
	position: relative;
	left: 5px;
	margin-right: 5px;
	bottom: 1px;
}
.block-picker-content  {
	line-height: 120%;
	margin-top: 15px;
}
.collapsed .block-picker-content  {
	display: none;

}
.collapsed a {
	/*	display: none;*/
}
.collapsed .parent > a {
	/*	display: block;*/
}

body .block-picker-content ul {
	margin-left: 0px!important;
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	list-style: none;
}
.block-picker-content li {
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
	position: relative;
}
.block-picker-content li a.disable {
	cursor: auto;
	pointer-events: none;
	opacity: 0.7;
}
.block-picker-content li a.link:hover {
	color: #dc0d15;
}
.block-picker-content ul ul {
	padding-left: 15px!important;
}
.block-picker-content ul ul li {
	padding-left: 15px!important;
	margin-bottom: 0px;
	text-transform: none;
	text-indent: -15px;
}
.dash {
	display: inline-block;
	width: 15px;
}
.block-picker-content ul ul li:before {
}
.block-picker-content ul ul li ul {
	padding-left: 0px!important;
}
.block-picker-content ul ul li ul li {
	padding-left: 0px!important;
	text-indent: 0px!important;
}
.block-picker-content ul ul li ul li:before {
}

/* ONRUST TV */
.page-template-onrusttv .content-inner {
	background-image: none;
	background-color: #0066b1;
	width: 100%;
	padding: 20px;
	padding-top: 0px;
	position: relative;
	text-align: center;
	background-image: none;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}
.onrust-wrap {
	width: 100%;
	float: left;
	min-height: calc(100vh - 270px);
}
.onrust-intro {
	float: left;
	width: 60%;
	margin-top: 20px;
}
.onrust-intro .intro-tekst {
	width: 100%;
}
.logo-bottom {
}
.newsletter {
	position: fixed;
	bottom: 30px;
	right: 20px;
	border: solid 2px black;
	padding: 5px;
	background-color: transparent;
	z-index: 9999;
	background-color: white;
}
.page-template-onrusttv .lichtkrant.upper {
	border-top: 1px solid black;
}
.page-template-onrusttv .lichtkrant {
	background-color: #0066b1!important;
}
.page-template-onrusttv blink {
	animation: blink 2s infinite;
	width: 43px;
	height: 43px;
	background-color: red;
	display: inline-block;
	border-radius: 50%;

}
.page-template-onrusttv .onrust-tv {
	width: 100%;
	height: 80px;
	color: white;
	text-align: center;
	background-color: #0066b1;
	position: relative;
	line-height: 80px;
	font-size: 60px;
	float: right;
	z-index: 999;
}

/* FORM */
.js-cm-form div {
	margin-bottom: 5px;

}
.js-cm-form  label {
	min-width: 150px;
	max-width: 40%;
	padding-right: 10px;
	display: inline-block;

}
.js-cm-form fieldset label {
	width: 90%;
	max-width: 100%;
	display: inline-block;

}
.js-cm-form  input[type="email"],
.js-cm-form  input[type="text"] {
	width: 400px;
	max-width: 40%;
	border: solid 1px black;
	padding: 5px;

}
.js-cm-form  input[type="checkbox"] {
	width: 30px;
	display: inline-block;

}
.post-edit-link {
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	/* min-width: 200px; */
	outline: 0px;
	border: 1px solid #000;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.6rem;
	border-radius: 6px;
	font-family: 'helveticatextbookltroman';
	color: #000!important;
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
	line-height: 14px;
}
.content-part .post-edit-link {
	top: -5px;
}
.post-edit-link:hover {
	background-color: black;
	color: #fff!important;
}
.button,
button[type="submit"] {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	/* min-width: 200px; */
	outline: 0px;
	border: 1px solid #000;
	background-color: white;
	cursor: pointer;
	text-transform: uppercase;
	font-size: inherit;
	border-radius: 6px;
	font-family: 'helveticatextbookltroman';
	margin-top: 15px;
	left: -4px;
	position: relative;
	display: inline-block;
	color: #000!important;
}
.button:hover a,
.button:hover,
button[type="submit"]:hover {
	border-color: #dc0d15;
	color: #dc0d15!important;
}
.button a  {
	color: #000!important;
}
p .button {
	margin-top: 0px;
}
p + p .button {
	margin-top: 0px!important;
}
.sub-info-parent .button {
	margin-top: 15px;
}
.js-cm-form  select {
	min-width: 200px;

}
.block.hover .mobile {
	display: none!important;
}
/* FOOTER */
.footer-home {
	padding-bottom: 15px;
	display: flex;
	width: calc(100% - 30px);
	float: left;
	left: 15px;
	position: relative;
}
.home .footer-home {
	width: 100%;
	left: 0px;
}
.footer-home .js-cm-form input[type="email"], .footer-home .js-cm-form input[type="text"] {
	width: 100%;
	border: 0px;
	border-bottom: 1px solid black!important;
	padding: 0px!important;
	padding-bottom: 5px!important;
	color: black!important;
	font-size: inherit;
	max-width: 100%;
	margin-bottom: 3px;
}
.footer-home .js-cm-form input[type="email"]:focus, .footer-home .js-cm-form input[type="text"]:focus {
	border: 0px!important;
	outline: 0px!important;
	border-bottom: 1px solid black!important;

}
.footer-home .js-cm-form label {
	min-width: 25%;
	max-width: 100%;
	padding-right: 10px;
	display: inline-block;
}
.footer-home .js-cm-form select {
	width: auto;
	position: relative;
	min-width: inherit;
	margin: 0px;
	margin-top: 10px;
}
.footer-home .js-cm-form input[type="checkbox"] {
	width: auto;
	margin-right: 15px;
	display: inline-block;
}
.footer-home button {
	margin-top: 0px;
}
.footer-home .js-cm-form div {
	margin-bottom: 0px;
}
.footer-col {
	border-top: 1px solid black;
	width: 25%;
	min-height: 100px;
	text-align: left;
	position: relative;
	padding-top: 15px;
	line-height: 1.2;
}
.footer-col img {
}
.footer-col p {
	margin-bottom: 15px!important;
}
.logo-footer {
	max-height: 60px;

	max-width: 45vw;
	display: none;
	margin-top: 0px!important;
	width: auto;
}
.trigger-logo {
	position: absolute;
	top: 90px;
	background-color: red;
	width: 1px;
	height: 1px;
}

.footer-col a {
	color: #dc0d15;
}
.footer-col a:hover {
	color: #000;
}


@media only screen and (max-width: 1500px) {

	.subheader .col-25, .subheader .col-50, .subheader .col-75 {
		width: 100%;
	}
}
.icon-menu { display: none;}

@media only screen and (max-width: 850px) {

	.opendeur-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 80vh;
	height: 100vh;
	transform: translate(-50%,-50%) rotate(90deg);
	display: none;
	}
.opendeur-info,
.opendeur-info-2 {
	width: 20vw
}


	body, html {
		overflow: inherit;
		overflow-x: inherit;
	}
	.page-info {
		width: 100%;
		position: relative;
		display: none;
		z-index: 901;
	}
	.page-info .simplebar-content {
		padding-top: 30px;
	}

	.opleiding-menu, .info-menu {
		top: 0px;
		position: relative;
	}
	.opleiding-menu  {
		order: 1;

	}
	.info-menu  {
		order: 2;
		line-height: 1.5;
		padding-right: 26px;
	}
	.page-info {
		top: 0px;
		height: auto;
	}
	.opleiding-menu-sidebar {
		padding-left: 10px;
	}
	.block.hover:hover .beeldhover,
	.block.hover img {
		display: none!important;
	}
	.block.hover .beeldhover.mobile {
		opacity: 1;
		display: block!important;
		position: relative;
	}
	#unibuddy-chat-bubble-iframe {
		right: 0px!important;
		bottom: 50px!important;
	}

	.header .row {
		padding: 0 0px 0 0px;
		width: 100%;
		display: block;
		float: left;
	}
	.inline-list li {
		margin-right: 10px;
	}
	.newsletter {
		font-size: 10px;
	}
	.slideshow-inner {
		position: relative;
	}
	.col {
		padding: 0 10px;
	}
	.inline-list.top-right {
		display: none;
	}
	.inline-list .first  {
		margin-left: 50px;
	}
	.header.fixed {
		position: relative!important;
	}
	.header:hover {
		max-height: 41px!important;
	}
	.header .inline-list {
		max-height: 41px!important;
		width: 100%;
		position: relative;
	}
	.header .hassub {
		border-bottom: 0px solid black!important;
	}
	.header .hassub span,
	.header .inline-list a {
		padding-left: 40px;
	}
	.hassub:after {
		content: "";
	}
	.header .submenu {
		border-bottom: 0px solid black;
		position: relative;
		display: block!important;
		width: 100%;
		left: 0px;
		top: inherit;
	}
	.header .submenu li {
		padding-left: 0px;
		padding-right: 0px;
		padding-left: 30px;

	}
	.openmobile .inline-list li {
		display: block!important;
		border-bottom: 1px solid black;
		width: 100%;
		text-align: left;

	}
	.openmobile .inline-list li.toggle-mobile {
		border-bottom: 0px solid black;
	}


	.header {
		min-height: inherit;
		max-height: inherit;
	}
	.header.open {
		max-height: 1000px!important;
	}
	.header.open .inline-list {
		opacity: 1;
		max-height: 1000px!important;
	}
	.header.open:hover {
		max-height: 1000px!important;
	}

	.block-picker {
		width: 90%;
	}
	.onrust-wrap {
		min-height: calc(100vh - 170px );
	}
	.page-template-onrusttv blink {
		animation: blink 2s infinite;
		width: 30px;
		height: 30px;
		background-color: red;
		display: inline-block;
		border-radius: 50%;

	}
	.page-template-onrusttv .onrust-tv {
		width: 100%;
		height: 80px;
		color: white;
		text-align: center;
		background-color: #0066b1;
		position: relative;
		line-height: 80px;
		font-size: 40px;
		float: right;
		z-index: 999;
	}

	.content-inner {
		width: 100%;
		padding: 10px;
		padding-top: 180px;
	}
	.home .content-inner {
		padding-top: 40px;
	}

	.head-item {
		width: 100%!important;
	}
	.opleiding-lijst.fixed.up {
		top: 0px;
	}
	.block.embed > div {
		width: 100%;
	}
	h1 {
		margin-bottom: 2vh;
		margin-top: 7vh;
	}
	.opleiding-label {
		/* font-size: 24px; */
		top: 10px;
		font-size: 14px;
	}
	body {
		font-size: 14px;
	}
	.block.text,
	.block.links {
		font-size: 16px;
		padding: 0px;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

	}

	.carousel.info .carousel-item {
		height: 50vw;
	}

	.onrust-intro {
		width: 100%;
	}
	.block img {
		height: auto;
		max-width: 95%;
		max-height: 75vh
	}
	.block  {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-top: 10px;
		max-width: 100%;
		width: 100%;
		height: auto!important;
	}
	.block.slides img {
		/*		max-width: calc(100vw - 40px);*/
		max-width: calc(100vw - 80px);
	}
	.page-template-page-opleiding-info .page-content {
		padding-top: 240px;
	}
	.page-template-default .page-content {
		margin-top: 25vh;
	}

	.block iframe {
		background-color: white;
		max-width: 100%;
	}
	.block-picker {
		width: 100%!important;
		margin-top: 40px;
	}
	.block-picker {
		width: 100%!important;
	}
	.block-picker.collapsed {
		width: 275px!important;
	}
	.caption {
		opacity: 1;
		position: relative;
	}
	.caption {
		font-size: 0.6rem;
	}
	/*
	.opleiding-menu ul li.page_item {
	display: none;
}
	*/

	.block.text {
		max-width: 100%;
	}
	.header-part-content {
		position: relative;
		width: 100%;
		height: auto!important;
		max-height: 20000px;
	}
	.header-part {
		width: 100%!important;
		padding: 0px !important;
	}
	.main-title {
		font-size: 8vw;
	}
	.anchor-link {
		margin-right: 10px;
	}
	.close-info-menu {
		top: 0px;
	}
	.subheader {
		height: auto;
		position: relative;
		position: sticky;
		top: 0px;
		margin-top: 40px;
		display: flex;
		flex-wrap: wrap;
	}
	.video-home-wrap {
		position: relative;
		float: left;
		width: 100%;
		margin-top: 0px;
	}
	.video-home-wrap .video-controls {
		opacity: 1!important;
	}
	.page-template-page-opleiding-info .main-title {
		position: absolute;
		top: 0px;
	}
	.page-template-default .main-title {
		position: fixed;
		top: 25vh;
		pointer-events: none;
		top: 140px;
		margin-top: 0px;
		height: 25vh;
		display: flex;
		justify-content: center;
		align-content: center;
		flex-direction: column;
	}
	.col-25,
	.col-37-5,
	.col-62-5,
	.col-50,
	.col-75 {
		width: 100%!important;
		margin-left: 0px!important;
	}
	.info-content.col-50 {
		margin-left: 0px;
	}
	.info-sidebar {
		position: relative;
		margin-bottom: 10px;
	}
	.top-nav > ul.toggle-mobile {
		opacity: 1;
		display: block;
	}
	.header.openmobile {
		max-height: inherit!important;
		position: fixed;
		z-index: 999999;
		background-color: white;
		-webkit-box-shadow: 0px 6px 9px -8px rgba(0,0,0,0.82);
		box-shadow: 0px 6px 9px -8px rgba(0,0,0,0.82);
	}

	.header.openmobile .inline-list {
		opacity: inherit;
		max-height: inherit!important;
		padding-bottom: 15px;
	}
	.inline-list li {
		display: none;
		width: auto;
		margin-right: 0px;
		line-height: 180%;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.inline-list li.active,
	.top-nav ul li:first-of-type {
		display: inline-block;
	}
	.top-nav ul li:first-of-type:after {
		content: "/";
		color: black;
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}
	.openmobile .top-nav ul li:first-of-type:after {
		content: "";
	}
	.inline-list li.active a {
		padding-left: 0px!important;
	}
	.openmobile .inline-list li.active a {
		padding-left: 40px!important;
	}
	.home .top-nav ul li:first-of-type:after {
		content: "";
	}
	.inline-list li.toggle-mobile {
		position: fixed;
		left: 0px;
		top: 0px;
		padding: 0px;
		padding-left: 8px;
		/* background-color: white; */
		width: 100%;
		text-align: left;
		font-size: 30px;
		line-height: 1;
		margin-right: 0px;
		z-index: 999;
		opacity: 1;
		font-size: 33px;
		display: block;
		color: black!important;
	}
	.openmobile .inline-list {
		padding-bottom: 0px!important;
	}
	.openmobile .inline-list li.toggle-mobile {
		position: relative;
		left: 0px;
		top: 0px;
		display: block;
		margin-right: 0px;
		z-index: 999;
		opacity: 1;
		text-align: left;
		width: 100%;
		padding-bottom: 8px;
		padding-left: 0px;
	}
	.toggle-mobile:after {
		content: "☰";
	}
	/*
	.openmobile .toggle-mobile:before {
	content: "☰";
}
	*/
	.inline-list .first {
		margin-left: 0px;
	}
	.page-template-page-praktisch-single .page-content,
	.page-template-page-praktisch-child .page-content {
		/*		margin-top: 120px;*/
	}
	.page-template-page-praktisch-parent .page-content {
		padding-top: 0px;
		margin-top: 0px;
	}
	.page-template-page-opleiding-info .page-content {
		margin-top: 0px;
	}
	.page-template-page-opleiding-info h2 {
		font-size: 20px;
	}
	.page-content.info-open {
		width: 100%;
		padding: 15px!important;
		padding-top: 40px;
	}
	h4 a,
	h4 {
		/*		font-size: 30px;*/
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		max-width:100%;
		margin-bottom: 0px;
		padding-left: 20px;
	}
	h5 a,
	h5 {
		/*		font-size: 20px;*/
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		max-width:100%;

	}
	h5.open-sub-info {
		top: 72px;
	}
	.info-content h4 {
		top: 37px;
	}
	.praktische-link {
		font-size: 24px;

	}
	.praktische-link:last-of-type {
		margin-bottom: 20px;

	}

	.footer-col p {
		font-size: 12px!important;
	}


	.footer-home {
		flex-wrap: wrap;
	}
	.footer-col {
		width: 50%;
		border-top: 0px;
	}
	.footer-home {
		border-top: 1px solid black;
	}
}