/* Archive vacature pagina's */
.category-vacatures footer {
	background: #F2F7F8;
}
#vacatures-wrapper {
	background: #F2F7F8 ;
	position: relative;
}
#vacatures-wrapper > * {
	z-index: 1;
	position: relative;
}
#archive-vacatures-bg {
	width: 28%;
	position: absolute;
	bottom: 0;
	right: -3.5vw;
	z-index: 0;
	max-width: 500px;
}
@media (max-width: 991px) {
	#archive-vacatures-bg {
		display: none;
	}
}
.card.vacature {
	background: #FCFCF5;
	overflow: hidden;
}
.card.vacature .vacature-logo-wrap {
	background: white;
	position: relative;
}
.card.vacature img {
	position: absolute;
	width: 125px;
  height: auto;
 	left: 50%;
 	top: 50%;
	transform: translate(-50%,-50%);
}
.card.vacature ul {
 	margin-left: 0;
  margin-bottom: 0;
}
.card.vacature ul li {
 	margin-bottom: .25rem;
  color: #454163;
  font-weight: 500;
}
.card.vacature ul li::before {
  display: none;
}
.card.vacature a.stretched-link {
  color: #454162;
 	font-weight: 600;
 	text-decoration: none;
}
.card.vacature a.stretched-link svg {
 	height: 18px;
  width: 30px;
  position: relative;
 	top: -2px;
  left: 10px;
 	transition: all .1s ease-in-out;
}
.card.vacature a.stretched-link:hover svg {
  left: 13px;
  transition: all .1s ease-in-out;
}

/* Vacature Blok */
.vacatures-block-wrapper { 
	background: #F2F7F8;
	position: relative;
}
.vacatures-block-wrapper > * {
  z-index: 2;
  position: relative;
}
.vacatures-block-wrapper::before {
	content: "";
  width: 10000px;
  height: 100%;
  position: absolute;
  background: #F2F7F8;
  left: -5000px;
  top: 0;
  z-index: -1;
}
#vacatures-bg {
  position: absolute;
  right: -150px;
  bottom: 0px;
  width: 313px;
  height: auto;
  z-index: 0;
}
.geinteresseer-block-wrapper {
  background: #FCFCF5;
  border-radius: .5rem;
}
.geinteresseer-block-wrapper svg {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  border-top-right-radius: .5rem;
}
.geinteresseer-block-wrapper .blockquote {
  font-family: multi-text, sans-serif;
  font-weight: 500;
  color: #454163;
}
/* Individuele vacature */
.single-post article .card.vacature .btn-red {
  min-width: inherit;
}
.single-post article p {
	max-width: 100%;
}
.single-post article .wp-block-embed iframe {
	margin-bottom: .5rem;
}
@media (min-width: 768px) {
  .single-post article .wp-block-embed iframe {
    width: 100%;
    min-height: 390px;
  }
}
@media (min-width: 992px) {
  .single-post article .wp-block-embed iframe {
    width: 100%;
    min-height: 390px;
  }
}
@media (min-width: 1200px) {
  .single-post article .wp-block-embed iframe {
    width: 100%;
    min-height: 465px;
  }
}
@media (min-width:1400px) {
	.single-post article .wp-block-embed iframe {
		width: 100%;
	  min-height: 550px;
	}
}
.single-post #content .accordion-faq .accordion-item .accordion-button {
	background: #F2F2D9;
}
.single-post #content .accordion-faq .accordion-item .accordion-body {
	background: #FCFCF5;
}
.single-post #content .accordion-faq .accordion-item .accordion-body ul li::before {
	background: url('assets/images/icons/opsommingsteken-3.svg') no-repeat;;
}
.single-post article .card.locatie .card-header img {
	padding-bottom:.85rem;
	width: 94%;
	height: auto;
}
.single-post article .card.vacature {
	background: #F2F2D9;
}
.single-post article .card.vacature.lichter {
  background: #FCFCF5;
}
.single-post article .card.vacature .card-header img {
	width: 60%;
	height: auto;
	position: relative;
	left: inherit;
	top: inherit;
	transform: inherit;
	display: block;
  margin-left: auto;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .16));
}
.single-post article .card.vacature .card-body h3 {
	line-height: 150%;
}
/* Solliciteren */
.single-post #formulierModal .gform_wrapper::after {
  display: none;
}
.single-post #formulierModal .gform_wrapper::before {
  display: none;
}
.single-post #formulierModal .gform_wrapper {
  background: inherit;
  padding: 0;
  position: inherit;
  z-index: inherit;
  margin-top: -1rem;
}
.single-post #formulierModal .gform_wrapper form {
  width: 100%;
}
.single-post #formulierModal .gform_wrapper.gravity-theme .gfield_validation_message, 
.single-post #formulierModal .gform_wrapper.gravity-theme .validation_message {
  border: 0;
  background: none;
  font-style: normal;
  margin-block-start: 4px;
}
.single-post #formulierModal .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
/* Jobalert */
.single-post article .jobalert {
	width: 100%;
}
.jobalert-wrapper {
	background: #FCFCF5;
	position: relative;
	overflow: hidden;
}
.jobalert-wrapper .container {
	position: relative;
	z-index: 1;
}
.jobalert-wrapper .jobalert-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.jobalert-wrapper .jobalert-bg svg.bg {
  height: 100%;
  position: absolute;
  right: 0;
}
.jobalert-wrapper h2 {
	color: #454163;
}
.jobalert-wrapper #acym_fulldiv_formAcym2.acym__subscription__form__shortcode,
#jobalert-dropup #acym_fulldiv_formAcym2.acym__subscription__form__shortcode {
	background: transparent;
	height: inherit;
  max-width: inherit;
 	padding: 0;
  display: block;
  text-align: left;
  margin: 0;
}
.jobalert-wrapper .cell.margin-top-1,
#jobalert-dropup .cell.margin-top-1 {
	width: 100%;
}
.jobalert-wrapper #acym_fulldiv_formAcym2.acym__subscription__form__shortcode label span {
	display: inline-block;
  font-family: multi-text, sans-serif;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: .5rem;
  padding: inherit;
  color: #006174;
}

