/*
Theme Name: Bring The Elephant Home 
Author: info@webatleten.nl
Version: 1.1
Text Domain: bteh
*/

@import "/wp-content/themes/bteh/flexboxgrid.css";
@import "/wp-includes/css/dist/block-library/style.min.css";

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, em, hr, img, small, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

* {
	box-sizing: border-box;
}

body {
	font: 1.325rem/1.6 "Assistant", sans-serif;
	color: #222;
}

h1, h2, h3, h4, h5 {
	font-family:"Assistant",sans-serif;
	letter-spacing:-0.1px;
	font-weight:400;
}

	h1 {
		font-size:3.8rem;
		line-height:1;
		margin-bottom:.5em;
	}

		.home h1 {
			font-size:2.75rem;
			color:#222;
			margin-bottom:.35em;
		}

	h2 {
		font-size:2.1rem;
		font-weight:600;
		margin-bottom:.4em;
	}

	h3 {
		font-size:2rem;
		line-height:1.4;
		margin-bottom:.4em;
	}

		p + h3 {
			margin-top:1em;
		}

		.content > h3 {
			margin-bottom:.25em;
		}

	h4 {
		font-size:1.7rem;
	}

		.content h4 {
			font-size: 1.3rem;
			font-weight: 600;
			margin-bottom: 0em;
			margin-top: 1em;
		}

			.content h4:first-child {
				margin-top:0;
			}

section,
.center {
	width:1200px;
    margin:0 auto;
}

.text-center,
.wp-block-image .aligncenter > figcaption {
	text-align:center;
}

.text-right {
	text-align:right;
}

a {
	text-decoration:none;
	outline:0;
	cursor:pointer;
	color:inherit;
}

	a img {
		border: none;
	}

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

blockquote {
	background:#228b34;
	padding:32px 100px 35px 30px;
	margin:2em 0;
	color:#fff;
	position:relative;
}

	blockquote:after {
		content:"";
		display:inline-block;
		position:absolute;
		width:200px;
		height:200px;
		background: url(images/elephant.svg) no-repeat right bottom;
		background-size:cover;
		filter:invert(100%);
		bottom:0;
		right:25px;
		opacity:.2;
		margin-bottom:-77px;
	}

	blockquote p {
		font-size:1.05em !important;
	}

	blockquote p:first-of-type:after {
		display:none !important;
	}

figure {
	margin:1em 0 0;
}

	body[data-page="our-mission"] .wp-block-column, 
	body[data-page="meet-the-team"] .wp-block-column {
		height:340px;
		position:relative;
		margin-bottom:1em;
		cursor:default;
	}
	
		body[data-page="our-mission"] .wp-block-column {
			height:230px;
		}

		body[data-page="meet-the-team"] .wp-block-column p {
			position:absolute;
			top:0;
			font-size:1.1rem;
			line-height:1.4;
			padding:20px;
			background:rgba(0,0,0,.4);
			color:#fff;
			height:100%;
			text-align:center;
			opacity:0;
			transition:all 1s;
			display:flex;
			align-items:center;
		}

			body[data-page="meet-the-team"] .wp-block-column:hover > p {
				opacity:1;
			}

		body[data-page="our-mission"] .wp-block-column figure, 
		body[data-page="meet-the-team"] figure {
			height:100%;
			margin:0;
		}

			body[data-page="our-mission"] figure img, 
			body[data-page="meet-the-team"] figure img {
				width:100%;
				height:100%;
				object-fit:cover;
			}

		body[data-page="our-mission"] figcaption {
			position:absolute;
			bottom:0;
			left:0;
			padding:7px 18px;
			background:rgba(0,0,0,.5);
			color:#fff;
			pointer-events:none;
			margin:0;
		}

		body[data-page="meet-the-team"] figcaption {
			margin-top:.55em;
			text-align:center;
		}

	.home figure {
		margin-top:0;
	}

	.projects + article .content > figure.wp-block-image,
	.wp-block-gallery,
	.wp-block-columns:not(.home-welcome),
	.wp-block-group,
	.content iframe {
		margin:2.5em 0;
		max-width:100%;
		width:100%;
	}	

		.wp-block-columns:not(.home-welcome) + h4 {
			margin-top:0;
		}
		
		.projects figure.wp-block-image,
		.content iframe {
			min-height:500px;
		}
		.content .h-captcha iframe {
			margin: 0px;
			min-height: 0px;
		}

	.blocks-gallery-item__caption {
		margin-left:0 !important;
		font-size:.9em !important;
		padding-bottom:.75em !important;
	}

	.content figcaption {
		color:#222;
		margin:.7em 0 0 .5em;
		font-size:1rem;
	}

		.home .content figcaption {
			text-align:center;
			font-size:.9rem;
			margin-top:.6em;
		}

	.content .wp-block-gallery ul {
		margin:0;
	}

	.content ul .blocks-gallery-item {
		margin-bottom:0;
	}

p {
	margin-bottom:1em;
}

.clear {
	clear:both;
}

.hidden,
noscript iframe,
.pagination h2,
.frm_hidden,
.frm_pos_hidden,
.frm_verify,
.frm_hidden_container > .frm_primary_label,
.frm_screen_reader {
	display:none;
}

.left,
.alignleft {
	float:left;
}

.right,
.alignright {
	float:right;
}

	img.alignright {
		float:right;
		margin:0 0 15px 15px;
	}

	img.alignleft {
		float:left;
		margin:0 15px 15px 0;
	}
	
	img.alignnone {
		float:none;
	}

