/*!
Theme Name: Werken Bij Lengkeek
Author: Samreclame
Version: 1.3.9
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: werken-bij-lengkeek
*/

/* Normalize
--------------------------------------------- */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}*, *::before, *::after {box-sizing: inherit;}html {box-sizing: border-box;}body, button, input, select, optgroup, textarea {color: #404040;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size: 1rem;line-height: 1.5;}h1, h2, h3, h4, h5, h6 {clear: both;}p {margin: 0 0 10px 0;}dfn, cite, em, i {font-style: italic;}blockquote {margin: 0 10px;}address {margin: 0 0 10px;}pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}mark, ins {background: #fff9c0;text-decoration: none;}big {font-size: 125%;}body {background: #fff;}hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 10px;}ul, ol {margin: 0 0 10px 3em;}ul {list-style: disc;}ol {list-style: decimal;}li > ul, li > ol {margin-bottom: 0;margin-left: 10px;}dt {font-weight: 700;}dd {margin: 0 10px 10px;}embed, iframe, object {max-width: 100%;}img {height: auto;max-width: 100%;}figure {margin: 1em 0;}table {margin: 0 0 10px;width: 100%;}a {color: #4169e1;}a:visited {color: #800080;}a:hover, a:focus, a:active {color: #191970;}a:focus {outline: thin dotted;}a:hover, a:active {outline: 0;}button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #e6e6e6;color: rgba(0, 0, 0, 0.8);line-height: 1;padding: 0.6em 1em 0.4em;}button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666;border: 1px solid #ccc;border-radius: 3px;padding: 3px;}input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}select {border: 1px solid #ccc;}textarea {width: 100%;}.main-navigation {display: block;width: 100%;}.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 99999;}.main-navigation ul ul ul {left: -999em;top: 0;}.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {display: block;left: auto;}.main-navigation ul ul a {width: 200px;}.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}.main-navigation li {position: relative;}.main-navigation a {display: block;text-decoration: none;}#menu-toggle, .main-navigation.toggled ul {display: block;}@media screen and (min-width: 37.5em) {#menu-toggle {display: none;}.main-navigation ul {display: flex;}}.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 10px;}.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {display: flex;}.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {flex: 1 0 50%;}.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {text-align: end;flex: 1 0 50%;}.sticky {display: block;}.updated:not(.published) {display: none;}.page-content, .entry-content, .entry-summary {margin: 10px 0 0;}.page-links {clear: both;margin: 0 0 10px;}.comment-content a {word-wrap: break-word;}.bypostauthor {display: block;}.widget {margin: 0 0 10px;}.widget select {max-width: 100%;}.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}.custom-logo-link {display: inline-block;}.wp-caption {margin-bottom: 10px;max-width: 100%;}.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}.wp-caption .wp-caption-text {margin: 0.8075em 0;}.wp-caption-text {text-align: center;}.gallery {margin-bottom: 10px;display: grid;grid-gap: 10px;}.gallery-item {display: inline-block;text-align: center;width: 100%;}.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}.gallery-caption {display: block;}.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}.infinity-end.neverending .site-footer {display: block;}.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}#primary[tabindex="-1"]:focus {outline: 0;}.alignleft {float: left;margin-right: 10px;margin-bottom: 10px;}.alignright {float: right;margin-left: 10px;margin-bottom: 10px;}.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 10px;}

/* Fonts */

@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-Thin.ttf);
    src: url(fonts/Raleway/Raleway-Thin.ttf) format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-ExtraLight.ttf);
    src: url(fonts/Raleway/Raleway-ExtraLight.ttf) format("truetype");
    font-weight: 200;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-Light.ttf);
    src: url(fonts/Raleway/Raleway-Light.ttf) format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-Regular.ttf);
    src: url(fonts/Raleway/Raleway-Regular.ttf) format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-Medium.ttf);
    src: url(fonts/Raleway/Raleway-Medium.ttf) format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-SemiBold.ttf);
    src: url(fonts/Raleway/Raleway-SemiBold.ttf) format("truetype");
    font-weight: 600;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-Bold.ttf);
    src: url(fonts/Raleway/Raleway-Bold.ttf) format("truetype");
    font-weight: 700;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-ExtraBold.ttf);
    src: url(fonts/Raleway/Raleway-ExtraBold.ttf) format("truetype");
    font-weight: 800;
}
@font-face {
    font-family: Raleway;
    src: url(fonts/Raleway/Raleway-Black.ttf);
    src: url(fonts/Raleway/Raleway-Black.ttf) format("truetype");
    font-weight: 900;
}

