/*   
Theme Name: Prode
Theme URI: https://www.prode.nl/
Author: Prode - Emma van der Linden
Author URI: https://www.prode.nl/
*/

/* --------------------------------------------
Algemeen
-------------------------------------------- */

* {
box-sizing: border-box;
}

body {
color: #212121;
font-family: 'Open Sans';
font-size: 14px;
margin: 0px;
}

p {
	font-size: 14px;
	line-height: 25px;
}

a {
color: #212121;
font-weight: 400;
outline: none;
padding-bottom: 3px;
position: relative;
text-decoration: none;
}

.blog-temp{

}
.blog-temp .container{
	border-top: 1px solid #ddd;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 80px 0 40px;
}
.blog-temp .container .left-content{
	width: 20%
}
.blog-temp .container .right-content{
	width: 75%;
}
.blog-temp .container .right-content ul{
	margin: 0 !important;
	padding: 0 !important;;
}
.blog-temp .container .left-content ul li:before,
.blog-temp .container .right-content ul li:before,
.blog-temp #subcontent a:after{
	display: none !important;
}

.blog-temp .container .left-content a{
	background: #C60850;
    color: #fff;
    display: inline-block;
    font-weight: 900;
    margin-top: 30px;
    padding: 15px 30px;
}

@media only screen and (max-width: 500px){
	.blog-temp .container{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 30px 0;
	}
	.blog-temp .container .left-content{
		margin-bottom: 30px;
		text-align: center;
		width: 100%;
	}
	.blog-temp .container .right-content{
		width: 100%;
	}

}

.achterliggend-content a {
color: #c60850;
}
.achterliggend-content a:hover {
border-bottom: 2px solid;
padding-bottom: 0;
}
.achterliggend-content a:hover:before {
display: none;
}
a:before,
.filter-cat li:before {
background: #C60850;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 100%;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
-webkit-transition-property: right;
-moz-transition-property: right;
-ms-transition-property: right;
-o-transition-property: right;
transition-property: right;
z-index: 1;
}
a:hover:before,
.filter-cat li:hover:before {
right: 0;
}
a.zonderpijl:after {
display: none !important;
}

h1, h2, h3, h4, h5 {
font-size: 18px;
font-weight: 700;
margin: 0;
}

h1, h2 {
color: #C60850;
}
h3 {
font-weight: 700;
}
h4 {
color: #C60850;
font-weight: 700;
}
h5 {
font-size: 14px;
font-weight: 700;
margin-top: 20px;
}

.page-id-38 #subcontent .wpseo-location {
    margin: 1em 0 !important;
}

.page-id-38 p {
    font-size: 14px;
    line-height: inherit !important;
}

.one_half {
margin-right: 4%!important;
width: 44% !important;
}

.last_column {
margin: 0px!important;
}

img {
height: auto;
max-width: 100%;
}
img.alignleft {
display: block;
float: left;
padding: 0 15px 15px 0;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignright {
display: block;
float: right;
margin: 0 0 15px 15px;
}
.achterliggend-content img {
padding-top: 0 !important;
}
/* op Yoast pagina */
.page-id-2258 .kolom-links .contentblok img.alignright {
padding: 0;
}
.page-id-2258 .kolom-rechts .contentblok img.alignright {
padding-left: 40px;
padding-top: 0;
}

.page-id-5363 .achterliggend-content p:first-child {
    margin-top: 3%;
}

hr {
background: #ddd;
border: none;
height: 1px;
}

iframe {
width: 100%;
}

#subcontent ul,
.entry ul,
.achterliggend-content ul {
list-style: none;
margin: 1rem auto;
padding-left: 20px;
}
#subcontent .blok ul li,
#subcontent .entry ul li,
.entry ul li,
.entry ol li,
.achterliggend-content ul li {
	font-size: 14px;
	line-height: 25px;
	position: relative;
}
#subcontent .blok ul li:before,
#subcontent ul li:before,
.entry ul li:before,
.achterliggend-content ul li:before {
background-color: #c60850;
content: "";
display: block;
height: 8px;
left: -18px;
position: absolute;
top: 9px;
width: 8px;
}
#subcontent .blok .post-categories li:before, 
#subcontent .blok .post-categories li:before, 
.entry .post-categories li:before,
#nieuws .post .post-categories li:before {
height: 0;
width: 0;
}

.container {
margin: 0 auto;
position: relative;
width: 1200px;
}

.clear {
clear: both;
}

.btn {
background: rgba(0,0,0,1);
border: 2px solid transparent;
padding: 10px 0;
position: relative;
transition: 0.2s;
will-change: background-color, border;
}

.btn a {
color: #fff;
padding: 10px 15px;
}

.btn a:before {
height: 0;
}

.btn:hover {
background: rgba(255,255,255,0.2);
border: 2px solid #C60850;
}

.btn:hover a {
color: #C60850;
}

.btn.terug-naar-portfolio:before {
display: none;
}
.btn.terug-naar-portfolio {
background: #fff;
border: 2px solid #C60850;
color: #C60850;
display: inline-block;
left: 50%;
margin-top: 40px;
padding: 10px 15px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.btn.terug-naar-portfolio:hover {
background: #C60850;
color: #fff;
}

.btn.terug-naar-overzicht {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

/*.btn:hover:before {
transform: scale(1);
}*/

.wp-caption-text {
    font-size: 13px !important;
    padding: 0 0 0 20px;
}

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

#site-header {
	background: #fff;	
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
#site-header .container {
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
	position: relative;
	transition: 0.5s;
}
#site-header.fixed .container {
	padding: 15px 0;
}

#logo {
	max-width: 200px;
	transition: 0.5s;
}
#logo a:before {
	height: 0;
}
#logo img {
	border: none;
}
#site-header.fixed #logo {
	max-width: 180px;
}

#site-header .container .contact {
	align-items: center;
	bottom: -40px;
	color: #999;
	display: flex;
	font-weight: 600;
	font-size: 13px;
	position: absolute;
	right: 0;
	transition: 0.5s;
}
#site-header .container .contact a {
	background-color: #fff;
	color: #999;
	font-weight: 600;
	padding: 0 5px;
}
#site-header.fixed .container .contact {
	bottom: -30px;
	font-size: 11px;
}
#site-header .container .contact .search-form {
	align-items: center;
	display: flex;
	padding: 0 7.5px;
	position: relative;
	transition: padding 500ms;
}
#site-header .container .contact .search-form {
	margin: 0;
}
#site-header .container .contact .search-form .search-field {
	border: 1px solid #ddd;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 10px;
	position: absolute;
	right: 97%;
	transition: opacity 1s, width 1s, padding 500ms, margin 500ms;
	width: 10rem;
}
#site-header .container .contact .search-form.collapsed .search-field {
	margin-right: 0;
	opacity: 0;
	padding-left: 0;
	padding-right: 0;
	width: 0;
}
#site-header .container .contact .search-form .search-submit {
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	font-size: 14px;
	height: 100%;
	padding: 10px;
}

#site-header .search {
	background: #fff;
	border: 1px solid #ddd;
	left: 100%;
	position: absolute;
	top: 98%;
	transition: 2s;
	z-index: 1000;
}
#site-header .search:hover {
	left: auto;
	right: 0;
}
#site-header .search .icon {
	background: #fff;
	border: 1px solid #ddd;
	left: -55px;
	padding: 15px 20px;
	position: absolute;
}
#site-header .search .wrap {
	padding: 20px;
}
#searchform input {
	background: none;
	border: 1px solid #ddd;
	border-right: none;
	color: #444;
	font-size: 12px;
	margin-right: -4px;
	padding: 8px;
}
#searchform input[type="submit"] {
	border-left: none;
	border-right: 1px solid #ddd;
	cursor: pointer;
	font-family: FontAwesome;
	height: 32px;
	margin-right: 0;
	padding: 0 12px 0 0;
	vertical-align: top;
	width: auto;
}


#special {
display: inline-block;
vertical-align: top;
width: calc(100% - 284px);
}

#map_canvas{
	margin-top: 75px;
	width: 100% !important;
}

.wpseo-info-window-wrapper{
width:150px;
height:90px;
margin-top:5px;
}

/* 
YOAST PARTNER 
-------------------------------------------- */

#special .yoast-partner {
padding-top: 14px;
text-align: right;
}
#special .yoast-partner a:before {
display: none;
}
#special .yoast-partner img {
width: 100px;
}

/* 
TEKST WIDGET 
-------------------------------------------- */

#special .header-widget {
float: right;
}

#special .header-widget .links {
display: inline-block;
margin-right: 35px;
padding-top: 40px;
position: relative;
text-align: right;
vertical-align: bottom;
}

#special .header-widget .links:after {
background: #c61051;
content: "";
height: 105px;
position: absolute;
right: -26px;
top: 0;
transform: rotate(23deg);
vertical-align: bottom;
width: 2px;
}

#special .header-widget .links h3 {
color: #C60850;
font-size: 20px;
margin: 0;
}

#special .header-widget .links p {
margin: 0;
}

#special .header-widget .links a {
font-size: 18px;
font-weight: 800;
padding-right: 12px;
text-transform: uppercase;
}

#special .header-widget .links .pijlrechts:after {
content: "\f0da";
font-family: 'FontAwesome';
font-size: 16px;
font-weight: 200;
padding-left: 7px;
}

#special .header-widget .rechts {
display: inline-block;
font-size: 14px;
}

#special .header-widget .rechts .regel1 {
padding-left: 20px;
}

#special .header-widget .rechts .regel2 {
padding-left: 10px;
}

#special .header-widget .rechts a {
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
}

.home #special.mobiel {
display: none;
}

/* 
MENUWRAPPER
-------------------------------------------- */

#menu {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}
#menu.fixed {
position: fixed;
top: 0;
}

/* 
HOME
-------------------------------------------- */

#slogan {
	padding: 100px 0 75px;
}
#slogan.home {
	border-bottom: 1px solid #ddd;
	padding: 22vh 0 12vh;
}
h1.koptekst,
h2.koptekst {
	color: #000;
	font-family: 'Open sans';
	font-size: 28px;
	line-height: 70px;
	text-align: center;
	text-transform: lowercase;
}
.home h1.koptekst,
.home h2.koptekst {
	line-height: 110px;
}
#slogan .koptekst {
	font-size: 60px;
	text-align: center;
}
#slogan.home .koptekst {
	font-size: 90px;
	text-align: left;
}
#slogan .koptekst .light {
	font-weight: 300;
	letter-spacing: -3px;
}
#slogan .koptekst .strong {
	font-weight: 800;
	position: relative;
}
.home #slogan .koptekst .strong:after {
	animation: blinker 1.3s linear infinite;
	background: #FAA532;
	content: '';
	width: 7px;
	height: 86%;
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
}
@keyframes blinker {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	51% {
		opacity: 0
	}
	100% {
		opacity: 0;
	}
}
#slogan .c2a {
	background: #C60850;
	color: #fff;
	display: inline-block;
	font-weight: 900;
	margin-top: 55px;
	padding: 20px 40px;
}
#slogan .c2a:before {
	content: "\f00c";
	font-family: 'FontAwesome';
	height: auto;
	left: 0;
	opacity: 0;
	top: 24px;
	transition: 0.3s;
	width: 0;
}
#slogan .c2a:hover:before {
	left: 18px;
	opacity: 1;
}
#slogan .quotes {
	display: inline-block;
	margin-left: 50px;
	vertical-align: middle;
}
#slogan .quotes .wrap {
	align-items: center;
	display: flex;
}
#slogan .quotes .wrap .img {
	margin-right: 20px;
}
#slogan .quotes .wrap .img img {
	border-radius: 50%;
}
#slogan .quotes .wrap .content .quote {
	font-style: italic;
	margin-bottom: 5px;
}
#slogan .quotes .wrap .content .meta .bold {
	font-weight: 600;
}
#slogan .quotes .wrap .content .meta a:before {
	background: #000;
	bottom: 4px;
	height: 1px;
	right: 0;
}

#slogan .uitgelicht {
	align-items: flex-end;
	background-color: #F5981A;
	border-radius: 50%;
	bottom: 40px;
	color: white;
	display: flex;
	font-size: 18px;
	font-weight: 800;
	height: 200px;
	padding: 15px 15px 50px;
	position: absolute;
	right: 0;
	text-align: center;
	transform: rotate(5deg);
	width: 200px;
}
#slogan .uitgelicht:hover:before {
	display: none;
}
#slogan .uitgelicht:after {
	background-image: url('img/prode-finalist-mvo.svg');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	height: 70px;
	left: 11px;
	position: absolute;
	top: 8px;
	transform: rotate(-13deg);
	transition: 0.25s;
	width: 200px;
}
#slogan .uitgelicht:hover:after {
	transform: rotate(-7deg);
}

.postid-5479 #particle-canvas {
	display: block; 
	height: 100%;
	left: 0;
	opacity: 0.5; 
	pointer-events: none; 
	position: fixed;
	top: 0; 
	width: 100%; 
	z-index: 99;
}
.postid-5479 #wrapper,
.postid-5479 footer {
	position: relative;
	z-index: 9999;
}
.postid-5479 #nieuws-single {
	background-color: #fff;
	margin-top: 55px;
	padding-top: 25px;
}

.postid-6259 .featuredimage {
    display: none !important;
}

.postid-6259 #attachment_6260 {
    display: inline-block;
    float: right;
    max-width: 50%;
    padding: 5px 0 150px 60px;
}

.postid-6259 #attachment_6260 img {
	width:100%!important;
}

/* 
HOME UITGELICHT
-------------------------------------------- */

#home-fixed-menu {
margin-top: 58px;
}

#home-uitgelicht {
background: url('img/Prode-Header.jpg');
background-position: center;
height: 650px;
margin-top: 56px;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}

#home-uitgelicht .center {
bottom: 0;
height: 0;
left: 50%;
margin: auto;
position: absolute;
text-align: center;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