input[type="text"],
input[type="email"],
input[type="number"],
form select,
textarea {
	padding:7px 15px;
	font:inherit;
	font-size:1.1rem;
	letter-spacing:-.25px;
	margin-bottom:.5em;
	border:1px solid #ddd;
	width:100%;
}

.frm_primary_label,
.frm_section_spacing {
	border:none;
	font-weight:600;
	font-size:1.5rem;
	line-height:1;
	padding:0;
	margin:0 0 .33em;
}

	#field_account_details_label {
		display:block;
		margin: .75em 0 .5em;
	}

	.frm_section_spacing {
		margin:.5rem 0 1rem .5rem;
	}

	.frm_top_container:first-of-type .frm_primary_label {
		margin-top:0;
	}

	form select {
		width:100%;
	}

.frm_top_container,
.frm_section_heading {
	margin-bottom:1em;
}

	.frm_top_container.col-sm-12 {
		margin:0;
	}

form.anon .details, 
form.anon .newsletter {
	display:none;
}

.frm_submit {
	margin-top:.1em;
	display:inline-block;
	padding-right:50px;
}

.horizontal_radio .frm_opt_container > div {
	display:inline-block;
	margin:.5em 0;
}

label {
	font-size:1.1rem;
}

.frm_dropzone {
	padding:0 1em 1em;
	font-size:.95rem;
	border-bottom:1px solid #ddd;
	margin-bottom:1em;
}

.frm_small_text {
	font-size:.75rem;
	margin-top:10px;
}

.error {
	color:red;
}

.content form {
	background:#f6f6f6;
	padding:32px 31px;
	margin-top:1.5em;
	position:relative;
}

	.content form:before {
		content: "";
		display: inline-block;
		width: 100px;
		height: 100px;
		background: rgba(0,0,0,.5) url(images/logo.png) no-repeat;
		background-size: auto;
		background-size: 100%;
		position: absolute;
		right:33px;
		top:30px;
		opacity:.5;
	}

fieldset {
	position:relative;
	overflow:hidden;
}

#form-message {
	position:relative;
	top:-50px;
}

#donate-total b {
	font-weight:600;
}

html[lang="nl"] #donate-total:before {
	content:"Ingezameld bedrag: ";
}

html[lang="en"] #donate-total:before {
	content:"Currently donated: ";
}

.frm_fields_container > .frm_form_field,
form.show-all[data-method="IDEAL"] .creditcard,
form.show-all[data-method="CREDIT_CARD"] .ideal,
form.show-all .amount:not(.active), 
.frm_submit,
.form-footer {
	opacity:0;
	position:absolute;
	transition:opacity 1s;
}

	/*.frm_error_style + div .frm_fields_container > .frm_form_field,*/
	.show-all  .all,
	.show-all .form-footer,
	.show-all .frm_submit,
	.frm_error_style + div .frm_submit,
	.frm_form_field.active,
	form[data-method="IDEAL"] .ideal,
	form[data-method="CREDIT_CARD"] .creditcard {
		opacity:1;
		position:relative;
	}

.details {
	margin-top:-.75em;
}

.frm_button_submit.active {
	background:#1abc9c url(images/spinner.gif) no-repeat 90% center;
	padding-right:35px;
}

#field_amount-other {
	margin:-.5em 0 1em;;
}

#frm_field_9_container .frm_radio {
	display:inline-block;
	width:20%;
}

.error {
	position:relative;
}

.error:after {
	content:"Dit veld is verplicht";
	display:inline-block;
	position:absolute;
	top:100%;
	top: 100%;
	left: 30px;
	font-size: .85rem;
	background: tomato;
	color:#fff;
	box-shadow: 2px 3px 7px 0px rgba(0,0,0,.25);
	padding: 0px 15px;
	line-height:2rem;
	text-align:center;
	z-index:1;
	white-space:nowrap;
}

	.error:before {
		content:"";
		width: 0; 
		height: 0; 
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid tomato;
		position:absolute;
		top:100%;
		margin-top:-7px;
		left:68px;
	}

	.error.syntax:after {
		content:"De IBAN code is niet juist ingevuld";
	}

	html[lang="en"] .error:after {
		content:"This field is required";
	}

.form-footer {
	margin-top:1.5em;
	color:#888;
	border-top: 1px solid #ddd; 
	padding-top:.8em;
}

	.form-footer p,
	.content .form-footer p:first-of-type {
		font-size:.9rem;
		line-height:1.6;
	}

		.content .form-footer h4 {
			font-size:1.2rem;
			margin-bottom:.15em;
			color:#777;
		}

			.content .form-footer p:first-of-type:after {
				display:none;
			}

		.form-footer p:last-child {
			margin:0;
		}

	.form-footer a {
		font-weight:normal;
	}

.wp-block-button {
	color:inherit;
	margin-top:1.5em;
}

.cf:after {
	content:"";
	display:table;
	clear:both;
}

button,
.wp-block-button__link,
.wp-block-button__link:visited,
.button {
	font:600 .75rem "Open Sans", sans-serif;
	display:inline-block;
	padding:12px 18px;
	background:#1abc9c;
	color:#fff;
	border:none;
	transition:all .3s ease;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin-top:1em;
	border-radius:3px;
	-webkit-appearance:none;
}

	button:hover,
	.wp-block-button__link:hover,
	.button:hover {
		background:#3A4C56;
		color:#fff;
	}

table {
	line-height:1rem;
}

thead {
	font-weight:bold;
}

td {
	padding:0 20px 5px 0;
	vertical-align:middle;
}
	
	td .button {
		margin-right:6px;
	}

