/*
Theme Name:   Herstel Werkt
Theme URI:    https://www.herstelwerkt.nl/
Description:  Description
Version:      1.0
Author:       Control Digital
Author        URI: https://controldigital.nl/
Tags:         
*/






/* ==============================================================================
	INDEX
============================================================================= 



	1. 	CSS RESET
	2. 	GENERAL
	3. 	FONTS
	6.	NAVIGATION
	8.	SEARCH
	9.	HERO
	10. HOME
	22. FOOTER
	23. BUTTONS
	24. FORMS
	25. RESPONSIVE
	
	


 ==============================================================================
	1. CSS RESET
============================================================================= */

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 {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==============================================================================
	2. GENERAL
============================================================================= */

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
}

body {
	font-size: 16px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#2B2661;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	height:100%;
	-webkit-text-size-adjust: none;
	padding-top: 5.75rem;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	display: block;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	outline:none;
}

a:hover,
a:focus {
	color:#3779ED;
}

p > img {
  display: inline-block;
}






/* ==============================================================================
	3. FONTS
============================================================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
	position:relative;
	font-family:'PT Serif', sans-serif;
    color:#2B2661;
	font-weight:700;
}

h1 {
	font-size:2.25rem;
	line-height:2.625rem;
}

h2 {
	font-size:2.25rem;
}


h3 {
	font-size:1.5rem;
}

h4 {
	font-size:1rem;
	font-family:'Open Sans', sans-serif;
}

h5 {
	font-size:1.125rem;
}

p, li {
	font-size:.875rem;
	line-height:1.5rem;
}

p > a {
	display: inline;
	color: #3779ED;
	text-decoration: none;
}

p > a:hover {
	color:#909090;
}

strong {
	font-weight:600;
}

em, i {
	font-style:italic;
}

blockquote {
	padding: 2rem 3.125rem;
}

blockquote p,
.single__verhaal-content blockquote p {
	font-size:1.5rem;
	line-height:2rem;
	font-style:italic;
	color:#2B2661;
	text-align:center;
}

blockquote p:last-of-type,
.single__verhaal-content blockquote p:last-of-type {
	margin-bottom:2rem;
}

.center {
	text-align:center;
}

.caps {
	text-transform: uppercase;
}

span.label {
	font-size:.75rem;
	color:#FFFFFF;
	letter-spacing:.25rem;
    margin-bottom: 0.75rem;
    display: block;
}

span.label-blue {
	color:#7971FF;
}

.row.heading-row {
	margin-bottom:3.125rem;
}

.padding-70 {
	display: block;
	padding-top:4.375rem;
	padding-bottom:4.375rem;
}

.padding-100 {
	display: block;
	padding-top:6.25rem;
	padding-bottom:6.25rem;
}

.padding-160 {
	display: block;
	padding-top:10rem;
	padding-bottom:10rem;
}

.border-top {
	border-top:1px solid #EEEEEE;
	margin-top:6.25rem;
	padding-top:6.25rem;
}

.box-no-padding {
	padding-left:0;
	padding-right:0;
}

.cookie-notice-container {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding:1rem;
}

.cookie-notice-container #cn-accept-cookies {
	-webkit-box-shadow:none;
	        box-shadow:none;
}

.cookie-notice-container .button:last-child {
	background:transparent;
	padding:0;
	margin-left:2rem;
	color:#666666;
	font-weight:400;
	-webkit-box-shadow:none;
	        box-shadow:none;
}

.cookie-notice-container .button:last-child::after {
	display:none;
}

.cookie-notice-container .button,
.cookie-notice-container .button:hover {
	-webkit-box-shadow:none;
	        box-shadow:none;
}

.pom-small-black {
	position: relative;
	display:inline-block;
	margin-left: 1rem;
	margin-right:6rem;
	width:3.5rem;
	height:3.5rem;
	border-radius:50%;
	background-color:#ffffff;
	border:3px solid #45B4FF;
	background-position:center center;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

.pom-small-black::after {
	position:absolute;
	width:6rem;
	top:1rem;
	left:4rem;
	content:"Afdrukken";
}

.pom-small-black:hover {
	background-color:#b3defa;
}


/* ==============================================================================
	6. NAVIGATION
============================================================================= */
#navigation .logo {
	width:126px;
	height:73px;
}

#navigation .logo img {

}

#navigation {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#ffffff;
	z-index:999;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

#navigation .navigation-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.navbar-toggle {
	display:none;
}

.navigation-left {
	position:relative;
}

.navigation-right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

.navigation-right .navigation__search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	height:2.5rem;
	border-left:1px solid #E9E9EF;
	padding-left:3rem;
	margin-left:3rem;
}




/* MAIN NAVIGATION - FIRST LEVEL*/
nav.header-nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

nav.header-nav ul li {
	position:relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}