#home-uitgelicht img {
display: block;
margin: 0 auto 12px;
}

#home-uitgelicht .btn,
.buttons .btn {
display: inline-block;
font-size: 20px;
font-weight: 600;
margin-right: 10px;
}

#home-uitgelicht .btn:last-child {
margin-right: 0;
}

.buttons.center {
text-align: center;
}

/* 
ZOEKBALK
-------------------------------------------- */

.home #zoekbalk {
margin-top: 0;
}
#zoekbalk {
border-bottom: 1px solid #ddd;
font-size: 12px;
margin-top: 58px;
padding: 33px 0;
}
.home #zoekbalk {
background: #fff;
margin-top: 500px;
padding: 25px 0;
position: relative;
text-align: right;
z-index: 2;
}
#zoekbalk .inhoud {
display: inline-block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.home #zoekbalk .inhoud {
display: block;
position: relative;
top: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
#zoekbalk .widget {
display: inline-block;
margin-left: 40px;
vertical-align: middle;
}

.home #zoekbalk .widget:first-child {
float: left;
margin-left: 0;
padding-left: 0;
position: relative;
top: 7px;
}
#zoekbalk .widget:first-child a:first-child {
margin-right: 20px;
}
#zoekbalk .widget .textwidget a {
border-bottom: 2px solid transparent;
display: inline-block;
padding-bottom: 0;
padding-left: 20px;
}
#zoekbalk .widget .textwidget a:hover {
border-bottom: 2px solid #c60850;
}
#zoekbalk a.mail:before {
content: "\f003";
font-family: 'fontawesome';
left: 0;
position: absolute;
right: 100%;
top: 1px;
}
#zoekbalk a.tel:before {
content: "\f095";
font-family: 'fontawesome';
left: 2px;
position: absolute;
right: 100%;
top: 2px;
}

#breadcrumbs {
display: inline-block;
font-size: 12px;
font-weight: 600;
margin: 0;
}
#breadcrumbs a {
color: #C60850;
text-transform: lowercase;
}
#breadcrumbs .breadcrumb_last {
font-weight: 400;
text-transform: lowercase;
}

#zoekbalk #lang_sel_list {
height: auto;
}
#lang_sel_list ul a {
padding-left: 4px;
}
#lang_sel_list ul a:hover:before {
right: 5px;
}
#lang_sel_list ul li:last-child a:hover:before {
right: 0;
}
#lang_sel_list ul a:after {
content: " /" !important;
}
#lang_sel_list ul li:last-child a:after {
content: "" !important;
}

/* --------------------------------------------
WRAPPER
-------------------------------------------- */

.overlaygm {
background: transparent;
cursor: pointer;
height: 350px; /* your iframe height */
margin-top: -350px;  /* your iframe height */
position: relative; 
top: 425px;  /* your iframe height */
width: 100%;
z-index: 10;
}

.category #wrapper h1 {
margin-bottom: 40px;
}

#wrapper {
font-size: 0px; 
padding: 110px 0 150px;
position: relative;
z-index: 2;
}

.page-id-3272 #wrapper { 
font-size: 14px !important; 
}

.home #wrapper {
background: #fff;
margin-top: 0;
}

#content {
margin: 0 auto 75px;
}
.home #content {
margin-top: 75px;
}
#content h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: lowercase;
}
#content .submenu {
	text-align: center;
}
#content .submenu .item {
border: 1px solid #ddd;
display: inline-block;
margin-right: 40px;
text-align: center;
vertical-align: middle;
/*width: calc(100% / 6 - 33.33px);*/
width: calc(100% / 6);
}
#content .submenu.optimalisatie .item {
width: calc(100% / 4 - 30px);
}
#content .submenu .item:last-child {
margin-right: 0;
}
#content .submenu .item a {
display: block;
font-size: 14px;
font-weight: 600;
padding: 14px 0;
text-transform: uppercase;
transition-duration: 0.3s;
}
#content .submenu .item a:before {
background: #C60850;
height: 100%;
right: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0 0;
-moz-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
-o-transform-origin: 50% 0 0;
transform-origin: 50% 0 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-moz-transition-property: transform;
-ms-transition-property: transform;
-o-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: -1;
}
#content .submenu .item a:hover,
#content .submenu .item.active a {
color: #fff;
}
#content .submenu .item a:hover:before,
#content .submenu .item.active a:before {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
#content .content-column {
padding: 0 30px;
text-align: center;
}
#content .content-column img {
height: 75px;
margin-bottom: 20px;
width: auto;
}
#content .content-column h3:before {
background: #C60850;
content: "";
display: inline-block;
height: 14px;
margin-right: 10px;
width: 14px;
}
#content .content-column p {
margin-bottom: 0;
margin-top: 5px;
padding: 0 15px;
}
#content .content-column a {
background: #000;
border: 2px solid transparent;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin-top: 10px;
padding: 2px 12px;
text-transform: lowercase;
transition: 0.2s;
}
#content .content-column a:before {
height: 0;
}
#content .content-column a:hover,
.entry a.readmore:hover {
background: #fff;
border: 2px solid #C60850;
color: #C60850;
}

#subcontent {
	font-size: 0;
}
#subcontent a {
	font-weight: 800;
}
#subcontent a:after {
	content: "\f0da";
	font-family: 'FontAwesome';
	font-weight: 200;
	padding: 0 2px 0 7px;
}

#subcontent .kolommen {
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
#subcontent .kolom-links .blok:first-of-type,
#subcontent .kolom-rechts .blok:first-of-type {
	border-top: none;
	padding-top: 0;
}
#subcontent .kolom-links,
#subcontent .kolom-rechts {
display: inline-block;
padding-top: 80px;
vertical-align: top;
width: calc(50% - 25px);
}
#subcontent .kolom-links {
margin-right: 25px;
}
#subcontent .kolom-rechts {
font-size: 14px;
margin-left: 25px;
}
#subcontent .blok p:last-child {
margin-bottom: 0;
}

/* ------------------ Kolom-Links ------------------ */
#subcontent .content-blok {
	margin: 0 auto 80px;
	text-align: center;
	width: 800px;
}
.home #subcontent .content-blok {
	width: 100%;
}
#subcontent .content-blok h1 {
	font-size: 22px;
	margin-bottom: 15px;
}
#subcontent .content-blok p:first-of-type {
	margin-top: 0;
}
#subcontent .kolom-links .content-blok p {
font-weight: 600;
}
#subcontent .links,
#subcontent .rechts {
display: inline-block;
vertical-align: top;
width: calc(50% - 20px);
}
#subcontent .links {
margin-right: 20px;
}
#subcontent .rechts {
margin-left: 20px;
}
#subcontent .links .contentblok img.alignright,
#subcontent .rechts .contentblok img.alignright {
padding: 0;
}

#subcontent .extra-content h3 + p {
margin-bottom: 20px;
}

/* Blok algemeen */
#subcontent .blok {
border-top: 1px solid #ddd;
font-size: 14px;
padding: 40px 0;
}
/*#subcontent h3:before {
background: #C60850;
content: "";
display: inline-block;
height: 14px;
margin-right: 10px;
width: 14px;
}*/
#subcontent .content-blok p a:after,
#subcontent .contentblok p a:after,
#subcontent #nieuws p a:after {
display: none;
}
#subcontent .content-blok p:last-of-type a:after,
#subcontent .contentblok p:last-of-type a:after {
display: inline-block;
}
#subcontent .contentblok p a,
#subcontent .wpseo-location a {
font-weight: 600;
}
#subcontent .wpseo-location {
margin-bottom: 20px;
}

#subcontent .contentblok .gallery a:before,
#subcontent .contentblok .gallery a:after {
display: none;
}
#subcontent .contentblok .gallery img {
border: none;
}
#subcontent .contentblok .gallery .gallery-item {
margin-right: 20px;
}
#subcontent .contentblok .gallery-columns-3 .gallery-item {
width: calc(100% / 3 - 14px);
}
#subcontent .contentblok .gallery-columns-3 .gallery-item:nth-child(3n) {
margin-right: 0;
}

/* Content Met Afbeelding */
#subcontent .contentmetafbeelding img {
display: block;
margin: 0 auto 30px;
}

/* Yoast */
#subcontent .yoast .logo {
width: 35%;
}
#subcontent .yoast .avatar {
display: block;
float: right;
padding: 0 40px 0 5px;
width: 60%;
}
#subcontent .yoast h3 {
margin-top: 100px;
}

/* Referentie */
#subcontent .referentie {
border: 1px solid #ddd !important;
margin-bottom: 40px;
padding: 30px 20px !important;
text-align: center;
}
.referentie .titels {
margin-bottom: 20px;
}
.referentie h3:before {
display: none;
}
.referentie .content p:before {
content: open-quote;
}
.referentie .content p:after {
content: close-quote;
}
.referentie .content p {
font-size: 19px;
font-style: italic;
font-weight: 600;
line-height: 32px;
margin-top: 0;
}
.referentie .content p a {
font-weight: 600;
}
#subcontent .referentie .content p a {
font-size: 20px;
font-weight: 600;
text-transform: none;
}
.referentie a:after {
display: none;
}
.referentie a.link {
display: inline-block;
margin-top: 20px;
}

/* Social */
#subcontent .social a:after {
content: "";
padding: 0;
}
#subcontent .social h3 {
margin-bottom: 10px;
}

/* Uitgelichte Post */
#subcontent .uitgelichte_post {
background: #F6F6F6;
border-top: none;
margin-bottom: 40px;
padding: 20px;
}
.uitgelichte_post .afbeelding img {
display: block;
margin: 0 auto;
}
#subcontent .uitgelichte_post h3 {
margin-bottom: 20px;
}
#subcontent .uitgelichte_post .meta {
margin-top: 20px;
}
#subcontent .uitgelichte_post .date {
font-size: 14px;
font-weight: 600;
padding-right: 5px;
}
#subcontent .uitgelichte_post .categorie ul {
list-style: none;
margin: 0;
padding: 0;
}
#subcontent .uitgelichte_post .categorie ul,
#subcontent .uitgelichte_post .categorie li {
display: inline;
}
#subcontent .uitgelichte_post .categorie a {
color: #C60850;
font-size: 14px;
font-weight: 600;
padding-right: 5px;
}
#subcontent .uitgelichte_post h4 a {
font-weight: 700;
text-transform: none;
}
#subcontent .uitgelichte_post .afbeelding a:before,
#subcontent .uitgelichte_post .afbeelding a:after,
#subcontent .uitgelichte_post .categorie a:after,
#subcontent .uitgelichte_post h4 a:before,
#subcontent .uitgelichte_post h4 a:after {
display: none;
}

/* Uitgelicht Project */
#subcontent .uitgelicht_project,
#subcontent .kolom-rechts .uitgelichte_post {
font-size: 0;
}
#subcontent .kolom-rechts .blok .content img {
float: right;
margin: 0 0 15px 25px;
max-width: 50%;
}
.home #subcontent .uitgelicht_project .afbeelding,
.home #subcontent .uitgelicht_project .content,
.home #subcontent .uitgelichte_post .afbeelding,
.home #subcontent .uitgelichte_post .content {
padding: 0;
width: 100%;
}
#subcontent .uitgelicht_project h3 a {
	color: #C60850;
	font-size: 18px;
	font-weight: 700;
	text-transform: none;
}
#subcontent .uitgelicht_project p a,
#subcontent .su-accordion a {
font-size: 14px;
font-weight: 600;
text-transform: none;
}
#subcontent .uitgelicht_project .afbeelding a:before,
#subcontent .uitgelicht_project .afbeelding a:after,
#subcontent .uitgelicht_project h3 a:before,
#subcontent .uitgelicht_project h3 a:after,
#subcontent .uitgelicht_project p a:after,
#subcontent .uitgelichte_post p a:after,
#subcontent .su-accordion a:after {
display: none;
}

/* Inschrijfformulier */
#inschrijfformulier {
background: #f8f8f1;
border: 1px dashed #666;
font-weight: 600;
padding: 40px;
}
#inschrijfformulier a {
font-size: 14px;
font-weight: 700;
}
#inschrijfformulier a:after {
display: none;
}
.websitein1dag .su-accordion .su-spoiler-title {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
padding: 10px 20px;
transition: all 0.2s ease 0s;
}
.websitein1dag .su-accordion .su-spoiler-title:hover {
background: none;
color: #c60850;
}
.websitein1dag .su-accordion .su-spoiler-title .su-spoiler-icon,
.websitein1dag .su-accordion > br:last-child {
display: none;
}
.websitein1dag .su-accordion .su-spoiler-content {
padding-left: 0;
}


/* ------------------ Kolom-Rechts ------------------ */

#subcontent .kolom-rechts .contentblok a {
font-weight: 600;
text-transform: none;
}

#subcontent .kolom-rechts .blok:first-child {
border-top: 0 none;
padding-top: 0;
}
#subcontent .kolom-rechts .blok:first-child.websitein1dag {
border-top: 1px dashed #666;
padding-top: 40px;
}
#subcontent .kolom-rechts .blok:first-child.uitgelichte_post {
padding-top: 20px;
}
#subcontent .kolom-rechts .nieuws {
border-top: 1px solid #ddd;
padding-top: 40px;
}

#subcontent .kolom-rechts ol {
	line-height: 25px;
}

#subcontent .kolom-rechts .referentie {
	-webkit-align-items: center;
	align-items: center;
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;
}
#subcontent .kolom-rechts .referentie .titels {
	text-align: right;
	width: 35%;
}
#subcontent .kolom-rechts .referentie .content {
	width: 55%;
}
#subcontent .kolom-rechts .referentie .content p {
	margin-bottom: 0;
}