.small {
	font-size:.95rem;
}

.frm_error_style {
	font-style:italic;
	margin-bottom:1em;
	color:red;
}

.frm_error {
	font-size: .8rem;
	color: red;
	position: relative;
	margin:.25em 0 0 25px;
}

header {
	position:fixed;
	width:100%;
	top:0;
	z-index:2;
	padding:0 40px;
	height:100px;
	background:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.5));
	transition:all .5s ease-in-out;
	margin:0 !important;
	pointer-events:none;
}
.admin-bar header {
	top: 32px;
}
@media only screen and (max-width: 768px) {
	.admin-bar header {
		top: 46px;
	}
}

/*
	.fixed header {
		background:#3A4C56;
		box-shadow:0 0 20px 10px rgba(0,0,0,.05);
		top:-80px;
	}

		.fixed.scroll header {
			top:0;
		}
*/
	header > div {
		height:70px;
	}

	header,
	header a {
		color:rgba(255,255,255,.9);
		color:ivory;
		font-weight:700;
		font-size:.9rem;
		line-height:1;
		text-transform:uppercase;
		letter-spacing:1px;
	}

		.fixed header .current-menu-item {
			font-weight:700;
		}

	header ul {
		list-style:none;
		pointer-events:auto;
	}

	header li {
		display:inline-block;
		margin-right:17px;
	}

		header li:first-child:before {
			content:"";
			display:inline-block;
			width:22px;
			height:20px;
			background:url(images/elephant.svg) no-repeat center;
			background-size:100%;
			filter:invert(100%);
			transform: scaleX(-1);
			margin-right:5px;
			vertical-align:middle;
			position:relative;
			top:-2px;
		}

		.lang-search {
			display: flex;
			align-items: center;	

		}

	#contact-page {
		display:inline-block;
		width: 18px;
		height: 18px;
		margin: 0px 15px 0px auto;
	}
	#contact-page svg {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	#change-lang {
		color:rgba(255,255,255,.65);
		pointer-events:auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin: 0px;
	}

		#change-lang a,
		#change-lang span {
			color:#fff;
			font-size:.85rem;
			margin: 0px 0px 0px 5px;
			padding-left: 5px;
			border-left: 1px solid #fff;

			display: inline-block;
		}
		#change-lang a:first-child,
		#change-lang span:first-child {
			border: none;
		}
				

		#change-lang .active,
		#change-lang .wa-translate-current {
			text-decoration:underline;
		}

		#change-lang:before {
			content:"";
			display:inline-block;
			width:12px;
			height:12px;
			background:url(images/globe.svg) no-repeat center;
			background-size:100%;
			filter:invert(100%);
			vertical-align:middle;
			margin-right:3px;
			position:relative;
			top:-1px;
		}

	header form {
		position:relative;
		display:inline-block;
		margin:0 0 0 15px;
		pointer-events:auto;
		vertical-align:middle;
	}

	header input[type="text"] {
		position:absolute;
		right:30px;
		width:300px;
		display:none;
		padding:5px 10px;
		margin-top:-5px;
		font-weight:normal;
		font-size:1rem;
	}

		header .active input[type="text"] {
			display:block;
		}

	header button,
	header button:hover {
		background:url(images/search.svg) no-repeat;
		padding:0;
		filter:invert(1);
		width:24px;
		height:24px;
		margin:0;
	}

#menu-main .current-menu-item {
	border-bottom:1px solid rgba(255,255,255,.5);
	/*color:blanchedalmond;*/
}

#slider {
	overflow:hidden;
	position:relative;
	height:518px;
	background:#00703e;
}

	#slider.article,
	#slider.single {
		height:280px;
	}

		#slider #images.reset {
			transition:none;
		}

		#slider #images img {
			position:absolute;
			opacity:0;
			transition:opacity 2.5s;
			max-width:initial;
			height:380px;
			width:100%;
			object-fit:contain;
			top:100px;
		}

			#slider #images img.active {
				opacity:1;
			}

	#slider #overlay {
		position:absolute;
		width:100%;
		z-index:1;
		color:#fff;
		top:0;
		height:100%;
		margin:0;
	}

	#slider #labels {
		position:relative;
	}

		#slider #labels div {
			opacity:0;
			pointer-events:none;
			transition:transform 2.25s ease-out, opacity 2.5s ease;
			position:absolute;
			left:0;
			text-shadow:0 0 4px rgba(0,0,0,.4);
			padding-left:5%;
			transform:translateX(80px);
			margin-top:3vh;
		}

			#slider.single #labels div {
				margin-top:132px;
			}

			#slider.article #labels div {
				margin-top:115px;
				position:relative;
				padding:0;
			}

			#slider.small #labels div {
				margin-top:0;
			}

			#slider #labels a {
				color:#fff;
				background:#78C0E8;
				text-transform:uppercase;
				font-weight:600;
				padding:15px 25px;
				font-size:12px;
				letter-spacing:1px;
				line-height:1;
				min-width:140px;
				display:inline-block;
				text-align:center;
				text-shadow:none;
				transition:all .3s ease;
				border-radius:20px;
				opacity:.9;
			}

				#slider #labels a:hover {
					background:#3BA2DD;
				}

			#slider #labels div.active {
				opacity:1;
				pointer-events:auto;
				transform:translateX(0px);
			}

			#slider #labels p {
				margin-bottom:65px;
				font-size:1.05rem;
			}

	#slider h1,
	#slider h2 {
		color:#fff;
		font-size:3.6rem;
		margin-bottom:.3em;
		line-height:1;
		font-weight:300;
	}

		#slider h1 {
			font-size:2.5rem;
			margin:60px 0 0 -46px;
		}

			#slider.article h1 {
				margin:0 0 .3em -5px;
			}

		#slider[data-page="default"] h2 {
			margin-top:1em;
		}

	#slider > a {
		position:absolute;
		width:30px;
		height:30px;
		display:block;
		background:url(images/down.svg) no-repeat center;
		background-size:100%;
		bottom:32px;
		left:50%;
		margin-left:-10px;
		z-index:1;
		opacity:.65;
		filter:invert(100%);
	}

	#expertise {
		position:absolute;
		margin-top:-150px;
	}