#jobalert-dropup #acym_fulldiv_formAcym2.acym__subscription__form__shortcode label span {
  display: inline-block;
  font-family: multi-text, sans-serif;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: .5rem;
  padding: inherit;
  color: #fff;
}
.jobalert-wrapper #acym_fulldiv_formAcym2.acym__subscription__form__shortcode .acym__subscription__form__fields .acym__subscription__form__lists,
#jobalert-dropup #acym_fulldiv_formAcym2.acym__subscription__form__shortcode .acym__subscription__form__fields .acym__subscription__form__lists {
	margin: 0 !important;
}
.jobalert-wrapper .acym__subscription__form__lists::before {
  content: "Voor welke functies wil je een melding?";
  font-family: multi-text, sans-serif;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: .5rem;
  color: #006174;
  display: block;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists label {
	display: block;
  font-size: 16px;
  padding: inherit;
  color: #000;
}

#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists label {
  display: block;
  font-size: 16px;
  padding: inherit;
  color: #fff;
  font-weight: 500;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists input[type="checkbox"] {
	display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #016174;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  padding: 0;
}
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists input[type="checkbox"] {
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  padding: 0;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists input[type="checkbox"]:checked {
	background-color: #016174;
  border-color: #016174;
}
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists input[type="checkbox"]:checked {
  background-color: #fff;
  border-color: #fff;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists input[type="checkbox"]:focus,
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .acym__subscription__form__lists input[type="checkbox"]:focus {
	box-shadow: 0 0 0 .25rem rgba(142,140,161,.25);
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), 
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield select, 
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield textarea {
	border-radius: 8px;
  border: 1px solid #016174;
  padding: .375rem .75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  color: #000;
  margin-bottom: .25rem;
}
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), 
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield select, 
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield textarea {
  border-radius: 8px;
  border: 1px solid #fff;
  padding: .375rem .75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  color: #000;
  margin-bottom: .25rem;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus, 
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield select:focus, 
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield textarea:focus,
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus, 
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield select:focus, 
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__fields .onefield textarea:focus {
	outline: 0;
  border-color: #8E8CA1;
  box-shadow: 0 0 0 .25rem rgba(142,140,161,.25);
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button {
	box-shadow: 0 3px 6px rgba(0,0,0,.15);
  border-radius: 8px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  min-width: 230px;
  text-align: left;
  border: 0;
  transition: all .1s ease-in-out;
  padding: .5rem 2.5rem .6rem .75rem;
  float: right;
}
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button {
  box-shadow: 0 3px 6px rgba(0,0,0,.15);
  border-radius: 8px;
  color: #454162;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  min-width: 230px;
  text-align: left;
  border: 0;
  transition: all .1s ease-in-out;
  padding: .5rem 2.5rem .6rem .75rem;
  float: right;
  background: white;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button::after {
	content: "";
  background-image: url(assets/images/icons/button-haakje-rechts.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 30px;
  position: absolute;
  top: 50%;
  right: 7px;
  translate: 0% -50%;
  transition: all .1s ease-in-out;
}
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button::after {
  content: "";
  background-image: url(assets/images/icons/button-empty-haakje-rechts.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 30px;
  position: absolute;
  top: 50%;
  right: 7px;
  translate: 0% -50%;
  transition: all .1s ease-in-out;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:hover, 
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:focus,
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:active, 
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:first-child:active, :not(.btn-check) + .jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:active {
  background: #006174;
  color: #ffffff;
  transition: all .1s ease-in-out;
}
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button:hover, 
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button:focus,
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button:active, 
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button:first-child:active, :not(.btn-check) + .jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:active {
  background: #fff;
  color: #454162;
  transition: all .1s ease-in-out;
}
.jobalert-wrapper #acym_fulldiv_formAcym2 .acym__subscription__form__button button:hover::after,
#jobalert-dropup #acym_fulldiv_formAcym2 .acym__subscription__form__button button:hover::after {
  right: 4px;
}
#jobalert-dropup {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 1;
}
#jobalert-dropup .dropdown-menu {
  min-width: 400px;
  border: 0;
  background: #7A7A29;
  color: white;
}
#jobalert-dropup .dropdown-menu h2 {
  color: white;
}
#acym__callout__container {
  right: 45px;
}
#acym__callout__container .acym_callout {
  box-shadow:none;
  filter:drop-shadow(0px 3px 6px #E5E5E5);
  border-radius: .25rem;
}
.acym__callout__front__success {
  background-color:#7A7A29;
  color: #fff;
}
#acym__callout__container .acym_callout_close {
  color: white;
  border:0;
}
/* Werken bij - Intro Blok */
.werkenbij-top-module-dk {
  min-height: 425px;
}
.werkenbij-top-module-dk .inner .inner-bg {
  width: 400px;
  height: 375px;
  transition: all .25s ease-in-out;
  
}
.werkenbij-top-module-dk .inner .inner-bg path {
  transition: all .25s ease-in-out;
}
.werkenbij-top-module-dk .inner:hover .inner-bg {
  transition: all .25s ease-in-out;
}
.werkenbij-top-module-dk .inner .inner-bg .hover {
  opacity: 0;
  transition: all .5s ease-in-out;
}
.werkenbij-top-module-dk .inner:hover .inner-bg .hover {
  opacity: 1;
  transition: all .5s ease-in-out;
}
.werkenbij-top-module-dk h2 {
  color: #454163;
  font-weight: 500;
}
.werkenbij-top-module-dk a.stretched-link {
  color:#454162;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.125rem;
}
.werkenbij-top-module-dk a.stretched-link svg {
  height: 18px;
  width: 30px;
  position: relative;
  top: -2px;
  left: 10px;
  transition: all .1s ease-in-out;
}
.werkenbij-top-module-dk a.stretched-link:hover svg {
  left: 13px;
  transition: all .1s ease-in-out;
}
.werkenbij-top-module-mb .inner-bg {
  transition: all .25s ease-in-out;
  filter:drop-shadow(0px 3px 6px #E5E5E5);
}
.werkenbij-top-module-mb .row .inner-bg .hover {
  opacity: 0;
  transition: all .5s ease-in-out;
}
.werkenbij-top-module-mb .row:hover .inner-bg .hover {
  opacity: 1;
  transition: all .5s ease-in-out;
}
.werkenbij-top-module-mb h2 {
  color: #454163;
  font-weight: 600;
}
.werkenbij-top-module-mb a.stretched-link {
  color: #454163;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.25rem;
}
.werkenbij-top-module-mb a.stretched-link svg {
  height: 18px;
  width: 30px;
  position: relative;
  top: -2px;
  left: 10px;
  transition: all .1s ease-in-out;
}
.werkenbij-top-module-mb a.stretched-link:hover svg {
  left: 13px;
  transition: all .1s ease-in-out;
}
/* Werken bij - Sfeer blok */
.locatie-sfeer-wrapper.werken-bij .card {
  background: #D7D78B;
  border-radius: .5rem;
}
.locatie-sfeer-wrapper.werken-bij .card .card-header::before {
  background: #FCFCF5;
}
.locatie-sfeer-wrapper.werken-bij .card .card-header {
  background: #FCFCF5;
}
