/*
Theme Name: ZVHN
Author: BUROTIJS - digitale denkers + digitale makers
Author URI: https://burotijs.nl/
Description: This is the child theme for the ZVHN website
Version: 1.0
Template: burotijs
*/

/* splide.min.css */
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/* End of splide.min.css */


/* CSS reset */
* {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-feature-settings: lnum;font-variant-numeric: lining-nums;}
html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;}
a,h1,h2,h3,h4,h5,h6,p,div,img {text-decoration:none; padding:0px; margin:0px;}
img {border:none; outline:none;max-width: 100%;}
ul,ol {list-style-type: none;margin-bottom: 0px;}
body {font-size: 18px;color: #000;font-family:"filson-pro";font-weight:300;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 0px;padding-right: 0 !important;}
input,textarea,select,input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-ms-appearance: none;-o-appearance: none;appearance: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
input[type='number'] {-moz-appearance:textfield; }
a:hover, a:focus {text-decoration: none;}
p:empty {display: none;}
svg {max-width: 100%;}
label {font-weight: normal;margin-bottom: 0;cursor: inherit;}
i {font-style: normal;}
picture > img {width: 100%; height: 100% !important; object-fit: cover; }
#tslOverlay {z-index: 999999 !important;}

::-moz-selection {background:#0C64FF;color: #fff;}
::selection {background:#0C64FF; color: #fff;}

::-webkit-input-placeholder {color: rgba(74, 85, 88, 0.50);}
:-moz-placeholder { /* Firefox 18- */color: rgba(74, 85, 88, 0.50);opacity: 1;}
::-moz-placeholder {  /* Firefox 19+ */color: rgba(74, 85, 88, 0.50);opacity: 1;}
:-ms-input-placeholder {color: rgba(74, 85, 88, 0.50);}
/* End of reset css */

/* Common css */
.custom-menu-modal,.menu-backdrop,.site-menu ul li a,.left-main-menu ul li a,.layout-btn,.layout-btn svg rect,.clear-filter,.section-link small,.read-more-meta::after,.procedure-step-title,.procedure-step-title i,.procedure-step-title label,.splide__arrow,.section-link span,.section-link span::before,.icon-sm path,.main-btn,.main-btn svg path,.menu-btn-header i span,.icon-btn,.icon-btn svg g,.social-links a svg path,.social-links a,.footer-menu ul li a,.social-text-link span,.footer-text-col p a,.privacy-col ul li a,.layout-btn span,.job-card-title h4 span,.story-card picture,.text-link-icon span,.icon-like,.icon-like svg path,.text-link span,.video-meta-info i svg path,.modal-close-btn,.modal-close-btn svg line,.splide__arrow,.icon-text-link span,.right-secondary-menu ul li a,.logo-box,.lg-card picture,.story-main-card picture,
.project-lg-card picture,.cta-outro-text a,.leerlijn-step li a.link-cover + h6 span, .banner-option-image picture, .body-text a, .pagination a, .custom-checkbox label, .custom-form-btn, .story-overview-card picture, .contact-list li span, .secondary-custom-filter select, .secondary-custom-filter input[type="text"], .custom-form-group input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .custom-form-group select, .custom-form-group textarea, .custom-form-group input[type="file"],.project-card picture{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}

section,h1,h2,h3,h4,h5,h6,p {float: left;width: 100%;}
h1,h2,h3,h4,h5,h6 {color: #000;font-family:"filson-pro";font-weight:800;}
h1 {font-size: 55px;line-height: 57px;letter-spacing: -1.1px;/*hyphens:auto*/}
h2 {font-size: 35px; line-height: 37px;letter-spacing: -0.7px;}
h3 {font-size: 28px; line-height: 32px;letter-spacing: -0.56px;}
h4 {font-size: 24px;line-height: 32px;letter-spacing: -0.48px;}
h5 {font-size: 21px;line-height: 26px;letter-spacing: -0.42px;}
h6 {font-size: 18px;line-height: 26px;letter-spacing: -0.36px;}
p,.body-text li{line-height: 26px;letter-spacing: -0.36px;}
b,strong {font-family:"filson-pro";font-weight:800;}

.fl {float: left;}
.fw {width: 100%;}
.fh {height: 100%;}
.d-flex {display: flex;flex-wrap: wrap;}
.jc-sb {justify-content: space-between;}
.jc-center {justify-content: center;}
.ai-center {align-items: center;}
.ab-cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.row.d-flex::before,.row.d-flex::after {display: none;}
.row.new-row {margin-left: -20px; margin-right: -20px; }
.row.new-row div[class^="col-"] {padding-right: 20px; padding-left: 20px; }
.slick-slide img {display: inline;}
a.link-cover {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 11; }
body.scroll-hidden {overflow-y: hidden; }

.main-btn {display: flex; flex-wrap: nowrap; align-items: center; height: 50px; padding: 0 18px; font-size: 15px; gap: 17px; border-radius: 33px; color: #FFF; font-family:"filson-pro";font-weight:800; background-color: #14CDD2; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14);cursor: pointer;border: 1px solid #14CDD2;}
.main-btn:hover {background-color: transparent;color: #000;}
.main-btn:hover svg path {stroke: #000;}
.white-hover.main-btn:hover{background-color: #fff;border-color: #fff;}
.sm-btn {height: 38px; letter-spacing: -0.3px; padding: 0 17px;gap: 10px}

.icon-btn {position: absolute; right: 16px; bottom: 16px; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; cursor: pointer; }
.icon-dark-btn {background-color: #14CDD2; border: 1px solid #14CDD2;}
.icon-dark-btn svg g > g {fill: #fff;}

.text-link {float: left; color: #14CDD2; font-family:"filson-pro";font-weight:800; font-size: 15px; line-height: 20px; cursor: pointer; gap: 7px;}
.text-link span {border-bottom: 1px solid #14CDD2; }
.text-link:hover span {border-bottom-color: transparent;}
.text-link i {float: left; width: 11px; height: 11px; margin-left: 3px; }
.text-link i svg {float: left; width: 100%; height: 100%; }

.white-text-link {color: #fff; }
.white-text-link span {border-bottom-color: #fff; }

.text-link-icon {display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.text-link-icon span {border-bottom-color: transparent; }
.text-link-icon:hover span {border-bottom-color: #fff;}

.social-text-link {float: left; color: #14CDD2; font-size: 17px; font-family:"filson-pro";font-weight:800; line-height: normal; cursor: pointer; padding-left: 23px; position: relative; margin-bottom: 27px; }
.social-text-link i {position: absolute; left: 0; top: 0; }
.social-text-link span {border-bottom: 1px solid #14CDD2; }
.social-text-link:hover span {border-bottom-color: transparent;}

.md-container {width: 1050px; margin: 0 auto; max-width: 100%; }
.sm-container, .sm-container.container{width: 834px; margin: 0 auto; max-width: 100%; }

/* ****************************************************** */
/* ********************** Main css ********************** */
/* ****************************************************** */

/* ********************** Header ********************** */
header.site-header {position: absolute; left: 0; top: 0; width: 100%; z-index: 99; background-color: #fff; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); padding: 14px 0; }
.site-container {float: left; width: 100%; padding-top: 78px; }
body.admin-bar header.site-header {top: 32px; }
header.site-header .container,.menu-dropdown .container {width: 1383px; }
.site-logo {width: 278px; padding-right: 16px; }
.site-logo a {width: 100%; }
.site-menu ul {display: flex; gap: 24px; flex-wrap: wrap; }
.site-menu ul li a {float: left; color: #000;font-family:"filson-pro";font-weight:500; font-size: 15px; position: relative; cursor: pointer;}
.site-menu ul li a:hover,.site-menu ul li.current-menu-item a,
.left-main-menu ul li a:hover,.left-main-menu ul li.current-menu-item a,.site-menu ul li a.current-menu-selection {color: #14CDD2; }
.site-menu ul li.has-submenu a {padding-right: 15px; }
.site-menu ul li.has-submenu a::after {content: ""; position: absolute; width: 10px; height: 6px; right: 0; top: 9px; background-image: url('images/icon-sm-arrow-down.svg'); background-repeat: no-repeat; background-size: cover; }
.header-sm-menu {gap: 22px;}
.icon-sm {width: 23px; height: 22px; cursor: pointer;position:relative; }
.icon-sm:hover path{fill: #15CDD2;}
.icon-sm.icon-btn-alert.current-menu-item path{fill: #15CDD2;}
.header-right-side {gap: 37px; }
.menu-btn-header {width: 128px; gap: 12px; }
.menu-btn-header i {width: 18px; height: 12px; align-content: space-between; }
.menu-btn-header i span {width: 100%; height: 2px; background-color: #fff; }
.menu-btn-header:hover i span {background-color: #000}
.site-menu ul li.current-menu-item.has-submenu a::after,.site-menu ul li a.current-menu-selection::after {background-image: url('images/icon-sm-arrow-down-color.svg');}
.for-mobile{display: none;}

/* ********************** Footer ********************** */
/* Advice section */
.advice-section {padding: 90px 0 95px;}
.advice-section h2 {margin-bottom: 40px; }
.advice-box {border-radius: 25px; background-color: #0C64FF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); padding: 40px 70px 44px 23px; position: relative; overflow: hidden;z-index: 1}
.col-advice:nth-child(2) .advice-box {background-color: #B774E9;}
.col-advice:nth-child(3) .advice-box {background-color: #F86F00;}
.advice-box > * {color: #fff; }
.advice-box h6 {font-size: 19px; margin-bottom: 7px;word-break: break-all; }
.bg-pattern {position: absolute; right: 0; top: 0; z-index: -1; width: 232px; height: 232px; bottom: 0; margin: auto; opacity: 0.11; pointer-events: none; }
.advice-box:hover .icon-btn{background-color: #14CDD2;}
.advice-box:hover .icon-btn svg g{fill: #fff;}

.main-footer {background: rgba(20, 205, 210, 0.10); padding: 95px 0 100px; }
.job-alert-col {width: 782px; max-width: 100%; margin: 0 auto 80px;gap: 19px; }
.alert-bell-icon {width: 200px; height: 200px; border: 13px solid rgba(20,205,210,0.35); border-radius: 50%; background-color: #fff; }
.alert-bell-icon i {position: relative; width: 87px; }
.alert-dot {position: absolute; right: 5px; top: 21px; width: 28px; height: 28px; background-color: #F86F00; border-radius: 50%; border: 4px solid #fff; }
.job-alert-title {width: calc(100% - 219px); }
.job-alert-title h4 {line-height: normal; margin-bottom: 15px; }

.footer-social-part {padding-bottom: 49px;margin-bottom: 58px; border-bottom: 1px solid rgba(0,0,0,0.5); }
.footer-logo {width: 287px; }
.social-icon-list {gap: 20px; }
.social-icon-list h6 {width: auto; }
.social-links {gap: 18px; }
.social-links a {width: 50px; height: 50px; background-color: #fff; border-radius: 50%; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.14);border: 2px solid transparent; }
.social-links a:hover {background-color: #14CDD2; }
.social-links a:hover svg path {fill: #fff; }
.social-links a:first-child{background-color: #F86F00;}
.social-links a:first-child:hover{background-color: transparent;border-color: #F86F00;}
.social-links a:first-child:hover svg path{fill: #F86F00}
.social-links a:nth-child(2){background-color:#0C64FF}
.social-links a:nth-child(2):hover{background-color: transparent;border-color: #0C64FF;}
.social-links a:nth-child(2):hover svg path{fill: #0C64FF}
.social-links a:last-child{background-color: #B774E9;}
.social-links a:last-child:hover{background-color: transparent;border-color: #B774E9;}
.social-links a:last-child:hover svg path{fill: #B774E9}
.social-links a svg path{fill: #ffffff;}

.footer-content-col {width: 25.5%; padding-right: 25px; }
.footer-content-col h6 {font-size: 19px; margin-bottom: 12px; letter-spacing: 0; }
.footer-menu ul {float: left; width: 100%; }
.footer-menu ul li {float: left; width: 100%; margin-bottom: 12px; }
.footer-menu ul li a {color: #14CDD2; font-family:"filson-pro";font-weight:800; font-size: 17px; line-height: 20px; border-bottom: 1px solid #14CDD2; }
.footer-menu ul li a:hover {border-bottom-color: transparent;}

.footer-content-col.footer-text-col {width: 23.5%; padding-right: 6px; }
.footer-text-col p {font-size: 17px; margin-bottom: 7px;} 
.footer-text-col p a {font-family:"filson-pro";font-weight:800; color: #14CDD2; border-bottom: 1px solid #14CDD2; }
.footer-text-col p a:hover {border-bottom-color: transparent;}

.privacy-col {padding: 16px 15px; }
.privacy-col ul {display: flex; flex-wrap: wrap; justify-content: center;gap: 7px; }
.privacy-col ul li a {color: #000; font-size: 17px; border-bottom: 1px solid #000;}
.privacy-col ul li a:hover {border-bottom-color: transparent;}
.privacy-col ul li a::after {content: ","; }
.privacy-col ul li:last-child a::after {display: none; }

/* ********************** Offcanvas menu ********************** */
.custom-menu-modal {position: fixed; right: 0; top: 78px; width: 100%; z-index: 9999; height: calc(100vh - 78px);overflow-y: auto; overflow-x: hidden; transform: translateY(-100%); opacity: 0; visibility: hidden; pointer-events: none;}
body.admin-bar .custom-menu-modal {top: 110px;}
.custom-menu-modal.menu-view {transform: translateY(0); opacity: 1; visibility: visible; pointer-events: auto; }
.menu-backdrop {position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: rgba(20, 205, 210, 0.75); z-index: 99; opacity: 0; visibility: hidden; pointer-events: none; }
.menu-backdrop.view-in {opacity: 1; visibility: visible; pointer-events: auto; }

.menu-dropdown.custom-menu-modal {top: 0px;height: 100vh;}
body.admin-bar .menu-dropdown.custom-menu-modal {top:32px;}
.menu-dropdown.custom-menu-modal.menu-view ~ .menu-backdrop {z-index: 999;}
.dropdown-box {float: right; width: 780px; padding: 14px 0 57px 108px; position: relative; z-index: 1; margin-bottom: 50px; }
.dropdown-box::after {content: ""; position: absolute; left: 0; width: 4000px; top: 0; bottom: 0; background-color: #fff; border-radius: 0px 0px 0px 25px; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); z-index: -1; }
.close-menu-btn {float: right; margin-bottom: 109px; gap: 5px; }
.close-menu-btn i span {width: 85%;}
.close-menu-btn i span:nth-child(1) {transform: rotate(45deg);transform-origin: left top;}
.close-menu-btn i span:nth-child(2) {transform: rotate(-45deg);transform-origin: left bottom;}

.dropdown-menu-col {margin-bottom: 32px; }
.left-main-menu {width: 50%; padding-bottom: 30px; }
.left-main-menu ul {float: left; width: 100%; }
.left-main-menu ul li {float: left; width: 100%; margin-bottom: 37px; }
.left-main-menu ul li:last-child {margin-bottom: 0; }
.left-main-menu ul li a {color: #000; font-family:"filson-pro";font-weight:800; font-size: 35px; line-height: 37px; letter-spacing: -0.7px; }

.right-secondary-menu {float: right; width: 50%; }
.right-secondary-menu ul {float: left; width: 100%; }
.right-secondary-menu ul li {float: left; width: 100%; text-align: right; margin-bottom: 21px; }
.right-secondary-menu ul li:last-child {margin-bottom: 0; }
.right-secondary-menu ul li a {color: #000; font-size: 20px; line-height: 26px; letter-spacing: -0.4px; border-bottom: 1px solid transparent;}
.right-secondary-menu ul li a:hover {border-bottom-color: #000;}
.dropdown-box .social-links {justify-content: flex-end; }

/* Three Submenu */
.submenu-wrap {position: relative; padding: 70px 0 75px; }
.submenu-wrap::after {content: ""; position: absolute; left: -64px; top: 0; bottom: 0; width: 4000px; background-color: #fff; z-index: -1; border-radius: 0px 0px 0px 25px; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); }
.submenu-wrap > .row {row-gap: 40px; }
.submenu-card {position: relative; }
.submenu-card h4,.submenu-wrap > h4 {position: relative;line-height: 24px; margin-bottom: 23px; padding-left: 55px; }
.submenu-card h4::before,.submenu-wrap > h4::before {content: "";position: absolute;left: 0;width: 41px;height: 41px;background-image: url('images/logo-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.submenu-card p {margin-bottom: 15px; min-height: 52px; }
.submenu-card:hover .text-link span { border-bottom-color: transparent;}

.organisaties-submenu .submenu-wrap {padding: 86px 0 53px; }
.submenu-wrap > h4 {margin-bottom: 36px; }
.organisaties-logo-list {margin-bottom: 33px; }
.organisaties-logo-list > .row {row-gap: 30px; }
.logo-box {height: 80px; border-radius: 10px; background-color: #FFF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); position: relative;border: 1px solid transparent;}
.logo-box:hover {border-color: #14CDD2;}
.logo-box img {max-width: 70%; max-height: 70%; }

/* ********************** Job overview ********************** */
.job-archive-wrap {align-items: flex-end; }
.job-archive-title {width: calc(50% - 60px); padding: 102px 0 98px; min-height: 370px; }
.job-archive-title span {color: #14CDD2; }
.job-archive-img {width: calc(50% + 25px); height: 337px; overflow: hidden; position: relative; }
.img-bg-job {position: absolute; top: 51px; right: 0; width: 480px; left: 69px; margin: auto; z-index: -1; max-width: 100%; }
.img-bg-job img {width: 100%; max-width: inherit; }
.img-front-job {width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }

/* Job list and filter */
.job-main-section {padding: 43px 0 111px; background-color: #E8FAFA; }
.job-filter-section {margin-bottom: 69px;}
.job-meta-part {margin-bottom: 13px; }
.job-total {width: auto; }
.job-layout-tab {gap: 10px;display:none; }
.layout-btn {padding: 0 16px; height: 40px; gap: 15px; color: #000; line-height: 26px; border-radius: 20px; letter-spacing: -0.36px; cursor: pointer; background-color: transparent; }
.layout-btn span {border-bottom: 1px solid transparent;}
.layout-btn:hover span {border-bottom-color: #000;}
.layout-btn svg rect {stroke: #000; }
.layout-btn.active {color: #14CDD2; background-color: #fff; }
.layout-btn.active span {border-bottom-color: transparent !important;}
.layout-btn.active svg rect {stroke: #14CDD2; }

.job-filter-row h6 {margin-bottom: 19px; }
.job-filter-col{width: calc(100% - 80px);}
.secondary-custom-filter{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px;}
.form-group {float: left; margin: 0; width: 200px; }
/*.job-filter-section .form-group:nth-child(2), .opleiding-overview-banner .form-group:nth-child(2){width: 108px;}*/
/*.job-filter-section .form-group:nth-child(3), .opleiding-overview-banner .form-group:nth-child(3){width: 145px;}
.job-filter-section .form-group:nth-child(4) {width: 165px;}*/
/*.job-filter-section .form-group:nth-child(5) {width: 148px;}*/
/*.job-filter-section.story-filter-section .form-group:nth-child(1) {width: 145px}*/
/*.job-filter-section.story-filter-section .form-group:nth-child(2) {width: 186px}*/
.form-group.input-search-job {width: 205px;}
.input-search-job i {position: absolute; top: 3px; right: 0; width: 16px; height: 16px; cursor: pointer; }
.input-search-job i svg {float: left; width: 100%; height: 100%; }
.secondary-custom-filter select {height: 50px; background-color: #0C64FF; color: #ffffff; padding: 0px 32px 0px 20px; border-radius: 55px; box-shadow: 3px 3px 10px 0px #00000024; font-size: 15px; line-height: 20.45px; font-family:"filson-pro";font-weight:800; background-image: url('./images/icon-down-arrow.svg'); background-repeat: no-repeat; background-size: 10px; background-position: calc(100% - 17px) 50%; width: 100%;cursor: pointer;}
.secondary-custom-filter select:hover {background-color: #14CDD2; color: #ffffff; }
.secondary-custom-filter input[type="text"] {float: left; width: 100%; background-color: transparent; border-bottom: 2px solid #000000; font-size: 15px; line-height: 20.34px; color: #000000; padding: 0px 20px 12px 0px;font-family:"filson-pro";font-weight:800;}
.secondary-custom-filter input[type="text"]:hover, .secondary-custom-filter input[type="text"]:focus {border-bottom-color: #15cdd2; }
.secondary-custom-filter input[type="text"]::placeholder{color: #000000!important; }
.input-search-job{margin-left: 17px;position: relative;}
.clear-filter {color: #14CDD2; font-size: 15px; cursor: pointer; border-bottom: 1px solid transparent; line-height: normal; }
.clear-filter:hover {border-bottom-color: #14CDD2;}

.pagination {width: calc(100% - 30px); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 32px auto 0; }
.pagination a {height: 50px; width: 50px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 17px; line-height: 26px; color: #000000; font-family:"filson-pro";font-weight:500; margin-right: 14px; }
.pagination a.current_page {background-color: #14CDD2; color: #ffffff; }
.pagination a:hover{background-color: #14CDD2; color: #ffffff;}
.pagination a.next_page, .pagination a.next_page_exp {box-shadow: 3px 3px 10px 0px #00000024; width: auto; padding: 12px 19.35px; height: auto; border-radius: 25px; margin: 0; font-size: 17px; line-height: 26px; }

.post-type-archive-vacature .pagination{margin-top: 27px}
.post-type-archive-vacature .job-main-section{padding-bottom: 36px}

.job-main-list .row {row-gap: 30px; }


.sm-label.extra-sm-label{background-color: #B774E9; color: #ffffff; font-size: 13px; line-height: 26px; font-family:"filson-pro";font-weight:800; }
.job-card {border-radius: 25px; background: #FFF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); padding: 41px 24px 46px; align-content: space-between; position: relative;min-height:263px }
.job-card-title {margin-bottom: 33px; }
.job-card-title h4 {width: calc(100% - 65px);line-height: 28px;word-break: break-word;}
.job-card-title h4 span {border-bottom: 2px solid transparent; }
.job-card:hover .job-card-title h4 span {border-bottom-color: #000;}
.job-card-title svg {margin-top: 8px;position: relative; z-index: 11;}

.job-sm-info {padding-bottom: 11px; margin-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.15); }
.job-organisation {margin-right: 32px;position: relative; }
.job-organisation::after {content: ""; position: absolute; right: -20px; top: 11px; width: 5px; height: 5px; background-color: #14CDD2; border-radius: 50%; }
.job-sm-info strong, .job-sm-info span {font-size: 17px; line-height: 26px; letter-spacing: -0.34px; }
.job-location span::after {content: ","; margin-right: 5px; }
.job-location span:last-child::after {display: none; }
.label-list {gap: 10px; width: calc(100% - 176px); }
.sm-label,.job-close-label {padding: 0 18px; height: 30px; font-size: 13px; letter-spacing: -0.26px; color: #000; border-radius: 29px; background-color: rgba(20, 205, 210, 0.10); }
.job-close-label {padding: 0 10px; color: #fff; background-color: #B774E9; font-family:"filson-pro";font-weight:800; }

.alert-job-box {padding: 49px 185px 53px 30px; border-radius: 25px; background-color: #0C64FF; position: relative; z-index: 1; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.alert-job-box h4 {color: #fff; line-height: 28px; margin-bottom: 14px; }
.alert-job-box .white-bell-icon {position: absolute; right: 70px; top: 70px; border: none; border-radius: 0; width: auto; height: auto; background-color: transparent; }
.alert-job-box .white-bell-icon i {width: 97px; }
.alert-job-box .white-bell-icon i svg {float: left; width: 100%; height: 100%;}
.alert-job-box .white-bell-icon i .alert-dot {width: 31px; height: 31px; right: 4px; top: 15px; }
.alert-job-box .bg-pattern {width: 306px;height: 306px;}
.alert-job-box .bg-pattern svg {width: 100%; height: 100%; }

.story-card {padding: 20px 122px 57px 22px; min-height: 263px;position: relative; border-radius: 25px; overflow: hidden; align-items: flex-end; z-index: 1; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); }
.col-job-story .story-card-title {max-width: 60%; }
.story-card .ab-cover {z-index: -1; }
.story-card picture {transform: scale(1); }
.story-card:hover picture {transform: scale(1.05); }
.story-card-title h4 {color: #fff; line-height: 28px; margin-bottom: 11px; text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.85); }
.story-card-title h4::before, .story-card-title h4::after{content: '\0022'; }
.story-card-title .text-link{text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.33);}
.story-card:hover .text-link-icon span {border-bottom-color: #fff;}

.job-list-view .col-job,.job-list-view .col-job-alert {width: 100%; }
.job-list-view .col-job-story {display: none;} 
.job-list-view .alert-job-box {padding: 55px 145px 56px 22px;}
.job-list-view .alert-job-box .white-bell-icon {right: 120px; top: 0; bottom: 0; }

/* ********************** Job detail ********************** */
.job-detail-banner {padding: 50px 0 0; position: relative; }
.job-detail-banner::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background-color: #E8FAFA; z-index: -1; }
.detail-banner-wrap {align-items: flex-end;}
.left-detail-col {width: calc(50% - 15px); padding: 62px 0 90px; min-height: 463px; }
.job-detail-banner .left-detail-col {width: calc(55% - 15px); }
.job-detail-banner .right-detail-img {width: calc(40% - 15px); }
.job-detail-banner .left-detail-col h1 {font-size: 51px; }
.organisation-logo {height: 42px; margin-bottom: 22px;}
.story-detail-banner .organisation-logo {height: auto; gap: 15px 20px;display: flex; align-items: center; flex-wrap: wrap; }
.organisation-logo-inner {float: left; max-width: 100px; height: auto; }
.organisation-logo-inner img {width: 100%; height: 100%;}
.organisation-logo img {max-height: 100%;float:left; }
.left-detail-col h1 {margin-bottom: 25px;word-break: break-word;}
.job-detail-meta {row-gap: 18px; }
.job-detail-meta li:nth-child(2n+1) {width: 43%; padding-right: 30px; }
.job-detail-meta li:nth-child(2n) {width: 57%; }
.job-detail-meta i {width: 40px; height: 40px; border-radius: 50%;margin-top: 7px; background-color: #E8FAFA; }
.job-meta-wrap {width: calc(100% - 40px); padding-left: 15px; }
.job-meta-wrap * {font-size: 17px; line-height: 26px; letter-spacing: -0.34px; }
.job-meta-wrap strong::after {content: ","; margin-right: 4px; }
.job-meta-wrap strong:last-child::after {display: none; }
.right-detail-img {width: calc(50% - 15px); height: 463px; border-radius: 25px; overflow: hidden; }

/* Job Info section */
.job-info-section {padding: 60px 0 78px; background-color: #E8FAFA;overflow:hidden; }
.main-topbar {margin-bottom: 53px;height: 51px;}
.main-topbar-wrap {padding: 6px 7px 6px 20px; border-radius: 25px; background: #0C64FF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14);min-height:51px }
.main-topbar.fixed .main-topbar-wrap {position: fixed; top: 20px; z-index: 99; }
.main-topbar-wrap label {margin-right: 20px; font-family:"filson-pro";font-weight:800;}
.main-topbar-wrap label,.section-link span {color: #fff; font-size: 15px; line-height: 22px; letter-spacing: -0.3px; }
.section-link {column-gap: 35px; margin-right: 35px; }
.section-link span {cursor: pointer; position: relative; padding-left: 0;}
.section-link span::before {content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url('images/icon-logo-color.svg'); background-size: cover; border-radius: 50%;opacity: 0; }
.section-link span.active {font-family:"filson-pro";font-weight:500;padding-left: 20px}
.section-link span.active::before {opacity: 1;}
.section-link span small {font-size: 100%;border-bottom: 1px solid transparent;}
.section-link span:hover small,.section-link span.active small{border-bottom-color: #fff;}
.fav-icon{display: none;}
.icon-like {width: 39px; height: 39px; background-color: #fff; border-radius: 50%; margin-right: 14px; cursor: pointer;}
.icon-like:hover,.icon-text-link:hover .icon-like {background-color: #14CDD2;}
.icon-like:hover svg path,.icon-text-link:hover .icon-like svg path {fill: #fff;}

/* Job text section */
.job-text-section {margin-bottom: 64px; }
.job-text-section h2 {margin-bottom: 25px; }
.body-text h5,.body-text h6 {margin-bottom: 20px; }
.body-text p {margin-bottom: 30px; }
.body-text :last-child {margin-bottom: 0; }
.read-more-meta {position: relative; }
.read-more-meta::after {content: ""; position: absolute; left: 0; right: 0; bottom: -90px; height: 213px; background: linear-gradient(0deg, #E8FAFA 45%, rgba(232, 250, 250, 0.00) 100%); opacity: 1; }
.read-more-meta[aria-expanded="true"]::after {opacity: 0; visibility: hidden; pointer-events: none; }
[data-readmore] {transition: height 200ms; overflow: hidden; }
[data-readmore] + a {margin-top: 33px;}

/* Job video */
.job-media-section {margin-bottom: 70px; }
.job-media-section h2 {margin-bottom: 43px; }
.media-wrap {position: relative; height: 711px; border-radius: 25px; overflow: hidden; z-index: 1; }
.media-wrap picture {z-index: -1; }
.video-meta-info {width: 285px; max-width: 90%; }
.video-meta-info i {width: 162px; height: 162px; border-radius: 50%; background-color: rgba(255,255,255,0.3); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.14); cursor: pointer;}
.video-meta-info i svg {box-shadow: inherit; border-radius: 50%; }
.video-meta-info i:hover svg path {fill: #fff;} 
.video-meta-info h6 {color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45); margin-top: 10px;}
.video-meta-info h6 span {font-family:"filson-pro";font-weight:300; }

/* Video modal css */
#videomodal {text-align: center; }
#videomodal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#videomodal .modal-dialog {width: 1200px; max-width: 94%; margin: 30px auto; display: inline-block; vertical-align: middle; text-align: left; }
#videomodal .modal-content {margin-bottom: 30px; background-color: transparent;border: none !important;border-radius: 0;box-shadow: none !important;}
#videomodal .modal-content, .video-box {float: left; width: 100%; }
#videomodal .modal-close-btn {position: absolute; right: 0; top: -66px; z-index: 1; }
.modal-close-btn {width: 138px; height: 50px; background-color: #fff; border-radius: 30px; cursor: pointer; color: #14CDD2; font-size: 15px; font-family:"filson-pro";font-weight:800; gap: 14px; }
.modal-close-btn:hover {background-color: #14CDD2;color: #fff}
.modal-close-btn:hover svg line {stroke: #fff;}
.video-box {height: auto; padding-top: 56.25%; position: relative;background-color:#000; border-radius: 25px; overflow: hidden;}
.video-box > iframe {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; }
.video-box video {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; }
.modal-overlay-inside {position: fixed; left: 0; right: 0; top: 0; opacity: 1; bottom: 0;background-color: rgba(20, 205, 210, 0.75);}

/* Job organisation css */
.job-organisation-section {margin-bottom: 85px; }
.job-organisation-section .body-text {width: calc(50% - 23px); }
.job-organisation-logo {width: 48%; }
.job-organisation-logo img {max-height: 400px; }

/* Job care section */
.care-card {padding: 36px 50px 54px 27px; border-radius: 25px; background-color: #FFF; }
.col-care:nth-child(2n) .care-card {background-color: #B774E9; }
.care-card h4 {margin-bottom: 9px; }
.col-care:nth-child(2n) .care-card * {color: #fff; }
.care-card-section .btn-wrap {margin-top: 53px; }

/* Job procedure section */
.job-procedure-section {padding: 90px 0 105px; }
.procedure-left-col {width: calc(50% - 15px); padding-top: 14px;}
.title-part {margin-bottom: 64px; }
.title-part.hw {width: calc(50% - 15px); }
.title-part h2 {margin-bottom: 21px; }

/* Procedure step title slider */
.procedure-title-slider {padding-left: 100px; }
.procedure-title-slider .splide__list {transform: none !important; display: block;counter-reset: div;}
.procedure-step-title {margin-bottom: 33px; border: none !important; width: auto !important; clear: left;counter-increment: div;color: #14CDD2;font-family:"filson-pro";font-weight:500;font-size: 15px;outline: none !important;}
.procedure-step-title::after {content: ""; position: absolute; width: 2px; height: 15px; background-color: #14CDD2; left: 15px; bottom: -23px; }
.procedure-step-title:last-child::after {display: none; }
.procedure-step-title i {width: 32px; height: 32px; border: 1px solid #14CDD2; border-radius: 50%;margin-right: 15px; font-family:"filson-pro";font-weight:800;}
.procedure-step-title i::after {content: "" counter(div); padding-top: 1px; }
.procedure-step-title label {border-bottom: 1px solid #14cdd2; }
.procedure-step-title.is-active {color: #000; }
.procedure-step-title.is-active label {border-bottom-color: #000; }
.procedure-step-title.is-active i {background-color: #14CDD2; color: #fff; }
.procedure-step-title label:hover {color: #000;border-bottom-color: #000;}

/* Procedure step slider */
.procedure-step-slider {float: right; width: calc(50% - 15px); }
.procedure-step-card {height: 600px; border-radius: 25px; background-color: #E8FAFA; padding: 50px; position: relative; }
.procedure-card-wrap {width: 440px; max-width: 100%; }
.step-icon {width: 240px;margin-bottom: 22px; }
.step-icon img {max-height: 150px; }
.procedure-card-wrap h2 {margin-bottom: 21px; }
.step-counter {position: absolute; left: 30px; top: 30px; width: 76px; height: 76px; background-color: #fff; border-radius: 50%; }
.step-counter strong {margin-right: 5px; }

.splide__arrows {position: absolute; bottom: -27px; left: 0; right: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 11px; z-index: 1; }
.splide__arrow {position: relative; left: 0 !important; right: 0 !important; opacity: 1; top: 0 !important; transform: none !important; width: 61px; height: 61px; background-color: #14CDD2; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); outline: none !important;background-repeat: no-repeat;background-position: center;}
.splide__arrow:hover {background-color: #fff;}
.splide__arrow--prev {background-image: url('images/icon-sm-arrow-left-white.svg')}
.splide__arrow--next {background-image: url('images/icon-sm-arrow-right-white.svg')}
.splide__arrow--prev:hover {background-image: url('images/icon-sm-arrow-left.svg')}
.splide__arrow--next:hover {background-image: url('images/icon-sm-arrow-right.svg')}
.splide__arrow svg {display: none !important; }
.splide__arrow:disabled {opacity: 1;background-color: #A8EDEE;pointer-events: none;}

.splide__pagination {bottom: 60px; padding: 0 15px; gap: 7px;}
.splide__pagination__page {margin: 0; width: 15px; height: 15px; background-color: #C7C7C7; transform: none !important; opacity: 1; }
.splide__pagination__page.is-active {background: #14CDD2;}

/* Job Application section */
.job-application-section {padding-bottom: 128px; }
.job-app-wrap {border-radius: 25px; background: #0C64FF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); padding: 104px 50px 128px; position: relative; z-index: 1;}
.job-app-content {width: 650px; max-width: 100%; }
h2.normal-title {font-family:"filson-pro";font-weight:300; }
.job-app-content h2 {color: #fff; margin-bottom: 14px; }
.job-app-content > p {color: #fff; padding: 0 20px; margin-bottom: 24px; }
.job-app-content .btn-wrap {margin-bottom: 35px; }
.share-link {width: auto; display: flex; align-items: center; margin-left: 28px; }
.share-link span {color: #ffffff; margin-right: 18px; }
.share-link .icon-text-link {margin-right: 10px; }
.share-link .icon-text-link:last-child {margin-right: 0; }
.icon-text-link {display: flex; flex-wrap: wrap; align-items: center; color: #FFF; letter-spacing: -0.36px; cursor: pointer;gap: 11px;}
.icon-text-link .icon-like {margin-right: 0;}
.icon-text-link span {border-bottom: 1px solid #fff;}
.icon-text-link:hover span {border-bottom-color: transparent;}
.job-share-col {gap: 18px; }
.job-share-col > p {color: #fff; width: auto; }
.job-share-col .social-links {gap: 10px; }
.job-share-col .social-links a {width: 39px; height: 39px; }
.job-app-wrap .bg-pattern {height: 490px; width: 490px; }
.job-app-wrap .bg-pattern svg {width: 100%; height: 100%; }

/* Related job section */
.related-job-section {margin-bottom: 107px; }
.related-title-part {margin-bottom: 33px; align-items: flex-end; }
.related-title-part .title-part {margin-bottom: 0; width: 48%;}
.related-filter {width: 40%; height: 50px; border-radius: 55px; background-color: rgba(21, 205, 210, 0.35); }
.job-related-list {margin-bottom: 48px; }

/* About CTA section */
.about-cta-section {padding-bottom: 32px; }
.cta-wrap {padding: 76px; min-height: 485px; border-radius: 25px; background: #FFF; position: relative; overflow: hidden; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); }
.cta-left-col {width: 50%; padding-right: 3px; }
.cta-left-col h2 {margin-bottom: 14px; }
.cta-right-col {position: absolute; width: 323px; height: 460px; right: 180px; bottom: 0; align-items: flex-end; z-index: 1; }
.cta-right-col > img {max-height: 100%; }
.cta-right-col .img-bg-job {width: 445px; max-width: inherit; left: -3px; bottom: -193px; top: inherit; }
.about-cta-section .btn-wrap {margin-top: 75px; }

/* ********************** Loopbaan detail page ********************** */
.simple-banner-section {padding: 83px 0 15px;}
.simple-banner-text {width: calc(50% - 43px); padding-top: 19px; }
.simple-banner-text h1 {margin-bottom: 18px; }
.simple-banner-img {float: right; width: calc(50% - 15px); height: 463px; border-radius: 25px; overflow: hidden; }
.simple-banner-text .body-text {max-width: 551px; }
.simple-banner-text .body-text * {color: #314A4C;}
.simple-banner-text .body-text p {margin-bottom: 10px;}

.body-text > ul, .body-text > ol {float: left; width: 100%; margin-bottom: 29px;}
.body-text > ul > li, .body-text > ol > li {float: left; width: 100%;position: relative; padding-left: 28px;margin-bottom: 15px}
.body-text > ul > li::after {content: ''; position: absolute; left: 10px; top: 11px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }
.body-text > ol {list-style: none; counter-reset: li; }
.body-text > ol > li {counter-increment: li; }
.body-text > ol > li::before {content: "." counter(li); display: inline-block; width: 17px; margin-left: -25px; text-align: right; direction: rtl; margin-right: 5px; font-family:"filson-pro";font-weight:500; }
.body-text a {color: #000; border-bottom: 1px solid #000; display: inline-block; line-height: 16px; }
.op-app-section .body-text a{color: #ffffff;border-bottom-color: #ffffff}
.op-app-section .body-text a:hover{border-bottom-color: transparent;}
.body-text a:hover{border-bottom-color: transparent;}
.body-text blockquote {float: left; width: 100%; margin-bottom: 28px; }
.body-text blockquote p::before{content: '“';}
.body-text blockquote p::after{content: '”';}
.body-text blockquote p {font-size: 22px; line-height: 33px; font-family:"filson-pro";font-weight:800; }
.body-text img {width: 100%;height: auto;}
.single-ervaring .body-text img:not(.size-full) {width: auto;}

/* Process section */
.loopbaan-process-section {padding: 85px 0 26px; min-height: 848px; background-repeat: no-repeat; background-image: url('images/bg-map.svg'); background-position: center center; position: relative; z-index: 11;}
.loopbaan-process-section::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 138px; background: linear-gradient(0deg, #FFF 45%, rgba(255, 255, 255, 0.00) 100%); z-index: -1; }
.loopbaan-process-section .main-topbar {margin-bottom: 125px; }
.process-title {width: calc(38% + 4px); }
.process-step {float: right; width: calc(60% - 12px); }
.process-step > p {margin-bottom: 38px; }
.process-step-list {width: 60%; max-width: 370px; counter-reset: li;}
.process-step-list li {padding-bottom: 32px; position: relative; padding-left: 43px; counter-increment: li;}
.process-step-list li:last-child {padding-bottom: 0; }
.process-step-list li h4 {margin-bottom: 2px; }
.process-step-list li::before {content: "" counter(li); position: absolute; left: 0; top: 0px; width: 31px; height: 31px; background-color: #F86F00; border-radius: 50%; color: #FFF;font-family:"filson-pro";font-weight:800;display: flex; justify-content: center; align-items: center;}
.process-step-list li::after {content: ""; position: ; position: absolute; left: 13px; top: 0; bottom: 0; width: 5px; background-color: #EDEDED; z-index: -1; }
.process-step-list li:last-child::after {display: none; }

/* Loopbaan media section */
.loopbaan-media-section {padding: 103px 0 130px; }
.media-box-col {width: 23.2%; height: 294px;border-radius: 25px; overflow: hidden; }
.media-box-col:last-child {width: 48.66%; }
.media-box-col .media-wrap {height: 100%; }
.media-box-col .video-meta-info i {width: 78px; height: 78px; }
.media-box-col .video-meta-info i svg {width: 64px; height: 64px; }
.media-text-slider {float: left; width: 100%; height: 100%; background-color: #B774E9; padding:15px 20px 70px 26px;z-index: 1; position: relative; }
.media-text-slider .splide__track {height: 100%; }
.media-text-slider .splide__list {align-items: center; }
.media-text {width: 100%;}
.media-text h4 {color: #fff; }

.media-text-slider .splide__arrows {left: inherit; right: 23px; bottom: 18px; gap: 7px; }
.media-text-slider .splide__arrow {width: 39px; height: 39px; background-color: #fff;background-size: 7px; }
.media-text-slider .splide__arrow--prev {background-image: url('images/icon-sm-arrow-left-color.svg'); }
.media-text-slider .splide__arrow--next {background-image: url('images/icon-sm-arrow-right-color.svg'); }
.media-text-slider .splide__arrow:disabled {background-color: #DFC1F5;}
.media-text-slider .splide__arrow:hover {background-color: #14CDD2;}
.media-text-slider .splide__arrow--prev:hover {background-image: url('images/icon-sm-arrow-left-white.svg'); background-size: 6px;}
.media-text-slider .splide__arrow--next:hover {background-image: url('images/icon-sm-arrow-right-white.svg'); background-size: 6px;}
.media-text-slider .splide__pagination {left: 26px; right: inherit; bottom: 27px; padding: 0; }
.media-text-slider .splide__pagination__page {opacity: 0.25;}
.media-text-slider .splide__pagination__page.is-active {background: #fff; opacity: 1; }
.media-text-slider .bg-pattern {width: 350px; height: 350px; left: -30px; margin: auto; }
.media-text-slider .bg-pattern svg {width: 100%; max-width: inherit; height: 100%; }

/* Loopbaan all section */
.loopbaan-all-section {padding: 100px 0 106px; background-color: #E8FAFA; }
.loopbaan-all-section > .container > .row > :last-child {margin-bottom: 0; }
.section-title-content {max-width: 752px;position: relative;padding-bottom: 33px;margin: 0 auto 94px;}
.section-title-content::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 68px; height: 4px; background-color: #F86F00; border-radius: 8px; margin: 0 auto; }

.lb-opleiding-section {margin-bottom: 95px; }
.lb-opleiding-section .title-part {width: calc(50% - 15px); max-width: 100%; margin-bottom: 50px; }
.title-part h3 {margin-bottom: 21px; }

/* LB Opleiding card */
.lg-card {position: relative; border-radius: 25px; overflow: hidden; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14);}
.lg-card-img {height: 400px;position: relative; }
.lg-card picture,.story-main-card picture,.project-lg-card picture,.banner-option-image picture{transform: scale(1); }
.lg-card:hover picture,.story-main-card:hover picture,.project-lg-card:hover picture, .banner-option-card:hover picture, .story-overview-card:hover picture,.project-card:hover picture{transform: scale(1.05);}
.lg-card-img .icon-like {position: absolute; right: 27px; top: 24px; background-color: rgba(255,255,255,0.75);margin-right:0; z-index: 1;}
.lg-card-content {padding: 39px 25px 41px; height: calc(100% - 340px); margin-top: -60px; border-radius: 25px; background-color: #fff; position: relative; }
.lg-card-content h4 {margin-bottom: 6px;word-break: break-word; }
.lg-card-content > p {margin-bottom: 19px; }
.sm-icon-meta {width: calc(100% - 50px); }
.sm-icon-meta li {padding-left: 50px; margin-bottom: 19px; line-height: 26px; letter-spacing: -0.36px; position: relative; display: flex;flex-wrap: wrap;gap: 5px;}
.sm-icon-meta li a {z-index: 11;}
.sm-icon-meta li:last-child {margin-bottom: 0; }
.sm-icon-meta li i {position: absolute; left: 0; top: -7px; width: 39px; height: 39px; background-color: #E8FAFA; border-radius: 50%; }
.sm-icon-meta .oz-location-title span {font-family:"filson-pro";font-weight:300; color: #000; text-shadow: none; }
.lg-card-content .icon-btn {right: 28px; bottom: 35px; }
.lg-card:hover .white-icon-hover {background-color: #fff;}
.story-main-card:hover .icon-dark-btn,.project-lg-card:hover .icon-dark-btn, .story-overview-card:hover .icon-dark-btn,.project-card:hover .icon-btn{background-color: #fff;border-color: #fff;}
.lg-card:hover .icon-dark-btn svg g,.story-main-card:hover .icon-dark-btn svg g,.project-lg-card:hover .icon-dark-btn svg g, .story-overview-card:hover .icon-dark-btn svg g,.project-card:hover .icon-btn svg g{fill: #000;}

/* LB Organisation section */
.lb-organisation-section {margin-bottom: 105px; }
.lb-organisation-head .title-part {width: 32%; }
.map-location {float: right; width: 62%; }
.lb-organisation-head {margin-bottom: 55px; }

/* LB Stroy slider section */
.story-related-section {padding: 100px 0 50px; overflow: hidden; }
.story-related-section .title-part {margin-bottom: 70px; }
.title-part :last-child {margin-bottom: 0;}
.story-slider {margin-bottom: 39px;}
.story-slider .splide__track {overflow: visible; }
.story-main-card {width: 617px; margin-right: 30px; position: relative; }
.story-overview-img {height: 515px; border-radius: 25px; overflow: hidden; position: relative; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); margin-bottom: 32px; }
.story-overview-meta h3 {margin-bottom: 14px; }
.story-overview-meta h3::before,.story-overview-meta h3::after, .story-detail-banner h1::before, .story-detail-banner h1::after, .related-quote-text h3::before, .related-quote-text h3::after{content: '\0022';}

.story-slider .splide__arrows {position: static; }
.story-slider .splide__arrow {position: absolute; top: 227px !important; }
.story-slider .splide__arrow--prev {left: -150px !important; right: initial !important; }
.story-slider .splide__arrow--next {right: -150px !important; left: initial !important; }
.story-slider .splide__arrow:disabled {opacity: 0; }

.white-nav .splide__arrow {background-color: #fff;}
.white-nav .splide__arrow--prev {background-image: url('images/icon-sm-arrow-left-d.svg'); }
.white-nav .splide__arrow--next {background-image: url('images/icon-sm-arrow-right-d.svg'); }
.white-nav .splide__arrow:disabled {background-color: #DFC1F5;}
.white-nav .splide__arrow:hover {background-color: #14CDD2;}
.white-nav .splide__arrow--prev:hover {background-image: url('images/icon-sm-arrow-left-white.svg');}
.white-nav .splide__arrow--next:hover {background-image: url('images/icon-sm-arrow-right-white.svg');}

/* LB Job section */
.lb-job-section {margin-bottom: 108px;}
.lb-job-section .title-part {margin-bottom: 25px;}
.lb-job-section .job-related-list {margin-bottom: 0; }
.job-related-list .row {row-gap: 30px; }
.job-view-shape {position: absolute; right: 80px; top: 0; height: 134px; bottom: 0; margin: auto 0; }
.job-view-shape svg {float: left; width: 100%; height: 100%; }
.all-job-card h4 {max-width: 260px;}
.all-job-card {align-content: space-between; }

/* LB Doorgroeien section */
.lb-doorgroeien-section {margin-bottom: 108px; }
.lb-doorgroeien-section .title-part {width: 49%; margin-bottom: 34px;}
.lb-vo-card {width: calc(50% - 15px); padding:44px 24px 55px; border-radius: 25px; background: #FFF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14);}
.lb-vo-card h4 {margin-bottom: 20px; }
.lb-vo-list {margin-bottom: 44px; }
.lb-vo-list li {margin-bottom: 21px; }
.lb-vo-list li:last-child {margin-bottom: 0; }
.job-close-label:empty {display: none; }

/* LB Scholier section */
.lb-scholier-section > .title-part{width: 49%}
.lb-scholier-section {margin-bottom: 115px; }

.lb-leerlijn-card {width: calc(50% - 15px); padding: 40px 24px 55px; border-radius: 25px; overflow: hidden; position: relative; z-index: 1; align-content: space-between; }
.lb-leerlijn-card picture {z-index: -1;background-color: #000;}
.lb-leerlijn-card picture img {opacity: 0.5}
.lb-leerlijn-card h3 {color: #fff; max-width: 480px;margin-bottom: 50px;}
.lb-leerlijn-card .btn-wrap {gap: 40px;}

/* LB Consultation section */
.lb-consultation-section > h3 {margin-bottom: 21px; }
.lb-consultation-section .body-text {column-count: 2; column-gap: 30px; }

/* LB Loopbaanadviseur page */
.loopbaan-process-section.lb-adadviseur-section {background-position: top center; padding-bottom: 0;}
.loopbaan-process-section.lb-adadviseur-section .main-topbar {margin-bottom: 80px; }
.lb-adadviseur-section .section-title-content {margin-bottom: 48px; }
.lb-adadviseur-section .map-location {display: flex; margin: 0 auto 60px; float: none; }
.normal-process-wrap {gap: 45px; }
.normal-process-step {width: calc(30% + 5px); }
.normal-process-step h4 {margin-bottom: 3px; max-width: 270px; }

/* LB option section */
.lb-la-section{margin-bottom: 40px;/*margin-bottom: 115px;*/}
.lb-la-section .title-part {width: calc(50% - 15px); margin-bottom: 34px;}
.text-card {padding: 38px 24px 42px; border-radius: 25px; background: #FFF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); position: relative; align-content: space-between; }
.text-content-col {margin-bottom: 17px; position: relative; }
.text-content-col h4 {width: calc(100% - 50px); margin-bottom: 26px; }
.post-count {position: absolute; right: 0; top: -3px; width: 39px; height: 39px; background-color: #E8FAFA; border-radius: 50%; color: #14CDD2; font-family:"filson-pro";font-weight:800; }

/* LB project section */
.lb-project-section {margin-bottom: 60px;display:none; }
.lb-project-section .title-part {width: calc(50% - 15px); margin-bottom: 46px; }
.lb-project-wrap {margin-bottom: 55px; }
.project-lg-card {height: 580px; position: relative; border-radius: 25px; overflow: hidden; z-index: 1; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); align-items: flex-end;}
.project-card-content {position: relative; padding: 94px 100px 40px 25px; z-index: 1;}
.project-card-content::after {content: ""; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.54) 77.5%); opacity: 0.8; z-index: -1; top: 0; right: 0; }
.project-card-content h3 {color: #FFF; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.14); margin-bottom: 14px; }
.project-card-content p {color: #fff; }
.project-card-content .icon-btn {right: 25px; bottom: 35px; }

/* LB contact cta section */
.contact-cta-section {padding: 55px 0 105px;}
.contact-cta-wrap {border-radius: 25px; background: #FFF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); padding: 100px 153px 100px 106px; }
.cta-img {width: 294px; height: 294px; overflow: hidden; border-radius: 50%; }
.cta-img img {width: 100%; height: 100%; object-fit: cover; }
.cta-content {width: 573px; }
.cta-content h2 {margin-bottom:33px;}
.cta-link .social-text-link {margin-bottom: 0; }
.icon-s-link {padding-left: 49px;}
.icon-s-link i {width: 39px; height: 39px; background-color: #E8FAFA; border-radius: 50%; top: -6px; }
body.postid-523 .advice-section,body.single-zorgorganisatie .advice-section,body.single-opleiding .advice-section, body.single-vervolg-opleiding .advice-section, body.page-template-about-page .advice-section{display: none; }

/* ********************** Organisation Archive page ********************** */
.organisation-banner {padding: 103px 0 119px; }
.organisation-banner-wrap {position: relative; min-height: 325px; }
.banner-content {width: 45%;}
.banner-content h1 {margin-bottom: 8px;}
.banner-content p {margin-bottom: 17px;}
.organisation-banner-wrap .map-location {position: absolute; right: 0; top: -20px; }

.logo-slider {padding: 20px 0 40px; }
.logo-slide {height: 68px; margin-right: 70px;max-width:255px; }
.logo-slide img {height: 100%;width:100%;object-fit:contain; }

/* organisation card list */
.organisation-list-section {background-color: #E8FAFA; position: relative; padding-bottom: 107px; }
.organisation-list-section::before {content: ""; position: absolute; left: 0; right: 0; top: 0; height: 121px; background-color: #fff; }
.organisation-list-wrap .row {row-gap: 30px; }
.sm-card .lg-card-img {height: 267px; }
.sm-card .lg-card-content {height: calc(100% - 222px);margin-top: -45px;padding-bottom: 30px;}
.sm-card .lg-card-content .icon-btn {right: 21px; bottom: 24px; }

/* ********************** Organisation detail page ********************** */
.large-main-banner {position: relative; margin-bottom: 35px;}
.large-main-banner::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 270px; background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.54) 77.5%); opacity: 0.8; }
.lg-banner-wrap {height: calc(85vh - 78px); position: relative; align-items: flex-end; padding: 0 0 100px; z-index: 1;}
.lg-banner-content h1 {text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #fff; margin-bottom: 12px;font-size: 65px; line-height: 65px;}
.oz-location-title span, .oz-location-title{color: #FFF; text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family:"filson-pro";font-weight:500; line-height: 26px; letter-spacing: -0.36px;font-size:28px }
.oz-location-title span::after, .sm-icon-meta li span::after, .job-detail-meta li span::after{content: ","; margin-right: 5px;}
.oz-location-title span:last-child::after, .sm-icon-meta li span:last-child::after, .job-detail-meta li span:last-child::after{display: none;}
.oz-location-title span:nth-last-child(2)::after, .sm-icon-meta li span:nth-last-child(2)::after, .job-detail-meta li span:nth-last-child(2)::after {content: "en"; margin-left: 5px; }

.organisation-content-section {padding: 60px 0 100px; }
.oz-intro-text .body-text {width: 57.5%; }
.body-text h1,.body-text h2 {margin-bottom: 20px; }
.oz-intro-text .job-organisation-logo {width: 36%;}

.organisation-content-section .media-col {margin-bottom: 58px; }
.sm-usp-list .row {row-gap: 30px; }
.small-line {margin-top: 37px; }

/* OZ people section */
.oz-people-section {padding: 120px 0 90px; background-color: #E8FAFA;}

/* OZ opleiding section */
.oz-opleiding-section {padding: 174px 0 108px; position: relative;background-repeat: no-repeat; background-image: url('images/bg-map.svg'); background-position: center 98px;}
.oz-opleiding-section .section-title-content {margin-bottom: 75px; }
.oz-opleiding-wrap .opleiding-list {margin-bottom: 58px; }
.oz-opleiding-wrap .title-part {margin-bottom: 28px;}
.oz-opleiding-wrap .lb-job-section {margin-bottom: 0; position: relative; }
.oz-opleiding-wrap .lb-job-section::after {content: ""; position: absolute; left: 0; bottom: -23px; right: 0; height: 236px; background: linear-gradient(0deg, #FFF 45%, rgba(255, 255, 255, 0.00) 100%); }
.oz-opleiding-wrap .lb-job-section .btn-wrap {margin-top: -43px; position: relative; z-index: 1; }
.oz-opleiding-wrap .col-job:nth-child(3), .oz-opleiding-wrap .col-job:nth-child(4) {pointer-events: none; }
.lb-job-section.few-jobs::after {display: none; }
.lb-job-section.few-jobs .btn-wrap {margin-top: 50px; }

/* OZ contact section */
.oz-contact-section {padding-bottom: 85px;}
.oz-contact-wrap {padding: 49px 60px 58px; border-radius: 25px; background: #0C64FF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); }
.oz-contact-wrap > h2 {margin-bottom: 44px; color: #fff; }
.recruiter-info-col {width: 39%; }
.recruiter-meta-col {width: calc(100% - 186px); padding-right: 15px; }
.recruiter-meta-col h4 {color: #fff; margin-bottom: 4px; }
.recruiter-meta-col em {color: #fff; }
.recruiter-cta-links{margin-top: 20px; }
.recruiter-cta-links .social-text-link {color: #fff;padding-left: 34px; margin-bottom: 18px; }
.recruiter-cta-links .social-text-link span {border-bottom-color: #fff; }
.recruiter-cta-links .social-text-link:hover span {border-bottom-color: transparent;}
.recruiter-cta-links .social-text-link:last-child {margin-bottom: 0; }
.recruiter-cta-links .social-text-link:nth-child(1) {font-family:"filson-pro";font-weight:300;}
.recruiter-cta-links .social-text-link:nth-child(1) span {border-bottom: transparent !important; }
.recruiter-info-col .cta-img {width: 186px; height: 186px; float: right; margin-top: 8px; }

.oz-notification-col {float: right; width: 49%; }
.oz-cta-logo {width: 207px; height: 80px; background-color: #fff; border-radius: 10px; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); }
.oz-cta-logo img {max-width: 68%; max-height: 80%; }
.notification-text {width: calc(100% - 280px); }
.notification-text h4 {color: #fff; margin-bottom: 6px; }
.notification-text p {color: #fff; margin-bottom: 17px; }
.cta-outro-text {margin-top: 17px; }
.cta-outro-text a {color: #14CDD2; font-family:"filson-pro";font-weight:800; border-bottom: 1px solid #14CDD2; }
.cta-outro-text a:hover {border-bottom-color: transparent;}

/* ********************** Opleiding Archive page ********************** */
.opleiding-overview-banner {padding: 100px 0 50px;}
.opleiding-banner-content {width: 73%; }
.opleiding-banner-content h1 {margin-bottom: 14px;}

.opleiding-main-section {position: relative; padding: 0 0 115px; background-color: #E8FAFA;z-index:1;}
.opleiding-main-section::after {content: ""; position: absolute; left: 0; right: 0; top: 0; height: 182px; background-color: #fff; z-index: -1; }
.total-count {margin-bottom: 16px; }
.opleiding-list > .row {row-gap: 30px; }

/* ********************** Opleiding detail page ********************** */
.opleiding-content-section {padding: 60px 0 96px;background-color: #E8FAFA;}
.opleiding-content-section .main-topbar {margin-bottom: 95px;}
.opleiding-content-section .media-col {margin-bottom: 79px;}
.function-text {margin-bottom: 78px;}
.opleiding-meta-info {margin-bottom: 81px; }
.opleiding-meta-info > h2 {margin-bottom: 28px; }
.opleiding-meta-info .job-detail-meta li {width: 33.33%; padding-right: 30px; }
/*.opleiding-meta-info .job-detail-meta li:nth-child(3n) {width: 24%; padding-right: 0; }*/
.opleiding-meta-info .job-detail-meta li i {background-color: #fff; }
.opleiding-meta-section .body-text {margin-bottom: 38px; }
.body-text h3,.body-text h4 {margin-bottom: 20px; }

/* Related story, OZ and Links */
.op-related-story {margin-bottom: 61px; }
.story-card-sm {height: 293px; width: calc(63% - 15px); }
.story-card-sm .project-card-content {padding-top: 61px;}
.op-related-story > picture {width: calc(37% - 15px); height: 293px; border-radius: 25px; overflow: hidden; }

.op-related-oz {margin-bottom: 53px;}
.op-related-oz .organisaties-logo-list {margin-bottom: 0; }
.op-related-oz .title-part {margin-bottom: 34px; }

.other-links .title-part {margin-bottom: 22px;}
.other-links-list li {padding-left: 26px; position: relative; margin-bottom: 2px; }
.other-links-list li:last-child {margin-bottom: 0; }
.other-links-list li::before {content: ""; position: absolute; left: 10px; top: 10px; width: 5px; height: 5px; background-color: #14CDD2; border-radius: 50%; }
.other-links-list .text-link {font-size: 18px; line-height: 26px; letter-spacing: -0.36px; }
.opleiding-meta-section > .sm-container > :last-child {margin-bottom: 0; }

/* Career and Apply section */
.opleiding-apply-section {padding: 114px 0 110px;}
.op-career-section {margin-bottom: 110px; }
.op-career-section .title-part {margin-bottom: 34px;}
.op-career-content {position: relative; }
.career-text-box {width: calc(50% - 15px); border-radius: 25px; background: #FFF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); padding: 33px 25px 39px; }
.career-text-box > h4 {position: relative; padding-left: 49px; margin-bottom: 20px; }
.career-text-box > h4 > i {position: absolute; width: 39px; height: 39px; top: -4px; left: 0; border-radius: 50%; background-color: #E8FAFA; }
.op-career-content picture {position: absolute; right: 0; width: calc(50% - 18px); height: 100%; border-radius: 25px; overflow: hidden; }

.op-app-section {padding: 100px 100px 84px; border-radius: 25px; background: #0C64FF; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); }
.op-app-section .title-part {margin-bottom: 49px; padding: 0 116px; }
.op-app-section .title-part:last-child {margin-bottom: 0; }
.op-app-section .title-part * {color: #fff;}
.app-list {margin-bottom: 32px; }
.app-col {border-radius: 55px; background: #FFF; margin-bottom: 14px; padding: 6px 6px 6px 24px;}
.app-col:last-child {margin-bottom: 0; }

.op-oz-meta {gap: 12px; width: 55%; padding-right: 10px; }
.op-oz-logo {width: 82px; height: 32px; }
.op-oz-logo img {max-height: 100%; }
.op-oz-meta h6 {width: auto; font-size: 15px; letter-spacing: 0; }

.op-app-links {width: 45%; justify-content: flex-end; gap: 35px; }
.op-app-links p {width: auto; font-size: 15px; letter-spacing: 0; line-height: normal; }
.op-app-section > p {color: #fff; padding: 0 140px;}

/* ********************** Leerlijn archive page ********************** */
.leerlijn-card {border-radius: 25px; overflow: hidden; margin-bottom: 30px;position: relative;box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14);}
.leerlijn-card:last-child {margin-bottom: 0; }
.leerlijn-img {position: absolute; left: 0; top: 0; bottom: 0; width: 44.234%;}
.leerlijn-right-part {float: right; width: 59.716%; padding: 38px 22px 40px; background-color: #fff; border-radius: 25px; position: relative; }
.leerlijn-right-part .icon-like {position: absolute; right: 23px; top: 15px; background-color: rgba(20, 205, 210, 0.1); }
.leerlijn-right-part .title-part {margin-bottom: 20px; padding-right: 70px; }
.title-part h4 {margin-bottom: 6px; }
.leerlijn-step {position: relative;z-index: 1}
.leerlijn-step::before {content: ""; position: absolute; width: 2px; background-color: #14CDD2; top: 0; bottom: 0; left: 27px; z-index: -1; }
.leerlijn-step li {position: relative; border-radius: 55px; background-color: #EFEFEF; margin-bottom: 15px; padding: 16px 60px; overflow: hidden;}
.leerlijn-step li::before {content: ""; position: absolute; width: 32px; height: 32px; background-color: #14CDD2; border-radius: 50%; left: 12px; top: 0px;bottom: 0;margin: auto;pointer-events: none; }
.leerlijn-step li:last-child {margin-bottom: 0; }
.leerlijn-step li i {position: absolute; width: 16px; height: 18px; right: 20px; top: 0; bottom: 0; margin: auto; opacity: 0}
.leerlijn-step li a.link-cover ~ i {opacity: 1; }
.leerlijn-step li:last-child i {opacity: 1; }
.leerlijn-step li h6 {font-size: 15px; line-height: normal; letter-spacing: 0; }
.leerlijn-step li h6 label {font-family:"filson-pro";font-weight:300; }
.leerlijn-step li a.link-cover + h6 span {border-bottom: 1px solid transparent; }
.leerlijn-step li a.link-cover:hover + h6 span {border-bottom-color: #000;}

/* ********************** Vervolg opleiding archive page ********************** */
.filter-col {float: left; width: 100%; margin-top: 17px; }
.filter-col h6 {margin-bottom: 8px; }
.op-filter {width: 900px; height: 50px; border-radius: 55px; background-color: #0C64FF; float: left; }

/* ********************** Ervaring archive page ********************** */
.story-overview-list{float: left;width: 100%}
.story-overview-card{margin-bottom: 88px;}
.story-overview-card .story-overview-img{height: 336px;}
.story-text-section .body-text{margin-bottom: 78px;}
.story-filter-section{margin-bottom: 40px}
.story-small-text b::after {content: '-'; margin-left: 4px; }

/* ********************** Home page ********************** */
.home-banner-section{position: relative;}
.home-banner-section::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 270px; background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.54) 77.5%); opacity: 0.8; z-index: 1;pointer-events:none; }
.home-banner-section::after {content: ''; position: absolute; left: 0; right: 0; top: 0; height: 232px; background: linear-gradient(360deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.54) 77.5%); opacity: 0.8; z-index: 1;pointer-events:none; }
.banner-option-card::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: linear-gradient(270deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.54) 54%); opacity: 0.8; z-index: 1; width: 178px;pointer-events:none; }
.banner-option-list {position: relative; }
.banner-option-list h1 {position: absolute; left: 0; margin: auto; max-width: 60%; color: #ffffff; text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.31); z-index: 11; right: 0; top: 40px; }
.banner-option-card {width: 25%;height: calc(100vh - 228px);position:relative;overflow: hidden;}
.banner-option-text {position: absolute; left: 0; bottom: 0; padding: 41px 78px 41px 41px;display:flex;flex-wrap: wrap;align-items:center;z-index: 1;}
.banner-option-text h3 {color: #ffffff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);width: calc(100% - 66px);margin-left: 15px;}
.icon-pattern{height: 51px; width: 51px;}
.icon-pattern svg{float: left;width: 100%;height: 100%}
.banner-option-card .icon-wrapper {position: absolute; bottom: 60px; z-index: 1; right: 39px; width: 13px; height: 13px; }
.banner-option-card .icon-wrapper svg {float: left; width: 100%; height: 100%; }
.home-organisation-section{padding-top: 202px;position: relative;}
.advice-small-box {background-color: #ffffff; width: 812px;box-shadow: 3px 3px 10px 1px #00000024; border-radius: 109px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;padding:12px 18px 12px 16px}
.home-organisation-section .advice-small-box{position: absolute; left: 0; top: 20px; right: 0; margin: auto; }
.advice-author h6, .advice-author p {line-height: 22px; }
.advice-author {width: 60%;display: flex; align-items: center; }
.advice-author-text {width: calc(100% - 78px); }
.advice-author-img {height: 56px; width: 56px; margin-right: 22px; }
.main-btn.white-btn {background-color: #ffffff; color: #000000;}
.group-btn-wrap.btn-wrap .main-btn:last-child{margin-left: 16px;}
.main-btn.white-btn:hover{background-color: #14CDD2;color: #ffffff}
.main-btn.white-btn:hover svg path{stroke: #ffffff}
.fact-section{padding: 0px 0px 90px;background-color: #15CDD21A;}
.fact-box {padding: 52px 0px 27px; border-bottom: 1px solid #00000080;display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.fact-item {width: 33.33%;padding-right: 50px;}
.fact-list {width: 75%; }
.fact-item h2 {margin-bottom: 11px;}
.fact-section .media-wrap{margin-top: -215px;}
.opleiding-slider .col-lg-box {width: 400px; margin-right: 30px; margin-bottom: 42px; }
.opleiding-slider .splide__track {overflow: visible; }
.opleiding-wrapper {padding: 100px 0px 0px; }
.opleiding-wrapper .title-part {margin-bottom: 34px; }
.home .site-container{overflow: hidden;}
.related-quote-section{padding: 94px 0px 0px}
.related-quote-wrapper{display: flex;align-items: center;justify-content: space-between;}
.related-quote-text{width: 50%;padding-right: 43px}
.related-quote-image{height: 515px;width: 48.7365%;box-shadow: 3px 3px 10px 1px #00000024;border-radius: 25px;overflow: hidden;}
.related-quote-title{margin-bottom: 39px}
.related-quote-text h3 {margin-bottom: 14px; }

/* ********************** About page ********************** */
.about-process-section .title-part{max-width: 83%; margin: 0px auto 50px;}
.about-process-section .title-part h2{margin-bottom: 23px;}
.about-process-section .title-part p{max-width: 79%; margin: auto;}
.loopbaan-process-section.about-process-section {padding: 0 0 83px;background-position-y: 61px;}
.loopbaan-process-section.about-process-section .main-topbar{margin-bottom: 113px;}
.about-process-section.loopbaan-process-section::after {content: none;}
.usp-inner-card {box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); border-radius: 25px; background-color: #B774E9; padding: 42px 23px 46px 22px; }
.usp-inner-card h3 {color: #ffffff; margin-bottom: 3px;}
.usp-inner-card p {color: #ffffff; }
.usp-inner-card .icon-wrapper {width: 82px; height: 65px;margin-bottom: 8px; }
.usp-inner-card .icon-wrapper img{width: auto; height: auto;float: left;}
.usp-card{margin-bottom: 40px}
.usp-card:nth-child(2) .usp-inner-card {background-color: #14CDD2; }
.usp-card:nth-child(3) .usp-inner-card {background-color: #0C64FF; }
.usp-card:nth-child(4) .usp-inner-card {background-color: #F86F00; }
.usp-outro-text {width: 100%; margin: auto; display: flex; max-width: 65%; text-align: center; }
.about-process-section .advice-small-box{padding: 18.5px 18px 18.5px 16px;border-radius: 25px;margin: 83px auto 0px}
.step-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;padding: 50px 0px; }
.step-text {width: 51%; padding-right: 32px; }
.step-text h3 {margin-bottom: 18px; }
.step-image {width: 48.8943%; height: 450px;border-radius: 25px; overflow: hidden; } 
.step-wrapper:nth-child(even) {flex-direction: row-reverse; }
.step-wrapper:nth-child(even) .step-text {padding-right: 0; padding-left: 27px; }
.core-value-section{padding: 80px 0px 44px;background-color: #E8FAFA;margin-top: 50px;}
.core-value-item {text-align: center;margin-bottom: 40px;}
.core-value-item h3 {margin-bottom: 8px; }
.core-value-item .icon-wrapper {width: 58px; height: 61px; margin: 0px auto 31px; display: flex;justify-content:center; }
.core-value-item .icon-wrapper img {float: left; width: auto; height: auto; object-position: top; object-fit: contain; }
.core-value-section .section-title-content{padding-bottom: 26px;margin: 0 auto 88px;}
.plain-text-section {padding: 104px 0px 130px;}
.plain-text-section .section-title-content {padding-bottom: 37px;margin:0 0px 53px }
.cta-shape-img {position: absolute; right: 180px; bottom: 0; z-index: 1; }
.cta-shape {position: absolute; right: -117px; bottom: 0; width: 446px; z-index: -1; }
.secondary-contact-cta-section {padding: 0px 0 123px; }
.secondary-contact-cta-section .cta-left-col h2{margin-bottom: 36px}

/* ********************** Text page ********************** */
.text-banner-section .left-detail-col{padding-right: 60px;}
.text-info-section{padding: 67px 0 110px;background-color: #E8FAFA;}
.left-detail-col.no-text {display: flex; align-items: center; }

/* ********************** Contact page ********************** */
.contact-card-section {padding: 128px 0px 135px; background-color: #E8FAFA; }
.contact-card-section .title-part {margin-bottom: 42px; }
.contact-card-section .title-part h2 {margin-bottom: 13px; }
.left-detail-col .cta-link {margin-top: 29px; }
.contact-list-wrap .row {row-gap: 32px; }
.contact-list-wrap .lg-card-content h4 {margin-bottom: 9px; }
.contact-list-wrap .lg-card-content h6 {margin-bottom: 1px; }
.contact-list-wrap .lg-card-content p i{font-style: italic;}
.sm-icon-meta{margin-top: 16px}
.contact-list-wrap .sm-card .lg-card-content{padding-bottom: 46px;}

.video-box > iframe {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; }
.related-secondary-custom-filter.secondary-custom-filter select {background-color: #15cdd259; color: #000000;background-image: url(./images/icon-down-arrow-dark.svg);}
.related-secondary-custom-filter.secondary-custom-filter{max-width: 50%;}
.contact-list li span{border-bottom: 1px solid transparent;}
.contact-list li:hover span{border-bottom-color: #000000}

/* ********************** Job Alert Page ********************** */
.job-alert-section {padding: 80px 0;}
.title-header h1 {margin-bottom: 30px;}
.job-alert-section .title-header {margin-bottom: 63px;}
.job-alert-form {padding: 70px 90px 70px; border-radius: 25px; background-color: #fff;box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14)}
.job-alert-form > h2 {border-bottom: 1px solid #DCDAD7; padding-bottom: 30px; margin-bottom: 30px; }

.text-label {float: left; width: 100%; color: #072329; margin-bottom: 14px; font-family:"filson-pro";font-weight:500; }
.text-label span {padding: 0; color: #EEAC00; font-family:"filson-pro";font-weight:500; }
.custom-form {display: flex; flex-wrap: wrap; justify-content: space-between; }
.custom-form-group.col-sm {float: left; width: calc(50% - 10px); }
.custom-form-group{float: left;width: 100%;margin-bottom: 25px;}
.custom-form-group input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .custom-form-group select, .custom-form-group textarea, .custom-form-group input[type="file"] {float: left; width: 100%; height: 60px; border: 1px solid #DCDAD7; background-color: #fff; font-size: 15px; color: #000; font-family:"filson-pro";font-weight:500; border-radius: 12px; padding: 0 20px 0; box-shadow: none; }
.custom-form-group input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):hover, .custom-form-group select:hover, .custom-form-group textarea:hover, .custom-form-group input[type="file"]:hover,
.custom-form-group input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, .custom-form-group select:focus, .custom-form-group textarea:focus, .custom-form-group input[type="file"]:focus{border-color: #14CDD2}   
.checkbox-list {width: 100%; display: flex; flex-wrap: wrap; gap: 10px; }
.custom-checkbox{float: left;width: auto;}
.custom-checkbox label {height: 50px; border-radius: 27px; padding: 0 20px; display: flex; flex-wrap: wrap; align-items: center; background-color: #fff; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); color: #15cdd2; cursor: pointer; font-size: 16px; font-family:"filson-pro";font-weight:500; }
.custom-checkbox label:hover, .custom-checkbox input:checked ~ label{background-color: #14CDD2;color: #fff;}
.custom-checkbox input{display: none; }
.custom-form-btn {display: flex; flex-wrap: wrap; align-items: center; height: 55px; padding: 0 18px;border-radius: 33px!important; color: #FFF; font-family:"filson-pro";font-weight:800; background-color: #14CDD2; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.14); border: 1px solid #14CDD2; width: 100%; }
.custom-form-group:last-child {margin:25px 0px 0px}
.custom-form-btn:hover {background-color: transparent; color: #000; }
.privacy-text {margin-top: 30px;}

.category-label-list {display: flex; flex-wrap: wrap; gap: 15px;width: auto; }
.md-label {font-size: 15px; line-height: 20px; font-family:"filson-pro";font-weight:500; background: #15CDD259; padding: 15px 22px; border-radius: 55px; float: left; }
.empty-msg {text-align: center; width: 100%; padding: 30px 20px; background-color: #ffffff; border-radius: 25px; font-family:"filson-pro";font-weight:800; }
.err_msg, .email_err_msg {font-size: 14px; color: #b22222; margin-top: 5px; display: inline-block; width: 100%; }
.job-alert-form-success-msg {float: left; width: 100%; padding: 40px 20px; background-color: #15cdd2; border-radius: 25px; }
.btn-wrap.btn-wrap-center{display: flex; justify-content: center;}
.story-single-card.story-main-card{ margin: auto;width: 752px;}
.col-submenu:first-child { width: 21%; }
.read-more-meta.short-text::after { content:none; }

.filter_job.disable_filter { opacity: 0.5;pointer-events: none;}
.counter-wrap {display: flex; align-items: center; }
.counter-wrap h2 {width: auto; }
.job-alert-form-success-msg h1, .job-alert-form-success-msg p { color: #ffffff; }

/* New changes 8-9-2025 */
/* News-project-section */
.news-project-section {padding: 120px 0 307px; }
.news-project-wrapper {gap: 30px; }
.news-part {width: calc(100% - 539px);}
.news-card-wrapper {gap: 30px 37px; margin-bottom: 15px; }
.news-part .news-card {width: calc((100% - 37px)/2); margin-right: 0; }
.news-card .story-overview-img {height: 245px; border-radius: 15px; }
.project-part {width: 509px; float: right; }
.news-part .story-overview-meta h3 {font-size: 20px; line-height: 24px; }
.news-part .body-text {float: left; width: 100%;}
.news-part h2,.project-part h2{margin-bottom: 20px; }
.project-card {gap: 17px; margin-bottom: 15px; }
.project-card .project-overview-img {width: 100px; height: 100px; border-radius: 10px; overflow: hidden; }
.project-card  .project-card-text {width: calc(100% - 117px); position: relative; padding-right: 70px; }
.project-card .project-card-text h5 {font-size: 20px; line-height: normal; }
.project-card .project-card-text .body-text {float: left; width: 100%;}
.project-card .project-card-text .icon-btn {top: 0; bottom: 0; margin: auto; }
.project-part {width: 509px; float: right; background-color: #E8FAFA; border-radius: 25px; padding: 23px 30px 36px 25px; }
.project-card {gap: 17px; margin-bottom: 15px; position: relative; }
.vacature-slider .col-lg-box {width: 400px; margin-right: 30px; margin-bottom: 42px; }
.vacature-slider .splide__track {overflow: visible; }

/* Project overview page */
.project-banner-content {width: 577px; }
.project-banner-content h1 {margin-bottom: 16px; }
.project-overview-section {background-color: #E8FAFA; padding: 66px 0 84px; }

/* news overview page */
.news-filter-wrapper {margin-bottom: 40px;}
.news-overview-section {background-color: #E8FAFA; padding: 66px 0 84px; }
.news-banner-content {max-width:1035px; }
.news-banner-content h1 {margin-bottom: 10px; }
.news-overview-section .story-main-card.news-card {width: 100%; margin-right: 0; }
.category-label {position: absolute; top: 17px; left: 23px; z-index: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.card-label {background-color: #FFFFFFCF; font-size: 13px; line-height: 26px; border-radius: 29px; padding: 2px 12px; }
.news-overview-section .news-card .story-overview-img {height: 340px; border-radius: 25px;margin-bottom: 24px;}
.news-overview-section .contact-list-wrap .row {row-gap: 38px;}
.news-main-list .row {row-gap: 88px;}

/* news detail page */
.niews-content-section {padding: 75px 0; background-color: #e8fbfa; }
.niews-content-section .btn-wrap {margin-top: 55px; }
.related-news-section {padding: 62px 0; overflow: hidden;}
.related-news-slider .splide__arrows {/* position: static; */}
.related-news-slider .splide__arrow {position: absolute; top: 227px !important; }
.related-news-slider .splide__arrow--prev {left: -150px !important; right: initial !important; }
.related-news-slider .splide__arrow--next {right: -150px !important; left: initial !important; }
.related-news-slider .splide__arrow:disabled {opacity: 0; }
.related-news-slider .splide__track {overflow: visible; }
.related-news-section .title-part {margin-bottom: 46px; }
.simple-banner-text.news-detail-title {padding-top: 125px; }

/* Project detail page */
.flex-page-cta {padding: 82px 0 131px; }
.project-content-section{overflow: hidden;padding-bottom: 0;}
#projectinformatie {margin-bottom: 43px; }
.flex-organisation-section,.flex-result-section,.flex-story-related-section,.flex-link-section{padding-bottom: 80px;}
.flex-organisation-section .op-related-oz{margin-bottom: 0;}
.result-title-part {margin-bottom: 23px; }
.result-card-list .row.d-flex {row-gap: 23px; }
.result-card {box-shadow: 3px 3px 10px 1px #00000024; position: relative; float: left; width: 100%; padding: 40px 15px 30px 15px; background-color: #fff; min-height: 300px; border-radius: 10px; }
.result-card h6 {position: relative; margin-bottom: 15px; font-size: 16px; line-height: 22px; }
.result-card p {font-size: 15px; line-height: 22px; }
.result-card h6::before {content: ""; width: 18px; height: 18px; background-image: url(./images/check-mark.svg); background-repeat: no-repeat; background-size: contain; margin-right: 10px; display: inline-block; margin-bottom: -5px; }
.project-template-default .advice-section {display: none; }

.cta-right-col-alt {width: 422px; height: 422px; margin-left: auto; position: relative; }
.cta-right-col-alt picture {border-radius: 20px; overflow: hidden; }
.img-bg-job-alt {position: absolute; left: -50px; top: 0; bottom: 0; margin: auto; height: 100px; width: 100px; }
.img-bg-job-alt img {float: left; width: 100%; height: 100%; }





/* ****************************************************** */
/* ********************** Responsive css ********************** */
/* ****************************************************** */
/* Responsive css for Container */
@media only screen and (min-width: 1296px) {
	.container {width: 1266px;}
}
@media only screen and (max-width: 1600px) {
	/* Home */
	.banner-option-text{padding: 41px 60px 41px 20px;word-wrap: break-word;}
	.banner-option-text h3 {font-size: 24px; line-height: 30px; }
	.story-slider .splide__arrow--next{right: -20px !important;}
	.story-slider .splide__arrow--prev{left: -20px !important;}
}

@media only screen and (max-width: 1439px) {
	/* Home */
	.banner-option-text h3 {font-size: 20px; line-height: 24px;}
	.banner-option-list h1{max-width: 70%}

	/* Header  */
	header.site-header .container, .menu-dropdown .container {width: 1266px;}
	.site-logo{width: 220px;}
}

@media only screen and (max-width: 1295px) {
	.container > .row {margin-left: 0;margin-right: 0;}
	/* Header */
	header.site-header .container, .menu-dropdown .container {width: 1170px;}
	.site-logo{width: 180px;}
	.site-menu ul{gap: 20px;}
	.header-right-side {gap: 15px;}
	.header-sm-menu {gap: 15px;}
	.menu-btn-header {width: 110px; gap: 10px;}

	/* Home */
	.banner-option-list h1{max-width: 80%}
	.banner-option-card .icon-wrapper{right: 20px;}
	.banner-option-text{padding: 41px 41px 41px 20px}

	/* Organisation Overview */
	.organisation-banner .map-location{width: 50%;}

	/* Vacature Overview */
	.job-filter-row {align-items: flex-end;}
	.related-secondary-custom-filter.secondary-custom-filter .form-group{width: 180px;}

	.op-oz-meta{width: 50%;}
	.op-app-links{width: 50%;flex-wrap: nowrap;}

	.news-card-wrapper {gap: 30px 20px; }
	.news-part .news-card {width: calc((100% - 20px)/2); }

}

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

	h1, .lg-banner-content h1 {font-size: 36px; line-height: 44px; }
	h2 {font-size: 28px; line-height: 36px;}
	h3 {font-size: 24px; line-height: 32px;}
	h4, .alert-job-box h4{font-size: 21px;line-height: 26px;}
	h5 {font-size: 18px;line-height: 26px;}

	/* Header */
	header.site-header .container, .menu-dropdown .container {width: 970px; }

	/* Header */
	.site-container{padding-top: 68px;}
	.lg-banner-wrap{height: 540px}
	.site-logo {width: 160px;}
	.site-menu ul {gap: 13px; }
	.site-menu ul li a{font-size: 14px;}
	.icon-sm {width: 20px; height: 20px; }
	.site-menu ul li.has-submenu a::after{width: 9px; height: 5px;top: 7px;}
	.menu-btn-header.close-menu-btn i{position: relative; left: 4px;}
	.icon-btn-alert, .icon-btn-like {display: none; }
	.menu-btn-header {width: 104px; height: 40px; padding: 0 10px;}
	.close-menu-btn{margin-bottom: 60px;}
	.custom-menu-modal {top: 68px;}

	/* Vacature Overview  */
	.job-archive-title{width: calc(60% - 60px);}
	.job-archive-img{width: calc(40% + 25px);height: 300px;}
	.job-card-title h4{width: calc(100% - 35px);}
	.alert-job-box .white-bell-icon{right: 30px; top: 30px;}
	.alert-job-box{padding: 30px 80px 30px 30px}
	.label-list {width: auto; margin-bottom: 10px; padding-right: 10px;}
	.story-card{padding: 20px 40px 24px 22px}
	.alert-job-box .white-bell-icon i {width: 70px; }
	.alert-job-box .white-bell-icon i .alert-dot{width: 24px; height: 24px;}

	/* Vacature Detail */
	.right-detail-img{height: 420px;}
	.job-meta-wrap *{font-size: 15px;line-height: 24px;}
	.media-wrap{height: 560px;}
	.video-meta-info i{width: 130px; height: 130px;}
	.video-meta-info i svg {height: 110px; width: 110px;}
	.job-application-section {padding-bottom: 100px;}
	.cta-right-col{height: 340px;right: 100px;}
	.cta-right-col .img-bg-job{width: 400px;}
	.cta-wrap{min-height: 380px;}
	.cta-wrap{padding: 60px;}
	.related-secondary-custom-filter.secondary-custom-filter{margin-top:30px }
	.job-detail-meta i{width: 34px; height: 34px;}
	.job-detail-meta i svg {float: left; width: 16px; height: 16px; }

	/* Loopbaan detail page */
	.simple-banner-img{height: 420px;}
	.media-text-slider .splide__arrows{bottom: 60px;}
	.media-text-slider{padding: 15px 20px 110px 20px}
	.story-main-card{width: 560px;}
	.story-overview-img{height: 450px;}
	.single-loopbaan .story-related-section{padding-bottom: 10px}
	.map-location{width: 60%;}
	.media-box-col{width: 32%;}
	.media-box-col:last-child {width: 32%;}

	/* LB Job section */
	.job-view-shape{right: 40px;}
	.section-link{column-gap: 30px; margin-right: 20px;}

	.story-overview-meta h3{font-size: 20px; line-height: 28px;}

	/* Loopbaanadviseurs Detail  */
	.contact-cta-wrap{padding: 100px 60px}
	.cta-img{width: 250px; height: 250px;}
	.cta-content {width: 515px;}
	.normal-process-wrap {gap: 39px; }

	/* Organisation Overview */
	.organisation-banner {padding: 100px 0;}
	.logo-slide{height: 55px}
	.logo-slide img{max-width:180px}
	.sm-icon-meta li i{width: 30px; height: 30px;top: -2px;}
	.sm-icon-meta li i svg {width: 17px; height: 17px; float: left; }
	.sm-icon-meta li{padding-left: 42px;}
	.lg-card-content{padding: 30px 20px 25px;}
	.lg-card-content .icon-btn, .sm-card .lg-card-content .icon-btn {right: 20px; bottom: 20px;}
	.sm-icon-meta {margin-top: 0; }
	.lg-card, .lg-card-content{border-radius: 16px;}

	/* Organisation Detail */
	.oz-opleiding-section{padding: 120px 0 100px;}
	.oz-contact-wrap{padding: 49px 30px 58px}
	.recruiter-info-col {width: 46%; }
	.oz-notification-col{width: 54%;}
	.oz-location-title span, .oz-location-title{font-size: 18px}

	/*  Opleidingen Detail */
	.op-app-section{padding: 80px 50px 80px;}
	.media-box-col{height: 320px;}

	/* Home */
	.banner-option-text {padding: 30px 35px 30px 15px;}
	.banner-option-card{height: 420px;width: 50%}
	.banner-option-card .icon-wrapper{bottom: 45px;}
	.related-quote-text{padding-right: 20px;}
	.related-quote-section .group-btn-wrap .main-btn:first-child{margin-bottom: 20px}
	.related-quote-section .group-btn-wrap.btn-wrap .main-btn:last-child{margin-left: 0; }

	/* About */
	.plain-text-section{padding: 104px 0px 110px;}
	.core-value-section .section-title-content{margin: 0 auto 65px;}
	.loopbaan-process-section.about-process-section .main-topbar {margin-bottom: 80px;}

	/* Contact */
	.sm-icon-meta li {word-break: break-all;}
	.contact-list-wrap .sm-card .lg-card-content {padding-bottom: 25px; }

	/* Text */
	.text-banner-section .left-detail-col {padding-right: 40px;}

	/* Footer */
	.social-text-link span {word-break: break-word; }

	.col-submenu:first-child { width: 28%;}

	/* Home */
	.news-project-wrapper {gap: 20px; }
	.news-part {width: calc(100% - 480px); }
	.project-part {width: 460px; padding: 20px; }
	.project-card  .project-card-text {padding-right: 40px; }
	.project-card .project-card-text .icon-btn {right: 0; }
	.news-project-section {padding: 100px 0 307px; }
	.project-card .project-card-text h5 {font-size: 18px; }

	.project-overview-section .sm-icon-meta {margin-top: 20px; }
	.simple-banner-text.news-detail-title {padding-top: 60px; }

	.result-card h6::before {width: 15px; height: 15px; margin-right: 6px; }
	.result-card {padding: 30px 15px 30px 15px; min-height: 260px; }
	.opleiding-content-section .main-topbar {margin-bottom: 70px; }
	.section-title-content {margin: 0 auto 70px; }
	.news-main-list .row {row-gap: 60px;}

	.story-overview-card{margin-bottom: 60px;}
	
	.cta-right-col-alt { width: 342px; height: 342px; }



}

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

	/* Header */
	header.site-header .container, .menu-dropdown .container {width: 750px; }
	.site-menu{display: none;}
	.for-mobile{display: block;}
	body{font-size: 16px;}

	/* Vacature Overview */  
	.job-archive-img{height: 250px;}
	.job-archive-title{padding: 80px 0 80px; min-height: 270px;}
	.alert-job-box {padding: 30px 80px 30px 20px;}
	.job-card{padding: 30px 20px}
	.story-card {padding: 30px 20px;}
	.advice-box{padding: 30px 20px 60px 20px}

	/* Vacature Detail */
	.left-detail-col h1, .job-detail-banner .left-detail-col h1{font-size: 30px; line-height: 44px;}
	.job-detail-meta li:nth-child(2n+1), .job-detail-meta li:nth-child(2n){width: 100%;}
	.left-detail-col{padding: 0px 0 90px;min-height: 400px;}
	.main-topbar-wrap label, .section-link span{font-size: 14px}
	.section-link {column-gap: 20px; margin-right: 20px;}
	.body-text p {margin-bottom: 23px;}
	.job-text-section h2 {margin-bottom: 20px;}
	.media-wrap {height: 460px;}
	.video-meta-info i {width: 100px; height: 100px;}
	.video-meta-info i svg {height: 80px; width: 80px;}
	.job-organisation-logo {width: 35%;}
	.job-organisation-section .body-text {width: calc(60% - 23px);}
	.care-card{padding: 30px 20px 40px 20px}
	.job-organisation-section {margin-bottom: 70px;}
	.procedure-step-card{padding: 20px 20px 50px;height: 550px;}
	.splide__arrow{width: 50px; height: 50px;bottom: -25px;}
	.step-counter{width: 60px; height: 60px;left: 20px; top: 20px;}
	.job-app-wrap{padding: 80px 40px 60px}
	.related-job-section {margin-bottom: 80px;}
	.cta-wrap {padding: 30px;}
	.cta-right-col {height: 320px; right: 30px;}
	.cta-right-col .img-bg-job {width: 340px;bottom: -140px;}
	.about-cta-section .btn-wrap {margin-top: 50px;}
	.about-cta-section {padding-bottom: 0;}
	.job-media-section h2 {margin-bottom: 30px;}
	.job-filter-col{gap: 10px;}
	.form-group select{height: 45px;padding: 0px 40px 0px 15px;font-size: 13px;background-size: 8px; background-position: calc(100% - 20px) 50%;}
	.form-group input[type="text"]{font-size: 13px;background-size: 14px;}
	.input-search-job{margin-left: 10px; }
	.procedure-title-slider {padding-left: 0; }
	.title-part.hw {width: 100%; }

	/* Loopbaan detail page */
	.simple-banner-section {padding: 60px 0 15px;}
	.loopbaan-process-section .main-topbar {display: none;}
	.loopbaan-media-section {padding: 80px 0 80px;}
	.lg-card-img{height: 320px;}
	.lg-card-content{height: calc(100% - 260px);}
	.map-location {width: 55%;}
	.lb-organisation-head .title-part {width: 40%;}
	.lb-organisation-head {margin-bottom: 0;}
	.loopbaan-all-section{padding: 80px 0 80px;}
	.story-related-section{padding: 80px 0 0px;}
	.story-main-card {width: 320px;}
	.story-overview-img {height: 320px;margin-bottom: 25px;}
	.story-overview-card .story-overview-img{height: 320px;}
	.lb-leerlijn-card .btn-wrap {gap: 15px;}
	.organisaties-logo-list > .row {row-gap: 20px; }
	.col-logolist {padding: 0px 10px;}
	.process-step-list{width: 100%;}
	.loopbaan-process-section{min-height: 660px;}
	.lb-opleiding-section .title-part, .lb-scholier-section > .title-part{width: 100%}
	.story-slider .splide__arrow{top: 125px !important;}

	/* LB Job section */
	.section-title-content{margin: 0 auto 70px;}
	.job-view-shape{height: 70px;right: 20px;}
	.lb-leerlijn-card, .lb-vo-card{padding: 30px 20px}

	/*  Scholier Detail */
	.lg-card-img .icon-like{right: 20px; top: 20px;}
	.lb-scholier-section {margin-bottom: 100px; }

	/* Loopbaanadviseurs Detail  */
	.normal-process-wrap {gap: 28px;}
	.text-card{padding: 30px 20px;}
	.text-content-col h4 {word-break: break-word; }
	.col-normal-card {margin-bottom: 30px; }
	.lb-la-section {margin-bottom: 0px;/*margin-bottom: 60px;*/}
	.project-card-content{padding: 70px 80px 30px 20px}
	.cta-img {width: 200px; height: 200px;}
	.contact-cta-wrap {padding: 70px 30px; }
	.cta-content {width: 440px; }
	.lb-doorgroeien-section .title-part, .lb-la-section .title-part{width: 100%}

	/* Vacature Overview  */
	.alert-job-box .white-bell-icon i {width: 60px; }
	.alert-job-box .white-bell-icon i .alert-dot{width: 20px; height: 20px;}
	.col-job-story .story-card-title {max-width: 100%; }
	.pagination a{height: 40px; width: 40px;font-size: 15px;margin-right: 10px;}
	.pagination a.next_page, .pagination a.next_page_exp{padding: 7px 19.35px;font-size: 15px;}

	/* Organisation Overview */
	.organisation-banner {padding: 100px 0 80px;}

	/* Organisation Detail */
	.single-zorgorganisatie .main-topbar{margin-bottom: 0;}
	.small-line {margin-top: 30px; }
	.oz-people-section.story-related-section {padding-bottom: 80px; }
	.oz-opleiding-section {padding: 80px 0 80px; }
	.title-part h2 {margin-bottom: 16px; }
	.recruiter-info-col .cta-img{width: 125px; height: 125px;}
	.recruiter-meta-col{width: calc(100% - 125px);}
	.oz-contact-wrap {padding: 40px 20px 50px; }
	.social-text-link{font-size: 15px;}
	.recruiter-cta-links .social-text-link{margin-bottom: 15px;}
	.notification-text {width: 100%; }
	.oz-notification-col {flex-wrap: wrap; padding-left: 40px;justify-content: flex-start; }
	.notification-text{margin-bottom: 30px;}
	.oz-cta-logo{width: 190px; height: 70px;}

	/*  Opleidingen Overview */
	.opleiding-overview-banner {padding: 70px 0 50px;}
	.opleiding-main-section{padding: 0 0 100px;}

	/*  Opleidingen Detail */
	.opleiding-content-section .main-topbar {margin-bottom: 70px; }
	.function-text {margin-bottom: 60px; }
	.opleiding-meta-info {margin-bottom: 60px; }
	.opleiding-content-section{padding: 60px 0 80px;}
	.title-part h3 {margin-bottom: 14px;}
	.op-app-section .title-part{padding: 0;margin-bottom: 40px;}
	.op-app-section {padding: 60px 20px 60px;}
	.op-app-section > p{padding: 0}
	.op-oz-meta{width: 55%;}
	.op-app-links{width: 45%;gap: 15px;}
	.op-oz-meta h6 {max-width: 180px; line-height: 20px; }
	.app-list {margin-bottom: 25px;}
	.op-career-section {margin-bottom: 100px;}
	.opleiding-apply-section {padding: 100px 0 100px; }
	.job-detail-banner .right-detail-img {width: calc(50% - 15px); }
	.job-detail-banner .left-detail-col {width: calc(50% - 15px); }

	/* Vervolgopleidingen Overview  */
	.op-filter{width: 80%;}

	/* Ervaring Detail */
	.story-text-section .body-text {margin-bottom: 50px;}
	.story-related-section .title-part {margin-bottom: 40px;}
	.story-text-section .container {padding: 0;}

	/* Home */
	.banner-option-card{height: 315px;}
	.banner-option-text {padding: 30px 95px 30px 15px;}
	.banner-option-list h1{font-size: 30px;line-height: 36px;}
	.banner-option-text {padding: 30px 45px 30px 15px;}
	.banner-option-text h3 {max-width: 55%;}
	.banner-option-card .icon-wrapper {bottom: 40px;}
	.advice-small-box{width: calc(100% - 30px);border-radius: 25px;}
	.advice-author{width: 55%;}
	.home-organisation-section{padding-top: 202px;}
	.news-project-section {padding: 100px 0 280px;}
	.fact-item{padding-right: 20px;}
	.opleiding-wrapper {padding: 60px 0px 0px;}
	.opleiding-wrapper .title-part {margin-bottom: 30px;}
	.related-quote-image{height: 460px;}
	.opleiding-slider .col-lg-box{width: 345px;}

	/* About */
	.loopbaan-process-section.about-process-section{padding: 60px 0;}
	.about-process-section .advice-small-box{margin: 60px auto 0px;}
	.core-value-section .section-title-content {margin: 0 auto 50px;}
	.plain-text-section {padding: 100px 0px 100px;}
	.sm-container {padding: 0px 15px;}
	.secondary-contact-cta-section {padding: 0px 0 100px;}
	.core-value-section{padding: 80px 0px 40px;}
	.cta-wrap {min-height: 340px; }

	/* Contact */
	.contact-card-section{padding: 100px 0px;}

	/* Text */
	.text-banner-section .left-detail-col { padding-right: 0;}
	.text-info-section{padding: 67px 0 100px;}

	/* Job Alert  */
	.job-alert-form{padding: 60px 50px 60px;}
	.title-header h1 {margin-bottom: 20px; }
	.job-alert-section .title-header {margin-bottom: 40px;}

	/* Footer */
	.footer-logo {width: 200px;}
	.main-footer{padding: 60px 0 20px;}
	.footer-content-col, .footer-content-col.footer-text-col{width: 50%;margin-bottom: 40px;}
	.for-dekstop {display: none; }

	.col-submenu:first-child { width: 50%; }

	.news-part .news-card {width: 100%; }
	.news-part {width: calc(45% - 20px); }
	.project-part {width: 55%; padding: 20px 15px; }
	.project-card .project-overview-img {width: 84px; height: 84px; }
	.project-card  .project-card-text {width: calc(100% - 101px); }
	
	.cta-right-col-alt { width: 262px; height: 262px; }


}

@media only screen and (max-width: 767px) {
	h1, .left-detail-col h1, .job-detail-banner .left-detail-col h1, .lg-banner-content h1{font-size: 30px;line-height: 40px;}
	h2 {font-size: 26px;line-height: 32px;}
	body{font-size: 16px}

	/* Header */
	body.admin-bar header.site-header, body.admin-bar .custom-menu-modal {top: 46px;}
	header.site-header .container, .menu-dropdown .container {width: 100%; }
	.site-logo {width: 150px;padding-right: 7px;}
	.footer-logo {width: 287px;}

	/* Menu */
	.custom-menu-modal{background-color: #ffffff}
	.left-main-menu, .right-secondary-menu{width: 100%;}
	.dropdown-box::after{content: none;}
	.dropdown-box{width: 100%;padding: 14px 0px 100px 0px;margin-bottom: 0}
	.left-main-menu ul li a{font-size: 24px; line-height: 24px;}
	.left-main-menu ul li{margin-bottom: 25px;}
	.close-menu-btn{margin-bottom: 70px;}
	.right-secondary-menu ul li a{font-size: 18px;}
	.right-secondary-menu ul li{margin-bottom: 16px;text-align: left;}
	.dropdown-box .social-links {justify-content: flex-start;}

	/* Vacature Overview */
	.job-archive-title {width: 100%;}
	.job-archive-img{width: 290px;height: 220px;}
	.job-total{margin-bottom: 10px;}
	.job-meta-part {margin-bottom: 20px;}
	.job-archive-wrap{justify-content: center;}
	.alert-job-box{padding: 30px 67px 30px 20px;flex-direction: column;align-items: flex-start;}
	.advice-section {padding: 70px 0;}
	.col-advice {margin-bottom: 30px;}
	.alert-job-box .white-bell-icon i {width: 40px;}
	.alert-job-box .white-bell-icon{right: 20px;}
	.job-sm-info strong, .job-sm-info span{font-size: 15px;}

	/* Vacature Detail */
	.left-detail-col, .job-detail-banner .left-detail-col{width: 100%;padding: 0px 0 50px;min-height: auto}
	.organisation-logo {margin-bottom: 15px;max-width: 120px}
	.right-detail-img, .job-detail-banner .right-detail-img {height: 320px;width: 100%}
	.job-detail-meta li:nth-child(2n+1){padding-right: 0}
	.main-topbar {display: none;}
	.job-text-section {margin-bottom: 60px;}
	.media-wrap {height: 260px }
	.job-organisation-section .body-text {width: 100%;}
	.job-media-section {margin-bottom: 50px;}
	.job-organisation-logo {width: 200px; margin: 60px auto 0px;}
	.job-text-section h2 {margin-bottom: 16px;}
	.col-care {margin-bottom: 30px;}
	.care-card-section .btn-wrap {margin-top: 15px;}
	.procedure-left-col{width: 100%;padding-top: 0;}
	.job-procedure-section {padding: 60px 0 100px;}
	.procedure-step-slider{width: 100%;}
	.procedure-card-wrap h2 {margin-bottom: 10px;}
	.procedure-step-title{font-size: 14px}
	.step-icon{width: 150px;}
	.related-secondary-custom-filter.secondary-custom-filter{max-width: 100%}
	.job-app-wrap {padding: 50px 20px 50px;}
	.job-app-content > p{padding: 0;}
	.job-like-col {margin-bottom: 10px;}
	.job-application-section {padding-bottom: 70px;}
	.related-title-part .title-part {width: 100%;/*margin-bottom: 30px;*/}
	.title-part h2 {margin-bottom: 14px;}
	.related-title-part{margin-bottom: 45px;}
	.cta-wrap {padding: 30px 20px;}
	.cta-left-col {width: 100%; padding-right: 0;}
	.job-related-list {margin-bottom: 35px;}
	.advice-section h2 {margin-bottom: 25px;text-align: left;}
	.related-job-section {margin-bottom: 70px;}
	.procedure-step-card{height: 500px;}
	.cta-right-col {height: 220px; right: 0; }
	.cta-right-col .img-bg-job {width: 290px; bottom: -130px;}
	.cta-wrap {padding-bottom: 230px;}
	.col-advice:last-child {margin-bottom: 0;}
	.job-detail-meta li {display: flex; align-items: center; }
	.sm-container{padding: 0}
	.job-filter-col{width: 100%;margin-bottom: 20px}
	.job-filter-section {margin-bottom: 50px;}
	.alert-job-box .white-bell-icon i .alert-dot {width: 15px; height: 15px; right: 2px; top: 9px; }
	.pagination a.next_page, .pagination a.next_page_exp {padding: 2px 19.35px; font-size: 13px; margin-bottom: 10px; }
	.related-secondary-custom-filter.secondary-custom-filter .form-group {width: 170px; }
	.md-label{font-size: 14px;padding: 10px 22px;}
	.category-label-list{gap: 10px;}
	.related-title-part {margin-bottom: 30px;}
	.share-link{margin: 30px 0 0 0;}
	.share-link span{margin-right: 13px;}
	.procedure-step-card {height: auto;padding: 80px 20px 80px}
	.procedure-step-slider .splide__pagination {bottom: 50px;}
	.step-counter{width: 50px;height: 50px;font-size: 14px;}
	.splide__arrow{width: 40px; height: 40px;}
	.splide__arrows{bottom: -20px;}
	.modal-close-btn{width: 105px;height: 40px;font-size: 14px;border-radius: 30px;gap: 10px;}
	.modal-close-btn svg {width: 13px; height: 13px;}
	#videomodal .modal-close-btn{top: -55px;}

	/* Loopbaan detail page */
	.simple-banner-text{width: 100%;padding-top: 0; margin-bottom: 40px;}
	.simple-banner-img {height: 360px; width: 100%;}
	.lg-card-content{padding: 30px 20px 60px 20px;}
	.lg-card-content .icon-btn {right: 20px; bottom: 20px;}
	.process-title {width: 100%;}
	.process-step{width: 100%;}
	.loopbaan-process-section{padding: 50px 0 0px;}
	.media-box-col {width: 100%; margin-bottom: 30px; }
	.process-step-list{width: 100%; max-width: 100%;}
	.media-text-slider .splide__arrows {bottom: 18px;}
	.media-text-slider {padding: 15px 20px 70px 20px; }
	.media-box-col:last-child {width: 100%; }
	.loopbaan-media-section {padding: 70px 0 60px;}
	.loopbaan-all-section{padding: 70px 0}
	.lb-organisation-head .title-part {width: 100%;}
	.lb-opleiding-section {margin-bottom: 60px;}
	.title-part h3 {margin-bottom: 16px;}
	.map-location {width: 290px;}
	.title-part {margin-bottom: 35px;}
	.lb-opleiding-section .title-part{width: 100%;margin-bottom: 40px;}
	.section-title-content{margin: 0 auto 60px;}
	.story-related-section{padding: 70px 0 10px;}
	.story-main-card {width: 270px;margin-right: 20px;}
	.story-overview-img {height: 300px;}
	.story-slider {margin-bottom: 100px;}
	.story-slider .splide__pagination {bottom: -60px;}
	.loopbaan-process-section{min-height: auto}
	.media-box-col {height: 260px;}
	.lb-consultation-section .body-text {column-count: 1; column-gap: 0;}
	.lb-doorgroeien-section {margin-bottom: 65px;}
	.pagination a{height: 30px; width: 30px; font-size: 13px; margin: 0 10px 10px 0px;}

	/* LB Job section */
	.job-view-shape {height: 45px; right: 15px; }
	.lb-job-section {margin-bottom: 60px;}
	.lb-doorgroeien-section .title-part, .lb-scholier-section > .title-part{width: 100%;}
	.lb-organisation-section {margin-bottom: 60px;}
	.lb-leerlijn-card, .lb-vo-card{width: 100%}
	.lb-vo-card{margin-bottom: 30px}
	.job-detail-meta li {display: flex;}

	/* Loopbaanadviseurs Detail */
	.normal-process-step {width: 100%;}
	.lb-la-section .title-part {width: 100%; margin-bottom: 30px; }
	.lb-project-section .title-part {width: 100%; margin-bottom: 30px; }
	.col-normal-card:last-child {margin-bottom: 0; }
	.project-lg-card{height: 460px;margin-bottom: 0}
	.project-card-content {padding: 30px 60px 30px 20px; }
	.project-card-content .icon-btn{right: 15px;}
	.col-project {margin-bottom: 30px; }
	.col-project:last-child {margin-bottom: 0; }
	.contact-cta-wrap {padding: 40px 20px; }
	.cta-img {width: 130px; height: 130px; margin: 0 auto 30px; }
	.cta-content h2 {margin-bottom: 30px; font-size: 22px; line-height: 32px; }
	.contact-cta-section {padding: 55px 0 70px; }
	.lb-project-wrap {margin-bottom: 40px; }

	/*  Scholier Detail */
	.lb-scholier-section {margin-bottom: 70px; }

	/* Organisation Overview */
	.banner-content {width: 100%;margin-bottom: 40px;}
	.organisation-banner .map-location {width: 290px; position: static; display: flex; float: none; margin: auto; }
	.organisation-banner .main-btn {font-size: 14px; }
	.organisation-banner {padding: 70px 0 50px;}
	.logo-slider{padding: 0px 0 40px}
	.logo-slide img {max-width: 100px; }
	.logo-slide {height: 45px;margin-right:50px}
	.organisation-list-section{padding-bottom:70px}

	/* Organisation Detail */
	.lg-banner-wrap {height: 320px;padding-bottom: 40px}
	.lg-banner-content h1{margin-bottom: 7px;}
	.organisation-content-section {padding: 30px 0 70px; }
	.organisation-content-section .media-col {margin-bottom: 30px;}
	.oz-people-section .main-btn {font-size: 13px; }
	.oz-opleiding-section {padding: 60px 0 60px; }
	.title-part.hw {width: 100%;}
	.oz-opleiding-section .section-title-content {margin-bottom: 50px; }
	p, .body-text li{line-height: 24px;}
	.opleiding-list .title-part h3 {margin-bottom: 10px; }
	.recruiter-info-col {width: 100%;display: flex; flex-wrap: wrap;margin-bottom: 40px}
	.recruiter-meta-col {width: 100%; padding-right: 0;}
	.oz-contact-wrap > h2{margin-bottom: 30px;}
	.oz-notification-col {width: 100%; padding-left: 0; }
	.recruiter-meta-col {order: 1; }
	.recruiter-info-col .cta-img{margin-top: 0}
	.oz-contact-wrap {padding: 40px 20px 40px; }
	.oz-contact-section {padding-bottom: 60px; }
	.recruiter-cta-links .social-text-link {margin-right: 15px;}

	/*  Opleidingen Overview */
	.opleiding-banner-content {width: 100%; }
	.opleiding-main-section{padding: 0 0 70px;}

	/*  Opleidingen Detail */
	.opleiding-content-section .media-col {margin-bottom: 30px;}
	.opleiding-meta-info .job-detail-meta li, .opleiding-meta-info .job-detail-meta li:nth-child(3n) {width: 100%;}
	.story-card-sm, .op-related-story > picture{width: 100%;}
	.project-lg-card {height: 360px;}
	.opleiding-apply-section {padding: 70px 0 70px; }
	.career-text-box{width: 100%;}
	.op-career-section .title-part {margin-bottom: 25px;}
	.op-career-content picture {position: static; float: left; width: 100%; height: 320px; }
	.career-text-box{padding: 30px 20px;margin-bottom: 30px}
	.op-career-section {margin-bottom: 70px;}
	.op-app-section {padding: 40px 20px 40px;}
	.op-oz-meta {width: 100%;padding-right: 0;margin-bottom: 40px}
	.op-app-links {width: 100%;justify-content: flex-start;flex-wrap: wrap;}
	.app-col{border-radius: 16px;padding: 20px;}
	.op-oz-meta h6{max-width: 100%;}
	.op-app-section .title-part{margin-bottom: 30px;}
	.op-related-story .project-lg-card {margin-bottom: 40px;}
	.op-related-oz .title-part {margin-bottom: 0;}

	/* Vervolgopleidingen Overview  */
	.op-filter{width: 100%;}

	/* Ervaring Overview  */
	.job-main-section{padding: 60px 0;}
	.story-overview-card{margin-bottom: 50px;}

	/* Ervaring Detail  */
	.left-detail-col h1{margin-bottom: 15px;}
	.job-info-section{padding: 60px 0}
	.story-text-section .main-btn {font-size: 14px; }

	/* Home */
	.banner-option-list h1 {font-size: 21px; line-height: 24px;max-width: calc(100% - 30px); }
	.banner-option-text h3{width: 100%;margin: 10px 0px 0px;font-size: 16px;line-height: 18px;max-width: 100%;}
	.icon-pattern {height: 40px; width: 40px; }
	.banner-option-text {padding: 20px 35px 20px 15px;}
	.banner-option-card .icon-wrapper {bottom: 23px;right: 15px;}
	.advice-author-img{margin-right: 15px;}
	.advice-author-text {width: calc(100% - 71px);}
	.advice-author {width: 100%; margin-bottom: 20px;align-items: flex-start;}
	.advice-author-text h6 {margin-bottom: 12px; }
	.home-organisation-section .advice-small-box {padding: 30px 20px;top: 35px; }
	.home-organisation-section {padding-top: 300px;}
	.col-logolist {padding: 0px 5px;}
	.organisaties-logo-list > .row {row-gap: 10px;}
	.logo-box img {max-width: 80%; max-height: 90%;}
	.logo-box{height: 60px;}
	.home-organisation-section .group-btn-wrap .main-btn:first-child {margin-bottom: 15px}
	.organisaties-logo-list {margin-top: 40px;}
	.organisaties-logo-list > .row {margin: 0;}
	.group-btn-wrap {display: flex; flex-direction: column;align-items: flex-start;}
	.group-btn-wrap.btn-wrap .main-btn:last-child {margin-left: 0;}
	.fact-item {width: 50%; padding-right: 20px; margin-bottom: 30px;}
	.fact-list {width: 100%; display: flex; flex-wrap: wrap;margin-bottom: -60px;}
	.fact-box {justify-content: flex-end;}
	.fact-box .btn-wrap {position: relative; top: -40px; width: 50%; }
	.opleiding-slider .col-lg-box{margin-bottom: 100px;}
	.fact-section{padding: 0px 0px 80px}
	.related-quote-text{width: 100%;padding-right: 0;}
	.related-quote-wrapper {flex-wrap: wrap;}
	.related-quote-text {order: 1}
	.related-quote-image {height: 300px;width: 100%;margin-bottom: 40px;}
	.related-quote-section {padding: 70px 0px 0px;}
	.related-quote-title {margin-bottom: 25px; }
	.video-meta-info i {width: 70px; height: 70px; }
	.video-meta-info i svg {height: 57px; width: 57px; }
	.splide__pagination{bottom: 35px;}
	.job-layout-tab{display: none;}

	/* About */
	.about-process-section .title-part, .about-process-section .title-part p, .usp-outro-text{max-width: 100%;}
	.loopbaan-process-section.about-process-section {padding: 30px 0;}
	.usp-inner-card{padding: 35px 20px}
	.step-text {width: 100%; padding-right: 0;margin-bottom: 30px;}
	.step-image {width: 100%; height: 360px;}
	.step-wrapper:nth-child(even) .step-text{padding-left: 0;}
	..step-section {padding: 30px 0px;}
	.plain-text-section {padding: 70px 0px 70px;}
	.secondary-contact-cta-section {padding: 0px 0 70px;}
	.secondary-contact-cta-section .cta-left-col h2 {margin-bottom: 30px;}
	.secondary-contact-cta-section .cta-left-col {margin-bottom: 40px; }
	.core-value-item .icon-wrapper{width: 48px; height: 51px; margin: 0px auto 15px;justify-content: center;}
	.sm-container.container{padding: 0px 15px}

	/* Contact */
	.contact-card-section{padding: 70px 0px}
	.contact-card-section .title-part {margin-bottom: 30px;}
	.sm-icon-meta li{line-height: 24px}

	/* Text */
	.text-info-section {padding: 60px 0 70px;}
	.body-text blockquote p{font-size: 18px; line-height: 28px;}

	/* Leerlijn */
	.leerlijn-img{width: 100%; position: static; height: 260px;}
	.leerlijn-right-part{width: 100%; padding: 30px 20px;border-radius: 0px 0px 25px 25px;}
	.leerlijn-right-part .title-part{padding-right: 0;}
	.leerlijn-step li{padding:12px 40px 12px 53px;}
	.leerlijn-step li i{right: 15px;width: 14px; height: 16px;}
	.leerlijn-step li h6 {word-break: break-word;}

	/* Job Alert */
	.job-alert-form {padding: 30px 20px 30px;}
	.custom-form-group.col-sm{width: 100%;}
	.text-label{margin-bottom: 10px;}
	.custom-form-group input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .custom-form-group select, .custom-form-group textarea, .custom-form-group input[type="file"]{height: 50px;}
	.custom-checkbox label{height: auto;padding: 13px 20px;}
	.custom-form-group:last-child {margin: 10px 0px 0px;}
	.custom-form-btn{height: 50px;}
	.job-alert-section{padding: 80px 0 0;}

	/* Footer */
	.footer-content-col, .footer-content-col.footer-text-col{width: 100%;padding-right: 0;}
	.footer-content-col:last-child, .footer-content-col.footer-text-col:last-child {margin-bottom: 0; }
	.footer-logo{margin-bottom: 50px;}
	.job-alert-title {width: 100%;}
	.job-alert-col{justify-content: center;}
	.main-btn{flex-wrap: nowrap;line-height: 16px}

	.col-submenu:first-child { width: 100%; }

	/* Home */
	.news-part h2, .project-part h2 {margin-bottom: 20px; font-size: 35px; line-height: 37px; }
	.news-part,.project-part{width: 100%; }
	.project-card .project-card-text h5 {font-size: 16px; }
	.project-card {margin-bottom: 20px; }
	.news-project-section {padding: 80px 0 280px; }
	.vacature-card-wrapper .splide__pagination {bottom: 10px; }

	.project-overview-section,.news-overview-section,.niews-content-section {padding: 60px 0; }
	.project-banner-content {width: 100%; }
	.related-news-section .splide__pagination {bottom: -40px; }
	.simple-banner-text.news-detail-title {padding-top: 40px; }
	.project-part {padding: 41px 15px 50px; }
	.project-card .project-card-text .body-text {display: none; }
	.project-card {align-items: center; margin-bottom: 14px;}
	.project-card .project-card-text h5 {font-size: 18px; }
	.project-card .project-card-text .icon-btn {display: none; }
	.project-card  .project-card-text {padding-right: 0; }
	.project-card-wrapper {margin-bottom: 3px; float: left; width: 100%; }
	.flex-organisation-section, .flex-result-section, .flex-story-related-section, .flex-link-section {padding-bottom: 60px; }
	.news-main-list .row {row-gap: 50px;}
	
	.cta-right-col-alt { width: 100%; margin-top: 60px; }
	.img-bg-job-alt {display:none;height: 70px; width: 70px; top: initial; bottom: -35px; left: 0; right: 0; }
	.cta-wrap.cta-wrap-alt { padding-bottom: 30px; }

}

@media only screen and (max-width: 380px) {
	.home-organisation-section .advice-small-box{padding: 30px 15px;}
	.related-secondary-custom-filter.secondary-custom-filter .form-group{width: 100%}
}