.bullets {
	text-align:right;
	line-height:0;
	position:absolute;
	bottom:40px;
	right:50px;
	z-index:1;
}

	.bullets a {
		display:inline-block;
		width:11px;
		height:11px;
		background:rgba(255,255,255,.5);
		margin-left:9px;
		border-radius:100%;
		cursor:pointer;
		opacity:.8;
	}

		.bullets a.active {
			background:#fff;
		}

#visual img {
	position:relative;
	width:100%;
	top:0;
	object-fit:cover;
	object-position:center 65%;
	height:calc(100vw * 0.35);
}

	#visual.home img {
		height:calc(100vw * 0.42);
	}

#intro {
	position:fixed;
	overflow:hidden;
	height:650px;
	width:100%;
	margin-bottom:2em;
	background:#252525 url(/wp-content/uploads/sites/225/2020/02/b28de332-bteh-header-alt.jpg) no-repeat center 65%;
	background-size:cover;
	top:0;
}

	#intro img,
	#intro video {
		position: absolute;
		left: 50%; /* % of surrounding element */
	}

		#intro video {
			height: 100%;
			width: 177.77777778vh; /* 100 * 16 / 9 */
			min-width: 100%;
			min-height: 56.25vw; /* 100 * 9 / 16 */
			top: 50%;
			transform: translate(-50%, -40%); /* % of current element */
		}

		#intro img {
			bottom:17%;
			transform: translateX(-50%); /* % of current element */
			background:rgba(0,0,0,.4);
		}

article {
	background:#fff;
	position:relative;
	padding:3.4em 0 5em;
	box-shadow: inset 0 0 30px rgba(0,0,0,.2);
}

	article.home {
		padding-top:3.3em;
		padding-bottom:0;
		box-shadow:none;
	}

		article.home:before {
			content:"";
			width:100%;
			height:100px;
			background:url(/wp-content/themes/bteh/images/earth.png);
			filter:invert(1) contrast(1.5);
			background-size:100%;
			position:absolute;
			top:-75px;
			background-position: left 250px;
		}

#visual {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	top:0;
	background:#333;
	pointer-events:none;
}

	#visual h1 {
		position:absolute;
		color:ivory;
		text-shadow:0 0 12px rgba(0,0,0,75);
		font-weight:600;
		z-index:1;
		max-width:50%;
		line-height:1.05;
		height:2em;
		display:flex;
		align-items:center;
		margin:.5em 0 0;
	}

		#visual h1:before {
			content:"";
			display:inline-block;
			width:160px;
			height:160px;
			background:rgba(0,0,0,.4) url(images/logo.png) no-repeat;
			background-size:100%;
			position:absolute;
			margin:-15px 0 0 -180px;
		}

			#visual.home h1:before {
				width:200px;
				height:200px;
			}
				
			#visual.home video {
				width:100%;
				height:80vh;
				object-fit:cover;
			}

	#visual + section {
		margin-top:2em;
	}

.project-slider {
	position:relative;
	overflow:hidden;
	margin:1em 0 1em;
}

	.project-slider > div {
		position:relative;
		width:202.5%;
		transition:transform 2.5s ease-in-out;
	}

		.project-slider >div.reset {
			transition:none;
		}

		.project-slider > div > div {
			height:280px;
			position:relative;
		}

	.project-slider div a,
	#projects > div a {
		color:#fff;
		position:relative;
		display:block;
		height:100%;
	}

	.project-slider + .row a {
		display:inline-block;
		margin-bottom:2em;
	}

	.project-slider h4,
	#projects h4 {
		position:absolute;
		z-index:1;
		padding:15px 15px 20px;
		bottom:0;
		text-shadow:0 0 8px rgba(0,0,0,.5);
		line-height:1.5;
		font-size:1.3rem;
		font-weight:600;
		background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));
		width:100%;
	}

		.project-slider h4 span,
		#projects h4 span {
			display:block;
			font-weight:500;
			font-size:1.1rem;
			line-height:1;
		}

	.project-slider img,
	#projects img {
		display:block;
		height:100%;
		object-fit:cover;
		position:relative;
	}

#projects .row > div {
	height:280px;
	position:relative;
	margin-bottom:2em;
}

#projects h4 {
	line-height:1.25;
	font-weight:600;
}

	#projects h4 span {
		margin-top:3px;
	}

	#projects a:hover h4,
	.project-slider a:hover h4 {
		background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
	}

#filters {
	background-color: #f6f6f6;
	padding: 15px;
	margin-bottom:3em;
}

	#filters a,
	#filters a:visited {
		margin: 0 10px;
		padding:0px 15px;
		font-size:1.1rem;
		line-height:2.5;
		transition:all .3s;
		border-radius:5px;
		background-color: #d2986a;
		color: #fff;
	}

	#filters a:hover,
		#filters a.active {
			background:#00d084;
			color:#fff;
		}