/* Defaults */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: Raleway;
    font-weight: 500;
    line-height: 1.6;
    font-size: 18px;
    color: #0E0748;
    padding-top: 103px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1;
}
h1 {
	font-size: 50px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 22px;
}
a {
	text-decoration: none;
    transition: all ease .3s;
}
a:hover {
    text-decoration: underline;
}
a:visited {
    color: #0c275b;
}

ul {
    margin-left: 0;
    padding-left: 20px;
}

.site-wrapper {
	width: 100%;
	max-width: 1080px;
	display: block;
	margin: 0 auto;
}
.block-wrapper {
	position: relative;
}

img.branding-overlay {
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 1;
}
.block-wrapper img.branding-overlay {
	max-height: 430px;
	opacity: 0.1;
	z-index: -1;
}

/* Colors */

.dark-blue {
    color: #0E0748;
}
.bg-dark-blue {
    background-color: #0E0748;
}
.blue {
    color: #0082B1;
}
.bg-blue {
    background-color: #64c0cc;
}
.pink {
	color: #CB5E8D;
}
.bg-pink {
    background-color: #CB5E8D;
}

/* Header */
.site-header {
    display: flex;
    background-color: #fff;
    color: #132758;
    width: 100%;
    height: 103px;
    padding: 18px;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: 0;
    filter: drop-shadow(0px 0px 3px #0000004f);
    z-index: 99;
}
body.logged-in .site-header {
	top: 32px;
}
.site-header .custom-logo {
	margin-left: 32px;
	width: 257px;
}
.site-header .locations {
    margin: 40px 0 0 60px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.2;
}

.overlay-menu {
    position: fixed;
    bottom: 92px;
    right: 0;
    z-index: 99;
    width: 135px;
}
.overlay-menu a {
    color: white;
    width: 100%;
    display: block;
    margin-top: 8px;
    padding: 12px 8px;
    text-align: center;
    line-height: 20px;
    border-radius: 8px 0 0 8px;
    text-transform: uppercase;
    font-weight: 500;
}

/* Menu */

#menu-toggle {
    width: 40px;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
#menu-toggle span {
    width: 100%;
    height: 8px;
    border-radius: 20px/15px;
    display: block;
    background-color: #132758;
}
#menu-toggle span.two {
    margin: 6px 0;
}
#site-navigation {
    background-color: #eeecea;
    padding: 30px 120px 70px 30px;
    border-radius: 0 0 110px 0;
    position: fixed;
    top: 103px;
    right: 0;
    z-index: 10;
    width: 100%;
    max-width: 400px;
    filter: drop-shadow(0px 0px 3px #0000004f);
}
body.logged-in #site-navigation {
    top: 135px;
}
#site-navigation ul {
    display: flex;
    flex-direction: column;
}
#site-navigation ul li a {
    color: #0c275b;
}
#site-navigation ul > li:first-child {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 10px 0;
}

/* Top banner */

#top-banner {
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #0e0748;
	background: linear-gradient(90deg, rgba(19,40,89,1) 0%, rgba(41,158,196,1) 75%);
}
#top-banner .banner-image-wrapper {
    overflow: hidden;
    display: flex;
    height: 100%;
    border-radius: 75px 0 0 75px;
    justify-content: flex-end;
}
#top-banner .banner-image-wrapper img {
	height: 100%;
	width: auto;
	max-width: 800px;
    object-fit: cover;
    border-radius: 75px 0 0 75px;
}
#top-banner img.branding-overlay {
	opacity: 0.5;
}

