::selection { background: #3F387C; color:#fff; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3F387C;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3F387C;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #3F387C;
}

/* search */
#search-container{
	display:none;
}
#search-container form{
	width:500px;
	max-width:100%;
}
#search-container input{
	height:2rem;
	width: 100%;
}
#search-container input:focus{
	background-color: rgba(0,0,0,0.1);
}
#search-container button{
	color:#3F387C;
	line-height:2rem;
	border:0;
	background:transparent;	
}
#search-container button[type=submit]{
	border-left:1px solid #3F387C;
	font-weight:500;
}
/* top */
#top-container{
	z-index:100;
	box-shadow: 0 0 8px 0px #3F387C;
	position: relative;
}
#top-container a{
	font-weight:600;
	font-size: 0.8em;
}
#top-container .navbar-brand{
	white-space:nowrap;
}
#top-container .navbar-brand img{
	max-width:100%;
}
#search-form-mobile .btn{
	position:absolute;
	right:2.7rem;
	top:.7rem;
}
#mobile-menu-toggler{
	position:fixed;
	top:0;
	right:0;
	z-index:90;
}
#nav-container .navbar-brand img{
	height:43px;
}
#nav-container .home{
	display:none;
}

/* content */
#content{
	position:relative;
	min-height:200px;
	overflow: hidden;
}
body:not(.home) #content .first-element{
	padding-top:100px;
}
/* breadcrumbs */
#breadcrumbs{
	font-size:.7rem;
	position:absolute;
	top: 50px;
	left:0;
	right:0;
}
#breadcrumbs .breadcrumb_last{
	color:#4ebdc3;
}
/* primary menu */
.main-menu-wrapper{
	width: 500px;
  max-width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	transform: translateX(-100vw);
	z-index: 1040;
	transition: transform .42s ease-out;
	background: #3a0493;
}
/* open in mobile view */
.main-menu-wrapper.is-active{
	transform: translateX(0);
}

ul.primary-menu{
	margin:0;
	padding:0;
}
ul.primary-menu::after{
	content: "";
	clear: both;
	display: table;
}
ul.primary-menu li{
	list-style-type: none;
	padding: 14px 0 12px;
	border-bottom: 1px solid #787FBD;
}
ul.primary-menu li a{
	color:white;
	font-weight:400;
	text-decoration:none;
}

/* footer menu */
footer{
	font-size:0.9rem;
}
footer ul.menu{
	margin:0;
	padding:0;
}
footer ul.menu::after{
	content: "";
	clear: both;
	display: table;
}
footer ul.menu li{
	list-style-type: none;
  margin-right: 1rem;
}
footer a, footer a:hover{
	color:white;
}
footer a.socialmedia-icon{
	margin-right:20px;
}
footer a.socialmedia-icon img{
	width:50px;
	height:50px;
}
footer .logo-icon{
	height:70px;
	margin-right:30px;
}
footer a.socialmedia-icon:last-child, footer .logo-icon:last-child{
	margin-right:0;
}

#content div.onFormSubmittedFeedback{
	width:auto!important;
	height:auto!important;
}

ul.cyan-arrow-list, ul.blue-arrow-list{
	list-style-type: none;
	padding-left: 1.7em;
}
ul.cyan-arrow-list li::before, ul.blue-arrow-list li::before {
	content: "";
	width: 1.7em;
	line-height: 1.4;
	height: 1.4em;
	display: inline-block;
	background:url(../images/cyan-arrow-right.svg) no-repeat left bottom;
	background-size:30%;
	margin-left: -1.7em;
}
ul.blue-arrow-list li::before{
	background:url(../images/blue-arrow-right.svg) no-repeat left bottom;
}
ul.blue-dot-list{
	padding-left: 1.7em;
}

.callout::before{
	content: "Vergroot je kennis, verbreed je horizon";
	color: #fff;
	font-size: 3vw;
	font-weight: 700;
	font-family: 'Montserrat';
	padding: 7vw 3vw;
	width: 60%;
	position: absolute;
	right: 2vw;
	bottom: 2vw;
	text-align: center;
}