.end-sm.pad-right, 
.end-xs.pad-right {
	padding-right:1.5em;
}

.news-item {
	margin-top:1em;
	margin-bottom:1.15em;
	font-size:1.1rem;
}

	.news-item img {
		height:100px;
		object-fit:cover;
	}

	.news-item h4 {
		font-weight:600;
		font-size:1.3rem;
		line-height:1;
	}

	.news-item time {
		font-size:.95rem;
		display:block;
		margin:.2em 0 .2em;
		color:#888;
	}

	.news-item p {
		font-size:1.05rem;
		line-height:1.4;
		margin:0;
	}

	.news-item a {
		font-weight:inherit;
	}

.content p:first-of-type {
	font-size:1.45rem;
	line-height:1.4;
	letter-spacing:0;
}

	.content p:first-of-type:after {
		content:"";
		display:block;
		width:60px;
		height:2px;
		background:#ddd;
		margin:1.4em 0 1.15em;
	}

	.content .wp-block-columns p {
		font-size:1.2rem;
		line-height:1.5;
	}

		.content .wp-block-columns p:after {
			display:none;
		}

.content ul,
.content ol {
	margin:.5em 1em 1em;
}

.search > div span {
	color:#5C87D4;
}

.back {
	font-size:.875rem;
	line-height:1;
	display:block;
	margin-top:3em;
	color:#999;
	text-decoration:underline;
}

.wp-block-group {
	position:relative;
	color:#555;
	height:635px;
	overflow:hidden;
}

	@keyframes rotate {
		from { transform:translateX(-100%); }
		to { transform:translateX(0%); }
	}

	#progress {
		height:5px;
		background:rgba(255,255,255,.5);
		position:absolute;
		top:0;
		left:0%;
		display:inline-block;
		width:100%;
		z-index:2;
		animation:rotate 20s linear infinite; 
	}

	.wp-block-group > div > div {
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		display:block;
		position:absolute;
	}

		.wp-block-group > div > div span {
			font-size:.85rem;
			float:right;
			position:relative;
			bottom:1px;
			right:1px;
			cursor:pointer;
		}

			.wp-block-group > div > div span:after {
				content:"";
				display:inline-block;
				height:18px;
				width: 18px;
				background: rgba(255, 255, 255, 0.15) url(images/arrow-right.svg) no-repeat center;
				background-size: 13px auto;
				vertical-align: middle;
				margin-left: 7px;
				position: relative;
				top: -1px;
				border-radius: 100%;
				filter: invert(100%);
				transition:all .3s;
			}

				.wp-block-group > div > div span:hover:after {
					background-color:rgba(255,255,255,.35);
				}

		.wp-block-group > div > div.active {
			z-index:1;
		}

		.wp-block-group > div > div figure, 
		.wp-block-group > div > div div {
			opacity:0;
		}

		.wp-block-group > div > div figure {
			transition:all 4s;
		}
		
			.wp-block-group > div > div.active figure,
			.wp-block-group > div > div.active div {
				opacity:1;
			}

	.wp-block-group .wp-block-media-text__content {
		position: absolute;
		top: 27px;
		right: 26px;
		background: #f4f4f4;
		width: 30%;
		padding: 21px 22px 15px;
		font-size: 1.05rem;
		line-height:1.55;
	}

	.wp-block-group p:first-of-type {
		line-height:1.35;
	}

		.wp-block-group p:first-of-type:after {
			margin-top:1.1em;
			margin-bottom:1.05em;
		}

.post-edit-link {
	color: transparent;
	display: block;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 36px;
	height: 36px;
	background:
	rgba(0,0,0,.25) url(images/edit.svg) no-repeat center center;
	background-size: auto;
	background-size: 50%;
	border-radius: 100%;
	z-index:1;
}

.has-small-font-size {
	color:#222;
}

.back-grey {
	background:#f4f4f4;
	margin:50px 0 0;
}

	.back-grey section {
		padding-top:50px;
		padding-bottom:60px;
	}

.back-darkgrey {
	background:#eee;
}

.news-section {
	background:#f4f4f4;
	padding:11px 40px 11px 26px;
	margin-right:25px;
}

.donate-now {
	background:url(/wp-content/uploads/sites/225/2020/01/donate-visual.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	padding:105px 0 120px;
	margin:45px 0 70px;
	color:#fff;
}

	.back-grey + .donate-now {
		margin-top:0;
	}

	.donate-now:before {
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.35);
		top:0;
	}

	.donate-now div {
		position:relative;
	}

	.donate-now h2 {
		color:#fff;
		font-size:3.3rem;
		font-weight:600;
		line-height:1;
		text-shadow:0 0 12px rgba(0,0,0,.5);
		text-indent:-20px;
		margin-bottom:.3em;
	}

	.donate-now p {
		font-size:1.25rem;
	}

	.donate-now button,
	.donate-now a.button,
	.donate-now a.button:visited {
		font-size:1.1rem !important;
		text-transform:none !important;
		background:#d2986a !important;
		margin: 0px 15px !important;
	}

.nav-links {
	text-align:center;
}

.gform_required_legend {
	display: none !important;
}

.pagination a,
.pagination span {
	display:inline-block;
	padding:5px 15px;
	background:#eee;
	margin:0 3px;
}

	.pagination span,
	.pagination .next,
	.pagination .prev {
		background:#fff;
		padding:5px 10px;
	}

.page-numbers.current {
	font-weight:bold;
}

table {
	border-collapse:collapse;
	font-size:.9rem;
}

td {
	padding:5px;
}

tr:first-child {
	background:#eee;
	line-height:2;
}