nav.header-nav ul li a {
	font-family: 'Open Sans', sans-serif;
	font-size:.875em;
	font-weight:400;
	color:#2B2661;
	text-decoration:none;
	padding:1.75rem 2rem 2rem 2rem;
	border-top:.25rem solid transparent;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

nav.header-nav li a:hover,
nav.header-nav li:hover a,
nav.header-nav li.current-menu-item a,
nav.header-nav li.current-page-ancestor a {
	border-top:.25rem solid #2B2661;
	background:#FBFBFF;
}


/* MAIN NAVIGATION - SECOND LEVEL*/
nav.header-nav ul li > ul {
	position:absolute;
	visibility:hidden;
	opacity:0;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background:#ffffff;
	-webkit-box-shadow: 0 5px 7px 5px rgba(0,0,0,0.07);
	        box-shadow: 0 5px 7px 5px rgba(0,0,0,0.07);
    width:17rem;
    padding:0;
    margin-top:1.125rem;
    left:0;
    top:73%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;	
}

nav.header-nav ul li:hover > ul {
	visibility:visible;
	opacity:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;	
}

nav.header-nav ul li ul li {
	display:block;
	width:100%;
	position:relative;
	margin:0;
}

nav.header-nav ul li:hover > ul li a,
nav.header-nav ul li > ul li a {
	color:#2B2661;
	padding:.75rem 2rem;
	width:100%;
	display: block;
	border-top:none !important;
	line-height:1.25rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

nav.header-nav ul li >	ul li:hover,
nav.header-nav ul li > ul li a:hover,
nav.header-nav ul li > ul li.current-menu-item a {
	background:#FBFBFF;
	color:#2B2661;
}

nav.header-nav li.current-menu-item li a,
nav.header-nav li.current-page-ancestor li a,
nav.header-nav li.current-menu-ancestor li a {
	background:#FBFBFF;
	color:#2B2661;
}



/* ==============================================================================
	9. HERO
============================================================================== */
header {
	position:relative;
	height:31.25rem;
	overflow:hidden;
}

header.big__header {
	height:35.5rem;
	z-index:1;
}

header.big__header::after {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	z-index:2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.00)), color-stop(41%, rgba(93,93,93,0.48)), color-stop(99%, #252B33));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
}

header.big__header .container,
header.big__header .row,
header.big__header .box-md-8 {
	height:100%;
}

header .header__content {
	position: relative;
	z-index:3;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	width:100%;
}

header .header__content-inner {
	width:100%;
    opacity: 0;
    -webkit-animation: hero 500ms 500ms cubic-bezier(0.67, 0, 0.34, 1) forwards;
    animation: hero 500ms 500ms cubic-bezier(0.67, 0, 0.34, 1) forwards;
}

header .header__content h1 {
	position: relative;
	color:#ffffff;
	font-size:3rem;
	line-height:3.75rem;
}


header .header__content h1.divider-after::after {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-1.625rem;
	width:3.125rem;
	height:1px;
	background:rgba(255,255,255,.5);
	bottom:-2rem;
}

@-webkit-keyframes hero {
	
	from {
		opacity: 0;
		-webkit-transform: translate(0, 1em);
		        transform: translate(0, 1em);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	
}

@keyframes hero {
	
	from {
		opacity: 0;
		-webkit-transform: translate(0, 1em);
		        transform: translate(0, 1em);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	
}



/* ==============================================================================
	10. HOME
============================================================================== */
.slide {
	width:100%;
	height:31.25rem;
}

.alt {
	color:#114156 !important;
}

.grid {
	height:31.25rem;
	display: -ms-grid;
	display: grid;
    -ms-grid-columns: 1fr (5.77em)[12] 1fr;
    grid-template-columns: 1fr repeat(12, minmax(auto, 5.177em)) 1fr;
    -ms-grid-column-gap: 1em;
    grid-column-gap: 1em;
}

.verhalen__slider {
	width:100%;
	height:100%;
	background:#2B2661;
	z-index:9;
}

.verhalen__slider.alt {
	background:#90DAFA;
}

.verhalen__slider.alt span.label {
	color:#114156;
}

.verhaal__image {
	height:31.25rem;
	-ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 /span 8;
}

.verhaal__intro {
	height:31.25rem;
	-ms-grid-column: 9;
    -ms-grid-column-span: 5;
    grid-column: 9 /span 5;
}

.verhaal__intro-inner {
	padding: 0 2rem 0 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    height: 100%;
}

.verhaal__intro h1 {
	color:#ffffff;
}

.verhalen__slider.alt .verhaal__intro h1,
.verhalen__slider.alt .verhaal__intro p {
	color:#114156;
}

.verhaal__intro hr {
	width:3.125rem;
	height:1px;
	border:none;
	position:relative;
	margin:1.5rem 0 1.5rem -2rem;
	background:#605B88;
}

.verhalen__slider.alt .verhaal__intro hr {
	background:#114156;
}

.verhaal__intro p {
	color:#ffffff;
	margin-bottom:1.5rem;
}

.verhalen__slider.alt .button {
	background:#ffffff;
	color:#90DAFA;
	-webkit-box-shadow:none;
	        box-shadow:none;
}

.verhalen__slider .slick-arrow {
	left:50%;
}

.verhalen__slider .slick-prev {
	margin-left:-3rem;
}

.slick-prev {
	background:url(media/images/icon-arrow-left.svg) no-repeat center center;
}

.slick-next {
	background:url(media/images/icon-arrow-right.svg) no-repeat center center;
}

.slick-arrow {
	position:absolute;
	width:2.25rem;
	height:2.25rem;
	border-radius:50%;
	border:1px solid rgba(255,255,255,.5);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
	bottom:2rem;
	z-index:99;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);	
}

.slick-arrow:hover {
	background-color: rgba(255,255,255,.2);
}

.slick-slide {
	outline: none;
}

.block {
	position:relative;
	overflow:hidden;
	height:33.75rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack:center;
	    align-content:center;
	z-index:1;
}

.block::before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.00)), color-stop(41%, rgba(93,93,93,0.48)), color-stop(99%, #252B33));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
}

.block:nth-child(1),
.block:nth-child(2) {
	margin-bottom:2rem;
}

.block .block__inner {
	position:relative;
	z-index:9;
	padding:0 6rem;
}

.block .block__inner h2 {
	color:#ffffff;
}

.block .block__inner p {
	color:#ffffff;
	margin:1rem 0 2rem 0;
}

.testimonials {
	background:#2B2661;
	padding-bottom:15rem;
}

.testimonials.alt {
	background:#90DAFA;
}

.testimonials.alt h2,
.testimonials.alt span {
	color:#114156;
}

.testimonials h2 {
	color:#ffffff;
}

.testimonial .testimonial__inner {
	background:#ffffff;
	padding:2rem;
	min-height:22rem;
}

.testimonial .testimonial__inner p {
	color:#AAAAAA;
	font-style: italic;
	margin-top:1rem;
}

.testimonial .testimonial__inner .testimonial__image {
	width:4.75rem;
	height:4.75rem;
	border-radius:50%;
	display:block;
	margin-bottom:2rem;
}

.testimonial__slider .slick-arrow {
	right:1rem;
	bottom:-4rem;
}

.testimonial__slider .slick-prev {
	right:4rem;
}

.partners .partners__inner .support .support__inner {
	background:#ffffff;
	margin-top:-4.75rem;
}

.partner__logos ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-line-pack:center;
	    align-content:center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.partner__logos ul li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack:center;
	    align-content:center;
	-webkit-box-flex:0;
	    -ms-flex:0 0 25%;
	        flex:0 0 25%;
	max-width:25%;
	margin-top:6.25rem;
}

.parnet__logos ul li a {
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.partner__logos ul li a:hover {
	-webkit-transform:translate(0, -.5rem);
	    -ms-transform:translate(0, -.5rem);
	        transform:translate(0, -.5rem);
}

.call-to-action {
	
}

.call-to-action .cta__inner {
	padding:2.5rem;
	background:#ffffff;
}

.call-to-action .cta__inner h3 {
	margin-bottom:1rem;
}

.call-to-action .cta__inner p {
	margin-bottom:1.5rem;
	color:#AAAAAA;
}

.modal {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(28,26,53,.7);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack:center;
	    align-content:center;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

.modal-active {
	overflow:hidden;
}

.modal-active .modal {
	opacity:1;
	visibility: visible;
}

.modal-close {
	position:absolute;
	cursor:pointer;
	right:-1.625rem;
	top:50%;
	margin-top:-1.625rem;
	width:3.125rem;
	height:3.125rem;
	border-radius:50%;
	background:#ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	        box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack:center;
	    align-content:center;
}

.modal-close .close-button {
	-webkit-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	        transform:rotate(-45deg);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack:center;
	    align-content:center;
}

.modal-close .close-button span {
	width:1.125rem;
	height:.125rem;
	background:#2B2661;
	position:absolute;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

.modal-close .close-button span:last-child {
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	        transform:rotate(90deg);
}

.modal-close:hover .close-button span {
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg)
}

.modal-close:hover .close-button span:last-child {
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg)
}

.modal .modal__inner {
	position:relative;
	width:60rem;
	padding-left:25rem;
	height:36rem;
	background:#ffffff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
	        box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
	z-index:1000;
	visibility: hidden;
	opacity:0;
	-webkit-transform:translate(0, 2rem);
	    -ms-transform:translate(0, 2rem);
	        transform:translate(0, 2rem);
	-webkit-transition: all .75s .25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all .75s .25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all .75s .25s cubic-bezier(0.67, 0, 0.34, 1);
}

.modal-active .modal .modal__inner {
	opacity:1;
	visibility: visible;
	-webkit-transform:translate(0, 0);
	    -ms-transform:translate(0, 0);
	        transform:translate(0, 0);
}

.modal .modal__inner .modal__inner-left {
	width:25rem;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}

.modal .modal__inner .modal__inner-left::after {
	-webkit-transform: skewX(-15deg);
	    -ms-transform: skewX(-15deg);
	        transform: skewX(-15deg);
    position: absolute;
    top: 0;
    right: -5rem;
    height: 100%;
    width: 10rem;
    background: #ffffff;
    content: "";
}

.modal .modal__inner .modal__inner-right {
	padding:2.5rem 4rem 2.5rem 1.5rem;
	height: 100%;
    overflow: scroll;
}

.modal .modal__inner .modal__inner-right h3 {
	margin-bottom:.5rem;
}

.modal .modal__inner .modal__inner-right p {
	margin-bottom:1.5rem;
}





/* ==============================================================================
	SINGLE VERHAAL
============================================================================= */
header.single__verhaal-header {
	height:35.5rem;
	background:#2B2661
}

.single__verhaal {
	margin-top:-30rem;
}

.single__verhaal-titel {
	position:relative;
	padding-bottom:3.125rem;
	margin-bottom:3.125rem;
    opacity: 0;
    -webkit-animation: hero 500ms 500ms cubic-bezier(0.67, 0, 0.34, 1) forwards;
    animation: hero 500ms 500ms cubic-bezier(0.67, 0, 0.34, 1) forwards;	
}

.single__verhaal-titel::after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:3.125rem;
	height:1px;
	background:#9592B0;
	margin-left:-1.625rem;
}