/* jquery validate */
input.error, input.error:focus{
	box-shadow: 0 0 5px red !important;
}
#search-form label.error{
	display:none!important;
}
/* zoekresultaten */
.zoek-resultaat{
	display:block;
	position: relative;
  transition: transform .2s;
}
.zoek-resultaat:hover{
	text-decoration:none;
	color:inherit;
	-ms-transform: scale(1.03); /* IE 9 */
	-webkit-transform: scale(1.03); /* Safari 3-8 */
	transform: scale(1.03); 
}
.zoek-resultaat img{
	border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.zoek-resultaat-wrapper{
  transition: transform .2s;
}
.zoek-resultaat-wrapper:hover{
	-ms-transform: scale(1.03); /* IE 9 */
	-webkit-transform: scale(1.03); /* Safari 3-8 */
	transform: scale(1.03); 
}
.zoek-resultaat .volgeboekt{
	font-weight: 500;
	color: #E9006D;
}
.zoek-resultaat .nieuw{
	font-weight: 500;
	line-height:26px;
	color: #1FA9AE;
}
.zoek-resultaat .nieuw img{
	width:26px;
	height:26px;
	vertical-align:text-bottom;
}

/* standaard wordpress pagination (search.php) */
.page-numbers{
	padding: 0 4px;
	margin-right: 6px;
}
.page-numbers.current{
	font-weight:bold;
}

/* FACETWP checkboxes */
.facetwp-facet {
   margin-bottom: 0!important;
	 max-height:200px;
	 overflow-y:auto;
}
.facetwp-checkbox{
	white-space:nowrap;
	background-image:url(../images/checkbox.svg)!important;
}
.facetwp-checkbox.checked {
	background-image: url(../images/checkbox-checked.svg)!important;
}

/* FACETWP selections */
.facetwp-selections ul{
	padding-left:0;
	margin:0;
}
.facetwp-selection-label{
	display:none;
}
.facetwp-selection-value{
	background-color:#3F387C;
	color:#fff;
	padding: .6rem 3rem .6rem 1.5rem !important;
	line-height: 1.5;
  border-radius: .6rem;
	background-image: none!important;
	position:relative;
	margin-bottom: 1rem;
}
.producten-filters .facet-filter-wrapper{
	display: inline-block;
}
.facetwp-facet-nieuw .facetwp-checkbox{
	margin-bottom:0!important;
}

/* sluiten icon bij gekozen item */
.facetwp-selection-value::after, .facetwp-selection-value::before{
	content:'';
	height:1px;
	width:1.2rem;
	background-color:#fff;
	position:absolute;
	right:1.1rem;
	top:1.3rem;
}
.facetwp-selection-value::after{
	transform:rotate(45deg);
}
.facetwp-selection-value::before{
	transform:rotate(135deg);
}

#coronamelding{
	display:none;
	z-index:1000;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background: #787FBD;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
}
#coronamelding .icon::before{
	content:'';
	display:inline-block;
	height:47px;
	width:47px;
	margin-right:15px;
	background:url(../images/covid.svg) center no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#coronamelding .sluiten::after{
	content:'';
	display:inline-block;
	height:15px;
	width:15px;
	margin-left:10px;
	background:url(../images/close-white.svg) center no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/* PROGRAMMA posttype */
.single-programma .text-secondary{
	color: #00BCD4!important;
}
.single-programma .bg-lightcyan{
	background: #E5F8FB!important;
}
.single-programma .border-secondary {
    border-color: #00BCD4!important;
}
.programma-header{
	background: #00BCD4 url(../images/programma-header-background.svg) no-repeat center;
	background-size:cover;
}
.programma-divider{
	height:20px;
	background: url(../images/divider-three-colors.svg);
	background-size: 100%;
}

/* arrows */
.arrow-down-white::before{
	content:"";
	display:inline-block;
	border-left: 20px solid transparent;
  border-right: 20px solid transparent;  
  border-top: 20px solid #fff;
}