#referenties {
	overflow:hidden;
	position:relative;
	height:130px;
}

	#referenties li {
		width:222px;
		height:130px;
		display:flex;
		margin:0 20px 0 0;
		background-color:#f6f6f6;
		position:relative;
		float:left;
		align-items:center;
		justify-content:center;
	}

	#referenties img {
		position:absolute;
		width:80%;
		height:80%;
		object-fit:contain;
		mix-blend-mode:multiply;
		/*filter:grayscale(100%);*/
		opacity:.75;
	}

	#referenties ul {
		width:200%;
		white-space:nowrap;
		transition:transform 2s ease-in-out;
	}

		#referenties .reset {
			transition:none;
		}

section p a,
section ul a,
.wp-block-file a {
	font-weight:600;
	color:#5C87D4;
}

#instagram {
	margin:70px auto 0;
}

	#instagram h3 {
		text-align: center;
		font-size:2.2rem;
		margin:0 0 1.25em;
	}

		#instagram h3:before {
			content:"";
			display:inline-block;
			width:32px;
			height:32px;
			background:url(images/icon-instagram-large.svg) no-repeat;
			background-size:100%;
			margin-right:8px;
			position:relative;
			top:2px;
			filter:invert(.55);
		}


	#instagram ul,
	.instagram_gallery {
		display:grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows:240px;
		height:100%;
		list-style:none;
	}

		#instagram li,
		#instagram a {
			position:relative;
			text-align:center;
			overflow:hidden;
		}

		#instagram a,
		#instagram img, 
		#instagram video {
			width:100%;
			height:100%;
			object-fit:cover;
			transition:all .5s ease;
			position:absolute;
			left:0;
			top:0;
		}

			#instagram li:hover img {
				transform:scale(1.05);
			}

footer {
	background:#252525 url(images/silhouette.png) no-repeat center 80px;
	background-size:1500px auto;
	color:#fff;
	padding-top:50px;
	position:relative;
	overflow:hidden;
}

	footer:before,
	footer:after {
		content:"";
		height:100%;
		width:1500px;
		background:#252525 url(images/earth.png) no-repeat left 80px;
		background-size:1500px auto;
		position:absolute;
		top:0;
		transform: scaleX(-1);
		right:calc(50% + 748px);

		z-index: 0;
	}

		footer:after {
			right:auto;
			left:calc(50% + 750px);
		}

	footer > div:first-child {
		padding-bottom:60px;
		height:360px;
	}

	footer > div:last-child {
		padding:40px 0 20px;
	}

	footer h4 {
		font-size:1.5rem;
		font-weight:600;
		margin-bottom:.25em;
	}

	footer h5 {
		font-size:.9rem;
		font-weight:400;
		margin-top:.25rem;
	}

		footer > div:last-child h5 {
			opacity:.75;
		}

	footer .copyright {
		opacity:.5;
		font-size:.85rem;
		margin-bottom:.25rem;
	}

	footer a {
		color:rgba(255,255,255,.8);
	}

		footer a:hover {
			color:#fff;
		}

		footer small a {
			color:#5C87D4;
		}
		
	footer ul {
		list-style:none;
		margin:0;
		line-height:1.5;
	}

	footer .logo a {
		margin-top:13px;
	}

		.logo img {
			height:60px;
			margin: 0 10px 0 4px;
			opacity: 1;
			transition: all 500ms ease;
		}
		.logo img:hover {
			opacity: 0.7;
		}

			#cbf-logo {
				filter:invert(100%);
			}

			#logo-cbf {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 145px;
				mix-blend-mode: difference;

				z-index: 1;
			}

			#gg-logo {
				opacity:.6;
				height:54px;
				margin-left:10px;
			}

	footer input {
		background:rgba(255,255,255,.8);
	}

	footer .button {
		background:rgba(255,255,255,.1);
	}

.social a {
	display:inline-block;
	width:28px;
	height:28px;
	filter:invert(100%);
	margin:12px 5px 0 0;
	opacity:1;
	transition:opacity .3s;
}

	.social a:hover {
		opacity:.65;
	}

.frm_inside_container label {
	display:none;
}

form {
	margin-top:.5em;
}

iframe {
	margin:1em 0;
	max-width:100%;
}

	body[data-page="home"] iframe {
		margin-bottom:.35em;
	}

		body > iframe:last-child {
			position:absolute;
			margin:0;
		}

	h3 + iframe,
	.grecaptcha-logo iframe {
		margin:0;
	}

#videos div {
	margin-bottom:1em;
}

#videos .row > div:first-child {
	padding:5px 1em 0 0;
}

#videos item {
	display:inline-block;
	position:relative;
	cursor:pointer;
}

	#videos item:before {
		content:"";
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		background:url(images/play-alt.svg) no-repeat center;
		background-size:50px;
		z-index:1;
		transition:all .2s;
	}

		#videos item:hover:before {
			filter:invert(90%);
		}

#videos h3 {
	line-height:1.2;
	margin-bottom:.6em;
}

#videos .description {
	margin-bottom:2em;
}

	#videos .description a:after {
		content:"Lees meer";
		text-decoration:underline;
	}

	html[lang="en"] #videos .description a:after {
		content:"Read more";
	}

		#videos .description a:before {
			content:"... ";
		}

		#videos .description a.active {
			display:none;
		}

			#videos .description a.active + .hidden {
				display:inline !important;
			}

