/* 

	Theme Name: EVI - Afvalverwerking
	Theme URI: https://www.evi-europark.de/
	Description: EVI - Afvalverwerking
	Version: 2.0  
	Author: Bloemendaal in Vorm
	Author URI: http://www.bloemendaalinvorm.nl
	
*/
/*-----------------------------------------------------------------------------------

	0.	Clearfix
	1.  Basics

-----------------------------------------------------------------------------------*/
/*---------------------------------------------- 
0. Clearfix
------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.clearfix {
  *display: inline-block;
  height: 1%;
}
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

/*---------------------------------------------- 
1. Basics
------------------------------------------------*/
html {
	margin-top: 0 !important;
}

body {
	font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  color: #2d2d38;
	background: #eaecf0;
}

body.mm-open {
	position: fixed;
	height: 100vh;
	overflow: hidden;
}

@media all and (min-width: 768px) {
	body {
		font-size: 16px;
	}
}	

@media all and (min-width: 1200px) {
	body {
		font-size: 18px;
	}
}	

@media all and (min-width: 1500px) {
  .container {
    max-width: 1320px;
  }
}	

/* Links -------------------------------------- */
a {
	-webkit-transition: opacity 0.7s ease; 
  -o-transition: opacity 0.7s ease; 
  transition: opacity 0.7s ease;	 
  cursor: pointer;
}

a:hover, a:focus {
	text-decoration: none;	
}

/* Icons -------------------------------------- */
@font-face {
  font-family: 'evi';
  src:  url('fonts/evi.eot?xyxgum');
  src:  url('fonts/evi.eot?xyxgum#iefix') format('embedded-opentype'),
    url('fonts/evi.ttf?xyxgum') format('truetype'),
    url('fonts/evi.woff?xyxgum') format('woff'),
    url('fonts/evi.svg?xyxgum#evi') format('svg');
  font-weight: normal;
  font-style: normal;
}

.evi {
  font-family: 'evi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.evi-afvalverbranding:before {
  content: "\e900";
}
.evi-elektriciteit:before {
  content: "\e901";
}
.evi-emissiewaarden:before {
  content: "\e902";
}
.evi-grondstoffen:before {
  content: "\e903";
}
.evi-slakken:before {
  content: "\e904";
}

/* Fonts -------------------------------------- */
.display-4, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	display: block;
	line-height: 1.1;
	margin-bottom: 1rem;
  text-wrap: balance;
}

.text-300 { font-weight: 300; }
.text-400 { font-weight: 400; }
.text-600 { font-weight: 600; }
.text-700 { font-weight: 700; }

.display-4 { font-size: 2.75rem; }
.h1, h1 { font-size: 2.375rem; }
.h2, h2 { font-size: 2.125rem; }
.h3, h3 { font-size: 1.625rem; }
.h4 h4 { font-size: 1.375rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1.063rem; }
.lead { font-size: 1.125rem; }

@media all and (min-width: 992px) {
	.display-4 { font-size: 3.059rem; }
	.h1, h1 { font-size: 2.588rem; }
	.h2, h2 { font-size: 2.235rem; }
	.h3, h3 { font-size: 1.647rem; }
	.h4 h4 { font-size: 1.412rem; }
	.h5, h5 { font-size: 1.294rem; }
	.h6, h6 { font-size: 1.059rem; }
}

@media all and (min-width: 1200px) {
	.display-4 { font-size: 3.333rem; }
	.h1, h1 { font-size: 2.778rem; }
	.h2, h2 { font-size: 2.5rem; }
	.h3, h3 { font-size: 1.778rem; }
	.h4 h4 { font-size: 1.444rem; }
	.h5, h5 { font-size: 1.333rem; }
	.h6, h6 { font-size: 1.111rem; }
}