.verder-overlay {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right: 180px;
    bottom: -70px;
    z-index: 1;
    width: 325px;
    height: 350px;
    padding: 50px 25px;
    color: #fff;
    border-radius: 40px 100px 40px 40px;
    background: linear-gradient(90deg, #132758 -10%, #E55A96 75%);
    transform: matrix3d(0.95, 0, 0, -0.0005, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.verder-overlay * {
    margin: 0;
}
.verder-overlay h2 {
    color: #fff;
    font-size: 35px;
	line-height: 38px;
}
.verder-overlay a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 30px;
}
.verder-overlay p {
    color: #fff;
    font-size: 20px;
}

#top-banner.full-width .banner-image-wrapper {
    border-radius: 0;
    justify-content: unset;
}
#top-banner.full-width .banner-image-wrapper img {
    border-radius: 0;
    max-width: unset;
}
#top-banner.full-width .verder-overlay {
    bottom: 50px;
}
#top-banner.full-width img.branding-overlay {
    left: -100px;
    max-width: 360px;
}


/* Footer */
.site-footer {
	width: 100%;
    background-color: #eeecea;
}
.site-footer .site-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 30px 0px 10px;
}
.site-footer .site-info p {
	flex: 1 1;
}
.site-footer .site-info a {
	color: #0E0748;
	text-decoration: none;
}
.site-footer .site-info .social-icons {
	margin-top: 0px;
    padding: 0 22px;
	float: right;
}
.site-footer .site-info .social-icons img {
	width: 47px;
}

/* Search bar */

.asl_w_container .asl_w .probox .promagnifier {
    box-shadow: none;
    width: 55px;
    height: 55px;
}
.asl_w_container #ajaxsearchlite1 .probox,
.asl_w_container .asl_w .probox {
    position: relative;
    border-color: #fff;
    border-radius: 8px;
    color: #fff;
    overflow: hidden;
    height: 74px;
    box-sizing: border-box;
}
#ajaxsearchlite1 ::placeholder {
    text-transform: uppercase;
    color: #ffffff !important;
}
.asl_w_container #ajaxsearchlite1 .probox::after,
.asl_w_container .asl_w .probox::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffffff;
    height: 100%;
    width: 80px;
}
.asl_w_container .asl_m .probox .promagnifier .innericon svg {
    width: 55px;
}
.asl_w_container #ajaxsearchlite1 .probox .proinput input,
.asl_w_container .asl_w .probox .proinput input {
    font-size: 30px;
    color: #fff !important;
    height: 55px;
}

/* Home */

.home .title-overlay {
    max-width: 700px;
}

.main .content {
	max-width: 690px;
	margin: 50px auto;
}

#picture-blocks {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-evenly;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto 50px auto;
}
#picture-blocks .picture-block {
    position: relative;
    flex: 1 1;
    min-width: 200px;
    max-width: 100%;
    display: flex;
    justify-content: center;
}
#picture-blocks .picture-block img {
    width: 100%;
	max-width: 361px;
	max-height: 405px;
}
#picture-blocks .picture-block .pb-btn {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 20px;
	background-color: #0E0748;
	color: #fff;
	white-space: nowrap;
}
#picture-blocks .picture-block:nth-child(even) .pb-btn {
	background-color: #cb5e8d;
}

.two-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 0;
}
.two-columns .column {
    flex: 1 1 40%;
    min-width: 300px;
    max-width: 100%;
	padding: 0 40px;
}
.two-columns .column.wide {
    flex-basis: 60%;
}
.two-columns .column img {
	border-radius: 24px;
}
.two-columns .column img.absolute-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    max-width: 40vw;
    width: auto;
    max-height: 90%;
    height: auto;
}
.two-columns .column:first-child {
    padding-left: 0;
}
.two-columns .column:last-child {
/*    padding-left: 40px;*/
}