/* Website in 1 dag */
#subcontent .websitein1dag {
background: #f8f8f1;
border: 1px dashed #666;
display: inline-block;
font-weight: 600;
padding: 40px;
position: relative;
text-align: center;
transition: 0.2s;
}
#subcontent .kolom-rechts .websitein1dag + .nieuws,
#subcontent .kolom-rechts .websitein1dag + .blok {
border-top: none;
}
#subcontent .websitein1dag h4 {
font-size: 20px;
}
#subcontent .websitein1dag .content {
margin-bottom: 40px;
}
#subcontent .websitein1dag .plekkenbeschikbaar {
color: #C60850;
float: left;
}
#subcontent .websitein1dag .plekkenbeschikbaar p {
font-size: 14px;
margin: 0;
}
#subcontent .websitein1dag a.aanmelden {
float: right;
font-size: 16px;
}

#subcontent .websitein1dag:before, 
#subcontent .websitein1dag:after, 
#subcontent .websitein1dag>:first-child:before, 
#subcontent .websitein1dag>:first-child:after {
border-color: #c60850;
border-style: solid;
content: ' ';
height: 60px;
opacity: 0;
position: absolute;
transition: 0.2s;
width: 60px;
}
#subcontent .websitein1dag:before {top:-1px;left:-1px;border-width: 2px 0 0 2px}
#subcontent .websitein1dag:after {top:-1px;right:-1px;border-width: 2px 2px 0 0}
#subcontent .websitein1dag>:first-child:before {bottom:-1px;right:-1px;border-width: 0 2px 2px 0}
#subcontent .websitein1dag>:first-child:after {bottom:-1px;left:-1px;border-width: 0 0 2px 2px}

#subcontent .kolom-rechts .blok.websitein1dag:hover,
#subcontent .websitein1dag:hover {
border: none;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#subcontent .websitein1dag:hover:before, 
#subcontent .websitein1dag:hover:after, 
#subcontent .websitein1dag:hover>:first-child:before, 
#subcontent .websitein1dag:hover>:first-child:after {
opacity: 1;
}

/* Nieuws */

#nieuws .post {
margin-bottom: 30px;
}
#nieuws .post .afbeelding a {
position: static;
}
#nieuws .post .afbeelding {
display: inline-block;
height: 70px;
overflow: hidden;
position: relative;
vertical-align: top;
width: 90px;
}
#nieuws .post .afbeelding img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#nieuws .post .afbeelding .placeholder {
background: #f6f6f6;
height: 100%;
width: 100%;
}
#nieuws .post .inhoud {
display: inline-block;
padding-left: 20px;
vertical-align: top;
width: calc(100% - 90px);
}
#nieuws .post .date {
display: inline-block;
font-size: 14px;
font-weight: 600;
width: 24%;
}
.page-template-default #nieuws .post .date {
padding-right: 5px;
width: auto;
}
ul.post-categories {
list-style: none;
margin: 0;
padding: 0;
}
ul.post-categories,
.post-categories li {
display: inline-block;
vertical-align: top;
width: 76%;
}
.kolom-rechts #nieuws .post .inhoud ul.post-categories li:last-child {
display: none;
}
.kolom-rechts #nieuws .post .inhoud ul.post-categories li:first-child {
display: block;
}
.sidebar #nieuws .post-categories li {
width: 100%;
}
.artikel .blogtitel .postdate ul.post-categories {
padding-left: 0 !important;
width: auto;
}
#nieuws .inhoud ul.post-categories a:after {
display: none;
/*border-right: 1px solid;
content: "";
display: inline;
margin-right: 4px;
padding: 0 0 0 5px;*/
}
#nieuws .inhoud ul.post-categories li:last-child a:after {
border-right: none;
}
.post-categories a {
color: #C60850;
font-size: 14px;
font-weight: 800;
text-transform: lowercase;
}
#nieuws .post h3 a {
font-size: 16px;
font-weight: 700;
text-transform: none;
}
#nieuws .post h3:before {
display: none;
}
#nieuws p a {
font-size: 14px;
font-weight: 700;
}
#nieuws .post .afbeelding a:before,
#nieuws .post .afbeelding a:after {
display: none;
}
#nieuws .btn-meer {
background: #000;
border: 2px solid transparent;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin-top: 10px;
padding: 2px 12px;
text-transform: uppercase;
transition: 0.2s;
}
#nieuws .btn-meer:hover {
background: #fff;
border: 2px solid #C60850;
color: #C60850;
}
#nieuws .btn-meer:before,
#nieuws .btn-meer:after {
display: none;
}

/* Logo Carrousel */
.home #subcontent .gehele-breedte {
	border-top: 1px solid #ddd;
	padding-bottom: 150px;
}
.bx-wrapper {
margin-top: 40px !important;
max-width: 100% !important;
}
.bx-wrapper li:before,
.bx-wrapper a:before {
display: none !important;
}
.home .bx-wrapper ul.kiwi-logo-carousel.align-center li img {
max-height: 50px !important;
}
.home .bx-wrapper ul.kiwi-logo-carousel.align-center li img[alt="Albert Heijn"] {
max-height: 65px !important;
}
#wrapper .bx-wrapper .bx-caption span {
font-family: 'Open Sans';
font-size: 17px;
text-align: center;
}
#wrapper .bx-wrapper .bx-caption {
background: #c60850;
border-top: 5px solid #fff;
}

/* posts whole width */
#subcontent .gehele-breedte.posts {
	border-top: 1px solid #ddd;
	-webkit-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
	padding-top: 80px;
}
#subcontent .gehele-breedte.posts h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}
#subcontent .gehele-breedte.posts .post {
	position: relative;
	width: 22.5%;
}
#subcontent .gehele-breedte.posts .post:before {
	border: 10px solid #C60850;
	box-sizing: border-box;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
#subcontent .gehele-breedte.posts .post:hover:before {
	opacity: 1;
}
#subcontent .gehele-breedte.posts .post a:before,
#subcontent .gehele-breedte.posts .post a:after {
	content: '';
	display: none;
}
#subcontent .gehele-breedte.posts .post a {
	display: block;
	height: 300px;
	overflow: hidden;
	position: relative;
}

/* --------------------------------------------
Page template: blokken
-------------------------------------------- */

#subcontent .blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#subcontent .blocks .block {
	-webkit-align-items: center;
	align-items: center;
	cursor: default;
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 20px;
	padding: 40px;
	position: relative;
	text-align: center;
	width: 24%;
}
#subcontent .blocks .block .overlay {
	transition: 0.25s;
}
#subcontent .blocks .block .overlay .icon {
	margin-bottom: 25px;
}
#subcontent .blocks .block .overlay h3 {
	font-weight: 400;
}
#subcontent .blocks .block:last-of-type .overlay h3 {
	color: #C60850;
}
#subcontent .blocks .block .content {
	background: #fff;
	border: 1px solid;
	font-size: 14px;
	left: 0;
	line-height: 25px;
	padding: 40px 10%;
	position: absolute;
	transition: 0.5s;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	width: 100%;
	z-index: 1;
}
#subcontent .blocks .block:hover .overlay {
	opacity: 0;
}
#subcontent .blocks .block:hover .content {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
#subcontent .blocks .block:last-of-type .content {
	background: #C60850;
	border-color: #C60850;
	color: #fff;
}

/* --------------------------------------------
SINGLE PAGE & ACHTERLIGGEND
-------------------------------------------- */

/* ACHTERLIGGEND */
.achterliggend-wrapper {
border-top: 1px solid #ddd;
padding-top: 40px;
}
.floatimage {
float: left;
display: block;
padding: 0 40px 40px 0;
width: 50%;
}
.achterliggend-content h1 {
color: #000;
font-size: 30px;
margin-bottom: 40px;
text-transform: none;
}
.achterliggend-content p:first-child {
margin-top: 0;
}

.page-template-page-achterliggend #content {
margin-bottom: 30px;
}

/* SINGLE */

.post-content,
.sidebar,
.achterliggend-content {
	margin: 0 auto;
	width: 800px;
}
.post-content {
	padding-bottom: 25px;
	padding-top: 80px;
}

/*.post-content,
.sidebar,
.achterliggend-content {
display: inline-block;
font-size: 14px;
padding-right: 80px;
vertical-align: top;
width: 71.2%;
}
.sidebar {
padding-right: 0;
position: relative;
top: 95px;
width: 28.8%;
}
.sidebar.normaal {
top: 0;
}*/

.single .post-content h1 {
color: #000;
font-size: 26px;
margin-bottom: 20px;
text-align: left;
}
.single .post-content .entry {
	font-size: 14px;
}
.single .post-content .meta {
font-size: 16px;
font-weight: 600;
margin-bottom: 40px;
text-transform: lowercase;
}
.single .post-content .meta a {
font-weight: 600;
text-transform: inherit;
}
.single .post-content ul.post-categories {
list-style: none;
margin: 0;
padding: 0;
padding-left: 5px;
}
.single .post-content ul.post-categories,
.single .post-content .post-categories li {
display: inline;
}
.single .post-content .post-categories a {
color: #C60850;
font-weight: 600;
padding-right: 5px;
}
.single .post-content .featuredimage {
display: inline-block;
float: right;
max-width: 50%;
padding: 5px 0 150px 60px;
}
.single .post-content .site-img {
padding-top: 40px;
}
.single .post-content .content {
display: inline-block;
vertical-align: top;
width: 50%;
}
.single .post-content .content p:first-child {
margin-top: 0;
}
.single .post-content a {
	font-size: 14px;
	font-weight: 600;
}
.single .post-content .entry table {
	border: 1px solid #ddd;
	border-spacing: 0;
	margin-bottom: 1em;
}
.single .post-content .entry table tr td {
	padding: 12px 10px;
}
.single .post-content .entry table tr:not(:last-of-type) td {
	border-bottom: 1px solid #ddd;
}
.single .post-content .entry table tr td:first-of-type {
	color: #C60850;
	font-weight: 700;
}
.single .post-content .entry table tr td:not(:last-of-type) {
	border-right: 1px solid #ddd;
}

.single .post-content .entry blockquote {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #C60850;
	font-weight: 600;
	margin: 30px auto;
	padding: 30px 30px;
	text-align: center;
}
.single .post-content .entry blockquote p {
	margin-top: 0;
}
.single .post-content .entry blockquote p:last-of-type {
	margin-bottom: 0;
}
/* Post: Het nut van een call to action */
.single.postid-5585 .post-content .entry blockquote {
	border: none;
	padding: 0;
	text-align: left;
}
.single.postid-5585 .post-content .entry blockquote p a {
	background: #C60850;
	color: #fff;
	display: inline-block;
	font-weight: 900;
	padding: 15px 30px;
}
.single.postid-5585 .post-content .entry blockquote p a:before {
	display: none;
}

.single .post-content .navigation {
	-ms-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.single .post-content .navigation .link a {
	background: #C60850;
	border: 2px solid #C60850;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
}
.single .post-content .navigation .link a:hover {
	background: #fff;
	color: #C60850;
	transition: 0.2s;
}
.single .post-content .navigation .link a:hover:before {
	display: none;
}
.single .post-content .navigation .terug-naar-portfolio {
	margin-top: 0;
}

.sidebar .widget {
margin-top: 40px;
}
.sidebar .widget:first-child {
border-bottom: 1px solid #ddd;
margin-top: 0;
padding-bottom: 40px;
}
.sidebar h3 {
margin-bottom: 10px;
}
.sidebar h3:before {
background: #C60850;
content: "";
display: inline-block;
height: 14px;
margin-right: 10px;
width: 14px;
}
.sidebar .social {
border-bottom: 1px solid #ddd;
}
.sidebar .social,
.sidebar .recente_berichten {
padding: 40px 0;
}
.sidebar div:first-child {
padding-top: 0;
}
#nieuws.recente_berichten .post:last-child {
margin-bottom: 0;
}
.btn.portfolio {
background: #C60850;
color: #fff;
display: inline-block;
font-size: 27px;
font-weight: 800;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.btn.portfolio:hover {
background: rgba(255,255,255,0.2);
border: 2px solid #C60850;
color: #C60850;
}
.btn.portfolio:before {
height: 0;
}
.blok .portfolio {
font-size: 17px !important;
}
.blok a.portfolio:after {
display: none;
}

.sidebar .referentie {
border: 1px solid #ddd;
margin: 40px 0 0;
padding: 30px 20px;
text-align: center;
}
.referentie h4 {
margin-bottom: 20px;
}
.referentie h3:before {
display: none;
}


/* --------------------------------------------
SINGLE PORTFOLIO
-------------------------------------------- */

.post-content.category-portfolio-prode img {
border: 1px solid #ddd;
}
.post .link-website {
margin-top: 40px;
text-align: center;
}
.post .link-website a {
color: #c60850;
font-size: 27px;
text-transform: uppercase;
}
.post .link-website a:before {
background: #c60850;
bottom: 0;
content: "";
height: 4px;
left: 50%;
margin-bottom: -3px;
position: absolute;
right: 50%;
transition-duration: 0.3s;
transition-property: left, right;
transition-timing-function: ease-out;
z-index: -1;
}
.post .link-website:hover a:before {
left: 0;
right: 0;
}

.postid-5905 .post .link-website:last-of-type {
display:none !important;
}

.postid-5905 .post .link-website a {
font-size: 18px !important;
} 

/* --------------------------------------------
PORTFOLIO
-------------------------------------------- */

ul.filter-cat {
padding: 0;
}
.filter-cat li {
cursor: pointer;
display: inline-block;
font-size: 12px;
margin: 0 20px 40px 0;
position: relative;
}
.filter-cat li.alles:before,
.filter-cat li.active:before {
right: 0;
}

#posts.portfolio .portfolio-items {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#posts.portfolio .portfolio-items .column {
	display: flex;
	flex-flow: column wrap;
	margin-bottom: 110px;
	width: 22.5%;
}
#posts .portfolio-items a {
position: inherit;
}
#posts .portfolio-items a:before,
.search .resultaat a.btn:before {
height: 0;
}
#posts .mix {
display: none; /* BELANGRIJK VOOR MIXITUP */
margin: 0 0 40px;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transform-origin: 50% 0;
}