/* Colors ------------------------------------- */
.text-white { color: #fff; }
.text-gray { color: #e1e4ea; }
.text-purple { color: #3b3a4c; }
.text-orange { color: #d08129; }
.text-pink { color: #b1676f; }

p { color: #787986; }

/* Links ------------------------------------- */
.link-white, .link-white:hover { color: #fff; }
.link-purple, .link-purple:hover { color: #3b3a4c; }
.link-orange, .link-orange:hover { color: #d08129; }
.link-pink, .link-pink:hover { color: #b1676f; }

/* Backgrounds ------------------------------- */
.bg-white { background: #fff; }
.bg-gray { background: #e1e4ea; }
.bg-purple { background: #3b3a4c; }
.bg-orange { background: #d08129; }
.bg-pink { background: #b1676f; }

.bg-cover { 
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat; 
}

/* SVG Swoosh --------------------------------- */
.svg-swoosh {
	position: relative;
}

.svg-swoosh::before {
	content: '';
	position: absolute;
	width: 70%;
	height: 580px;
	top: -300px;
	background-image: url('../images/swoosh.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	right: 0;
}

@media all and (min-width: 992px) {
	.svg-swoosh {
		margin-top: 8rem;
	}
}

/* Buttons ------------------------------------ */
.btn {
	border: none;
	border-radius: 0;
	padding: .75rem 1.25rem;
	box-shadow: none;
}
.btn:focus,
.btn:active,
.btn:hover {
	box-shadow: none;
}

.btn-pink {
	font-weight: 700;
	background: #b1676f;
	color: #fff;
}
.btn-pink:hover {
	background: #99545b;
	color: #fff;
}

.btn-gray {
	background: #e1e4ea;
	color: #3b3a4c;
}
.btn-gray:hover {
	background: #e1e4ea;
	color: #3b3a4c;
}

.btn-white {
	font-weight: 700;
	background: #fff;
	color: #3b3a4c;
}
.btn-white:hover {
	background: #fff;
	color: #b1676f;
}

/* Forms -------------------------------------- */
.wpcf7 label {
	color: #787986;
}

.wpcf7 .btn {
	text-transform: uppercase;
}

.wpcf7 .form-control {
	text-align: left;
}

.wpcf7 .wpcf7-form-control-wrap {
	display: block !important;	
}

.wpcf7 .wpcf7-not-valid-tip {
	padding-top: 5px;
	color: #d70842;
	text-align: right;
	display: none;
}

.wpcf7 .wpcf7-not-valid,
.not-valid {
	border-left: 4px solid #d70842 !important;	
}

.wpcf7 .wpcf7-response-output {
	font-size: 0.95rem;
	padding: 1rem 1rem;
	line-height: 1;
	text-align: center;
	margin: 10px 0 0 0;
}

.wpcf7 .wpcf7-validation-errors {
	background: #fff;
	color: #856404;
	border: none;
	border-left: 4px solid #856404;
}

.wpcf7 .wpcf7-mail-sent-ok {
	display: none;
	background: #fff;
	color: #155724;
	border: none;
	border-left: 4px solid #155724;
}

.wpcf7-form-control-wrap.brochures span.wpcf7-list-item {
	display: block;
	margin: 0;
}

.wpcf7-list-item.first {
	margin-left: 0;
}

.form-control {
	border: none;
	box-shadow: none;
	height: auto;
	border-radius: 0;
}

select.form-control:not([size]):not([multiple]) {
  height: auto;
}

.form-control:focus {
	background: #fff;
	border: none;
	color: #232D39;
	box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: #969da4;
}
.form-control::-moz-placeholder {
  color: #969da4;
}
.form-control:-ms-input-placeholder {
  color: #969da4;
}
.form-control:-moz-placeholder {
  color: #969da4;
}

.gdatepicker-no-icon {
  width: 100% !important;
}

.gfield_select,
.ginput_container textarea,
.ginput_container input:not([type='file']) {
  font-size: 1rem !important;
  padding: .75rem 1rem !important;
  background: #fff;
  border: none;
  box-shadow: none;
  outline: none;
}

.gform_wrapper .gfield_error [aria-invalid="true"] {
  border: none;
  border-left: 4px solid #c02b0a;
  background: #fff9f9;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label, .gform_wrapper .gfield_error label, .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper [aria-invalid="true"] + label, .gform_wrapper label + [aria-invalid="true"] {
  color: #2d2d38;
}

.gform_wrapper .gform_validation_errors {
  background: #fff9f9;
  border: none;
  border-left: 4px solid #c02b0a;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 1.125rem;
  position: relative;
  width: 100%;
}

.gform_submission_error .gform-icon {
  display: none !important;
}

.gform_wrapper .gform_validation_errors ol {
  margin: 0 !important;
}

.validation_message,
.gfield_validation_message {
  display: none;
}

.gfield_select::-webkit-input-placeholder {
  color: #969da4;
}
.gfield_select::-moz-placeholder {
  color: #969da4;
}
.gfield_select:-ms-input-placeholder {
  color: #969da4;
}
.gfield_select:-moz-placeholder {
  color: #969da4;
}

.ginput_container input:not([type='file'])::-webkit-input-placeholder {
  color: #969da4;
}
.ginput_container input:not([type='file'])::-moz-placeholder {
  color: #969da4;
}
.ginput_container input:not([type='file']):-ms-input-placeholder {
  color: #969da4;
}
.ginput_container input:not([type='file']):-moz-placeholder {
  color: #969da4;
}

.ginput_container_consent {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}

.ginput_container_consent input {
  margin-top: .35rem;
}

.ginput_container_consent .gfield_consent_label {
  font-size: .9rem;
}

.gform_button {
  font-weight: 700;
  background: #b1676f;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: .75rem 1.25rem;
  box-shadow: none;
}
.gform_button:hover {
  background: #b1676f;
  color: #fff;
}


/* Container-fluid inner 6 ---------------------- */
.cf-inner-6 {
	max-width: 540px;
	margin: 0 auto;
}

@media all and (min-width: 768px) {
	.cf-inner-6 {
		max-width: 330px;
		margin: 0 0 0 auto;
		padding-right: 30px;
	}
}

@media all and (min-width: 992px) {
	.cf-inner-6 {
		max-width: 450px;
	}
}	

@media all and (min-width: 1200px) {
	.cf-inner-6 {
		max-width: 540px;
	}
}	

@media all and (min-width: 1500px) {
	.cf-inner-6 {
		max-width: 630px;
	}
}	

/* Pagination ----------------------------------*/
.pagination {
	text-align: center;
	clear: both;
	padding-top: 15px; 
	margin-top: 30px;
	border-radius: 0;
}

.pagination ul.page-numbers {
	font-size: 1.125rem;
	list-style: none;
	margin: 0 auto;
	padding-left: 0 !important;
}

.pagination .page-numbers li {
	display: inline-block;
}

.pagination .page-numbers li .page-numbers {
	font-weight: 600;
	border-left-width: 0;
	display: inline-block;	
	background-color: none;
	padding: 8px 16px 6px 16px;
	border-bottom: 2px solid rgba(45,45,56,.6);
	color: rgba(45,45,56,.6);
}

.pagination .page-numbers li .page-numbers:hover {
	color: rgba(45,45,56,1);
	border-bottom: 2px solid rgba(45,45,56,1);
}

.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev {
	padding-left: 1em;
	padding-right: 1em;
}

.pagination .page-numbers .current {
	font-weight: 700;
	color: #d08129 !important;
	border-bottom: 2px solid #d08129 !important;
}

.gray-top {
  position: relative;
  margin-top: -3rem;
}

.gray-top::before {
  content: '';
  position: absolute;
  top: -2rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eaecf0;
}

@media all and (min-width: 768px) {
  .gray-top::before {
    left: -1rem;
    width: calc(100% + 2rem);
  }
}

/*---------------------------------------------- 
x. Overlay menu
------------------------------------------------*/
#overlay-menu {
	position: absolute;
	min-height: 100vh;
	left: 0;
	right: 0;
	height: 100%;
	background: #fff;
	transform: translateY(-100%);
	transition: transform 1s;
	width: 100vw;	
	overflow-y: scroll;
	z-index: 9999;
}
body.mm-open #overlay-menu {
	transform: translateY(0);	
}

	#overlay-menu .menu-wrapper {
		padding: 4rem 0;
	}

		#overlay-menu .nav-btn {
			position: fixed;
			top: 30px;
			right: 15px;
			color: #b1676f;
		}

			#overlay-menu .nav .nav-item + .nav-item {
				margin-top: 1rem;
			}

			#overlay-menu .nav .nav-item .nav-link {
				font-weight: 700;
				font-size: 1.444rem;
				color: #3b3a4c;
				padding: 0;
			}

			#overlay-menu .nav .nav-item .dropdown-toggle::after {
				content: "\f078";
				font-family: "Font Awesome 5 Pro";
				font-weight: 900;
				font-size: 1rem;
				position: relative;
				top: 3px;
				display: inline-block;
				margin-left: .5rem; 
				border: none;
			}

			#overlay-menu .dropdown-menu {
				border-radius: 0;
				background: #eaecf0;
				border: none;
				margin: 0 auto;
				right: 0;
				text-align: center;
			}

				#overlay-menu .dropdown-menu a {
					background: none;
					color: rgba(45,45,56,.6);
				}

					#overlay-menu .dropdown-menu a:hover {
						background: none;
						color: rgba(45,45,56,1);
					}

/*---------------------------------------------- 
x. Header
------------------------------------------------*/
#header--top {
	position: relative;
	padding: 30px 0 0 0;
	background: #3b3a4c;
	z-index: 3;
}

	#header--top .nav {
	}

		#header--top .nav .nav-item + .nav-item {
			margin-left: .5rem;
		}

			#header--top .nav .nav-item .nav-link {
				color: rgba(255,255,255,.6);
				position: relative;
			}
			#header--top .nav .nav-item .nav-link:hover {
				color: rgba(255,255,255,1);
			}

				#header--top .nav .nav-item .nav-link .badge {
					top: 0;
					width: 22px;
					height: 20px;
					line-height: 20px;
					padding: 0;
					background: #b1676f;
					color: #fff;
					border-radius: 100%;
					position: absolute;
				}

			#header--top .nav .nav-item .btn-gray,
			#header--top .nav .nav-item .btn-gray:hover {
				font-weight: 700;
				color: #3b3a4c;
			}	

				#header--top .nav .nav-item .dropdown-menu {
					font-weight: 700;
			    min-width: 70px;
			    max-width: 74px;
			    padding: .5rem 0;
			    margin: 0;
			    font-size: 1rem;
			    color: #3b3a4c;
			    background-color: #e1e4ea;
			    border: none;
			    border-radius: 0;
				}

					#header--top .nav .nav-item .dropdown-menu a {
						text-transform: uppercase;
						background: none;
						color: rgba(45,45,56,.6);
					}

					#header--top .nav .nav-item .dropdown-menu a:hover {
						color: rgba(45,45,56,1);
					}

			#header--top .nav .nav-item .btn-pink {
				color: #fff;
			}	

			#header--top .nav .nav-item .btn-search.search-active i::before {
				content: '\f057';
			}