#stories-slider {
	margin-top: 50px;
    background-color: #d5d5d5;
}
#stories-slider .story-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 600px;
}
#stories-slider .story-wrapper > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: unset;
    height: 100%;
    z-index: -1;
}
#stories-slider .story-wrapper .readmore {
	display: block;
	position: absolute;
	right: 250px;
	bottom: 100px;
	border-radius: 20px;
	padding: 10px 20px;
	background-color: #163968;
	color: #fff;
}
#stories-slider .verder-overlay {
	top: 120px;
	left: 200px;
	right: unset;
	bottom: unset;
}
#stories-slider .sub-overlay-pink {
    content: "";
    display: block;
    width: 310px;
    height: 310px;
    position: absolute;
    top: 60px;
    left: 100px;
    border-radius: 100px 40px 40px 40px;
    background: linear-gradient(0deg, #132758 -10%, #E55A96 75%);
    mix-blend-mode: soft-light;
    transform: matrix3d(0.90, 0, 0, -0.0005, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    z-index: 1;
}
#stories-slider .sub-overlay-blue {
    content: "";
    display: block;
    width: 240px;
    height: 280px;
    position: absolute;
    bottom: 80px;
    left: 340px;
    border-radius: 40px;
    background-color: #163968;
    mix-blend-mode: soft-light;
    transform: matrix3d(1, 0, 0, -0.0005, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    z-index: 1;
}

/* Vakgebied Expertise */

.vakgebied-expertise {
    margin-top: 50px;
}
.vakgebied-expertise .block-wrapper:first-child > img {
    display: none;
}

/* Buttons bar */

.buttons-bar {
    padding: 40px 0;
    text-align: center;
}
.buttons-bar .btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px;
    border-radius: 22px;
    background-color: #CB5E8D;
    font-size: 20px;
    color: #fff;
}

/* Single column */

.single-column {
    margin: 50px 0;
    max-width: 915px;
}


/* Image Banner */

.image-banner {
    background-color: #0e0748;
    background: linear-gradient(2400deg, rgba(19,40,89,1) 0%, rgba(41,158,196,1) 75%);
    color: #fff;
}
.image-banner .two-columns {
    padding: 0;
}
.image-banner .column:first-child {
/*    font-size: 22px;*/
}
.image-banner .column.wide:first-child {
    padding: 20px 0;
}
.image-banner .column a {
    display: inline-block;
    color: #fff;
    line-height: 1;
    background-color: #CB5E8D;
    padding: 10px 20px;
    margin-top: 30px;
    border-radius: 20px;
    min-width: 200px;
    text-align: center;
}
.image-banner .column img {
    display: block;
    border-radius: 0 50px 50px 0;
}
.image-banner .column:last-child img {
    border-radius: 0;
}

/* Vacature Slider */