.single__verhaal-titel .label {
	text-align:center;
}

.single__verhaal-titel h1 {
	color:#ffffff;
	text-align:center;
	font-size:3rem;
	line-height:3.5rem;
}

.single__verhaal-image {
	position:relative;
	display:block;
	width:100%;
	height:35.5rem;
}

.single__verhaal-content {
	margin-top:3.125rem;
}

.single__verhaal-content p {
	color:#666666;
	font-size:1rem;
	line-height:1.625rem;
	margin-bottom:2rem;
}

.single__verhaal-content p:last-of-type {
	margin-bottom:0;
}

.single__verhaal-content h2,
.single__verhaal-content h3 {
	margin-top:2rem;
	margin-bottom:1rem;
}

.post-nav-wrap {
	position:relative;
}

.post-nav {
	position: absolute;
    top: 10rem;
    width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.post-nav .nav-prev,
.post-nav .nav-next,
.post-nav .nav-prev a,
.post-nav .nav-next a {
	width: 2.25rem;
    height: 2.25rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.post-nav .nav-prev {
	position:absolute;
	left:-4rem;
}

.post-nav .nav-next {
	position:absolute;
	right:-4rem;
}

.post-nav .slick-arrow {
	bottom:auto;
}

.big__slider {
	overflow:hidden;
}

.blocks__slider {
	position:relative;
}

.blocks__slider .slick-slide {
	outline: none;
}

.blocks__slider .slick-list {
    overflow: visible;
}

.blocks__slider .block:nth-child(1), 
.blocks__slider .block:nth-child(2) {
    margin-bottom:0;
}

.blocks__slider .slick-slide {
    opacity: 1;
    -webkit-transition: opacity .8s cubic-bezier(0.67, 0, 0.34, 1);
    -o-transition: opacity .8s cubic-bezier(0.67, 0, 0.34, 1);
    transition: opacity .8s cubic-bezier(0.67, 0, 0.34, 1);
}

.blocks__slider .slick-active,
.blocks__slider .slick-active ~ .slick-slide {
    opacity: 1;
}


.blocks__slider .slick-next {
	top:50%;
	margin-top:-1.625rem;
	left:-.5rem;
	background:#ffffff url(media/images/icon-arrow-left-blue.svg) no-repeat center center;
}

.blocks__slider .slick-arrow {
	position:absolute;
	width:3.125rem;
	height:3.125rem;
	background-color:#ffffff;
	border-radius:50%;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	        box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
	z-index:99;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);	
}

.blocks__slider .slick-arrow:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}





/* ==============================================================================
	ACTIVITEITEN
============================================================================== */

.filters {
	
}

.filter__header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.filter__header-right {
	display:none;
}

.filters  .filters__toggle {
	display: none;
	margin-left: auto;
	margin-bottom: 1rem;
}

.filters .filters__body {
	display: block;
}

.filters .filters__selection {
	width:100%;
}

.filters .filters__list {
	width:100%;
	background:#FBFBFC;
	padding:0 1.5rem;
	list-style: none;
}

.filters .filters__group {
	font-size: 1rem;
	line-height: 1rem;
	padding:2rem 0;
	border-bottom:1px solid #E3E2EC;
}

.filters .filters__group:last-child {
	border-bottom: none;
}

.filters .filters__legend {
	font-family: 'PT Serif', sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
    color: #2B2661;
    margin-bottom: 1.5rem;
}

.filters .filters__group-list {
	width:100%;
	list-style: none;
}

.filters .filters__group-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	width:100%;
	font-size: 1rem;
	line-height: 1rem;
	margin:.5rem 0;
}

.filters .filters__group-item label {
	color:#2B2661;
	font-size:.875rem;
	margin-left:.5rem;
}

.filters .filters__group-item input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	position:relative;
	width:1rem;
	height:1rem;
	border-radius:.125rem;
	border:1px solid #B1B1B1;
	-webkit-box-flex:0;
	    -ms-flex:0 0 1rem;
	        flex:0 0 1rem;
}

.filters .filters__group-item input[type="checkbox"]::before {
	width:.625rem;
	height:.625rem;
	background:#7971FF;
	border-radius:1px;
	content:"";
	position:absolute;
	left:.125rem;
	top:.125rem;
	opacity: 0;
	-webkit-transform:scale(0);
	    -ms-transform:scale(0);
	        transform:scale(0);
	-webkit-transition: all 0.15s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.15s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.15s cubic-bezier(0.67, 0, 0.34, 1);
}

.filters .filters__group-item input[type="checkbox"]:checked::before {
	-webkit-transform:scale(1);
	    -ms-transform:scale(1);
	        transform:scale(1);
	opacity:1;
}

.filters .filters__group-item input[type="checkbox"]:hover + label,
.filters .filters__group-item input[type="checkbox"]:checked + label {
	color:#7971FF;
}

.filters .filters__group-item input[type="checkbox"]:hover,
.filters .filters__group-item input[type="checkbox"]:checked {
	border-color:#7971FF;
}

.selection .selection__link {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	height:auto;
	padding-left:1.5rem;
	padding-right:1.5rem;
	background:#ECF7FF;
	margin-bottom:1rem;
	text-decoration: none;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
}

.selection .selection__link:hover {
	
}

.selection .selection__link:hover span {
	color:#333333;
}

.selection .selection__link span {
	color:#45B4FF;
	font-weight:700;
	font-family:'Open Sans', sans-serif;
	font-size:.875rem;
	line-height: 1;
	padding:.75rem 0;
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
}

.selection .selection__link span.close {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack:center;
	    align-content:center;
	width:.75rem;
	height:0;
	padding: 0;
	margin-right:1.5rem;
	cursor:pointer;
}

.selection .selection__link span.close::before {
	content:"";
	width:.75rem;
	height:1px;
	background:#45B4FF;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
}

.selection .selection__link span.close::after {
	content:"";
	width:.75rem;
	height:1px;
	background:#45B4FF;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	        transform:rotate(-45deg);	
	-webkit-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.25s cubic-bezier(0.67, 0, 0.34, 1);
}

.selection .selection__link:hover span.close::before,
.selection .selection__link:hover span.close::after {
	background:#333333;
}






.filters .filters__content {
	position:relative;
/* 	margin-top:3.125rem; */
	padding-top:4.125rem;
	min-height: 50rem;
}

body.active__map .filters .filters__content  {
	padding-top:0;
}

.filters .filters__content .tabs {
	position:absolute;
	top:0;
	right:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	background:#ffffff;
	z-index:9;
	-webkit-box-shadow:none;
	        box-shadow:none;
}

body.active__map .filters .filters__content .tabs {
	top:1rem;
	right:1rem;
	-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.30);
	        box-shadow: 0 2px 20px 0 rgba(0,0,0,0.30);	
}

.tabs .tabs__link {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	font-family:'PT Serif', sans-serif;
	font-weight:700;
	opacity:.5;
	border-bottom:.125rem solid transparent;
	color:#2B2661;
	cursor:pointer;
	padding:1.25rem 1.5rem;
	text-decoration: none;
	-webkit-transition: all 0.15s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.15s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.15s cubic-bezier(0.67, 0, 0.34, 1);
}

.tabs .tabs__link:hover,
.tabs .tabs__link.tabs__link--active {
	opacity:1;
	border-bottom:.125rem solid #2B2661;
}