.wit-driekhoek-tl::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
}

/* congressen niet tonen */
body.no-congressen .aanbod .congressen,
body.no-congressen #menu-main .congressen{
	display:none;
}



/* REVIEWS */
.review .beoordeling{
	font-size:1.6rem;
	font-weight:500;
}
.review .naam{
	font-size:.9rem;
}
.review hr{
	margin: 1.5 0;
	border-width: 1px;
	background-color: #340583;
}

.sitereview-wrapper .cijfer{
	font-family:Montserrat;
	font-weight:bold;
	color: #fff;
	font-size: 34px;
	line-height: 100px;
	display:inline-block;
	height: 100px;
	width: 100px;
	background:#E9006D;
	border-radius:50%;
}
.bg-only{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:250px;
}

/* aanbod */
#content-aanbod .btn{
	opacity:.7;
}
#content-aanbod h3{
	font-size:20px;
}
#content-aanbod .zoek-resultaat:hover{
	background-color:#fff!important;
}
#content-aanbod .zoek-resultaat:hover h3{
	color:#E9006D!important;
}
#content-aanbod .zoek-resultaat:hover .btn, #content-aanbod .zoek-resultaat:hover .btn:hover{
	opacity:1;
	color:#fff;
	background-color: #E9006D;
	border-color:#E9006D;
}


/* PAGINA's */
/* Homepage */
body.home .home-header{
	padding-top:10vw;
	padding-bottom:5vw;
	position: relative;
	background:#F9F7FF;
}
body.home .home-header .afbeelding{
	position:absolute;
	left:-2vw;
	right:-2vw;
	top:-8vw;
	bottom:-8vw;
	background-position:center;
	background-size:cover;
}

/* forms */
input, textarea{
	background-color: #e1f9fa;
	border: 0;
	border-radius: 1em;
	padding: .3em .8em !important;
	color:#3F387C;
}
input:focus, textarea:focus{
	outline:0;
}
input.round{
	border-radius:1rem;
	padding-left:1rem;
	padding-right:1rem;
}
select{
	background-color: #e4e5f2;
	line-height: 2rem!important;
  padding: 5px 4px !important;
}

/* BOOTSTRAP OVERRIDES */
.accordion .border {
    border-width: 1px!important;
}
.btn{
	font-size:.9rem;
	font-weight:600;
	transition-timing-function: ease-out;
	transition: .42s;
}
/* buttons hover paars (primary) */
.btn-outline-light:hover{
	color:#3f387c;
}
.btn-danger:hover {
	color: #fff;
	background-color: #561fb1;
	border-color: #561fb1;
}
/* buttons hover white */
.btn-outline-secondary:hover, .btn-outline-secondary:active{
	color:#fff!important;
}
.modal-content{
	border-radius:0;
	border:0;
}
/* bootstrap extents */
.bg-gray{
	background-color:#F7F6FB;
}
.bg-lightblue{
	background-color:#F7F0FF;
}
.bg-lightcyan{
	background-color:#E1F9FA;
}
.box-shadow{
	box-shadow: 6px 6px 20px rgba(63, 56, 124, .26);
}

.btn, .zoek-resultaat{
	transition-timing-function: ease-out;
	transition: .42s;
}
/* text color on mouse over */
.text-hover-primary:hover{
	color:#3f387c;
}
.text-hover-secondary:hover{
	color:#4ebdc3;
}
.text-hover-white:hover{
	color:#fff;
}

/* GRAVITY FORMS */
.gform_wrapper .gf_progressbar_wrapper {
	display: none;
}

/* owl carousels */
.owl-docenten .img-docent{
	width:150px!important;
	height:auto;
	max-width:100%;
}

/* default display */
.producten-filters{
	display:none;
}
.producten-filters-toggler{
	display:inline-block;
}