#subcontent .nieuws .post .afbeelding {
-webkit-filter: brightness(1) grayscale(40%);
-ms-filter: brightness(1) grayscale(40%);
filter: brightness(1) grayscale(40%);
transition: 0.2s;
}
#posts .portfolio-items .mix .image:after {
background: rgba(0, 0, 0, 0);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width: 100%;
}
#posts .portfolio-items .mix:hover .image:after {
background: rgba(0, 0, 0, 0.6);
}
#subcontent .nieuws .post:hover .afbeelding {
-webkit-filter: brightness(1) grayscale(0);
-ms-filter: brightness(1) grayscale(0);
filter: brightness(1) grayscale(0);
}
#posts .portfolio-items .image {
border: 1px solid #ddd;
/*-webkit-filter: brightness(1) grayscale(35%);
filter: brightness(1) grayscale(35%);*/
position: relative;
border: 1px solid #ccc;
padding: 20px;
background: #eee;
}
#posts .portfolio-items .image img {
width: 100%;
}
#posts .portfolio-items .mix .overlay {
backface-visibility: hidden;
border: 2px solid #fff;
left: 0;
margin: 0 auto;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 20%;
width: calc(100% - 80px);
}
#posts .portfolio-items .mix .overlay h2 {
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 10px 10px 5px 10px;
margin-bottom:0px;
}

.portfolio .overlay p{
color:#fff;
text-transform:lowercase;
margin-top:0px;
}

#posts .portfolio-items .mix:hover .overlay {
opacity: 1;
transition: 0.4s;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

/* --------------------------------------------
SOCIAL MEDIA
-------------------------------------------- */

.page-id-2431 #subcontent .websitein1dag {
background: #c60850;
color: #fff;
margin-bottom: 40px;
}
.page-id-2431 #subcontent .websitein1dag:before, 
.page-id-2431 #subcontent .websitein1dag:after, 
.page-id-2431 #subcontent .websitein1dag>:first-child:before, 
.page-id-2431 #subcontent .websitein1dag>:first-child:after {
border-color: #000;
}
.page-id-2431 #subcontent .websitein1dag h4,
.page-id-2431 #subcontent .websitein1dag a,
.page-id-2431 #subcontent .websitein1dag .plekkenbeschikbaar {
color: #f8f8f1;
}

/* --------------------------------------------
WERKWIJZE
-------------------------------------------- */

.werkwijze {
border-top: 1px solid #ddd;
padding-top: 40px;
position: relative;
}
.werkwijze .kolom {
display: inline-block;
vertical-align: top;
}
#stappen {
position: relative;
width: 28%;
}
.werkwijze #midden {
padding-right: 40px;
text-align: center;
width: 42%;
}
.werkwijze #nieuws {
padding-left: 40px;
width: 30%;
}

.werkwijze .stap {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
position: relative;
}
.werkwijze .stap .nr {
color: rgba(255,255,255,0.5);
cursor: pointer;
font-size: 32px;
left: 165px;
padding: 5px 20px;
position: absolute;
-webkit-transform: rotateY(35deg);
-moz-transform: rotateY(35deg);
-ms-transform: rotateY(35deg);
-o-transform: rotateY(35deg);
transform: rotateY(35deg);
transition: 0.2s;
z-index: 1;
}
.werkwijze .stap.een .nr {
top: 40px;
}
.werkwijze .stap.twee .nr {
top: 126px;
}
.werkwijze .stap.drie .nr {
top: 213px;
}
.werkwijze .stap.vier .nr {
top: 300px;
}
.werkwijze .stap.vijf .nr {
top: 386px;
}
.werkwijze .stap.zes .nr {
top: 473px;
}
.werkwijze .stap.zeven .nr {
top: 560px;
}

.werkwijze .stap.active .nr {
color: rgba(255,255,255,1);
}

@-webkit-keyframes changeposition {
	from {
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-ms-transform: translateX(10px);
		-o-transform: translateX(10px);
		transform: translateX(10px);
	}

	to {
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}
}
@keyframes changeposition {
	from {
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}

	to {
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}
}

.werkwijze .stap.after .nr:after,
.werkwijze .stap.after .nr:before {
-webkit-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-duration: 0.7s;
-ms-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-name: changeposition;
-ms-animation-name: changeposition;
-o-animation-name: changeposition;
animation-name: changeposition;
-webkit-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
color: #c60850;
position: absolute;
}
.werkwijze .stap.after .nr:after {
content: "\f060";
font-family: 'fontawesome';
font-size: 18px;
right: -20px;
top: 17px;
}
.werkwijze .stap.after .nr:before {
content: "Volgende stap";
font-size: 12px;
right: -110px;
top: 18px;
}

.werkwijze .stap:hover .content,
.werkwijze .stap:focus .content,
.werkwijze .stap.active .content {
display: block;
opacity: 1;
}

#subcontent.werkwijze .stap h3:before {
display: none;
}
.werkwijze .stap .content {
border: 1px solid #ddd;
font-size: 14px;
left: 392px;
opacity: 0;
padding: 40px;
pointer-events: none;
position: absolute;
top: 205px;
transition: 0.2s;
width: calc(142% - 7px);
}

.werkwijze #stappen img {
left: 125px;
padding: 0;
position: absolute;
top: 0;
z-index: -1;
}

/* --------------------------------------------
ONLINE AANWEZIGHEID
-------------------------------------------- */

.page-id-2455 .sidebar .referentie {
display: none;
}

/* --------------------------------------------
Q&A
-------------------------------------------- */

.page-id-2348 #subcontent .kolommen {
	border-top: none;
}

.qa-search {
margin: 0 auto;
width: 25%;
}
.qa-search #searchform .input_veld {
-webkit-appearance: none;
height: auto;
padding: 10px 12px;
width: calc(100% - 35px);
}
.qa-search #searchform input[type="submit"] {
height: auto;
padding: 11px 10px 10px;
}

.qa .filter-cat {
display: inline-block;
width: 20%;
}
.qa .filter-cat li {
background: #f9f9f9;
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
margin-right: 40px;
padding: 10px 12px;
}
.qa .filter-cat li:first-letter {
text-transform: uppercase;
}
.qa .filter-cat li.alles,
.qa .filter-cat li.active,
.qa .filter-cat li:hover {
border-right: 4px solid #c60850;
}
.qa .filter-cat li:before {
display: none;
}
.qa .portfolio-items {
display: inline-block;
vertical-align: top;
width: 80%;
}
#posts.qa .mix {
float: left;
margin-right: 40px;
min-height: 375px;
vertical-align: top;
width: calc(33% - 40px);
}
#posts.qa .mix .postdate,
#posts.qa .mix .postdate a {
font-size: 11px;
}
#posts.qa .mix .postdate .post-categories, 
#posts.qa .mix .postdate .post-categories li {
display: inline-block;
width: auto;
}
#posts.qa .portfolio-items a.btn {
bottom: 0;
position: absolute;
}

.qa .post .postimage {
border: 1px solid #ddd;
height: 100px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 100%;
}
.qa .post .postimage img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.qa .post .placeholder {
background: #f9f9f9;
border: 1px solid #ddd;
height: 100px;
margin-bottom: 20px;
}
.qa .post .content {
min-height: 120px;
}
.qa .post a.btn,
.search .resultaat a.btn {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding: 2px 12px;
}
.qa .post a.btn:hover,
.search .resultaat a.btn:hover {
background: #fff;
color: #c60850;
}


/* --------------------------------------------
OVER ONS
-------------------------------------------- */

#top-video {
height: 550px;
overflow: hidden;
position: relative;
}
#top-video iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.half-content {
	display: inline-block;
	font-size: 14px;
	margin: 0 auto;
	padding: 0 2% 0 0;
	vertical-align: top;
	width: 48%;
}
.half-content.last {
	padding: 0 0 0 2%;
}
#content .half-content .content-column {
padding: 0;
text-align: left;
}
#content .half-content .content-column p {
margin-top: 20px;
padding: 0;
}
.het-team {
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px;
}
.het-team .member.become-a-pokemon-too a {
	align-items: center;
	background: #c60850;
	display: flex;
	height: 100%;
	margin-top: 0;
	padding: 0 20px;
	text-align: center;
	transition: 0.3s;
}
.het-team .member.become-a-pokemon-too:hover a {
	background: #fff;
}
.het-team .member.become-a-pokemon-too a h3 {
	color: #fff !important;
	transition: 0.3s;
}
.het-team .member.become-a-pokemon-too:hover a h3 {
	color: #c60850 !important;
}
.het-team h2 {
font-size: 30px;
margin-bottom: 60px;
text-align: center;
}
.het-team .member {
	border: 1px solid #ddd;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 100px;
	margin-right: 6%;
	position: relative;
	vertical-align: top;
	width: calc(88% / 3);
}
.het-team .member:nth-child(3n) {
margin-right: 0;
}
.het-team .member .profielfoto {
	font-size: 0;
}
.het-team .member .tekst {
	align-content: center;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 20px;
	position: absolute;
	top: 0;
	transition: 0.3s;
	width: 100%;
}
.het-team .member:hover .tekst {
	opacity: 1;
}
.het-team .member .naam {
margin: 0 0 10px;
}
#content .het-team .member h3 {
	color: #c60850;
	text-transform: none;
}
.het-team .member h3 .last {
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.het-team .member a {
color: #c60850;
display: block;
margin-top: 20px;
width: 100%;
}
.het-team .member a:before {
	display: none;
}
.het-team .member a:last-of-type {
	padding-bottom: 0;
}
.het-team .member a.mobielnr {
margin-top: 0;
}
.het-team .member a .fa {
	margin-right: 4px;
}
.het-team .member a.mobielnr .fa {
	margin-right: 7px;
}

/* Vacature */
.het-team .member.vacature h3 {
padding: 0 20px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.het-team .member.vacature .overlay.vacature a {
margin-top: 0;
}


/* --------------------------------------------
WEBSITE in 1 DAG
-------------------------------------------- */
	
.blok .data {
background: #ff9915;
color: #fff;
padding: 20px;
}
.blok .data h2 {
color: #fff;
}

.page-id-2254 .extra-content .contentblok:first-child a,
.page-id-3839 .extra-content .blok:last-of-type a {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
display: inline-block;
font-size: 13px !important;
font-weight: 400 !important;
padding: 10px 20px !important;
text-transform: none !important;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.page-id-2254 .extra-content .contentblok:first-child a:hover,
.page-id-3839 .extra-content .blok:last-of-type a:hover {
background: #fff;
color: #c60850;
}
.page-id-2254 .extra-content .contentblok:first-child a:before,
.page-id-2254 .extra-content .contentblok:first-child a:after,
.page-id-3839 .extra-content .blok:last-of-type a:before,
.page-id-3839 .extra-content .blok:last-of-type a:after {
display: none !important;
}

.page-id-2254 .kolom-rechts .blok.websitein1dag {
margin-bottom: 40px;
}
.page-id-2254 #subcontent .kolom-rechts .blok.websitein1dag:hover {
border: 1px dashed #666;
transform: none;
}
.page-id-2254 #subcontent .kolom-rechts .blok.websitein1dag:hover:before, 
.page-id-2254 #subcontent .kolom-rechts .blok.websitein1dag:hover:after, 
.page-id-2254 #subcontent .kolom-rechts .blok.websitein1dag:hover > *:first-child:before, 
.page-id-2254 #subcontent .kolom-rechts .blok.websitein1dag:hover > *:first-child:after {
opacity: 0;
}
.page-id-2254 #subcontent .kolom-rechts .websitein1dag + .blok {
border-top: 1px dashed #666;
}
.page-id-2254 #subcontent .kolom-rechts .blok.websitein1dag .content {
margin-bottom: 0;
}

.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 .gfield {
display: inline-block;
margin-bottom: 10px;
margin-right: 2%;
vertical-align: top;
width: 32%;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 .gfield label {
display: none;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 #field_7_7 {
margin-top: 0;
width: 100%;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 #field_7_8 {
	margin: 0;
	width: 100%;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 #field_7_8 .ginput_container ul {
	margin: 0;
}
#gform_wrapper_1 #field_1_6 label {
	display: none;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 #field_7_8 .ginput_container label,
#gform_wrapper_4 #field_4_9 .ginput_container label,
#gform_wrapper_1 #field_1_6 .ginput_container label {
	display: inline-block;
	font-size: 12px;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 #field_7_8 .ginput_container label a,
#gform_wrapper_4 #field_4_9 .ginput_container label a,
#gform_wrapper_1 #field_1_6 .ginput_container label a {
	font-size: 12px;
	font-weight: 400;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 .gfield:nth-child(3) {
margin-right: 0;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag #gform_7 .gform_footer {
margin-top: 0;
text-align: center;
}
.page-id-2254 .kolom-rechts .blok.websitein1dag a.aanmelden {
display: none;
}

.page-id-2254 #subcontent .websitein1dag:nth-child(2n + 1) {
text-align: left;
}
.page-id-2254 #subcontent .websitein1dag:nth-child(2n + 1) h4 {
font-size: 18px;
}
.page-id-2254 #subcontent .websitein1dag:nth-child(2n + 1) a {
font-size: 14px;
font-weight: 700;
}
.page-id-2254 #subcontent .websitein1dag:nth-child(2n + 1) a:after {
display: none;
}
.page-id-2254 .kolom-rechts .websitein1dag:nth-child(2n + 1) .wpcf7-form p {
margin: 7px 0 !important;
width: 100%;
}
.page-id-2254 .kolom-rechts .websitein1dag:nth-child(2n + 1) .ninja-forms-form-wrap label {
font-weight: 600 !important;
}

/* --------------------------------------------
NIEUWS
-------------------------------------------- */