#header--search {
	position: relative;
}

	#header--search .header--search_inner {
		position: absolute;
		padding: 0.5rem 0;
		background: #b1676f;
		transform: translateY(-100%);
		z-index: 1;
		width: 100%;
		transition: transform .5s;
	}

		#header--search.search-open .header--search_inner {
			transform: translateY(0);
		}

			#header--search .form-control {
				font-size: 1.1rem;
				padding: .75rem 1.25rem;
				background: none;
				border: none;
				color: #fff;
			}

			#header--search .form-control::placeholder {
				color: rgba(255,255,255,.6);
			}

			#header--search .form-control:-ms-input-placeholder { 
				color: rgba(255,255,255,.6);
			}

			#header--search .form-control::-ms-input-placeholder {
				color: rgba(255,255,255,.6);
			}

#header--base {
	padding: 1.5rem 0;
	background: #fff;
}

	#header--base .nav-btn {
		font-size: 1.75rem;
		color: rgba(45,45,56,.6);
	}
	#header--base .nav-btn:hover {
		color: rgba(45,45,56,1);
	}

	#header--base .menu-wrapper {
		display: none;
	}

@media all and (min-width: 992px) {
	#header--base .nav-btn {
		display: none;
	}

	#header--base .menu-wrapper {
		display: block;
	}
	
		#header--base .nav {
			margin-right: 15px;
		}

			#header--base .nav .nav-item + .nav-item {
				margin-left: 3rem;
			}

			#header--base .nav .nav-item .nav-link {
				font-weight: 700;
				font-size: 1.444rem;
				color: #2d2d38;
				padding: 0;
			}

			#header--base .nav .nav-item .dropdown-toggle::after {
				content: "\f078";
				font-family: "Font Awesome 5 Pro";
				font-weight: 900;
				font-size: 1rem;
				position: relative;
				top: 3px;
				display: inline-block;
				margin-left: .5rem; 
				border: none;
			}

			#header--base .dropdown-menu {
				border-radius: 0;
				background: #eaecf0;
				border: none;
			}
	
				#header--base .dropdown-menu a {
					background: none;
					color: rgba(45,45,56,.6);
				}
	
					#header--base .dropdown-menu a:hover {
						background: none;
						color: rgba(45,45,56,1);
					}
}