.vacature-slider-title {
    text-align: center;
}
.vacature-item {
    width: 100%;
    max-width: 600px;
    padding: 40px 30px 30px 30px;
    border-radius: 40px;
    background-color: #163968;
    color: #fff;
    margin: 0 auto 20px;
}
.vacature-item .vacature-title {
    margin: 0 0 30px 0;
    font-size: 20px;
    font-weight: bold;
}
.vacature-item .vacature-info {
    background-color: #fff;
    padding: 10px 30px;
    margin: 0 -29px;
    color: #163968;
}
.vacature-item span.seperator {
    color: #cb5e8d;
}
.vacature-item .excerpt {
    font-size: 16px;
    padding: 10px 0;
}
.vacature-item .readmore {
    text-align: right;
    margin: 0;
}
.vacature-item .readmore a {
    position: relative;
    color: #fff;
    text-decoration: underline;
}
.vacature-item .readmore a:before {
    content: '→';
    position: absolute;
    left: -35px;
    top: 2px;
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    color: #CB5E8D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vacature-slider-wrapper {
    margin: 50px 0;
    overflow: hidden;
}
.vacature-slider {
    padding: 0px 90px;
}
.vacature-slider .slick-slide {
    scale: 0.5;
    margin: 0 -150px;
    opacity: 0.5;
    transition: scale ease .3s, opacity ease .3s;
}
/*.vacature-slider .slick-slide.nextSlide {
    transform: translateX(-200px);
}
.vacature-slider .slick-slide.prevSlide {
    transform: translateX(200px);
}*/
.vacature-slider .slick-slide.slick-center {
    position: relative;
    z-index: 1;
    scale: 1;
    opacity: 1;
}
.vacature-slider.slick-slider .slick-arrow::before {
    color: #163968;
}
.vacature-slider.slick-slider .slick-prev {
    left: -50px;
}
.vacature-slider.slick-slider .slick-next {
    right: -50px;
}


/* Slick */

.slick-slider .slick-prev,
.slick-slider .slick-next {
	z-index: 1;
	width: 50px;
	height: 50px;
}
.slick-slider .slick-prev {
	left: 50px;
}
.slick-slider .slick-next {
	right: 50px;
}
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
	opacity: 1;
	font-size: 50px;
}

/* Vacature Overzicht */