/* alleen kleine schermen */
@media(max-width: 767px){
	/* woorden afbreken */
	.hyphenate, h1, h2, h3, h4 {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.display-3 {
    font-size: 3rem;
	}
}
/* md size */
@media (min-width: 768px){
	/* home button */
	#nav-container .home{
		padding:0;
		padding-bottom:0;
		opacity:0;
		width:50px;
		margin-left:-50px;
		margin-right:0;
		display:inline-block;
		transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	}
	#nav-container.fixed-top .home{
		opacity:1;
	}
	#nav-container .home img{
		height:40px;
	}
	
	.producten-filters{
		display:block!important;
	}
	.producten-filters-toggler{
		display:none;
	}

	.inhoudsblok .order-md-1 .afbeelding{
    transform: translateY(-4rem);
    width: 110%;
    max-width: 110%;
    position: relative;
    left: -10%;
	}
	.inhoudsblok .order-md-2 .afbeelding{
    transform: translateY(-4rem);
    width: 110%;
    max-width: 110%;
    position: relative;
	}
	
	.owl-nieuws{
		transform:translate(-10%, -10%);
		width:110%;
	}
	
	.display-3 {
    font-size: 3.5rem;
	}
	

	/* over ons pagina */
	body.page-id-111 .bg-gray .afbeelding{ transform: translateY(0); }
}

/* lg size */
@media (min-width: 992px){
	.main-menu-wrapper{
		position:inherit;
		width:auto;
		transform:none;
		background-color:transparent;
	}
	ul.primary-menu li{
		float: left;
		margin-right: 10px;
		padding: 8px;
		border:0;
	}	
	ul.primary-menu li:first-of-type{
		padding-left:1px;
	}
	ul.primary-menu li a{
		font-size:.9rem;
		position:relative;
	}
	
	ul.primary-menu li:not(.home) a:after{
		content:"";
		display:inline-block;
		position:absolute;
		left:0;
		bottom:-5px;
		height:1px;
		width:0;
		background:#E9006D;
		transition:.42s;
	}
	ul.primary-menu li:not(.home) a:hover:after{
		width:100%;
	}
	
	#top-container{
		box-shadow: none;
	}
	footer ul.menu li{
		float:left;
	}
	
	.display-3 {
    font-size: 4.5rem;
	}
	
	.home-header .container{
		position:relative;
	}
	.home-header .container:before{
		content:"";
		position:absolute;
		width:100px;
		height:100px;
		top:0;
		left:-200px;
		background:url(../images/freubel-turquoise.svg) no-repeat;
		background-size:contain;
		transform: rotate(45deg);
	}
	.home-header .container:after{
		content:"";
		position:absolute;
		width:100px;
		height:100px;
		bottom:0;
		right:-70px;
		background:url(../images/freubel-turquoise.svg) no-repeat;
		background-size:contain;		
	}
	
	.review-wrapper{
		transform: translateX(-50px);
	}
	
	.sitereview-wrapper .container{
		position:relative;
	}
	.sitereview-wrapper .container:after{
		content:"";
		position:absolute;
		width:100px;
		height:100px;
		top:35%;
		left:-150px;
		background:url(../images/freubel-turquoise.svg) no-repeat;
		background-size:contain;
	}
	
	.binnenkort-wrapper:after{
		content:"";
		position:absolute;
		width:600px;
		height:500px;
		top:70px;
		right:100px;
		background:url(../images/freubel-paars.svg) no-repeat;
		background-size:contain;
		z-index:1;
	}
	
	.binnenkort-wrapper .container{
		z-index:10;
	}
	
	.binnenkort-wrapper .container:after{
		content:"";
		position:absolute;
		width:100px;
		height:100px;
		top:250px;
		left:-150px;
		background:url(../images/freubel-turquoise.svg) no-repeat;
		background-size:contain;
	}
	
	.nieuwsbrief-wrapper{
		position:relative;
	}
	.nieuwsbrief-wrapper .row:after{
		content:"";
		position:absolute;
		width:100px;
		height:100px;
		top:80px;
		right:50px;
		background:url(../images/freubel-turquoise.svg) no-repeat;
		background-size:contain;
		transform: rotate(45deg);
	}
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}