.tabs .tabs__item img {
	margin-right:.5rem;
}

.tabs__panel{
	display:none;
	opacity: 1;
}

.tabs__panel.tabs__panel--active {
	display:block;
}

.tabs__panel.tabs__panel--loading {
	opacity: 0;
}

#tab-list {
	-webkit-transition:opacity 500ms ease-in-out;
	-o-transition:opacity 500ms ease-in-out;
	transition:opacity 500ms ease-in-out;
}

#tab-map {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height:50rem;
	width:100%;
	background:#d1d1d1;
	z-index: 1;
}

#tab-map::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 1;
}

body.active__map #tab-map::before {
	display: none;	
}

#tab-list {
	display: none;
	position: relative;
	z-index: 2;
}

#tab-list.tabs__panel--active {
	display: block;
}

#map {
	width: 100%;
	height: 100%;
}





.list__item {
	position:relative;
	width:100%;
	margin:1.25rem 0;
}

.list__item a {
	text-decoration: none;
}

.list__item .heading {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	margin-bottom:1rem;
}

.list__item h3 {
	margin-bottom:1rem;
	font-size:1.125rem;
	line-height:1.5rem;
}

.list__item h3.alt {
	margin:0;
}

.list__item-right.alt p {
	color:#666666;
}

.list__item span.time {
	padding-left:1.375rem;
	background:url(media/images/icon-time.svg) no-repeat center left;
	font-size:.875rem;
	min-height:1.125rem;
	color:#44819D;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	line-height:1.125rem;
}

.page-template-page-deskundigheid-aanbod .list__item span.time {
	flex:0 0 10rem;
}

.list__item-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.list__item-left {
	-webkit-box-flex:0;
	    -ms-flex:0 0 16.375rem;
	        flex:0 0 16.375rem;
	margin-right:2rem;
}

.list__item-image {
	position:relative;
	width:16.375rem;;
	height:10.25rem;
	z-index: 1;
	overflow:hidden;
}

.list__item-image::after {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.00)), color-stop(41%, rgba(93,93,93,0.48)), color-stop(99%, #252B33));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
}

.list__item-brand {
	position:absolute;
	z-index:3;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	bottom:.5rem;
	left:.5rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
}

.list__item-brand.tweede_partner {
	bottom: 3rem;
}

.list__item-brand .brand-image {
	width:2rem;
	height:2rem;
	border-radius:2rem;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
	background:#ffffff;
	margin-right:.5rem;
}

.list__item-brand .brand-image img {
	max-width:1.5rem;
}

.list__item-brand span {
	color:#ffffff;
	font-size:.75rem;
}

.list__item-right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}

.list__item-right span.datum {
	font-weight:600;
	color:#666666;
	line-height: 1.5;
	font-size:.875rem;
	margin-bottom:1rem;
	width: 100%;
}

.list__item-right span.locatie {
	font-size:.875rem;
	color:#2B2661;
	line-height: 1.5;
	margin-bottom:1rem;
	width: 100%;
}

span.prijs {
	border: 1px solid #dddddd;
    padding: .625rem 1rem;
    border-radius: 2rem;
    color: #999999;
}

span.prijs.single-prijs {
	margin-top:2rem;
	margin-top: 4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color:#dddddd;
}

.list__item-footer {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

.list__item-footer .button {
	margin-right:.5rem;
}

.list__item-footer span {
	font-size:.75rem;
	font-weight:600;
}




.list-result__pagination {
	width:100%;
	margin-top:1rem;
	padding-top:2rem;
	border-top:1px solid #eeeeee;
}

.list-result__pagination ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.list-result__pagination ul li {
	margin-right:.375rem;
}

.list-result__pagination ul li a,
.list-result__pagination ul li span.current {
	display:block;
	width:1.375rem;
	height:1.625rem;
	line-height:1.625rem;
	color:#666666;
	font-family:'PT Serif', serif;
	font-size:.875rem;
	font-weight:700;
	background:#ffffff;
	text-align:center;
	text-decoration: none;
}

.list-result__pagination ul li a.next {
	margin-left:1rem;
}

.list-result__pagination ul li a.prev {
	margin-right:1rem;
}

.list-result__pagination ul li a.next,
.list-result__pagination ul li a.prev {
	width:auto;
	padding-left:.5rem;
	padding-right:.5rem;
}

.list-result__pagination ul li:hover a,
.list-result__pagination ul li span.current  {
	background:#2B2661;
	color:#ffffff;
}


.infowindow {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #ffffff;
    width: 400px;
    height: 150px;
    bottom: 0;
    -webkit-transform: translate(-50%, 31px);
        -ms-transform: translate(-50%, 31px);
            transform: translate(-50%, 31px);
}

.infowindow .infowindow__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1em;
	text-align: center;
	max-height: 100%;
	max-width: 100%;
	overflow-y: auto;
}

.infowindow .infowindow__body h3 {
	font-size: 0.875rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.infowindow .infowindow__body h3::before {
	content: open-quote;
}

.infowindow .infowindow__body h3::after {
	content: close-quote;
}

.infowindow .infowindow__body p {
	font-size: 0.75rem;	
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

.gm-style .gm-style-iw {
	overflow: visible !important;
}

.gm-style .gm-style-iw + div {
	display: none !important;
}




/* ==============================================================================
	ACTIVITEIT
============================================================================= */
.single__activiteit-overview {
	position:relative;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);	background:#ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
	        box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding:2rem 0;
	z-index:9;
}

.single__activiteit-overview .overview__item {
	-webkit-box-flex:0;
	    -ms-flex:0 0 33.33%;
	        flex:0 0 33.33%;
	max-width:33.33%;
	padding:0 2rem;
}

.single__activiteit-overview .overview__item:nth-child(2) {
	border-left:1px solid #D5D4DF;
	border-right:1px solid #D5D4DF;
}

.single__activiteit-overview .overview__item span.label {
	color:#7971FF;
}

.single__activiteit-overview .overview__item h4 {
	font-family: "PT Serif", serif;
	font-weight:700;	
	font-size: .875rem;
    line-height: 1.25rem;
	margin-top:.5rem;
}

.activity-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 -1rem;
}

.activity-partner {
	padding: 0 1rem;
	margin: 0 0 2rem;
}

.activity-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 2rem;
	padding: 0 1rem;
}

.activity-back {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #2B2661;
}