#video-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000d;
	display:none;
	align-items:center;
	justify-content:center;
	z-index:3;
	padding:1rem;
}

	#video-overlay.active {
		display:flex;
	}

	#video-overlay span {
		position:relative;
		display:inline-block;
	}

	#video-overlay iframe {
		min-height:initial;
		width:640px;;
		height:360px;
		margin:0 auto;
	}

	/*
		.video-overlay span:before {
			content:"Sluiten";
			color:#fff;
			font:1rem/1.5 sans-serif;
			text-transform:uppercase;
			position:absolute;
			right:16px;
			bottom:100%;
			margin-bottom:18px;
			letter-spacing:1.37px;
			background:url(images/close-white.svg) no-repeat right center;
			background-size:12px;
			padding-right:19px;
			pointer-events:none;
		}
		*/

.anchor {
	position:absolute;
	margin-top:-205px;
}

.control a {
	font-size:1rem;
	line-height:18px;
	display:inline-block;
	width:18px;
	height:18px;
	background:#ddd url(images/next.svg) no-repeat center center;
	background-size:80%;
	opacity:.8;
	margin-top:3px;
	transition:all .3s ease;
	float:right;
}

	.control a:last-child {
		transform:rotate(180deg);
	}

	.control a:hover {
		filter:invert(100%);
	}

.show-mobile {
	display:none;
}

#mobile-menu {
	position:absolute;
	width:30px;
	height:4px;
	background:#fff;
	transition:all .5s ease;
	transform:scale(.8);
	pointer-events:auto;
}

	body.active #mobile-menu {
		background-color:#ffffff00;
	}

	#mobile-menu:before,
	#mobile-menu:after {
		content:"";
		display:block;
		height:500%;
		position:absolute;
		width:100%;
		top:-250%;
		transition:all .5s ease;
	}

		#mobile-menu:before {
			border-top:4px solid #fff;
		}

		#mobile-menu:after {
			border-bottom:4px solid #fff;
		}

		#mobile-menu:before {
			transform-origin:3px 6px;
		}

			body.active #mobile-menu:before {
				transform:rotate(45deg);
			}

		#mobile-menu:after {
			transform-origin:2px 17px;
		}

			body.active #mobile-menu:after {
				transform:rotate(-45deg);
			}

#imgOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: rgba(0, 0, 0, .6);
	text-align:center;
	display:table;
	top:0;
	left:0;
}

	.hidden,
	#imgOverlay.hidden {
		display:none !important;
	}

	#viewer {
		display:table-cell;
		width:100vw;
		height:100vh;
		vertical-align:middle;
		line-height:1px;
	}

		#viewer figure {
			margin:0;
		}

	#imgContainer {
		display:inline-block;
		position:relative;
		border:7px solid #fff;
		box-shadow:0 0 40px #333;
	}

		#imgContainer img {
			max-height:90vh;
			max-width:90vw;
		}

	#close {
		width:40px;
		height:40px;
		position: absolute;
		right: 0;
		background: #333;
		color:#fff;
		font-size: 15px;
		line-height: 38px;
		font-weight:bold;
		margin:-7px -7px 0 0;
		text-align:center;
		cursor:pointer;
	}

.grecaptcha-badge {
	opacity:0;
}

@media only screen and (max-width: 1024px) {
	section,
	.center {
		width:1024px;
		padding:0 15px;
	}
}

@media only screen and (max-width: 1023px) {
	section,
    .center {
        width:100%;
    }

	.show-mobile {
		display:block;
	}

	.hide-mobile {
		display:none !important;
	}

	header.center {
		padding:0 15px;
	}

	#slider {
		height:42vh;
	}

		#slider #labels div {
			margin-top:0;
		}

	.intro,
	#intro {
		height:40vh;
		position:relative;
		margin-bottom:0;
	}

	article.home {
		margin-top:0;
		padding-top:30px;
	}

}