/*---------------------------------------------- 
x. Masthead
------------------------------------------------*/
#masthead {
	position: relative;
	background: #fff;
}

	#masthead .masthead--content {
		padding: 2rem 0;
	}

		#masthead .masthead--content p {
			color: #787986; 
			line-height: 1.6;
		}

	#masthead .masthead--slider {
		padding: 0;
	}

		#masthead .masthead--slider .owl-masthead,
		#masthead .masthead--slider .masthead--slider_img {
			min-height: 360px;
		}

		#masthead .masthead--slider .owl-masthead,
		#masthead .masthead--slider .owl-masthead .owl-stage-outer,
		#masthead .masthead--slider .owl-masthead .owl-stage,
		#masthead .masthead--slider .owl-masthead .owl-item,
		#masthead .masthead--slider .owl-masthead .item {
			height: 100%;
		}

			#masthead .masthead--slider .owl-masthead .item,
			#masthead .masthead--slider .masthead--slider_img {
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			}

@media all and (min-width: 768px) {
	#masthead .masthead--content {
		padding: 4rem 30px 4rem 0;
	}

		#masthead .masthead--slider .owl-masthead,
		#masthead .masthead--slider .masthead--slider_img {
			min-height: 480px;
		}
}

@media all and (min-width: 992px) {
	#masthead .masthead--content {
		padding: 5rem 30px 5rem 0;
	}

		#masthead .masthead--slider .owl-masthead,
		#masthead .masthead--slider .masthead--slider_img {
			min-height: 520px;
		}
}	