.activity-back div {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color:#ffffff;
	border:3px solid #45B4FF;
	background-position:center center;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

.activity-back:hover {
	color: #2B2661;
}

.activity-back:hover div {
	background-color: #b3defa;
}

.activity-back span {
	margin-left: 0.5rem;
}

.partner__wrap {
	margin-top:-1rem;
	margin-bottom:2rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

.partner__wrap .partner__left {
	width:5.5rem;
	height:5.5rem;
	border-radius:50%;
	overflow:hidden;
	background:#ffffff;
	border:.375rem solid #DAF0FF;
	margin-right:1rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.partner__wrap .partner__left img {
	max-width:4rem;
}

.partner__wrap .partner__right span {
	font-family: "PT Serif", serif;
	font-size:.875rem;
	color:#2B2661;
	font-weight:400;
}

.single__activiteit p {
	font-size:1rem;
	color:#666666;
	line-height:1.625rem;
	margin-top:1rem;
	margin-bottom:2rem;
}

.single__activiteit ul {
	margin:2rem 0 2rem 1rem;
	list-style:disc;
}

.single__activiteit ol {
	margin:2rem 0 2rem 1rem;
	list-style:decimal;
}

.single__activiteit li {
	font-size:1rem;
	color:#666666;
	line-height:1.625rem;	
}

.single__activiteit h3 {
	line-height:2rem;
}

.single__activiteit h3 {
	margin-top:2rem;
}

.single__activiteit h3:first-child {
	margin-top:0;
}

.single__activiteit .cta__deelnemen {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin:2rem 0;
	padding:2.25rem;
	background:#2B2661;
}

.single__activiteit .cta__deelnemen h3 {
	color:#ffffff;
	line-height:1.5rem;
	margin:0;
}

.single__activiteit .cta__deelnemen p {
	color:#ffffff;
	font-size:.875rem;
	margin:0;
}

.single__activiteit .button,
.single__activiteit .button:hover {
	-webkit-box-shadow:none;
	        box-shadow:none;
}





/* ==============================================================================
	VERHALEN
============================================================================= */
.big__verhaal {
	margin-bottom:2rem;
}

.big__verhaal-inner {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

.big__verhaal-image {
	position:relative;
	width: 16.375rem;
    height: 10.25rem;
	margin-right:2rem;
}

.big__verhaal-image::after {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.00)), color-stop(41%, rgba(93,93,93,0.48)), color-stop(99%, #252B33));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(93,93,93,0.48) 41%, #252B33 99%);
}

.big__verhaal-content a {
	text-decoration: none;
}

.big__verhaal-content h3 {
	margin-bottom:1rem;
}

.big__verhaal-content p {
	font-size:.875rem;
	color:#666666;
	margin-bottom:1rem;
}



/* ==============================================================================
	CONTACT
============================================================================= */
	.content h2,
	.content h3 {
		margin-bottom:1rem;
	}
	
	.content p {
		color:#666666;
		font-size:1rem;
		line-height:1.625rem;
		margin-bottom:2rem;
	}


/* ==============================================================================
	FOOTER
============================================================================= */
#page__navigation {
	background:#ffffff;
	padding:3.125rem 0;
}

#page__navigation a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	text-decoration: none;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

#page__navigation span {
	color:#2B2661;
	font-size:.875rem;
	font-family: 'Open Sans', sans-serif;
}

#page__navigation span.arrow-top {
	width:3.125rem;
	height:3.125rem;
	border-radius:50%;
	background: #FFFFFF url(media/images/icon-arrow-top.svg) no-repeat center center;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	        box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	margin-left:1rem;
	-webkit-transition: all .35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all .35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all .35s cubic-bezier(0.67, 0, 0.34, 1);
}

#page__navigation a:hover span.arrow-top {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.30);
	        box-shadow: 0 0 10px 0 rgba(0,0,0,0.30);
}

footer {
	padding:5.625rem 0 3.125rem 0;
	background:#2B2661;
}

footer .footer__contact {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

footer .footer__contact h3 {
	color:#ffffff;
	font-size:1.125rem;
	margin-right:1rem;
	margin-bottom:0;
}

footer img {
	width:8rem;
	height:auto;
	margin-right:5rem;
}

footer .divider {
	margin-top:2rem;
	margin-bottom:6.25rem;
	height:1px;
	background:#373368;
	display:block;
}

footer h3 {
	font-size:1.125rem;
	color:#ffffff;
	margin-bottom:1rem;
}

footer p {
	color:#7F7CA0;
}

footer ul li a {
	color:#7F7CA0;
	text-decoration: none;
}

footer ul li a:hover {
	color:#45B4FF;
}

footer .copyright {
	margin-top:6.25rem;
}





/* ==============================================================================
	BUTTONS
============================================================================= */
button {
	outline:none;
}

.button {
	position:relative;
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	height:3.125rem;
	padding:0 4.75rem 0 2rem;
	font-size:.875rem;
	line-height:3rem;
	font-weight:700;
	text-decoration: none;
	cursor:pointer;
	background:#45B4FF;
	color:#ffffff;
	border-radius:3rem;
	-webkit-box-shadow: 0 .125rem 1.875rem 0 rgba(0,0,0,0.25);
	        box-shadow: 0 .125rem 1.875rem 0 rgba(0,0,0,0.25);
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

.button:hover {
	color:#ffffff;
	-webkit-box-shadow: 0 .125rem 1.875rem 0 rgba(0,0,0,0.5);
	        box-shadow: 0 .125rem 1.875rem 0 rgba(0,0,0,0.5);
}

.button::after {
	position:absolute;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	right: .325rem;
    top: .325rem;
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	background: #7DCAFF url(media/images/icon-arrow-right.svg) no-repeat center center;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-webkit-backface-visibility: hidden;
}


.button:hover::after {
	background-color:#2B2661;
}

.button.white {
	padding:0 2rem;
	background:#ffffff;
	color:#2B2661;
}

.button.white:hover {
	background:#2B2661;
	color:#ffffff;
}

.button.white::after {
	display:none;
}

.button.blue-border {
	padding:0 2rem;	
	background: transparent;
	border:1px solid #2B2661;
	color:#2B2661;
	-webkit-box-shadow:none;
	        box-shadow:none;
}

.button.blue-border:hover {
	background: #2B2661;
	border:1px solid #2B2661;
	color:#ffffff;
}

.button.blue-border::after {
	display:none;
}

.button.small-blue {
	font-size:.625rem;
	padding:.75rem 1.5rem;
	width:auto;
	height:auto;
	line-height:.625rem;
	-webkit-box-shadow:none;
	        box-shadow:none;
}

.button.small-blue:hover {
	background:#2B2661;
}

.button.small-blue::after {
	display:none;
}

.button.small-lightblue {
	font-size:.625rem;
	padding:.75rem 1.5rem;
	width:auto;
	height:auto;
	line-height:.625rem;
	margin-top:1rem;
	-webkit-box-shadow:none;
	        box-shadow:none;
	background:#90DAFA;
}

.button.small-lightblue:hover {
	background:#2B2661;
}

.button.small-lightblue::after {
	display:none;
}

#feedback {
    right: -4.75rem;
    top: 50%;
    z-index: 99;
    /* Webbureau: */
    position:fixed;
    right: -2.4rem;
}

#feedback a {
	display:block;
	padding:1rem 2rem;
	background:#45B4FF;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:.875rem;
	color:#ffffff;
	text-decoration: none;
	-webkit-transform:rotate(-90deg);
	    -ms-transform:rotate(-90deg);
	        transform:rotate(-90deg);
}

#feedback a:hover {
	background:#2B2661;
}

.button.dark {
	background-color:#ffffff;
	color:#2B2661;
}

.button.dark::after {
	background-color:#2B2661;
}

.button.dark:hover::after {
	background-color:#90DAFA;
}

.button.light {
	background-color:#ffffff;
	color:#90DAFA;
}




/* ==============================================================================
	24. FORMS
============================================================================= */

form {

}

fieldset {

}

legend {

}

.gform_wrapper label.gfield_label {
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	font-weight:400;
	color:#7F7CA0;
	padding:0;
	margin:0 0 .25rem 0;
}