@media only screen and (max-width: 767px) {
	.show-mobile {
		display:inline-block;
	}

	header {
		height:52px;
		padding:0 5%;
	}

		header > div {
			height:50px;
			padding-left:0 !important;
			padding-right:0 !important;
		}

		header li {
			margin-right:0;
		}

		header .end-xs {
			padding:0;
		}

	#mobile-menu + a img {
		width:50%;
	}

	body.active header {
		background:#252525;
	}

	body.active #menu-main {
		display:block !important;
	}

	h1 {
		font-size:1.8rem !important;
		font-weight:600;
		line-height:1.2;
		margin-bottom:1rem !important;
	}

	h2 {
		font-size:2.5rem;
		margin-top:20px;
	}

	#slider #images img {
		height:260px;
		top:0;
	}

	#slider,
	#slider.article, 
	#slider.single {
		height:48vh;
	}

		#slider h1 {
			margin-left:0;
		}

		#slider h2,
		#slider.article h1 {
			font-size:2rem;
		}

		#slider #labels a {
			padding: 12px 20px;
			font-size: 11px;
		}

		#slider #labels p {
			font-size:.9rem;
			margin-bottom:2em;
		}

		#slider.article #labels div,
		#slider.single #labels div {
			margin-top:12vh;
		}

	.bullets {
		right:5%;
		bottom:25px;
	}

	#menu-main {
		float:right;
	}

	#menu-main {
		position:absolute;
		left:0;
		width:100%;
		background:#f4f4f4;
		top:52px;
		padding:20px 0;
	}

		#menu-main li {
			display:block;
			text-align:center;
			line-height:3em;
		}

			#menu-main li:before {
				display:none;
			}

		#menu-main a {
			color:#333;
		}

	#visual img {
		height:40vh !important;
	}

	#visual h1 {
		flex-direction:column;
		height:auto;
		font-size:2rem !important;
	}

		#visual h1::before {
			width:80px;
			height:80px;
			background-color:rgba(0,0,0,.6);
			margin:0 0 1rem;
			position:relative;
			display:block;
		}

		#visual.home video {
			height:40vh;
		}

	article {
		padding-top:1em;
	}

		article.home {
			padding-top:0px;
		}

	.content {
		padding-top:30px;
		padding-bottom:1rem;
	}

	/*
	h3,
	.content h3 {
		font-size:1.5rem;
		line-height:1.2;
		margin:10px 0;
	}

		.content h3 {
			max-width:inherit;
		}
	*/

	section,
	.center,
	.content,
	.back-grey section {
		/*padding:13px 2rem 0;*/
		padding-left:1rem;
		padding-right:1rem;
	}

		.back-grey section .row,
		footer .row {
			margin:0;
		}

		.back-grey .row > div,
		footer .row > div {
			margin-bottom:1.5em;
			padding:0;
		}

			footer .row > div:last-child {
				margin:0;
			}

	.wp-block-group {
		width:100%;
		margin:0;
		height:355px;
	}

		.wp-block-group .wp-block-media-text__content {
			right:auto;
			width:100%;
			position:relative;
			top:0;
		}

		.wp-block-group p {
			font-size:1rem !important;
			padding-bottom:1em;
		}

			.content form::before,
			.wp-block-group p:after {
				display:none !important;
			}

		.wp-block-group > div > div span {
			bottom:1.5em;
		}

	.show-all .all {
		margin-left:0;
	}

	.projects + article .content > figure.wp-block-image, 
	.wp-block-gallery, 
	#frm_field_9_container .frm_radio,
	.wp-block-columns:not(.home-welcome), 
	.wp-block-group, .content iframe {
		width:100%;
		margin:0;
	}

	.project-slider {
		height:330px;
	}

		.project-slider > div {
			width:420%;
		}

	.end-sm.pad-right, 
	.end-xs.pad-right {
		margin-bottom:2rem;
	}

	body[data-page="meet-the-team"] .wp-block-column, 
	body[data-page="meet-the-team"] figure {
		height:auto;
	}

	body[data-page="meet-the-team"] figure img {
		height:300px;
	}

	body[data-page="meet-the-team"] figcaption {
		bottom: 0;
		background: #252525;
		color: #eee;
		padding:.9rem;
		width: 100%;
		margin: 0;
		line-height:1;
	}

	.donate-now {
		padding:30px 0 50px;
		margin:30px 0;
		text-align:center;
	}

		.donate-now div {
			padding:0 2rem;
		}

		.donate-now h2 {
			font-size:2.2rem;
			text-indent:0;
		}

	.instagram_gallery {
		grid-template-columns:repeat(3, 1fr);
	}

	#instagram h3 {
		font-size:1.8rem;
	}

	#logo-cbf {
		width:120px;
	}

	footer {
		background-position:center 88%;
	}

		footer > div:first-child {
			height:auto;
			padding-bottom:100px;
		}

		footer section {
			padding-top:30px;
		}

		footer > div:last-child {
			padding:0;
		}

		footer::before, 
		footer::after {
			display:none;
		}

		footer:before {
			content:"";
			height:15%;
			width:100%;
			background:#252525 url(images/earth.png) no-repeat left bottom;
			position:absolute;
			bottom:0;
			top:auto;
			left:0;
			display:block;
		}
}


.wpd-form-img img,
.wpd-form-img video,
.wpd-form-img iframe {
	min-height: 0px;
	max-width: 100%;
	margin: 0px;
	width: 100%;
	height: auto;

	display: block;
}
.wpdonate-form.has-img {
	margin-top: 0px;
}
.wpdonate-form .wpdonate-form-field-label-wrap {
	min-width: 85px;
}



#cc--main #c-bns button,
#cc--main #s-bns button {
	background: var(--cc-btn-secondary-bg) !important;
  	color: var(--cc-btn-secondary-text) !important;
}
#cc--main #c-bns button:hover,
#cc--main #s-bns button:hover {
	background: var(--cc-text) !important;
  	color: var(--cc-btn-secondary-bg) !important;
}

.members-list {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:2rem;
	margin: 15px 0px 45px;
}

.members-list .member {
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 20px 25px;
}
.members-list .member .img  {
	margin-bottom: 10px;
}
.members-list .member .img img {
	width:150px;
	height:150px;
	border-radius:50%;
	object-fit:cover;
	margin: 0px auto;
}

.members-list .member .tags {
	font-size: 80%; 
	font-style: italic;
	margin-bottom: 10px;
}

.members-list .member h4 {
	margin: 0px;
}

.members-list .member .title {
	font-size: 80%;
}

.members-list .member a.more-toggle {
	display: block;
	margin-top: 10px;

	text-align: center;
}

.members-list .member a.more-toggle img {
	width: 30px;
	height: auto;
	background-color: #fff;
	border-radius: 5px;
	transition: all 500ms ease;

	display: inline-block;
}
.members-list .member.active a.more-toggle img {
	transform: rotate( -180deg );
}

.members-list .member a:hover img {
	background-color: #5C87D4;
}
.members-list .member .more-content {
	padding: 15px 10px;
	background-color: #fff;
	display: none;
}
.members-list .member .more-content p {
	font-size: 90%;
}
.members-list .member .more-content p:after {
	display: none;
}


@media only screen and (max-width: 1023px) {
	.members-list {
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 767px) {
	.members-list {
		grid-template-columns:1fr;
	}
}