@media all and (min-width: 1200px) {
	#masthead .masthead--content {
		padding: 6rem 30px 6rem 0;
	}

		#masthead .masthead--slider .owl-masthead,
		#masthead .masthead--slider .masthead--slider_img {
			min-height: 680px;
		}
}	

/*---------------------------------------------- 
x. Frontpage
------------------------------------------------*/
/* Frontpage diensten ------------------------- */		
#frontpage-diensten {}

	#diensten-list {
		position: relative;
		margin: -40px 0 0 0;
		z-index: 10;
	}
	#diensten-list::after {
		content: '';
		width: calc(100% + 30px);
		height: 200px;
		position: absolute;
		top: -15px;
		left: -15px;
		background: #eaecf0;
		z-index: 2;
	}

		#diensten-list .list-inline-item {
			position: relative;
			float: left;
			width: 100%;
			margin: 0;
			border: 1px solid #eaecf0;
			z-index: 4;
		}
		#diensten-list .list-inline-spacer {
			display: none;
		}

			#diensten-list .list-inline-item a {
				text-align: center;
				display: block;
				background: #fff;
				padding: 2rem 1rem;
			}

				#diensten-list .list-inline-item a i {
					display: block;
					font-size: 36px;
					color: #d08129;
					margin-bottom: 1rem;
				}

				#diensten-list .list-inline-item a h5 {
					margin: 0;
					color: #2d2d38;
				}

@media all and (min-width: 576px) {
	#diensten-list::after {		
		width: calc(100% + 60px);
		top: -30px;
		left: -30px;
	}

	#diensten-list .list-inline-item {
		float: left;
		width: 50%;
		margin: 0;
	}
}

@media all and (min-width: 992px) {
	#diensten-list {
		margin: -100px 0 0 0;
	}

	#diensten-list .list-inline-item {
		width: 33.333%;
	}
		#diensten-list .list-inline-item a i {
			font-size: 60px;
			margin-bottom: 1.5rem;
		}
}

@media all and (min-width: 1200px) {
	#diensten-list .list-inline-item a {
		padding: 2.5rem 1rem;
	}
}

/* Frontpage introductie ---------------------- */
#frontpage-introductie {
	padding: 6rem 0;
}

#frontpage-introductie .container {
	position: relative;
		z-index: 2;
}

	#frontpage-introductie a {
		color: #3b3a4c;
	}

/* Frontpage cijfers -------------------------- */
#frontpage-cijfers {
	background: #3b3a4c;
	padding: 8rem 0;
}

	#frontpage-cijfers .row-cijfers {
		position: relative;
		z-index: 2;
		margin-top: 6rem;
	}

		#frontpage-cijfers .row-cijfers .display-4,
		#frontpage-cijfers .row-cijfers .h1 {
			margin: 0;
			line-height: 1;
		}

		#frontpage-cijfers .row-cijfers .h5 {
			color: #898994;
			max-width: 80%;
			margin: 0.75rem auto 0 auto;
		}