.artikel {
display: inline-block;
font-size: 14px;
margin: 0 20px 30px;
vertical-align: top;
width: 22.7%;
}
.artikel:nth-child(4n + 1), 
.artikel:first-of-type {
margin-left: 0;
}
.artikel:nth-child(4n + 4) {
margin-right: 0;
}

#subcontent .artikel li:before {
display: none;
}

.artikel a:after {
display: none;
}

.artikel h2 {
color: #212121;
font-size: 16px;
font-weight: 600;
margin: 25px 0 5px;
}
#subcontent .artikel h2 a {
font-weight: 600;
}

#subcontent .artikel .postdate, 
#subcontent .artikel .postdate a {
font-size: 11px;
}
.artikel .post-categories li {
display: inline;
}
#subcontent .artikel .entry p a {
color: #000;
font-size: inherit;
font-weight: 600;
text-transform: none;
}

#subcontent .entry a.readmore {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
display: inline-block;
font-weight: 600;
padding: 2px 12px;
text-transform: uppercase;
transition: 0.2s;
}
.entry a.readmore:before {
height: 0;
}

.artikel .featuredimage {
border: 1px solid #ddd;
height: 120px;
overflow: hidden;
position: relative;
width: 100%;
}

.artikel .featuredimage img {
bottom: -100%;
height: auto;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -100%;
max-width: 100%;
}

.featuredimagegroot {
float: right;
margin: 0px 0px 20px 20px;
}

/* Ajax Lazy Load Infinite */
.ajax-load-more-wrap.infinite button.alm-load-more-btn {
width: 100%;
background-color: transparent !important; 
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
overflow: hidden;
text-indent: -9999px; 
cursor: default !important;
outline: none !important;
}
.ajax-load-more-wrap.infinite button.alm-load-more-btn:before {
display: none !important;  
}
.ajax-load-more-wrap.infinite button.alm-load-more-btn.done {
opacity: 0;
-webkit-filter: alpha(opacity=0); 
-ms-filter: alpha(opacity=0); 
filter: alpha(opacity=0); 
}   
.ajax-load-more-wrap.infinite button.alm-load-more-btn:active{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}	

.ajax-load-more-wrap.infinite button.alm-load-more-btn {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-image: url(https://www.prode.nl/wp-content/themes/prode/img/Prode-Loader.gif);
border: none !important;
height: 45px;
opacity: 0;
-webkit-filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
filter: alpha(opacity=0);
}
.ajax-load-more-wrap.infinite button.alm-load-more-btn {      
-webkit-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.ajax-load-more-wrap.infinite button.alm-load-more-btn.loading {
opacity: 1;
-webkit-filter: alpha(opacity=100);
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
}
/* Einde */

/* --------------------------------------------
REVIEWS
-------------------------------------------- */

.artikel.review {
margin: 0 5% 80px 0;
width: 30%;
}
.artikel.review:nth-child(3n) {
margin-right: 0;
}
.artikel.review .featuredimage img {
height: auto;
margin-bottom: 25px;
max-height: 70%;
max-width: 80%;
width: auto;
}
.artikel.review .blogtitel {
margin-bottom: 3px;
}
.artikel.review .blogtitel h2 {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
}
/*.artikel.review .blogtitel h2:before {
background: #c60850;
content: '';
display: inline-block;
height: 14px;
margin-right: 10px;
width: 14px;
}*/
.artikel.review .blogtitel h3 {
color: #c60850;
font-size: 17px;
text-transform: none;
}
#subcontent .artikel.review .blogtitel h3:before,
.artikel.review a:before {
display: none;
}
.artikel.review .entry p:first-of-type:before {
content: open-quote;
}
.artikel.review .entry p:last-of-type:after {
content: close-quote;
}
.artikel.review .entry p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.artikel.review a:hover {
border-bottom: 2px solid #c60850;
padding-bottom: 0;
}
.artikel.review a.link {
color: #000;
font-weight: 700 !important;
}

/* Single van de review */
#review-single .quote p:first-of-type:before {
content: open-quote;
}
#review-single .quote p:last-of-type:after {
content: close-quote;
}

/* Review form post */
.artikel.post-3691 .entry p:first-of-type:before,
.artikel.post-3691 .entry p:last-of-type:after {
display: none;
}

/* --------------------------------------------
CPT: SUPPORT
-------------------------------------------- */

#support {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#support .blok {
	margin-bottom: 25px;
	width: 30%;
}
#support .blok ul {
	font-size: 15px;
	padding-left: 24px;
}

/* --------------------------------------------
VACATURES
-------------------------------------------- */

.page-id-2907 .achterliggend-content {
font-size: 0;
}

.page-id-2907 .vacature {
border: 1px solid #ddd;
display: inline-block;
margin: 0 40px 40px 0;
min-height: 335px;
padding: 40px;
position: relative;
vertical-align: top;
width: calc(50% - 20px);
}
.page-id-2907 .vacature:nth-child(2n + 1) {
margin-right: 0;
}

.page-id-2907 .achterliggend-content h2 a {
color: #c60850;
font-size: 18px;
font-weight: 800;
}
.page-id-2907 .achterliggend-content h2 a:before,
.page-id-2907 .achterliggend-content p a:before {
display: none;
}
.page-id-2907 .achterliggend-content p a {
background: #fff;
border: 2px solid #c60850;
bottom: 20px;
color: #c60850;
display: inline-block;
font-weight: 600;
margin: 5px 0 15px;
padding: 10px 40px;
position: absolute;
text-transform: uppercase;
transition: 0.2s;
}
.page-id-2907 .achterliggend-content p a:hover {
background: #c60850;
color: #fff;
}
.page-id-2907 .achterliggend-content p a:after {
content: " \00BB";
}

.parent-pageid-2907 .su-spoiler-title, .page-id-4939 .su-spoiler-title {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
display: inline-block;
font-size: 17px;
margin-top: 20px;
padding: 10px 40px !important;
transition: 0.2s;
}
.parent-pageid-2907 .su-spoiler-title:hover {
background: rgba(255,255,255,0);
color: #c60850;
}
.parent-pageid-2907 .wpcf7 input,
.parent-pageid-2907 .wpcf7 select,
.parent-pageid-2907 .wpcf7 textarea {
max-height: none;
}
.parent-pageid-2907 a.btn.terug {
background: none;
border: 2px solid #c60850;
color: #c60850;
display: inline-block;
font-size: 15px;
margin-top: 40px;
padding: 10px 13px;
}
.parent-pageid-2907 a.btn.terug:before {
display: none;
}
.parent-pageid-2907 a.btn.terug:hover {
background: #c60850;
color: #fff;
}

/* --------------------------------------------
KALENDER
-------------------------------------------- */

#tribe-events-pg-template{
margin:50px auto 100px;
}

table.tribe-events-calendar thead th{
background:#C60850!important;
border-color:#C60850;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
background-color: #FAA532;
}

h3.tribe-events-month-event-title{
padding:5px 0 0 0!important;
text-transform:uppercase;
font-size:14px!important;
}

h3.tribe-events-month-event-title a{
color:#555;
}

#tribe-events-content .tribe-events-calendar td:hover {
background: #F9D7A9;
}

.tribe-events-tooltip{
padding:10px 15px!important;
}

.tribe-events-tooltip h4.entry-title{
color:#FAA532!important;
line-height:20px!important;
margin:5px 0!important;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"] {
background: #C60850;
}

.tribe-events-back a,
.tribe-events-nav-next a,
.tribe-events-nav-previous a{
text-transform:lowercase;
}

.tribe-events-schedule{
margin-top:5px!important;
}

.tribe-events-schedule h2 {
color:#444;
font-weight:normal;
}

h3.tribe-events-single-section-title{
color:#C60850;
margin-top:30px!important;
}

/* --------------------------------------------
CONTACT
-------------------------------------------- */

#wpgmza_map {
float: none !important;
}

.page-id-38 #slogan,
.page-id-2627 #slogan {
	padding-bottom: 60px;
	padding-top: 0;
}

.page-id-38 h2.koptekst,
.page-id-2627 h2.koptekst {
margin-bottom: 40px;
}

/* --------------------------------------------
CONTACT FORMULIER
-------------------------------------------- */

#wrapper .gform_wrapper {
	margin-top: 10px;
}
#wrapper a.gform_anchor,
#wrapper .gform_wrapper > a,
#wrapper .gfield.hidden {
	display: none !important;
}
#wrapper .gform_wrapper ul,
#wrapper .gform_wrapper li{
	padding: 0;
}
#wrapper .gform_wrapper li {
	margin-top: 12px;
}
#wrapper .gform_wrapper li:before{
	display: none !important;
}
#wrapper .gform_wrapper li label {
	font-weight: 400;
}
#wrapper #gform_4 li label {
	font-weight: 600;
}
#wrapper .gform_wrapper li .ginput_container {
	margin-top: 2px;
}
#wrapper .gform_wrapper li input,
#wrapper .gform_wrapper li select,
#wrapper .gform_wrapper li textarea {
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #c60850;
	font-family: 'Open Sans';
	font-size: 14px;
	max-height: 75px;
	padding: 5px 7px;
	width: 100%;
}
#wrapper .gform_wrapper li input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
#wrapper #field_8_5 textarea {
	max-height: 200px;
}
#wrapper .gform_wrapper li .ginput_container .ginput_full {
	display: inline-block;
	width: 100%;
}
#wrapper .gform_wrapper li .ginput_container label {
	display: none;
}
#wrapper .gform_wrapper li a {
	font-weight: 400;
	text-decoration: underline;
}
#wrapper .gform_wrapper li a:after {
	display: none;
}
#wrapper .gform_wrapper .gform_footer {
	margin-top: 10px;
}
#wrapper .gform_wrapper .gform_footer input[type="submit"] {
	background: #c60850;
	border: 2px solid #c60850;
	color: #fff;
	cursor: pointer;
	min-width: 120px;
	padding: 5px 7px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
#wrapper .gform_wrapper .gform_footer input[type="submit"]:hover {
	background: rgba(255,255,255,0);
	color: #c60850;
}

.wpcf7 {
font-size: 14px;
}
.ninja-forms-form .field-wrap {
margin-bottom: 14px;
}
.ninja-forms-form label {
font-weight: 400 !important;
margin: 0 !important;
}
.ninja-forms-form .ninja-forms-req-symbol {
color: #000;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
.ninja-forms-form input,
.ninja-forms-form select,
.ninja-forms-form textarea {
-webkit-appearance: none;
background: #fff;
border: 1px solid #ccc;
border-radius: 0;
color: #c60850;
font-family: 'Open Sans';
font-size: 14px;
max-height: 75px;
padding: 5px 7px;
width: 100%;
}
.ninja-forms-form .ninja-forms-error label {
font-weight: 600 !important;
}
.ninja-forms-form .ninja-forms-error input,
.ninja-forms-form .ninja-forms-error textarea {
border-color: #f00;
}
.wpcf7 select,
.ninja-forms-form select {
padding: 1px 7px;
}
.wpcf7 select option,
.ninja-forms-form select option {
padding: 5px 7px;
}
.wpcf7 input[type="submit"],
.ninja-forms-form input[type="submit"] {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
cursor: pointer;
min-width: 120px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.wpcf7 input[type="submit"]:hover,
.ninja-forms-form input[type="submit"]:hover {
background: rgba(255,255,255,0);
color: #c60850;
}
body .gform_wrapper .gfield_checkbox li label{
	font-size: .97em !important;
}

/* --------------------------------------------
NIEUWSBRIEF - MAILCHIMP
-------------------------------------------- */

#mc_embed_signup .mc-field-group {
margin-bottom: 20px;
}
#mc_embed_signup .mc-field-group label {
display: inline-block;
margin-bottom: 5px;
}
#mc_embed_signup input {
border: 1px solid #ccc;
color: #c60850;
font-family: 'Open Sans';
font-size: 14px;
max-height: 75px;
padding: 5px 7px;
width: 100%;
}
#mc_embed_signup input[type="submit"] {
background: #c60850;
border: 2px solid #c60850;
color: #fff;
cursor: pointer;
transition: 0.2s;
width: 120px;
}
#mc_embed_signup input[type="submit"]:hover {
background: rgba(255,255,255,0);
color: #c60850;
}
#mc_embed_signup div.mce_inline_error {
background-color: #c60850 !important;
}

/* --------------------------------------------
SEARCH
-------------------------------------------- */

#topcontentsearch {
margin-bottom: 40px;
}

.search h1 {
margin-bottom: 40px;
}
h3.suggestions {
margin: 0 0 40px;
}
h3.suggestions a {
font-weight: 700;
}

.search .achterliggend-content {
font-size: 0;
}

.search .resultaat {
display: inline-block;
margin: 0 40px 40px 0;
vertical-align: top;
width: calc(25% - 30px);
}
.search .resultaat:nth-child(4n + 1) {
margin-right: 0;
}

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

#site-footer {
	background: #C60850;
	clear: both;
	color: #fff;
	line-height: 30px;
	margin-bottom: -5px;
	padding: 10vh 0 5vh;
}
#site-footer .container {
	display: flex;
	justify-content: space-between;
}
#site-footer .container .small {
	width: 12.5%;
}
#site-footer .container .small h3 {
	font-size: 14px;
	font-weight: 600;
}
#site-footer .container .small .wpseo-phone,
#site-footer .container .small .wpseo-email {
	font-size: 0;
}
#site-footer .container,
#site-footer .container .small .wpseo-phone a,
#site-footer .container .small .wpseo-email a {
	font-size: 14px;
}

#site-footer .container .small .tw-opt {
	margin-top: 30px;
}
#site-footer .container .small .tw-opt a:before {
	display: none;
}
#site-footer .container .small .tw-opt img {
	margin-right: 10px;
	max-width: 30px;
	vertical-align: middle;
}