.vacature-filter {
    font-size: 16px;
    width: 200px;
    padding-top: 30px;
}
.vacature-filter h4.data-filter-section-title {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #CB5E8D;
    margin-top: 5px;
}
.vacature-filter .mdf_front_toggle {
    position: relative;
    font-size: 0;
}
.vacature-filter .mdf_front_toggle::before {
    content: '→';
    position: absolute;
    left: 6px;
    top: 0;
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    color: #CB5E8D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    transition: transform ease .3s;
}
.vacature-filter .mdf_front_toggle.mdf_front_toggle_closed::before {
    transform: rotate(0deg);
}
.vacature-filter .mdf_taxonomy_check_list li > div {
    border-radius: 0;
    background: none;
    background-color: #fff;
    border: solid 1px #707070;
    width: 17px;
    height: 17px;
}
.vacature-filter .mdf_taxonomy_check_list li label {
    cursor: pointer;
}
.vacature-filter .icheckbox_flat-pink.checked {
    background-color: #CB5E8D;
}
.vacature-filter .widget-meta-data-filter > h3 {
    display: none;
}
.vacature-filter ul {
    padding: 0;
    margin: 0;
}
.vacature-filter .textwidget {
    overflow: hidden;
    border-radius: 20px;
    border: solid 1px #101650;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}
.vacature-filter .textwidget a {
    color: #CB5E8D;
    text-decoration: underline;
}
.vacature-overview {
    display: flex;
}
.vacature-list {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1;
    padding: 30px 0px 30px 50px;
}
.vacature-list-item {
    flex: 1 1 50%;
    max-width: 415px;
    min-width: 300px;
    padding: 0 20px 50px 20px;
/*    padding-bottom: 50px;*/
}
.vacature-list-item:nth-child(odd) {
/*    padding-right: 20px;*/
}
.vacature-list-item:nth-child(even) {
/*    padding-left: 20px;*/
}
.vacature-list-item .type-name {
    display: inline-block;
    margin: 0;
    color: #fff;
    background-color: #CB5E8D;
    border-radius: 20px 20px 0 0;
    padding: 10px 30px 0 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.vacature-list-item .item-block {
    background-color: #fff;
    border: solid 1px #101650;
    border-radius: 0 30px 30px 30px;
    padding: 0 25px 25px 25px;
    overflow: hidden;
    min-height: 320px;
}
.vacature-list-item .item-block p {
    margin-top: 20px;
}
.vacature-list-item .item-block .job-listing-details {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.vacature-list-item .item-block .item-title {
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    background-color: #163968;
    margin: 0 -25px;
    padding: 30px 25px 20px 25px;
}
.vacature-list-item .item-block .item-terms {
    margin: 10px 0;
    padding: 0 20px;
    font-size: 15px;
    font-weight: normal;
}
.vacature-list-item .item-block .item-terms li::marker {
    color: #CB5E8D;
}
.vacature-list-item .item-block .excerpt {
    font-size: 16px;
}
.vacature-list-item .item-block .readmore {
    position: relative;
    color: #101650;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    padding-left: 30px;
}
.vacature-list-item .item-block .readmore:before {
    content: '→';
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    color: #2BA173;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Verhalen Overzicht */

.verhaal-list {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0px 30px 50px;
    margin-top: 50px;
}
.verhaal-list .item-wrapper {
    padding: 0 15px 30px 15px;
    flex: 0 1 33.333%;
    max-width: 350px;
    min-width: 250px;
}
.verhaal-list .item-wrapper a {
    display: block;
    color: #0E0748;
}
.verhaal-list .item-wrapper a:hover {
    text-decoration: none;
}
.verhaal-list-item {
    position: relative;
    height: 220px;
    padding: 20px 20px 50px 20px;
    border-radius: 13px 26px;
/*    background-color: #64c0cc;*/
    overflow: hidden;
}
.verhaal-list-item img.wp-post-image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: ease .3s all;
}
.verhaal-list-item:hover img.wp-post-image {
    scale: 1.3;
}
.verhaal-list-item::before {
    content: "";
    display: block;
    z-index: -1;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.48);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    opacity: 0.7;
}
.verhaal-list-item .item-title {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
}
.verhaal-list-item .read-more {
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.07em;
    font-weight: 400;
    text-transform: uppercase;
}

/* Single Vacature */

a.apply-btn {
    background-color: #cb5e8d;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    border-radius: 15px;
    text-transform: uppercase;
}
a.apply-btn:hover {
    text-decoration: none;
}
a.apply-btn:visited {
    color: #fff;
}
p.align-right {
    text-align: right;
}

.share-this {
    color: #fff;
    font-weight: bold;
}
.share-this .icon {
    margin-right: 10px;
}

.vacature-info-overlay {
    position: relative;
    z-index: 1;
    padding-top: 40px;
    max-width: 500px;
}
.vacature-info-overlay .type-name {
    color: #CB5E8D;
    text-transform: uppercase;
}
.vacature-info-overlay .vacature-title {
    color: #fff;
    font-size: 36px;
    margin: 10px 0 40px 0;
}
.vacature-info-overlay .vacature-terms {
    margin: 30px 0;
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.vacature-info-overlay .vacature-terms li::marker {
    color: #CB5E8D;
}

.single-vacature {
    display: flex;
    justify-content: space-between;
    width: 95%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 12px;
    font-size: 16px;
    line-height: 35px;
    padding-top: 30px;
}
.single-vacature h3 {
    font-size: 22px;
    font-weight: bold;
    color: #CB5E8D;
    margin: 40px 0 10px 0;
}
.single-vacature h3.content-title {
    margin-top: 0px;
}
.single-vacature .content-wrapper {
    font-weight: normal;
    padding: 20px 0;
}
.single-vacature .block-wrapper img.branding-overlay {
    top: 30px;
}

.single-vacature .block-wrapper {
    width: 65%;
    padding: 20px;
}

.single-vacature .vacature-sidebar {
    height: 100%;
    width: 30%;
    padding: 10px 20px;
    border: 1px solid #0E0748;
    border-radius: 5px;
}
.single-vacature .vacature-sidebar .job-row-details {
    margin-top: 20px;
}
.single-vacature .vacature-sidebar .job-department-detail {
    display: block;
}
.single-vacature .vacature-sidebar .job-listing-detail {
    display: block;
}
.single-vacature .vacature-sidebar .job-listing-details {
    margin-bottom: 20px
}
.single-vacature .vacature-sidebar h3 {
    font-size: 24px;
    margin: 0;
}
.single-vacature .vacature-sidebar a > svg {
    fill: #cb5e8d;
    transition: 250ms ease;
}
.single-vacature .vacature-sidebar .socials-container > a {
    width: 30px;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
}
.single-vacature .vacature-sidebar .sub-title {
    padding: 9px 4px;
}
.job-listing-details .job-listing-detail:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}
.job-listing-details .job-listing-detail.job-salary:before {
    background-image: url('images/Salarisindicatie.png');
}
.job-listing-details .job-listing-detail.job-department-name:before {
    background-image: url('images/Vestigingsnaam.png');
}
.job-listing-details .job-listing-detail.job-education:before {
    background-image: url('images/Opleidingsniveau.png');
}
.job-listing-details .job-listing-detail.job-hours:before {
    background-image: url('images/Uren-per-week.png');
}
.single-vacature .vacature-sidebar .share-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    padding: 9px 4px;
}
.single-vacature .vacature-sidebar .apply-btn {
    margin-top: 25px;
    display: inline-block;
}

#iframe-outer-wrapper {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #00000078;
}
#iframe-outer-wrapper.open {
    display: block;
}
#iframe-outer-wrapper .iframe-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 500px;
}
#iframe-outer-wrapper .iframe-wrapper #close-form-button {
    display: block;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-color: #00000054;
    border-radius: 50%;
    cursor: pointer;
}
#iframe-outer-wrapper .iframe-wrapper #close-form-button::before {
    content: "\00d7";
    display: block;
    font-size: 60px;
    width: 30px;
    height: 30px;
    margin-top: -6px;
    margin-left: 1px;
    pointer-events: none;
}
#vac-form-iframe {
    border: none;
    max-height: 100vh;
    height: 100%;
    width: 100%;
}