/* Frontpage vacatures ------------------------ */
#frontpage-vacature-content {
	background: #fff;
  overflow: hidden;
}

	#frontpage-vacature-content .frontpage-vacatures-content--inner {
		padding: 3rem 0;
	}

	#frontpage-vacature-content .align-self-stretch {
		min-height: 480px;
	}

		#frontpage-vacature-list {
			padding-bottom: 4rem;
		}

			#frontpage-vacature-list .list-unstyled,
			#frontpage-vacature-list .frontpage-vacature-list--content {
				position: relative;
				background: #fff;
				z-index: 3;
				margin-top: -40px;
			}
			#frontpage-vacature-list .list-unstyled::after,
			#frontpage-vacature-list .frontpage-vacature-list--content::after {
				content: '';
				width: calc(100% + 30px);
				height: calc(100% + 80px);
				position: absolute;
				top: -15px;
				left: -15px;
				background: #eaecf0;
				z-index: -1;
			}

				#frontpage-vacature-list .list-unstyled li,
				#frontpage-vacature-list .frontpage-vacature-list--content .bg-white{
					background: #fff;
					padding: 1.5rem 1rem;
				}

					#frontpage-vacature-list .list-unstyled li + li {
						border-top: 2px solid #eaecf0;
					}

					#frontpage-vacature-list .list-unstyled li i {
						font-size: 1.5rem;
						color: #d08129;
						width: 28px;
						height: 28px;
						line-height: 28px;
						text-align: center;
						border-radius: 100%;
						border: 1px solid #d08129;
						flex-shrink: 0;
					}

					#frontpage-vacature-list .list-unstyled li a:hover i {
						color: #fff;
						background: #d08129;
						border: 1px solid #d08129;
					}

					#frontpage-vacature-list .list-unstyled li h5 {
						color: #2d2d38;
					}

					#frontpage-vacature-list .list-unstyled li span {
						color: #898994;
					}

/* Frontpage instagram ------------------------- */		
#frontpage-instagram {
  padding: 80px 0 120px 0;
}


@media all and (min-width: 576px) {
	#frontpage-vacature-list .list-unstyled::after {
		width: calc(100% + 60px);
		top: -30px;
		left: -30px;
	}
}

@media all and (min-width: 768px) {
	#frontpage-vacature-content .align-self-stretch {
		min-height: 600px;
	}

	#frontpage-vacature-list .list-unstyled {
		margin-top: -104px;
	}

		#frontpage-vacature-list .list-unstyled li {
			background: #fff;
			padding: 1.5rem 1rem;
		}

			#frontpage-vacature-list .list-unstyled li i {
				font-size: 2rem;
				color: #d08129;
				width: 42px;
				height: 42px;
				line-height: 42px;
				text-align: center;
				border-radius: 100%;
				border: 1px solid #d08129;
			}
}

@media all and (min-width: 992px) {
	#frontpage-vacature-content .align-self-stretch {
		min-height: 500px;
	}

	#frontpage-vacature-list .list-unstyled {
		margin-top: -104px;
	}

		#frontpage-vacature-list .list-unstyled li {
			background: #fff;
			padding: 1.5rem 3rem;
		}
}

@media all and (min-width: 1200px) {
	#frontpage-vacature-content .align-self-stretch {
		min-height: 600px;
	}
}		

@media all and (min-width: 1500px) {
  .container--wide {
    max-width: 1440px;
  }
}

@media all and (min-width: 1700px) {
  .container--wide {
    max-width: 1640px;
  }
}

/*---------------------------------------------- 
x. Page
------------------------------------------------*/
#page {
	padding: 6rem 0;
	position: relative;
	z-index: 5;
}

/* Page content -------------------------------- */
#page--content img {
	max-width: 100%;
	height: auto;
}

#page--content ul,
#page--content ol {
	margin: 0 0 1rem 0;
	padding-left: 1rem;
	color: #787986;
}

	#page--content ul li + li,
	#page--content ol li + li {
		margin-top: 0.5rem;
	}
  
  #page--content p + h2,
	#page--content ul + h2,  
  #page--content p + h3,
	#page--content ul + h3,
  #page--content p + h4,
	#page--content ul + h4,
  #page--content p + h5,
	#page--content ul + h5 {
		margin-top: 1.75rem;
	}  


#page--content ul.list-unstyled,
#page--content ol.list-unstyled {
	padding-left: 0;
}

	#page--content ul.list-unstyled li + li,
	#page--content ul.list-unstyled li + li {
		margin-top: 0;
	}

#page--content p a,
#page--content ul li a {
	color: rgba(45,45,56,1);
}

/* Page sidebar -------------------------------- */
#page--sidebar .widget + .widget {
	margin-top: 1.5rem;
}