#site-footer .container .middle {
	margin-top: -175px;
	text-align: center;
	width: 60%;
}
#site-footer .container .middle .wrap {
	position: relative;
	z-index: 1;
}
#site-footer .container .middle .form {
	background: #aa003f;
	margin-bottom: 50px;
	padding: 50px 50px 80px;
	position: relative;
}
#site-footer .container .middle .form:before,
#site-footer .container .middle .form:after {
	position: absolute;
	top: 0;
}
#site-footer .container .middle .form:before {
	content: url("/wp-content/themes/prode/img/prode-contact-blocks-left.png");
	left: 0;
}
#site-footer .container .middle .form:after {
	content: url("/wp-content/themes/prode/img/prode-contact-blocks-right.png");
	right: 0;
}
#site-footer .container .middle .form .wrap:after {
	clear: both;
	content: "";
	display: block;
}
#site-footer .container .middle .form .wrap .title {
	font-size: 31px;
	font-weight: 600;
	line-height: 50px;
	margin-bottom: 10px;
	padding: 0 1vw;
}
#site-footer .container .middle .form .wrap .gform_wrapper {
	margin: 0;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield,
#site-footer .container .middle .form .wrap .gform_footer {
	clear: none;
	float: left;
	margin-top: 0;
	padding: 0;
	width: 49.3%;
}
#site-footer .container .middle .form .wrap .gform_wrapper #field_11_1,
#site-footer .container .middle .form .wrap .gform_footer {
	margin-left: 1.4% !important;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container {
	margin-bottom: 8px;
	margin-top: 0;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container span {
	padding-top: 0;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container input,
#site-footer .container .middle .form .wrap .gform_footer input {
	border: 2px solid transparent;
	font-size: 16px;
	margin-right: 0;
	min-height: 62px;
	padding: 20px;
	width: 100%;
}
#site-footer .container .middle .form .wrap .gform_footer input {
	background: #FAA532;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .gfield_label,
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_complex label,
#site-footer .container .middle .form .wrap .gform_wrapper .validation_error {
	display: none;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container_date {
	position: relative;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container_date:after {
	-webkit-align-items: center;
	align-items: center;
	background: #FAA532;
	content: url("/wp-content/themes/prode/img/prode-contact-calendar.png");
	-webkit-display: flex;
	display: flex;
	height: 100%;
	line-height: normal;
	padding: 0 20px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}
#site-footer .container .middle .form .wrap .gform_wrapper #field_11_8 {
	bottom: -80px;
	left: 0;
	position: absolute;
	width: 100%;
}
#site-footer .container .middle .form .wrap .gform_wrapper #field_11_8 label {
	font-weight: 400;
	max-width: 93%;
}
#site-footer .container .middle .form .wrap .gform_wrapper #field_11_8 label a {
	text-decoration: underline;
}
#site-footer .container .middle .form .wrap .gform_wrapper #field_11_8 label a:before {
	display: none;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield.gfield_error {
	background: none;
	border: none;
	margin-bottom: 0 !important;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield.gfield_error input {
	border-color: red;
}
#site-footer .container .middle .form .wrap .gform_wrapper .gfield.gfield_error .validation_message {
	display: none;
}

#site-footer .container .middle .social {
	margin-bottom: 25px;
}

#site-footer .social .fa {
border: 1px solid rgba(255, 255, 255, 0.8);
}
#site-footer .social .icoon .icon:before {
background: none;
}
#site-footer .social .icoon .icon:hover:before {
background: #fff;
color: #c60850;
opacity: 1;
}

.icoon {
color: #fff;
display: inline-block;
margin-bottom: 5px;
margin-right: 3px;
padding-bottom: 0;
}
.icoon:last-of-type {
margin-right: 0;
}
.icoon .icon:before {
display: block;
font-size: 20px;
transition: 0.2s;
}
.icoon-fb .icon:before {
background: #3B5998;
content: "\f09a";
padding: 7px 12px;
}
.icoon-tw .icon:before {
background: #4099FF;
content: "\f099";
padding: 7px 8px;
}
.icoon-yt .icon:before {
background: #e52d27;
content: "\f167";
padding: 7px 9px;
}
.icoon-in .icon:before {
background: #4875B4;
content: "\f0e1";
padding: 7px 9px;
}
.icoon-pn .icon:before {
background: #C92228;
content: "\f231";
padding: 7px 10px 7px 11px;
}
.icoon-gp .icon:before {
background: #dd4b39;
content: "\f0d5";
font-size: 18px;
padding: 9px 6px 7px;
}
.icoon-ig .icon:before {
background: #cd486b;
content: "\f16d";
padding: 7px 9px;
}
.icoon:hover:before {
height: 0;
right: 100%;
}
.icoon .icon:hover:before {
opacity: 0.75;
}

#site-footer a {
display: inline-block;
color: #fff;
position: relative;
transition: 0.1s;
}

#site-footer a:before {
background: #fff;
}

/* --------------------------------------------
404
-------------------------------------------- */

.error404 #wrapper {
font-size: 14px;
}
.flex404 {
	display: flex;
	margin-top: 10%;
}
.flex404 h1 {
	font-size: 24px;
}
.flex404 h2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}
.flex404 h1,
.flex404 h2{
	margin-bottom: 17px;
}
.flex404 ol li{
	font-size: 15px;
	line-height: 1.5em;
}






/* --------------------------------------------
Menu
-------------------------------------------- */
/*************** Menu *****************/
/* The container wrapping ul.dropdown */

/* Top level Unordered list */
#menu ul.dropdown {
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
 
#menu ul.dropdown li {
display: inline-block;
font-size: 0;
padding: 18px 0;
text-align: left;
}

/* Chrome only */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#menu ul.dropdown li {
		padding: 18px 0 15px;
	}
}
 
#menu ul.dropdown a {
border: none;
color: #000;
font-size: 13px;
font-weight: 600;
list-style: none;
padding: 18px 12px;
position: relative;
text-align: left;
text-decoration: none;
text-transform: lowercase;
}

#menu ul.dropdown a:before {
background: #C60850;
bottom: 0;
content: "";
height: 6px;
left: 50%;
position: absolute;
right: 51%;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
-webkit-transition-property: left, right;
-moz-transition-property: left, right;
-ms-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
z-index: 1;
}
 
#menu ul.dropdown li:hover a:before,
#menu ul.dropdown li.current-menu-item a:before,
#menu ul.dropdown li.current-menu-ancestor a:before {
left: 0;
right: 0;
}
 
/* Displays the link as blocks. */
#menu ul.dropdown li ul a {
display: block;
width: 200px;
}
 
/* sub menus!!  */
 
#menu ul.dropdown ul.sub-menu {
box-shadow: 5px 5px 10px #66666B;
list-style: none;
margin: 18px 0 0;
padding: 0;
position: absolute; 
width: auto;
z-index: 500;
}

/* Chrome only */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#menu ul.dropdown ul.sub-menu {
	margin-top: 17px;
	}
}

#menu .dropdown .sub-menu li {
display: block;
padding: 0;
}
 
.sub-menu .fa {
width: 25px;
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
#menu ul.dropdown ul,
#menu ul.dropdown li:hover ul ul,
#menu ul.dropdown ul li:hover ul ul { 
display: none;
}
 
#menu ul.dropdown li li a {
background: #fff !important;
border-bottom: #ddd 1px solid;
color: #66666B !important;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 30px;
margin: 0px 0 0 0px;
padding: 7px 15px;
text-align: left;
text-decoration: none;
text-transform: none;
}
#menu ul.dropdown li li:last-child a {
border-bottom: none;
}


/* Display the submenus only when li are hovered */
#menu ul.dropdown li:hover ul,
#menu ul.dropdown ul li:hover ul ,
#menu ul.dropdown ul li ul li:hover ul { 
display: block;
}
 
#menu ul.dropdown li * a:before {
height: 0;
}

#menu ul.dropdown li * a:hover,
#menu ul.dropdown li li.current_page_item a {
/* Change color of links when hovered */
background: #C60850 !important;
color: #fff !important;
}

#menu .dropdown li a:after {
content: '▾';
margin-left: 2px;
}

#menu .dropdown li a:only-child:after {
content: '';
}

/* Responsive Menu */