.gform_fields {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.gform_fields .form-half {
	-webkit-box-flex:0;
	    -ms-flex:0 0 48%;
	        flex:0 0 48%;
	max-width:48%;
	margin-bottom:1rem;
}

.gform_fields .form-full {
	-webkit-box-flex:0;
	    -ms-flex:0 0 100%;
	        flex:0 0 100%;
	max-width:100%;
	margin-bottom:1rem;
}

ul li a {
	display:inline;
}

.gfield_html {
	margin-bottom:2rem;
}

input:focus,
textarea:focus,
select:focus {
	outline:none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	color:#7F7CA0;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	color:#7F7CA0;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	color:#7F7CA0;
}

input::placeholder,
textarea::placeholder {
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	color:#7F7CA0;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="time"],
textarea,
select {
	width:100%;
	margin:0;
	padding:.5rem;
	background:#ffffff;
	border:1px solid #D5D9E1;
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	color:#7F7CA0;
	border-radius:.25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea {
	height:4rem;
}

.ginput_container_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.gform_footer .button {
	width:auto;
	-webkit-box-shadow:none;
	        box-shadow:none;
	border:none;
	padding-left:3rem;
	padding-right:3rem;
}

.gform_footer .button:hover {
	background:#2B2661;
}

.gform_footer .button,
.gform_footer .button::before {
	-webkit-transition: all .75s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all .75s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all .75s cubic-bezier(0.67, 0, 0.34, 1);	
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
textarea:hover {

}

input[type="search"] {

}

input[type="date"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit {

}

input[type="checkbox"] {

}

input[type="checkbox"]:checked {

}

input[type="checkbox"]:checked::before {

}

input[type="radio"] {

}

input[type="radio"]:checked {

}

input[type="radio"]:checked::before {

}

input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {

}

input[type="submit"]:active,
input[type="submit"]:active {

}

.validation_error {
	font-size:.75rem;
	margin-bottom:1rem;
}

.validation_message {
	font-size:.625rem;
	margin-bottom:-1rem;
	color:#f53434;
}



/* ==============================================================================
	8. SEARCH
============================================================================== */
#navigation .search-button {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-line-pack: center;
	    align-content: center;
	cursor:pointer;
	width:1.5rem;
	height:1.5rem;
	background:url(media/images/icon-search.svg) no-repeat center center;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

#navigation .search-button::after {
	content:"Zoeken";
	font-family:'Open Sans', sans-serif;
	font-size:.75rem;
	font-style:italic;
	color:#B4A7C0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 2rem;
}

#search-close * {
	cursor:pointer;
}

.search-divider {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:1px;
	height:1rem;
	background:#87C7F7;
	margin:0 1.25rem;
}

.search-button:hover {
	opacity:.5;
}

#search-close {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 30px;
	height: 30px;
	margin: 0;
	color: #2B2661;
	z-index: 999;
	cursor:pointer;
}

#search-close .link-icon {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
}

#search-close span:first-child {
	width:30px;
	height:2px;
	top:50%;
	left:50%;	
	background:#2B2661;
	position:absolute;
	-webkit-transform: translate(-50%, -50%) rotate(45deg); 
	-ms-transform: translate(-50%, -50%) rotate(45deg); 
	    transform: translate(-50%, -50%) rotate(45deg);
}

#search-close span:last-child {
	width:30px;
	height:2px;
	background:#2B2661;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg); 
	-ms-transform: translate(-50%, -50%) rotate(-45deg); 
	    transform: translate(-50%, -50%) rotate(-45deg);
}

#search-close:hover .link-icon {
	-webkit-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
	    transform: rotate(90deg);
}

#search-modal {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	-webkit-transition: all 1s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 1s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 1s cubic-bezier(0.67, 0, 0.34, 1);
}

#search-area {
	position:fixed;
	opacity:0;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:#FBFBFF;
	-webkit-transform: scale(.75);
	    -ms-transform: scale(.75);
	        transform: scale(.75);
	-webkit-transition: all .5s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all .5s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all .5s cubic-bezier(0.67, 0, 0.34, 1);
}

body.search-open {
	overflow:hidden;
}

body.search-open #search-area {
	opacity:1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	overflow-y: auto;
}

body.search-open #search-modal {
	opacity: 1;
	visibility: visible;
}

.search-container {
    position: relative;
    padding: 0 1em;
    height: 100%;
	width:50%;
	margin:1em auto;
}

#search-modal form {
	background:#e4e4f8;
	border-radius:.3125rem;
	overflow:hidden;
	padding:1.5rem;
}

.search-fields {
	font-size:1.250em;
}

.search-fields ::-webkit-placeholder,
.search-fields ::-webkit-input-placeholder {
	color:#555555;
	font-style:italic;
	font-size: 1.125em;
}

.search-fields ::-webkit-placeholder,
.search-fields ::placeholder {
	color:#555555;
	font-style:italic;
	font-size: 1.125em;
}

.search-fields-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 100%;
	height: auto;
}

.search-fields button {
	font-size: 1em;
	line-height:auto;
	background:transparent;
	color:#555555;
	border:0;
	display:none;
}

.search-fields input {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	font-weight:400;
	width: 100%;
	border: 0;
	padding:0;
	background: transparent;
	color:#555555;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
}

.search-fields input:focus {
	outline: 0;
}

.search-fields input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

#search-results {
	color: #ffffff;
	list-style: none;
	padding:0;
}

#search-results li {
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	opacity: 0;
	-webkit-transform: translate(0, 50%);
	        -ms-transform: translate(0, 50%);
	    transform: translate(0, 50%);
	border-bottom:1px solid #FBFBFF;
	padding:2rem;
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);	
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    z-index:2;
}

#search-results li::before {
	z-index:1;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#45B4FF;
	-webkit-transform: translate(-102%, 0);
	    -ms-transform: translate(-102%, 0);
	        transform: translate(-102%, 0);
	content:"";
	-webkit-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	-o-transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);
	transition: all 0.35s cubic-bezier(0.67, 0, 0.34, 1);	
}

#search-results li:hover::before {
	-webkit-transform:translate(0, 0);
	    -ms-transform:translate(0, 0);
	        transform:translate(0, 0);
}

#search-results p {
    font-size: .875rem;
    margin-top: .5rem;
    color:#999999;
}

#search-results a {
	text-decoration:none;
}

.search-container {
    width: 50vw;
    height: auto;
    padding-top:10rem;
    
}

.search-output {
	max-height: 100%;
    overflow-y: auto;
}

.ui-autocomplete {
	display:none;
}


@-webkit-keyframes flyIn {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
} 

@keyframes flyIn {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}