.intro-wrapper {
    display: flex;
    margin-bottom: 30px;
}
.intro-wrapper .intro-image {
    width: 200px;
    overflow: hidden;
    border-radius: 20px;
    border: solid 1px #101650;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
}
.intro-wrapper .intro {
    flex: 1 1;
    margin-top: 40px;
    margin-left: 40px;
}

.workflow-banner {
    margin: 30px 0;
}
.workflow-banner .bg-pink h2 {
    font-size: 28px;
    margin: 0;
}
.workflow-banner .bg-pink {
    color: #fff;
    padding: 24px;
}
.workflow-banner .workflow-blocks {
    display: flex;
    justify-content: space-between;
}
.workflow-banner .workflow-blocks .workflow-block {
    background-color: #163968;
    border-radius: 0 0 22px 22px;
    width: 200px;
    height: 160px;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.workflow-banner .workflow-blocks .workflow-block:nth-child(even) {
    background-color: #101650;
}
.workflow-banner .workflow-blocks .workflow-block .icon {
    margin-bottom: 10px;
}

.application-form .text {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
}
.application-form .text h2 {
    color: #163968;
    font-size: 32px;
    font-weight: bold;
    line-height: 38px;
    margin: 50px 0;
}
.application-form #apply {
    position: relative;
    top: -150px;
}
.application-form .form-title {
    display: inline-block;
    padding: 10px 20px;
    margin: 40px 0 0 0;
    border-radius: 20px 20px 0 0;
    background-color: #2FB42F;
    color: #ffffff;
}
.form-wrapper {
    background-color: #EEECEA;
    padding-top: 40px;
    padding-bottom: 10px;
}
.form-wrapper form {
    max-width: 700px;
    font-size: 18px;
    font-weight: 700;
}
.form-wrapper form input,
.form-wrapper form textarea {
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #26b7cd;
}
.form-wrapper form textarea {
    border: 1px solid #26b7cd;
}
.form-wrapper form .wpcf7-submit {
    border: 0;
    background-color: #0c275b;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    width: auto;
    padding: 6px 20px;
    font-weight: 700;
}
.form-wrapper .columns {
    display: flex;
    margin-bottom: 20px;
}
.form-wrapper .columns .column {
    flex: 1 1;
    padding-right: 20px;
}
.form-wrapper .columns .column:last-child {
    padding-right: 0;
}