body #responsive_menu_pro .responsive_menu_pro_menu li a {
width: 81% !important;
}



























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

	.container {
	width: 90%;
	}
		
	h1 {
	margin-bottom: 20px;
	}
	h3 {
	font-size: 17px;
	}
		
	.single .post-content h1,
	.achterliggend-content h1 {
	font-size: 26px;
	}
		
	.one_half {
	margin-right: 0 !important;
	width: 100% !important;
	}
	
	#slogan .uitgelicht {
		bottom: 0;
		font-size: 16px;
		height: 180px;
		margin: 30px auto 0;
		padding-bottom: 40px;
		position: relative;
		width: 180px;
	}
	#slogan .uitgelicht:after {
		left: 0;
	}

	.postid-6259 #attachment_6260 {
    max-width: 400px;
    padding: 5px 0 10px 60px;
	}
	
	/* --------------------------------------------
	TOP
	-------------------------------------------- */

	#site-header {
	padding: 0 0 10px;
	}
	#logo {
	display: block;
	margin: 0 auto;
	width: 160px;
	}

	#site-header.fixed .container {
		padding: 10px 0;
	}

	.home #special.mobiel {
	background: #fff;
	display: block;
	padding-top: 30px;
	position: relative;
	z-index: 1;
	}
		
	#special {
	display: block;
	width: 100%;
	}
	#special .header-widget {
	float: none;
	}
	#special .header-widget .links {
	margin-right: 0;
	padding-top: 5px;
	text-align: center;
	width: 100%;
	}
		
	#special .header-widget .links a {
	font-size: 15px;
	font-weight: 800;
	padding-right: 12px;
	text-transform: uppercase;
	}
		
	#special .header-widget .links h3 {
	font-size: 15px;
	margin: 0 5px 0 0;
	display: inline;
	}

	#special .header-widget .links:after {
	display: none;
	}
	#special .header-widget .links a {
	padding-right: 0;
	}
	#special .header-widget .rechts {
	display: none; 
	}
	#special .header-widget .rechts .regel1,
	#special .header-widget .rechts .regel2 {
	padding-left: 0;
	}
	#special .yoast-partner {
	padding-top: 10px;
	text-align: center;
	}
	#special .yoast-partner img {
	display: none; 
	}
		
	.home #zoekbalk {
	margin-top: 148px;
	text-align: center;
	}
	#menu,
	#zoekbalk #searchform.widget,
	#site-header .search {
	display: none;
	}

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

	#home-uitgelicht {
	height: 100%;
	margin-top: 0;
	}
	#home-uitgelicht .center {
	top: 10%;
	width: 80%;
	}
	.btn {
	padding: 4px 0 7px
	}
	.btn a {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 13px;
	}

	#zoekbalk {
	margin-top: 0;
	padding: 5px 0 33px;
	text-align: center;
	}
	.home #zoekbalk {
	padding: 20px 0;
	}
	.home #zoekbalk .container {
	width: 100%;
	}
	#zoekbalk .widget {
	margin-left: 0;
	}
	.home #zoekbalk .widget:first-child {
	float: none;
	top: 0;
	}
	#zoekbalk .widget:first-child a:first-child {
	margin-right: 5px;
	}
	#zoekbalk .widget .textwidget a {
	font-size: 11px;
	padding-left: 15px;
	}

	#breadcrumbs {
	display: block;
	}
	#zoekbalk .inhoud {
	position: relative;
	top: 10px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	}

	#slogan.home {
		padding: 24vh 0 8vh;
	}
	#slogan .koptekst,
	#slogan.home .koptekst {
		font-size: 28px;
		line-height: normal;
	}
	.home #slogan .koptekst .strong:after {
		right: -20px;
	}
	#slogan .c2a {
		margin-top: 35px;
		text-align: center;
		width: 100%;
	}
	#slogan .quotes {
		margin-left: 0;
		margin-top: 35px;
	}
		
	/* --------------------------------------------
	WRAPPER / CONTENT
	-------------------------------------------- */

	#wrapper {
		padding-bottom: 50px;
		padding-top: 80px;
	}
	.single #wrapper {
		padding-top: 140px;
	}
	#content .content-column {
	margin-bottom: 40px;
	padding: 0;
	}
	.home #content {
		margin-top: 45px;
	}
	#content {
	margin-bottom: 40px;
	}
		
	#content .submenu {
	display: none;
	}

	#subcontent .content-blok {
		width: 100%;
	}
		
	#subcontent .kolom-links,
	#subcontent .kolom-rechts,
	#subcontent .links, 
	#subcontent .rechts,
	.full-content {
		padding-top: 40px;
		margin: 0;
		width: 100%;
	}
	#subcontent .kolom-links {
	padding-bottom: 0;
	}
	#subcontent .kolom-links .content-blok {
		margin-bottom: 0;
		padding: 0;
	}
	#subcontent ol {
	margin-bottom: 0;
	padding-left: 20px;
	}
	#subcontent .blok img {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	}

	#subcontent .kolom-rechts .referentie .titels,
	#subcontent .kolom-rechts .referentie .content {
		margin-bottom: 0;
		text-align: center;
		width: 100%;
	}

	.icoon {
	margin-right: 4px;
	}
		
	#subcontent .uitgelicht_project .afbeelding,
	#subcontent .uitgelicht_project .content {
	padding: 0;
	width: 100%;
	}
	#subcontent .uitgelicht_project h3 {
	margin-top: 20px;
	}
		
	#nieuws .post h3 a,
	#subcontent a {
	font-size: 14px;
	}

	.filter-cat li {
		font-size: 11px;
		margin-right: 10px;
	}
	#posts .mix {
		margin-bottom: 20px;
	}
	#posts .portfolio-items .image, 
	#subcontent .uitgelicht_project .afbeelding, 
	#subcontent .uitgelichte_post .afbeelding, 
	#subcontent .nieuws .post .afbeelding {
	-webkit-filter: brightness(1) grayscale(0);
	-ms-filter: brightness(1) grayscale(0);
	filter: brightness(1) grayscale(0);
	}
	#posts .portfolio-items .mix .overlay {
	opacity: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 90%;
	}
	#posts .portfolio-items .mix .image {
	-webkit-filter: brightness(70%) grayscale(0);
	-ms-filter: brightness(70%) grayscale(0);
	filter: brightness(70%) grayscale(0);
	}
	#posts .portfolio-items .mix .overlay h2 {
		font-size: 14px;
	}

	#posts.portfolio .portfolio-items {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#posts.portfolio .portfolio-items .column {
		width: 48%;
	}
		
	#subcontent .websitein1dag .plekkenbeschikbaar,
	#subcontent .websitein1dag a.aanmelden {
	float: none;
	}
	#subcontent .websitein1dag a.aanmelden {
	display: block;
	margin-top: 10px;
	}

	#subcontent .gehele-breedte.posts .post {
		margin-bottom: 40px;
		width: 46%;
	}
		

	#subcontent .contentblok .one_half {
	clear: none;
	}
	#inschrijfformulier {
	padding: 40px 20px;
	}
		
		
	#nieuws .post .afbeelding,
	#nieuws .post .inhoud {
	padding-left: 0;
	width: 100%;
	}
	#nieuws .post .inhoud {
	padding-top: 10px;
	}
	#nieuws .post .date {
	width: 25%;
	}
	#subcontent ul, .entry ul, .achterliggend-content ul {
	width: 75%;
	}
	#subcontent .kolom-rechts .contentblok ul,
	.single .entry ul {
	width: 100%;
	}
		
	.search .resultaat {
	display: inline-block;
	margin: 0 40px 40px 0;
	vertical-align: top;
	width: 100%;
	}

	/* --------------------------------------------
	ACHTERLIGGEND
	-------------------------------------------- */
		
	.post-content, 
	.sidebar, 
	.achterliggend-content,
	#subcontent .kolom-rechts .uitgelicht_project .afbeelding, 
	#subcontent .kolom-rechts .uitgelicht_project .content, 
	#subcontent .kolom-rechts .uitgelichte_post .afbeelding, 
	#subcontent .kolom-rechts .uitgelichte_post .content {
	padding: 0;
	width: 100%;
	}
		
	#subcontent .kolom-rechts .uitgelicht_project .content, 
	#subcontent .kolom-rechts .uitgelichte_post .content {
	margin-top: 20px;
	}
		
	/* Technische optimalisatie -> Gebruikersvriendelijkheid */
	.page-id-28 h1 {
	hyphens: auto;
	word-wrap: break-word;
	}
		
	/* --------------------------------------------
	YOAST
	-------------------------------------------- */
		
	.page-id-2258 #subcontent .rechts .contentblok img {
	display: inline;
	margin-left: 0;
	margin-right: 0;
	} 
		
	/* --------------------------------------------
	OVER ONS
	-------------------------------------------- */
		
	#top-video {
	height: 138px;
	pointer-events: auto;
	}

	.het-team .member {
		font-size: 13px;
		margin-right: 0;
		margin-bottom: 50px;
		width: 100%;
	}
	.het-team .member .profielfoto img {
		width: 100%;
	}

	.half-content {
	padding: 0;
	width: 100%;
	}
		
	/* --------------------------------------------
	WERKWIJZE
	-------------------------------------------- */
		
	.werkwijze #stappen,
	.werkwijze #midden {
	padding-right: 0;
	width: 100%;
	}
	.werkwijze #nieuws {
	display: none;
	}
	.werkwijze #stappen {
	top: 295px;
	}
	.werkwijze #stappen img {
	left: 0;
	}
	.werkwijze .stap.after .nr:after {
	right: -10px;
	}
	.werkwijze .stap.after .nr:before {
	display: none;
	}
	.werkwijze .stap .nr {
	left: 41px;
	}
	.werkwijze .stap .content {
	left: 42%;
	padding: 20px 10px;
	top: 28px;
	width: 60%;
	}
	.page-id-2439 #site-footer {
	margin-top: 800px;
	}
		
	/* --------------------------------------------
	VACATURES
	-------------------------------------------- */

	.page-id-2907 .vacature {
		margin-right: 0;
		min-height: 0;
		padding: 25px;
		width: 100%;
	}
	.parent-pageid-2907 .achterliggend-content ul {
		margin-left: 10%;
		padding-left: 0;
		width: 90%;
	}
	.parent-pageid-2907 .achterliggend-content ul li a {
		word-break: break-word;
	}

	/* --------------------------------------------
	Q&A
	-------------------------------------------- */

	.qa-search {
	width: 100%;
	}
	.qa .filter-cat,
	.qa .portfolio-items {
	width: 100%;
	}
	.qa .filter-cat li {
	margin-right: 0;
	}
	#posts.qa .mix {
	margin-right: 0;
	min-height: 0;
	width: 100%;
	}
	.qa .post .content {
	min-height: 0;
	}
	#posts.qa .portfolio-items a.btn {
	position: relative;
	}
	#posts.qa .mix .postdate {
	margin-top: 5px;
	}
		
	/* --------------------------------------------
	SINGLE
	-------------------------------------------- */
		
	.post-content, 
	.sidebar,
	.single .post-content .content {
	padding-right: 0;
	top: 0;
	width: 100%;
	}
	.single .post-content .featuredimage {
	max-width: 100%;
	padding: 0 0 20px;
	}
	.single .sidebar {
	margin-top: 40px;
	}
	.sidebar .btn.portfolio {
	font-size: 20px;
	padding: 16px 0;
	text-align: center;
	width: 100%;
	}

	.single .post-content .navigation {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.single .post-content .navigation .link {
		margin-bottom: 40px;
		width: 50%;
	}
	.single .post-content .navigation .link a {
		display: block;
		margin: 0 5px;
	}
	.single .post-content .navigation .terug-naar-portfolio {
		order: 1;
	}

	/* --------------------------------------------
	Page template: blocks
	-------------------------------------------- */

	#subcontent .blocks .block {
		margin-bottom: 50px;
		padding: 0;
		width: 100%;
	}
	#subcontent .blocks .block .overlay {
		margin-bottom: 20px;
		opacity: 1 !important;
	}
	#subcontent .blocks .block .content {
		border: none;
		padding: 0;
		position: relative;
		transform: none;
	}

	/* --------------------------------------------
	VACATURES
	-------------------------------------------- */
		
	.vacature {
	margin-right: 0;
	min-height: 0;
	padding: 30px 20px;
	width: 100%;
	}
	.page-id-2907 .achterliggend-content p a {
	bottom: -20px;
	position: relative;
	}
		
	/* --------------------------------------------
	FOOTER
	-------------------------------------------- */

	#site-footer .container {
		flex-wrap: wrap;
		text-align: center;
	}
	#site-footer .container .small,
	#site-footer .container .middle {
		margin-top: 0;
		width: 100%;
	}
	#site-footer .container .small.left {
		margin-bottom: 20px;
	}
	#site-footer .container .middle .form {
		padding-bottom: 110px;
	}
	#site-footer .container .middle .form .wrap .title {
		font-size: 22px;
		line-height: 38px;
	}
	/* #site-footer .container .middle .form .wrap .gform_footer {
		position: absolute;
		top: 440px;
	} */
	#site-footer .container .middle .form{
		padding: 60px 40px 100px;
	}

	#site-footer .container .middle .form .wrap .gform_wrapper .gfield,
	#site-footer .container .middle .form .wrap .gform_footer {
		width: 100%;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container input,
	#site-footer .container .middle .form .wrap .gform_footer input {
		min-height: 0;
		padding: 12px 20px;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper #field_11_1,
	#site-footer .container .middle .form .wrap .gform_footer {
		margin-left: 0% !important;
	}
	#site-footer .container .middle .form .wrap .gform_footer{
		position: absolute;
		top: 400px;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper li.field_sublabel_below .ginput_complex {
		margin-top: 0 !important;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper #field_11_8 {
		bottom: -110px;
		position: inherit !important;
	}
	#site-footer .container .small.right {
		border-top: 1px solid rgba(255,255,255,0.5);
		margin-top: 24px;
		padding-top: 25px;
	}
		

	/* --------------------------------------------
	Nieuws
	-------------------------------------------- */

	.artikel,
	.artikel.review {
	margin: 0 0% 30px;
	width: 100%;
	}

	.featuredimagegroot {
	float: none;
	margin: 10px 0px 0px 0px;
	}

	.featuredimagegroot img {
	height: auto;
	width: 100%;
	}

}













@media only screen and (min-width: 501px) and (max-width: 768px){

	.container {
	width: 90%;
	}
		
	/* --------------------------------------------
	TOP
	-------------------------------------------- */

	#site-header {
	padding: 0 0 10px;
	}
	.home #site-header {
	padding-bottom: 30px;
	}
	#logo {
	display: block;
	margin: 0 auto;
	width: 200px;
	}
	#special {
	width: 100%;
	}
	#special .header-widget,
	.home #zoekbalk .widget:first-child {
	float: none;
	text-align: center;
	top: 0;
	}
	#special .header-widget .links {
	padding-top: 25px;
	}
	#special .header-widget .links:after {
	height: 100px;
	}
	#special .yoast-partner {
	text-align: center;
	}
		
	#zoekbalk {
	margin-top: 10px;
	padding: 5px 0 20px;
	}
		
	#menu,
	#site-header .search {
	display: none;
	}

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

	#home-uitgelicht {
	height: 350px;
	margin-top: 0;
	}
	#home-uitgelicht .center {
	top: 85px;
	width: 100%;
	}
	.home #zoekbalk {
	margin-top: 158px;
	}
		
	#searchform:hover .input_veld, 
	#searchform .input_veld:focus {
	width: 78px;
	}
		
	#breadcrumbs {
	display: block;
	text-align: center;
	}
	#zoekbalk .inhoud {
	display: block;
	margin-top: 5px;
	position: relative;
	text-align: center;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	}
	#zoekbalk .widget {
	margin-left: 0;
	}
	#zoekbalk #searchform {
	display: none;
	}

	#slogan .koptekst,
	#slogan.home .koptekst {
		font-size: 40px;
		line-height: 55px;
	}
	#slogan .c2a {
		margin-top: 35px;
	}
	#slogan .quotes {
		margin-left: 0;
		margin-top: 35px;
	}
		
	/* --------------------------------------------
	WRAPPER / CONTENT
	-------------------------------------------- */

	.single #wrapper {
		padding-top: 140px;
	}

	#content {
	margin-bottom: 40px;
	}
	#content .submenu .item, 
	#content .submenu.optimalisatie .item {
	margin-bottom: 10px;
	width: 45.5%;
	}
	#content .submenu .item:nth-child(2n) {
	margin-right: 0;
	}
	#content .content-column {
	clear: none;
	margin-bottom: 40px;
	padding: 0 10px;
	width: 50%;
	}
	#content .content-column h3 {
	font-size: 16px;
	}
		
	.one_half {
	margin-right: 0 !important;
	width: 100% !important;
	}

	#subcontent .content-blok {
		width: 100%;
	}
		
	#subcontent .kolom-links, 
	#subcontent .kolom-rechts {
	margin: 0;
	width: 100%;
	}
	#subcontent .blok.contentblok img {
	display: block;
	margin: 0 auto;
	}
		
	#subcontent ol {
	padding-left: 15px;
	}

	#subcontent .gehele-breedte.posts .post {
		margin-bottom: 50px;
		width: 46%;
	}

	#posts.portfolio .portfolio-items {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#posts.portfolio .portfolio-items .column {
		width: 48%;
	}
	#posts .portfolio-items .mix .overlay {
		width: calc(100% - 20px);
	}
			
	#wrapper .icoon {
	margin-right: 0;
	}
	.icoon-fb .icon:before {
	padding: 7px 11px;
	}
	.icoon-tw .icon:before {
	padding: 7px 8px;
	}
	.icoon-yt .icon:before {
	padding: 7px 8px;
	}
	.icoon-in .icon:before {
	padding: 7px 9px;
	}
	.icoon-pn .icon:before {
	padding: 7px 10px;
	}
	   
	/* --------------------------------------------
	YOAST
	-------------------------------------------- */
		
	#subcontent .blok.contentblok img {
	display: inline-block;
	width: 48%;
	}
		
	/* --------------------------------------------
	OVER ONS
	-------------------------------------------- */

	#top-video {
	height: 225px;
	pointer-events: auto;
	}

	.half-content {
	margin-bottom: 20px;
	padding: 0 40px;
	width: 100%;
	}
		
	.full-content {
	width: 100%;
	}
	.het-team .member {
		font-size: 13px;
		margin-bottom: 50px;
		margin-right: 60px;
		width: calc(50% - 30px);
	}
	.het-team .member:nth-child(3n) {
		margin-right: 60px;
	}
	.het-team .member:nth-child(2n) {
		margin-right: 0;
	}
	.het-team .member a {
		margin-top: 10px;
	}
		
	/* --------------------------------------------
	WERKWIJZE
	-------------------------------------------- */
		
	.werkwijze #stappen,
	.werkwijze #midden {
	padding-right: 0;
	width: 50%;
	}
	.werkwijze #nieuws {
	display: none;
	}
	.werkwijze #stappen img {
	left: 50px;
	}
	.werkwijze .stap.after .nr:after {
	right: -10px;
	}
	.werkwijze .stap.after .nr:before {
	right: -100px;
	}
	.werkwijze .stap .nr {
	left: 91px;
	}
	.werkwijze .stap .content {
	left: 100%;
	padding: 25px 20px;
	top: 324px;
	width: 100%;
		
	}
	.page-id-2439 #site-footer {
	margin-top: 550px;
	}

	/* --------------------------------------------
	VACATURES
	-------------------------------------------- */

	.page-id-2907 .vacature {
	min-height: 0;
	padding: 25px;
	}
	.page-id-2907 .achterliggend-content p a {
	bottom: -20px;
	padding: 10px 20px;
	position: relative;
	}
		
	/* --------------------------------------------
	Q&A
	-------------------------------------------- */
		
	.qa-search {
	width: 65%;
	}
	.qa .filter-cat,
	.qa .portfolio-items {
	width: 100%;
	}
	.qa .filter-cat li {
	margin-right: 0;
	}
	#posts.qa .mix {
	min-height: 460px;
	width: calc(50% - 40px);
	}
		
	/* --------------------------------------------
	SINGLE
	-------------------------------------------- */

	.post-content, 
	.sidebar, 
	.achterliggend-content {
	padding: 0;
	width: 100%;
	}

	/* --------------------------------------------
	Page template: blocks
	-------------------------------------------- */

	#subcontent .blocks .block {
		-webkit-align-self: flex-start;
		align-self: flex-start;
		margin-bottom: 40px;
		padding: 0 10px;
		width: 48%;
	}
	#subcontent .blocks .block .overlay {
		margin-bottom: 25px;
		opacity: 1 !important;
	}
	#subcontent .blocks .block .content {
		border: none;
		padding: 0 10px 20px;
		position: relative;
		transform: none;
	}

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

	#site-footer .container {
		flex-wrap: wrap;
		text-align: center;
	}
	#site-footer .container .small,
	#site-footer .container .middle {
		margin-top: 0;
		width: 100%;
	}
	#site-footer .container .small.left {
		margin-bottom: 20px;
	}
	#site-footer .container .middle .form .wrap .title {
		font-size: 22px;
		line-height: 38px;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper .gfield,
	#site-footer .container .middle .form .wrap .gform_footer {
		width: 100%;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container input,
	#site-footer .container .middle .form .wrap .gform_footer input {
		min-height: 0;
		padding: 12px 20px;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper #field_11_1,
	#site-footer .container .middle .form .wrap .gform_footer {
		margin-left: 0% !important;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper li.field_sublabel_below .ginput_complex {
		margin-top: 0 !important;
	}
	#site-footer .container .small.right {
		border-top: 1px solid rgba(255,255,255,0.5);
		margin-top: 24px;
		padding-top: 25px;
	}

	/* --------------------------------------------
	Nieuws
	-------------------------------------------- */

	.artikel,
	.artikel.review {
	margin: 0 40px 30px 0;
	width: calc(50% - 20px);
	}
	.artikel.review:nth-child(3n) {
		margin-right: 40px;
	}
	.artikel:nth-child(2n),
	.artikel.review:nth-child(2n) {
	margin-right: 0;
	}
	.featuredimagegroot {
	float: none;
	margin: 10px 0 0;
	}

	.featuredimagegroot img {
	height: auto;
	width: 100%;
	}

}


