/* ==============================================================================
	24. WELKOM SPLIT SCREEN
============================================================================= */
.split {
	height:100%;
	background-image:url(media/images/split-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display:block;
}

.split .container,
.split .row {
	height:100%;
}

.split .welkom__image {
	width:12.5rem;
	height:12.5rem;
	border-radius:6.25rem;
	overflow:hidden;
	margin-bottom:2rem;
	margin-left:auto;
	margin-right:auto;
}

.split p {
	color:#15516C;
}

.split .light h3 {
	color:#ffffff;
}

.split .light p {
	color:#A8A5CF;
}

.split h3 {
	font-size:1.25rem;
	line-height:1.875rem;
}

.split p {
	margin:1rem 0 2rem 0;
}




/* ==============================================================================
	25. RESPONSIVE
============================================================================= */

@media all and (max-width: 64em) {
	
	/* HOME */
	.verhalen__slider .slick-arrow {
		left: 4.5rem;
	}
	
	.block {
		height:30rem;
	}
	
	.navigation-right .navigation__search {
		width: 10rem;
	}
	
	.blocks__slider .slick-next {
	    left: .25rem;
	}
	
	.blocks__slider .slick-track {
		margin-left:-1.875rem;
	}
	
	.search-container {
    	width: 75vw;
    }
    
}



@media all and (max-width: 48em) {	
	
	body {
		padding-top: 3.5rem;
	}
	
	#navigation {
		height: 3.5rem;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	
	#navigation .search-button::after {
		display:none;
	}	
	
	.navigation-right .navigation__search {
	    height: auto;
	    width:auto;
	    border-left: none;
	    padding-left: 0;
	    margin-left: 0;
	}

	
	#navigation .logo {
	    width: 63px;
	    height: 36px;
	}
	
	nav.header-nav {
		opacity:0;
		visibility:hidden;
		-webkit-transition: .5s ease-in-out;
	    -o-transition: .5s ease-in-out;
	    transition: .5s ease-in-out;
	    -webkit-transform: translate(100%, 0);
	        -ms-transform: translate(100%, 0);
	            transform: translate(100%, 0);
	    background: #ffffff;
		width:100%;
		height:100%;
		position:fixed;
		height:100%);
		top: 0;
		left: 0;
		z-index:90;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:flex-start;
		    -ms-flex-align:flex-start;
		        align-items:flex-start;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-hide-scrollbar;
		display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	}
		
	.nav-open nav.header-nav {
		opacity:1;
		visibility:visible;
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
	}
	
	nav.header-nav ul {
		width:100%;
		max-width:90%;
		margin:0 auto;
		padding-top:3.125rem;
		padding-bottom:3.125rem;
		background:transparent;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	}
	
	nav.header-nav ul::before {
		display:none;
	}
	
	nav.header-nav ul li {
		display:block;
		margin-right:0;
		margin-left:0;
		text-align:center; 
	}
	
	nav.header-nav ul li a {
		max-width:100%;
		margin:0 auto;
		display:block;
		color:#ffffff;
		font-size:1.5rem;
	}
	
	nav.header-nav ul li a:after {
		display:none;
	}
	
	.navbar-toggle {
		display:block;
		position:relative;
		height:1rem;
		width:1.875rem;
		margin-left:1rem;
		outline:none;
		-webkit-appearance: none;
		border:0;
		padding:0;
		background:transparent;
		z-index:999;
	}
	
	.navbar-toggle:focus,
	.navbar-toggle:active {
		outline:none;
		background:transparent;
	}
	
	.navbar-toggle .icon-bar {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		position:absolute;
		width:1.875rem;
		height:.125rem;
		background:#2B2661;
	    -webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
	    -webkit-transition: all 0.3s 0s cubic-bezier(0.76, 0.17, 0.27, 0.88);
	    -o-transition: all 0.3s 0s cubic-bezier(0.76, 0.17, 0.27, 0.88);
	    transition: all 0.3s 0s cubic-bezier(0.76, 0.17, 0.27, 0.88);
	    outline:none;
    }
    
    .navbar-toggle .icon-bar { 
	    background:#2B2661;
    }
    
    .navbar-toggle.active .icon-bar {
	    -webkit-transition: all 0.3s 0.3s cubic-bezier(0.76, 0.17, 0.27, 0.88);
	    -o-transition: all 0.3s 0.3s cubic-bezier(0.76, 0.17, 0.27, 0.88);
	    transition: all 0.3s 0.3s cubic-bezier(0.76, 0.17, 0.27, 0.88);
    }
    
    .nav-open .navbar-toggle .icon-bar {
	    background:#2B2661;
    }
	
	.navbar-toggle span:nth-child(1) {
		top:0;
	}
	
	.navbar-toggle span:nth-child(2) {
		top:7px;
	}
	
	.navbar-toggle span:nth-child(3) {
		top:14px;
	}
		
	.navbar-toggle.active span:nth-of-type(1) { 
		-webkit-transform: translate(0, 9px) rotate(45deg); 
		-ms-transform: translate(0, 8px) rotate(45deg); 
		    transform: translate(0, 8px) rotate(45deg);
		-webkit-transition-delay:;
		     -o-transition-delay:;
		        transition-delay: 
	}
	
	.navbar-toggle.active span:nth-of-type(2) { 
		-webkit-transform: translate(9px, 0); 
		-ms-transform: translate(100px, 0); 
		    transform: translate(100px, 0); 
		opacity: 0;
	}
	
	.navbar-toggle.active span:nth-of-type(3) { 
		-webkit-transform: translate(0, -6px) rotate(-45deg); 
		-ms-transform: translate(0, -6px) rotate(-45deg); 
		    transform: translate(0, -6px) rotate(-45deg); 
	}
	
	
	/* MAIN NAVIGATION - FIRST LEVEL*/
	nav.header-nav ul li.menu-item-has-children a::after {
		display:none;
	}
	
	nav.header-nav ul li {
		margin-bottom: 2.5rem;
	}
	
	nav.header-nav ul li a {
		font-family:'PT Serif', serif;
		font-size:2.125em;
		padding:0;
		border:none;
		color:#2B2661;
		font-weight: 700;
	}
	
	nav.header-nav li a:hover, 
	nav.header-nav li:hover a, 
	nav.header-nav li.current-menu-item a, 
	nav.header-nav li.current-page-ancestor a {
		color:#45B4FF;
		border:none;
		background:transparent;
	}
	
	/* MAIN NAVIGATION - SECOND LEVEL*/
	nav.header-nav ul li > ul {
		position:relative;
		visibility:visible;
		opacity:1;
	    background:transparent;
		-webkit-box-shadow: none;
		        box-shadow: none;
	    border-radius:none;
	    width:100%;
	    padding:0;
	    margin-top: 0.5rem;
		margin-left:0;
		margin-right:auto;
	    top:auto;
	    left:auto;
	    max-width:100%;
	}
	
	nav.header-nav ul li > ul:before {
		display:none;
	}

	nav.header-nav ul li ul li {
		margin:0;
		margin-top:.5rem;
		width:100%;
		margin-bottom:.5rem;
	}
	
	nav.header-nav ul li:hover > ul li a,
	nav.header-nav ul li > ul li a {
		color:#666666;
		font-weight:400;
		font-size:1rem;
		padding:0;
		width:100%;
		text-align:center;
		border-left:none;
	}
	
	nav.header-nav ul li >	ul li:hover,
	nav.header-nav ul li > ul li a:hover,
	nav.header-nav ul li > ul li.current-menu-item a,
	nav.header-nav ul li.current_page_ancestor a {
		background:transparent;
		color:#00BBEC;
	}
        

	.verhaal__image {
	    height: 31.25rem;
	    -ms-grid-column: 1;
	    -ms-grid-column-span: 16;
	    grid-column: 1 /span 16;
	    opacity: 0.1;
    }
    
    .verhaal__intro {
	    height: 31.25rem;
	    -ms-grid-column: 1;
	    -ms-grid-column-span: 16;
	    grid-column: 1 /span 16;
	    position: absolute;
	}
	
	.verhalen__slider .slick-arrow {
	    left: auto;
	    right: 3rem;
	}
	
	.verhalen__slider .slick-prev {
		right:6rem;
	}
	
	.partner__logos ul li {
	    margin-top: 0rem;
	    padding: 2.5rem;
	}
	
	.modal .modal__inner {
	    width: 90%;
	    margin:0 auto;
	    padding-left: 15rem;
	    height: auto;
	}
	
	.modal .modal__inner .modal__inner-left {
    	width: 15rem;
    }
    
    footer .footer__contact {
	    -webkit-box-pack: start;
	        -ms-flex-pack: start;
	            justify-content: flex-start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
        margin-bottom:3.125rem;
    }
    
    footer .box-static {
	    display:none;
    }
    
    footer .box-md-3,
    footer .box-md-2 {
	    -webkit-box-flex:0;
	        -ms-flex:0 0 33.33%;
	            flex:0 0 33.33%;
	    max-width:33.33%;
	}
	
	footer .box-md-3:first-child {
		padding-right:3.125rem;
	}
	
	footer .copyright .box-static {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	.blocks__slider .slick-track {
		margin-left:-6.25rem;
	}
	
	
	/* MAP */
	header.big__header {
	    height: 25rem;
	}
	
	.filters  .filters__toggle {
		display: block;
	}
	
	.filters .filters__body {
		display: none;
	}
	
	.show__filters .filters  .filters__body {
		display: block;
	}
	
	.map__filters {
	    margin-top: 2rem;
	}
		
	.filter__selection {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	
	.selected__item {
		margin-right:1rem;
	}
	
	.selected__item a {
		padding-left:1rem;
		padding-right:1rem;
	}
	
	.selected__item span.close {
		margin-right:.75rem;
	}

	.filter__group:first-child {
		margin-right: 3.125rem;
		padding-right:3.125rem;
		border-right:1px solid #E3E2EC;
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	
	.box-no-padding {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	
	#tab-map {
		height: 25rem;
	}
	
	.filters .filters__content {
		min-height: 25rem;	
	}
	
}




@media all and (max-width: 30em) {

	.padding-160 {
	    padding-top: 6.25rem;
	    padding-bottom: 6.25rem;
	}
	
	.navigation-right .navigation__search {
		width: auto;
	}
	
	/* HOME */
	.verhaal__intro-inner {
    	padding: 0 1rem;
	}
	
	.verhaal__intro hr {
		margin:1.5rem 0;
	}
	
	.block {
		height:25rem;
	}
	
	.block .block__inner {
	    padding: 0px 2rem;
	}
	
	.partner__logos ul li {
    	padding: 1.75rem;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 33.33%;
	            flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	
	.modal .modal__inner {
	    width: 86%;
	    margin:0 auto;
	    padding: 2rem;
	    height: auto;
	}
	
	.modal .modal__inner .modal__inner-left {
    	display:none;
    }
    
    .modal .modal__inner .modal__inner-right {
	    padding:0;
    }
    
    .modal .modal__inner .modal-close {
	    top:-1rem;
	    margin:0;
	    right:-1rem;
    }
    
    .search-container {
	    width: 100vw;
	    height: auto;
	    padding-top: 4rem;
	    margin-left: 0;
	}
	
	.search-fields ::-webkit-placeholder, .search-fields ::-webkit-input-placeholder {
	    color: #555555;
	    font-style: italic;
	    font-size: .875em;
	}
	
	.search-fields ::-webkit-placeholder, .search-fields ::placeholder {
	    color: #555555;
	    font-style: italic;
	    font-size: .875em;
	}
	
	#search-modal form {
		padding:1rem;
	}
	
	footer .footer__contact {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
	}
	
	footer .footer__contact a.button {
		margin-top:2rem;
	}
	
	footer .box-md-3 {
	    -webkit-box-flex:0;
	        -ms-flex:0 0 100%;
	            flex:0 0 100%;
	    max-width:100%;
	}
	
	footer .box-md-2 {
	    -webkit-box-flex:0;
	        -ms-flex:0 0 50%;
	            flex:0 0 50%;
	    max-width:50%;
	}
	
	footer .divider {
    	margin-bottom: 3.125rem;
    }
    
	footer .widget {
		margin:0 0 3.125rem 0;
	}
	
	footer .copyright {
		margin-top:3.125rem;
	}
	
	.blocks__slider .slick-track {
		margin-left:-1.875rem;
	}
	
	.single__verhaal-image {
	    height: 16rem;
	}
	
	.post-nav {
    	top: -3.125rem;
	}
	
	.post-nav .nav-prev {
  		left: 5rem;	
  	}
  	
  	.post-nav .nav-next {
  		right: 5rem;	
  	}
  	
  	.border-top {
	    margin-top: 3.125rem;
	    padding-top: 3.125rem;
	}
	
	/* MAP */
	header.big__header {
	    height: 100%;
	}

	header .header__content h1, 
	.single__verhaal-titel h1 {
	    font-size: 1.75rem;
	    line-height: 1.875rem;
	}
	  	
  	.filter__heading {
	  	-webkit-box-align:start;
	  	    -ms-flex-align:start;
	  	        align-items:flex-start;
  	}
  		
  	.filter__heading-left h3 {
	  	margin-bottom:.5rem;
  	}
  	
  	.filter__selection {
	  	-webkit-box-orient: vertical;
	  	-webkit-box-direction: normal;
	  	    -ms-flex-direction: column;
	  	        flex-direction: column;
	  	-webkit-box-align:start;
	  	    -ms-flex-align:start;
	  	        align-items:flex-start;
  	}
  	
  	.selected__item {
	  	width:100%;
  	}
  	
  	.show__filters .filters {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
  	}
	
	.filter__group:first-child {
		margin-right:0;
		padding-right:0;
		border-right:none;
		padding-bottom:2rem;
		margin-bottom:2rem;
		border-bottom:1px solid #E3E2EC;
	}
	
	.map__content {
		padding-top:0;
	}
	
	.map__content .tabs {
	    position: fixed;
	    top: auto;
	    right: 1rem;
	    left: 1rem;
	    bottom: 1rem;
	}
	
	.map__content .tabs,
	.active__map .map__content .tabs {
	    top: auto;
	    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.30);
	            box-shadow: 0 2px 20px 0 rgba(0,0,0,0.30);
	}
	
	.map__content .tabs li {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	#activiteiten__map {
		min-height:25rem;
	}
	
	#activiteiten__list {
		min-height:25rem;
	}
	
	.list__item {
		margin-bottom:2rem;
	}
	
	.list__item-inner {
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	    -webkit-box-pack: start;
	        -ms-flex-pack: start;
	            justify-content: flex-start;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}

	.list__item-left {
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    margin-right: 0;
	    width: 100%;
	}
	
	.list__item-image {
	    width: 100%;
	    height: 12rem;
	    margin-bottom:1rem;
	}
	
	.big__verhaal {
		margin-bottom:2rem;
	}
	
	.big__verhaal-inner {
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	
	.big__verhaal-image {
	    position: relative;
	    width: 100%;
	    height: auto;
	    margin-right: 0;
	    margin-bottom:1rem;
	}
	
	#search-results li {
		padding:1rem;
	}

	.big__slider .box-static:last-child {
		margin-top:1rem;
	}
	
	.partner__wrap .partner__left {
		-webkit-box-flex:0;
		    -ms-flex:0 0 5.5rem;
		        flex:0 0 5.5rem;
	}
	
	.partner__wrap .partner__left img {
    	max-width: 3.5rem;
	}
		
	.single__activiteit-overview {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding:1rem 0;
		-webkit-transform: translate(0, -25%);
		    -ms-transform: translate(0, -25%);
		        transform: translate(0, -25%);	
	}
	
	.single__activiteit-overview .overview__item {
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	}
	
	.single__activiteit-overview .overview__item:nth-child(2) {
		border-left:none;
		border-right:none;
		padding:1rem 2rem;
		margin:1rem 0;
		border-top:1px solid #eeeeee;
		border-bottom:1px solid #eeeeee;
	}
	
	.single__activiteit .cta__deelnemen {
		-webkit-box-align:start;
		    -ms-flex-align:start;
		        align-items:flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.single__activiteit .cta__deelnemen .button {
		margin-top:1rem;
	}
	
	header.single__verhaal-header {
   		height: 25rem;
   	}
   	
   	.single__verhaal {
	    margin-top: -20rem;
	}
	
	.gform_fields .form-half {
		max-width:100%;
		-webkit-box-flex:0;
		    -ms-flex:0 0 100%;
		        flex:0 0 100%;
	}
	
	#feedback {
		/* Webbureau: */
		/*display:none;*/
                bottom:0;
		z-index:99;
		right:inherit;
		transform:inherit;
		-webkit-transform:inherit;
		        transform:inherit;
		top:inherit;
		right:0

	}
	
 	/* Webbureau */
	#feedback a {
		padding:0.6rem 1.3rem;
	        -webkit-transform:inherit;
         	        transform:inherit;
	}
	
	.split {
		padding:3.125rem 0;
		background:url(media/images/split-bg-mobile.svg) no-repeat center center / cover;
	}

	.split .box-md-4.light {
		padding-bottom:8rem;
	}
	
	.split .box-md-4.dark {
		padding-top:8rem;
	}
	
	.split .welkom__image {
		width:8rem;
		height:8rem;
		border-radius:4rem;
	}
	
	body.page-template-page-welkom {
		min-height:100%;
		height:auto;
	}
	
	.cookie-notice-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.cookie-notice-container #cn-accept-cookie {
		margin-top:1rem;
	}
		
}