/* Contact Template */

#top-banner.small {
    height: 350px;
}
#top-banner.small .branding-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}
#top-banner.small img.branding-overlay {
    top: 30px;
}

.title-overlay {
    position: absolute;
    width: 100%;
    max-width: 540px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    color: #ffffff;
}
.title-overlay h1 {
    font-size: 70px;
    font-weight: 100;
}

.contact .two-columns {
    margin: 60px 0 30px 0;
}
.contact .two-columns .column {
    flex-grow: 0;
    padding: 0;
    max-width: 400px;
}
.contact .two-columns .wide {
    max-width: 580px;
    padding: 0 40px;
}
.contact .two-columns .column img {
    border-radius: 0;
}

.contact-info-wrapper {
    border: solid 1px #0e0748;
    background-color: #163968;
    border-radius: 20px;
    color: #ffffff;
}
.contact-info-wrapper a {
    color: #ffffff;
    text-decoration: underline;
}
.contact-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.contact-info > span {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 35px;
}
.contact-info .icon {
    width: 40px;
}
.contact-info .icon img {
    display: block;
    max-width: 30px;
}


/* Responsive */

@media screen and (max-width: 1079px) {
    .vacature-slider .slick-slide {
        margin: 0;
    }

    #stories-slider .verder-overlay {
        bottom: 30px;
        left: 10px;
        top: unset;
    }
    #stories-slider .sub-overlay-pink {
        left: -90px;
        bottom: 90px;
        top: unset;
    }
    #stories-slider .sub-overlay-blue {
        left: 150px;
        bottom: -20px;
    }
    #stories-slider .story-wrapper .readmore {
        right: 30px;
        bottom: 50px;
        font-size: 17px;
        z-index: 1;
    }
    .slick-slider .slick-prev,
    .slick-slider .slick-next {
        display: none !important;
    }
}
@media screen and (max-width: 900px) {
    .title-overlay {
        display: none;
    }
}
@media screen and (max-width: 782px) {
    body.logged-in .site-header {
        top: 46px;
    }

    #top-banner.full-width .banner-image-wrapper img {
        transform: translateX(-10%);
    }
    #top-banner img.branding-overlay {
        display: none;
    }

    .two-columns .column img.absolute-right {
        display: none;
    }

    .vacature-slider-wrapper {
        margin-top: 0;
    }
    .vacature-list {
        padding-bottom: 0;
    }
    .vacature-slider {
        padding: 0 25px;
    }
    .vacature-item {
        max-width: 85vw;
    }
    #stories-slider .story-wrapper > img {
        left: 80%;
    }
}
@media screen and (max-width: 600px) {
    .two-columns .column:first-child,
    .two-columns .column,
    .main .content {
        padding: 0 20px;
    }

    body.logged-in {
        margin-top: -46px;
    }
    #wpadminbar {
        display: none;
    }
    body.logged-in .site-header {
        top: 0;
    }
    body.logged-in #site-navigation {
        top: 103px;
    }

    .site-header .custom-logo {
        margin-left: 0;
    }
    .site-header .locations {
        display: none;
    }
    #top-banner {
        height: 430px;
        margin-bottom: 140px;
    }
    #top-banner.full-width .verder-overlay {
        bottom: -130px;
        right: 50px;
    }
    .home .title-overlay {
        display: none;
    }
    .verder-overlay {
        left: 30px;
    }

    .vacature-overview {
        display: block;
    }
    .vacature-filter {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    .widget-meta-data-filter {
        padding-right: 25px;
    }
    .vacature-list {
        padding-top: 0;
        padding-left: 0;
    }
}