@media only screen and (min-width: 769px) and (max-width: 1080px){

	.container {
		width: 90%;
	}

	#slogan .uitgelicht {
		right: -60px;
		top: 50%;
		transform: translateY(-50%) rotate(5deg);
	}
		
	/* --------------------------------------------
	TOP
	-------------------------------------------- */

	#logo {
	width: 220px;
	}
	#special {
	width: calc(100% - 224px);
	}
	#special .header-widget .links:after {
	height: 104px;
	}

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

	#menuwrapper {
	height: 40px;
	}
	#menuwrapper.fixed {
	position: absolute;
	}
	#menu,
	#site-header .search {
	display: none;
	}

	#home-uitgelicht {
	height: 380px;
	margin-top: 0;
	}
	#home-uitgelicht .center {
	top: 75px;
	}
	.home #zoekbalk {
	margin-top: 236px;
	}
	#zoekbalk {
	margin-top: 40px;
	}

	#slogan.home .koptekst {
		font-size: 65px;
	}
	.home h1.koptekst,
	.home h2.koptekst {
		line-height: 85px;
	}
	#slogan .quotes {
		margin-left: 0;
		margin-top: 25px;
	}
		
	/* --------------------------------------------
	WRAPPER / CONTENT
	-------------------------------------------- */

	#content {
	margin-bottom: 40px;
	}
	#content .content-column {
	margin-bottom: 40px;
	width: 50%;
	}

	#subcontent .content-blok {
		width: 90%;
	}
	#subcontent .content-blok h1 {
		font-size: 20px;
	}

	#subcontent .kolom-links {
	margin-right: 30px;
	width: calc(50% - 30px);
	}
	#subcontent .kolom-rechts {
	margin-left: 30px;
	width: calc(50% - 30px);
	}

	#subcontent .kolom-rechts .referentie .titels,
	#subcontent .kolom-rechts .referentie .content {
		margin-bottom: 0;
		text-align: center;
		width: 100%;
	}

	#subcontent .links, 
	#subcontent .rechts {
	margin: 0;
	width: 100%;
	}
		
	#subcontent .uitgelicht_project .afbeelding,
	#subcontent .uitgelicht_project .content {
	padding: 0;
	width: 100%;
	}

	.artikel {
	margin: 0 15px 30px;
	width: 22%;
	}
	.artikel.review {
	margin: 0 40px 30px 0;
	width: calc(50% - 20px);
	}
	.artikel.review:nth-child(3n) {
		margin-right: 40px;
	}
	.artikel.review:nth-child(2n) {
	margin-right: 0;
	}
		
	/* --------------------------------------------
	SIDEBAR NIEUWS
	-------------------------------------------- */

	#nieuws .post .afbeelding,
	#nieuws .post .inhoud {
	padding-left: 0;
	width: 100%;
	}
	#nieuws .post .inhoud {
	padding-top: 10px;
	}
	#nieuws .post .date {
	width: 35%;
	}
	ul.post-categories, .post-categories li {
	width: 65%;
	}
		
	/* --------------------------------------------
	SOCIAL MEDIA
	-------------------------------------------- */
		
	.icoon {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 2px;
	}
	.icoon .icon:before {
	font-size: 18px;
	}
	.icoon-fb .icon:before {
	padding: 6px 10px;
	}
	.icoon-tw .icon:before {
	padding: 6px 7px 6px 6px;
	}
	.icoon-in .icon:before {
	padding: 6px 8px 6px 7px;
	}
	.icoon-yt .icon:before {
	padding: 6px 8px 6px 7px;
	}
	.icoon-gp .icon:before {
	font-size: 16px;
	padding: 8px 4px 6px 5px;
	}
	.icoon-pn .icon:before {
	padding: 6px 8px 6px 9px;
	}
		
	/* --------------------------------------------
	PORTFOLIO
	-------------------------------------------- */
		
	#posts.portfolio .portfolio-items {
	-moz-column-count: 3;
	}
	#posts .portfolio-items .mix .overlay {
	width: calc(100% - 20px);
	}
		
	/* --------------------------------------------
	OVER ONS
	-------------------------------------------- */

	#top-video {
	height: 300px;
	}

	.het-team .member {
		margin-bottom: 50px;
		margin-right: 80px;
		width: calc(100% / 2 - 50px);
	}
	.het-team .member:nth-child(3n) {
		margin-right: 80px;
	}
	.het-team .member:nth-child(2n) {
		margin-right: 0;
	}
		
	/* --------------------------------------------
	WEBDESIGN
	-------------------------------------------- */  

	#content .submenu .item {
		margin-right: 6px;
		width: calc(100% / 5 - 5px);
	}
	#content .submenu .item a {
		font-size: 12px;
	}
		
	/* --------------------------------------------
	WERKWIJZE
	-------------------------------------------- */

	.werkwijze #midden {
	padding-right: 20px;
	}
	.werkwijze #nieuws {
	padding-left: 20px;
	}
	.werkwijze #stappen img {
	left: 10px;
	}
	.werkwijze .stap .nr {
	left: 51px;
	}
	.werkwijze .stap .content {
	left: 210px;
	padding: 25px 20px;
	top: 258px;
	}

	/* --------------------------------------------
	VACATURES
	-------------------------------------------- */

	.page-id-2907 .vacature {
	min-height: 0;
	padding: 25px;
	}
	.page-id-2907 .achterliggend-content p a {
	bottom: -20px;
	padding: 10px 20px;
	position: relative;
	}
		
	/* --------------------------------------------
	Q&A
	-------------------------------------------- */
		
	.qa .filter-cat {
	width: 28%;
	}
	.qa .portfolio-items {
	width: 72%;
	}
	#posts.qa .mix {
	min-height: 435px;
	width: calc(50% - 40px);
	}

	/* --------------------------------------------
	Page template: blocks;
	-------------------------------------------- */

	#subcontent .blocks .block {
		padding: 40px 25px;
		width: 33%;
	}
	#subcontent .blocks .block .overlay h3 {
		font-size: 16px;
	}
		
	/* --------------------------------------------
	FOOTER
	-------------------------------------------- */
	
	#site-footer .container .small {
		width: 15%;
	}
	#site-footer .container .middle .form {
		padding: 40px 35px 85px;
	}	
	#site-footer .container .middle .form .wrap .title {
		font-size: 20px;
		font-weight: 600;
		line-height: 40px;
		margin-bottom: 0;
	}
	#site-footer .container .middle .form .wrap .gform_wrapper .gfield .ginput_container input,
	#site-footer .container .middle .form .wrap .gform_footer input {
		font-size: 15px;
		padding: 20px 15px;
	}

}



















@media only screen and (min-width: 1081px) and (max-width:1300px ){

	.container {
	width: 975px;
	}
		
	h2, h3, h4,
	.referentie .content p {
	font-size: 17px;
	}

	#slogan .uitgelicht {
		bottom: 10px;
		right: -60px;
	}
		
	/* --------------------------------------------
	HEADER
	-------------------------------------------- */
		
	#logo {
	width: 240px;
	}  
	#special {
	width: calc(100% - 244px);
	}
	#special .header-widget .links:after {
	height: 105px;
	}
		
	#home-uitgelicht {
	height: 450px;
	}
	#home-uitgelicht .center {
	top: 60px;
	}
	.home #zoekbalk {
	margin-top: 360px;
	}

	#menu ul.dropdown a {
	font-size: 14px;
	padding: 18px 6px;
	}
	#menu .dropdown li a:after {
	margin-left: 0;
	}

	/* --------------------------------------------
	WRAPPER / CONTENT
	-------------------------------------------- */

	#content .content-column {
	padding: 0 14px;
	}

	#subcontent .kolom-links,
	#subcontent .links {
	margin-right: 20px;
	width: calc(50% - 20px);
	}
	#subcontent .kolom-rechts,
	#subcontent .rechts {
	margin-left: 20px;
	width: calc(50% - 20px);
	}

	#subcontent .uitgelicht_project .afbeelding,
	#subcontent .uitgelicht_project .content {
	padding: 0;
	width: 100%;
	}
	#subcontent .uitgelicht_project h3 {
	margin-top: 20px;
	}

	.vacature {
	min-height: 415px;
	}
		
	.artikel {
	width: 21.9%;
	}
	.artikel.review {
	width: 28.5%;
	}
		
	#nieuws .post .afbeelding {
	width: 75px;
	}
	#nieuws .post .inhoud {
	padding-left: 12px;
	}
	#nieuws .post .date {
	width: 45%;
	}
	ul.post-categories, .post-categories li {
	padding-left: 0;
	width: 55%;
	}
		
	/* --------------------------------------------
	WERKWIJZE
	-------------------------------------------- */
		
	.werkwijze #stappen img {
	left: 60px;
	}
	.werkwijze .stap .nr {
	left: 101px;
	}
	.werkwijze .stap .content {
	left: 273px;
	top: 201px;
	}

	/* --------------------------------------------
	VACATURES
	-------------------------------------------- */

	.page-id-2907 .vacature {
	padding: 30px;
	}

	/* --------------------------------------------
	Q&A
	-------------------------------------------- */
		
	#posts.qa .mix {
	min-height: 415px;
	}
		
	/* --------------------------------------------
	FOOTER
	-------------------------------------------- */

	#site-footer .container .small {
		width: 15%;
	}
	#site-footer .container .middle .form .wrap .title {
		font-size: 28px;
	}

}

















@media only screen and (min-width: 1301px) and (max-width: 1540px ){

	.container {
	width: 1170px;
	}

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

	#home-uitgelicht {
	height: 475px;
	}
	#home-uitgelicht .center {
	top: 70px;
	}
		
	.home #zoekbalk {
	margin-top: 390px;
	}

	#menu ul.dropdown a {
	padding: 18px 11px;
	}
		
	/* --------------------------------------------
	WRAPPER / CONTENT
	-------------------------------------------- */

	#content .content-column {
	padding: 0 28px;
	}
		
	#subcontent .websitein1dag {
	padding: 40px 35px;
	}

	.het-team .member .overlay {
	padding: 2px 8px;
	}
		
	.werkwijze #stappen img {
	left: 100px;
	}
	.werkwijze .stap .nr {
	left: 141px;
	}
	.werkwijze .stap .content {
	left: 327px;
	top: 198px;
	}

	.vacature {
	min-height: 370px;
	}
	 
	.artikel {
	width: 22.4%;
	}

	#nieuws .post .afbeelding {
	width: 80px;
	}
	#nieuws .post .inhoud {
	padding-left: 15px;
	}
	#nieuws .post .date {
	width: 30%;
	}
	ul.post-categories, .post-categories li {
	width: 70%;
	}
		
	/* --------------------------------------------
	FOOTER
	-------------------------------------------- */

	#site-footer .widget {
	padding-right: 40px;
	width: 26%;
	}
	
}
.home .bx-wrapper ul.kiwi-logo-carousel.align-center li img {
	max-height: none !important;
}

.home main .gehele-breedte .samenwerking {
	width: 100%;
	text-align: center;
	margin-top: 2%;
}
.home main .gehele-breedte .samenwerking h1{
	font-size: 25px;
	font-weight: ;
}


/* picture captions */

#caption-attachment-5589 {
	font-style: italic !important;
	color: #636c72 !important;
	font-size: 75% !important;
    margin-bottom: 3% !important;
}