#page--sidebar .widget-goback,
#page--sidebar .widget-sollicitatie {
	background: #fff;
	padding: 1.5rem 1rem;
}

	#page--sidebar .widget-goback a {
		font-weight: 700;
		color: #2d2d38;
	}

#page--sidebar .widget-submenu {
	background: #fff;
	padding: 2rem 1rem;
}

	#page--sidebar .widget-submenu .submenu li a {
		display: block;
		padding: .5rem 0;
		color: rgba(45,45,56,.6);
	}

		#page--sidebar .widget-submenu .submenu li.current_page_item a,
		#page--sidebar .widget-submenu .submenu li a.active {
			font-weight: 700;
		}

		#page--sidebar .widget-submenu .submenu li.current_page_item a,
		#page--sidebar .widget-submenu .submenu li a.active,
		#page--sidebar .widget-submenu .submenu li a:hover {
			color: rgba(45,45,56,1);
		}

#page--sidebar .widget-sollicitatie ol {
	padding-left: 1rem;
  color: #787986;
}


#page--sidebar .list-diensten {
	margin: 0;
}

	#page--sidebar .list-diensten li + li {
		border-top: 2px solid #eaecf0;
	}

	#page--sidebar .list-diensten li a { 
		display: flex;
		align-items: center;
		background: #fff;
		padding: 1.5rem 1rem;
	}

		#page--sidebar .list-diensten a i {
			font-size: 36px;
			color: #d08129;
			margin-right: 1rem;
		}

		#page--sidebar .list-diensten a h6 {
			margin: 0;
			color: #2d2d38;
		}

/* Actueel ------------------------------------- */
.actueel-list {
	position: relative;
	margin-top: -80px;
}
.actueel-list::after {
	content: '';
	width: calc(100% + 30px);
	height: 200px;
	position: absolute;
	top: -15px;
	left: -15px;
	background: #eaecf0;
	z-index: 2;
}

	.actueel-list .actueel-item {
		display: flex;
		position: relative;
		z-index: 4;
	}
	.actueel-list .actueel-item + .actueel-item {
		margin-top: 2rem;
	}

		.actueel-list .actueel-item .actueel-item__meta {
			margin-right: 1.5rem;
			padding: 1rem;
			background: #d08129;
			height: 100%;
		}

			.actueel-list .actueel-item .actueel-item__meta span {
				line-height: 1;
				margin: 0;
			}

				.actueel-list .actueel-item .actueel-item__meta span.meta-day { color: #fff; }
				.actueel-list .actueel-item .actueel-item__meta span.meta-month { color: #2d2d38; }

		.actueel-list .actueel-item .actueel-item__content a,
		.actueel-list .actueel-item .actueel-item__content a:hover {
			color: #3b3a4c;
		}		

@media all and (min-width: 576px) {
	.actueel-list {
		margin-top: -120px;
	}
	.actueel-list::after {		
		width: calc(100% + 60px);
		top: -30px;
		left: -30px;
	}
}

@media all and (min-width: 992px) {
	.actueel-list {
		margin-top: -160px;
	}
}

@media all and (min-width: 1200px) {
	.actueel-list {
		margin-top: -200px;
	}
}

/* Vacatures ---------------------------------- */
.vacature-list,
.downloads-list,
.search-list {
	position: relative;
	background: #fff;
	z-index: 3;
}

	.vacature-list li,
	.downloads-list li,
	.search-list li {
		background: #fff;
		padding: 1.5rem 1rem;
	}

	.vacature-list li + li,
	.downloads-list li + li,
	.search-list li + li {
		border-top: 2px solid #eaecf0;
	}

		.vacature-list li i,
		.downloads-list li i,
		.search-list li i {
			font-size: 1.5rem;
			color: #d08129;
			width: 28px !important;
			height: 28px;
			line-height: 28px;
			text-align: center;
			border-radius: 100%;
			border: 1px solid #d08129;
			flex-shrink: 0;
		}

		.vacature-list li a:hover i,
		.downloads-list li a:hover i,
		.search-list li a:hover i {
			color: #fff;
			background: #d08129;
			border: 1px solid #d08129;
		}

		.vacature-list li h5,
		.downloads-list li h5,
		.search-list li h5 {
			color: #2d2d38;
		}

		.vacature-list li span {
			color: #898994;
		}

@media all and (min-width: 768px) {
	.vacature-list li i,
	.downloads-list li i,
	.search-list li i {
		font-size: 2rem;
		color: #d08129;
		width: 42px !important;
		height: 42px;
		line-height: 42px;
		text-align: center;
		border-radius: 100%;
		border: 1px solid #d08129;
	}
}

.facetwp-facet {
  margin-bottom: 0 !important;
}

.facetwp-type-radio {
  display: flex;
  flex-wrap: wrap;
}
.facetwp-type-radio .facetwp-radio {
  position: relative;
  border-radius: 0;
  background: #fff;
  padding: 0.65rem 1rem;
  margin: 0 0.25rem 1rem 0.25rem;
}

.facetwp-type-radio .facetwp-radio:first-child {
  maring-left: 0;
}

.facetwp-type-radio .facetwp-radio:last-child {
  maring-right: 0;
}

.facetwp-type-radio .facetwp-radio.checked {
  font-weight: 700;
  color: #fff;
  background: #d08129;
}
.facetwp-type-radio .facetwp-radio.checked .facetwp-title {
  color: #fff;
}
.facetwp-type-radio .facetwp-radio .facetwp-title {
  font-weight: 400;
  font-size: 1.025rem;
  margin-left: 0.5rem;
}
.facetwp-type-radio .facetwp-radio .facetwp-counter {
  display: none;
}

.facetwp-type-radio .facetwp-radio:hover .facetwp-title {
  color: #d08129;
}

.card-open-sollicitatie,
.card-vacature {
  border: none;
  border-radius: 0;
  height: 100%;
}

  .card-media {
    aspect-ratio: 16/9;
    overflow: hidden;
  }

    .card-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s;
    }

    .card-vacature:hover .card-media img {
      transform: scale(1.05);
    }

  .card-body {
    padding: 1.75rem;
  }

    .card__title {
      font-weight: 700;
      font-size: 1.25rem;
      color: #2d2d38;
    }

    .card-vacature:hover .card__title {
      color: #d08129;
    }

    .card__meta {
      display: block;
      color: #787986;
    }

.card-open-sollicitatie {
  background: #d08129;
}

  .card-open-sollicitatie .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .card-open-sollicitatie .card__title {
    color: #fff;  
    margin-bottom: .75rem;
  }
  
  .card-open-sollicitatie p a,
  .card-open-sollicitatie p {
    color: #e6bc8e; 
  }

  .card-open-sollicitatie p a:hover {
    color: #fff;
  } 


.accordion-item + .accordion-item {
  margin-top: 1rem;
}
 
.accordion-item {
  padding: 0 0 1rem 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.accordion-header a.collapsed i:before {
  content: "\f067";
}

.accordion-header a {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: #3b3a4c;
}

.accordion-header a.collapsed {
  color: #787986;
}

.accordion-header a.collapsed:hover {
  color: #3b3a4c;
}

.accordion-body {
  padding: 1rem 0 0 0;
}

.gf_readonly input {
  opacity: .5;
}

/*---------------------------------------------- 
x. Footer
------------------------------------------------*/
#footer {
	padding: 6rem 0 6rem 0;
	background: #3b3a4c;
}
#footer.svg-swoosh {
	margin-top: 3rem;
	padding-top: 10rem;
}

	#footer address,
	#footer span,
	#footer span a {
		font-size: 1rem;
		color: rgba(255,255,255,.6);
	}

	#footer span a:hover {
		color: rgba(255,255,255,1);
	}

	#footer h4 {
		font-weight: 700; 
		color: #d08129;
		margin-bottom: 1.25rem;
	}

	#footer .list-unstyled {
		margin: 0;
	}

		#footer .list-unstyled li + li {
			margin-top: .75rem;
		}

			#footer .list-unstyled li a {
				color: rgba(255,255,255,.6);
			}

				#footer .list-unstyled li a:hover {
					color: rgba(255,255,255,1);
				}

@media all and (min-width: 768px) {
	#footer.svg-swoosh {
		margin-top: 3rem;
		padding-top: 12rem;
	}
}

@media all and (min-width: 992px) {
	#footer {
		padding: 6rem 0 12rem 0;
	}
	#footer.svg-swoosh {
		margin-top: 8rem;
		padding-top: 14rem;
	}

	#footer address,
	#footer span,
	#footer span a {
		font-size: 0.9412rem
	}
}

@media all and (min-width: 1200px) {
	#footer.svg-swoosh {
		margin-top: 8rem;
		padding-top: 22rem;
	}

	#footer address,
	#footer span,
	#footer span a {
		font-size: 0.8889rem;
	}
}