/*
Theme Name: Ondigital theme Child
Theme URI: https://weareon-it.nl/
Template: on-theme
Author: Ondigital
Author URI: https://weareon-it.nl
Description: Algemeen thema voor ondigital websites
Version: 1.0.0
Text Domain: on-theme-child

/* algemeen */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500&display=swap');


:root {
    /* Text kleuren */
    --text: #170301;
    --text-light: #170301; 
/*	--text-light: #8D8D8D; */
	--text-lighter: #F8F8F8;

    /* Button kleuren */
    --orange: #F26649;
    --donkerkorange: #D6573D;

    --green: #00B49D;
    --donkergreen: #0C8A7A;

    /* Website achtergrondkleur */
    --background: #F6F6F6;
    --orange-background: #FCF3F2;
    --green-background: #F8FFFE;
    --image-background: #000;

    /* Set the standard transition */
    --normal-transition: all ease-in-out 250ms;
    --slow-transition: all ease-in-out 500ms;

    /* Font family */
    --font-standard: 'Raleway', sans-serif;
    --font-title: 'Raleway', sans-serif;
}

* {
	font-family: var(--font-standard);
}

h1, h2, h3, h4, h5, h6, .slogan, .title {
	font-family: var(--font-title);
    font-weight: 300;
}

.outer-container {
    width: 90%;
    margin: 0 auto;
}

p,ul li  {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; 
    color: var(--text);
}

ul {
    padding-left: 20px;
    margin-bottom: 30px;
}

h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    
}
.vacature-content-single h2{   
    color: var(--text);
}
h2 a {
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

table tr {
    display: flex;
    gap: 20px;
}

table tr td {
    line-height: 1.8;
    color: var(--text-light);
}

nav {
    justify-content: space-between;
}

nav ul li {
	padding: 10px 20px;
}

nav ul li a {
	padding: 0;
	border-bottom: 2px solid transparent;
	transition: all ease-in 250ms;
    color: #fff;
}

nav .contact-head a {
    color: #fff;
    text-decoration: none;
}

nav .contact-head a p {
    padding: 0;
    margin: 0;
    color: #fff;
}

nav ul.sub-menu li a {
    padding: 4px 10px;
    width: 100%;
    line-height: 1.4;
}

nav .contact-head .d-flex {
    gap: 10px;
}

nav .contact-head {
    display: flex;
    align-items: center;
    gap: 25px;
    color: #fff;

}

nav .contact-head i {
    font-size: 23px;
    color: #fff;
}

nav .menu-item-has-children {
    padding: 10px 40px 10px 20px;
}

nav .menu-item-has-children::after {
    content: '\f107';
    font-family: "Fontawesome";
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
}

header.header-scrolled .menu-item-has-children::after {
    color: var(--text);
}

nav .sub-menu {
    background-color: #fff;
    margin-top: 5px;
    border-radius: 3px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    left: 12px;
}

nav .sub-menu li {
    padding: 6px 10px;
}

nav .sub-menu li a {
    color: var(--text) !important;
    font-size: 15px;
}

#breadcrumbs {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
}

.single-header #breadcrumbs * {
    color: #fff !important;
}

.header-scrolled nav .contact-head a {
    color: var(--text);
}

.header-scrolled nav .contact-head i  {
    color: var(--orange);
}

.header-scrolled nav .contact-head p  {
    color: var(--text);
}

#logo {
    flex-grow: unset;
    z-index: 999;
    position: relative;
}

a {
    color: var(--text);
    font-weight: bold;
    transition: var(--transition);
}

a:hover {
    color: var(--orange);
    transition: var(--transition);
}

main#main-content {
    padding: 0;
}

.btn-dark {
    background: var(--background-dark);
    color: var(--text-light);
    text-decoration: none !important;
}

.image-placeholder {
    position: relative;
    height: 125%;
    margin-top: -10%;
    background: var(--image-background);
}

#primary-menu a {
    font-weight: normal;
    text-decoration: none;
    font-weight: bold;
}

#primary-menu a:hover {
    font-weight: bold;
    text-decoration: none;
    color:  #fff;
}

.header-scrolled #primary-menu a:hover {
    color: var(--text);
}


.afspraak-maken {
    position: relative;
    padding: 10px 15px;
    background-color: var(--text);
    color: var(--text-light) !important;
    cursor: pointer;
}

.afspraak-maken a {
    color: var(--text-light) !important;
    transition: var(--transition);
}

.afspraak-maken a:hover {
    color: var(--orange) !important;
    transition: var(--transition);
}

.home main#main-header {
    height: 100vh;
}

header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: auto;
    transition: ease-in-out 0.3s;
}

header.header-scrolled {
    background-color: #fff;
    transition: ease-in-out 0.3s;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

header.header-scrolled nav ul li a {
    color: var(--text);
}

.link-container {
    display: flex;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    padding: 30px 0;
    justify-content: space-between;
    border-top: 1px solid var(--text);
}

.slogan {
    position: relative;
    padding: 0px 0 30px 0;
    font-weight: bold;
    font-size: 88px;
    color: var(--text);
    max-width: 389px;
    margin-left: auto;
    line-height: 1.2;
}

.top-titel {
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--text);
}

/* Header home */
.home .top-header-intro {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: unset;
    justify-content: unset;
}

.home .top-header-intro .btn-flex {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.home .top-header-intro .container-head {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
    align-items: baseline;
    overflow: hidden;
    position: relative;
}

.home .top-header-intro .vacatures-head .arrow-slide {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 25px;
    display: flex;
    align-items: center;
}

.home .top-header-intro .kandidaten-head .arrow-slide {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.home .top-header-intro .arrow-slide i {
    font-size: 28px;
}

.home .top-header-intro .vacatures-head,
.home .top-header-intro .kandidaten-head {
    height: 100%;
    width: 50%;
    overflow: hidden;
    position: relative;
    transition: width 1s ease;
}

.home .top-header-intro .vacatures-head {
    background-color: var(--orange);
}

.home .top-header-intro .kandidaten-head {
    background-color: var(--green);
}

.home .top-header-intro .vacatures-head.no-background,
.home .top-header-intro .kandidaten-head.no-background {
    background-color: unset;
}

.home .top-header-intro .vacatures-head.no-background,
.home .top-header-intro .kandidaten-head.no-background {
    background-color: unset;
}

.vacatures-head::before, .kandidaten-head::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000002e;
    content: '';
    z-index: -1;
}

.home .top-header-intro p {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px; /* 181.25% */
    margin-bottom: 15px;
}

.home .vacatures-head img.img-pattern-head {
    width: 100%;
    max-width: 100vh;
    left: -40%;
    top: 8%;
    object-fit: contain;
    position: absolute;
}

.home .top-header-intro .vacatures-head.no-background img {
    filter: grayscale(1);
    left: -20%;
}

.home .kandidaten-head img.img-pattern-head {
    width: 100%;
    max-width: 70vh;
    right: -20%;
    top: -30%;
    object-fit: contain;
    position: absolute;
}

.home .top-header-intro .kandidaten-head.no-background img {
    filter: grayscale(1);
    right: -10%;
}

.home .top-header-intro * {
    color:#fff;
}

.home .top-header-intro .subtitle {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
}

.home .top-header-intro h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 52px; 
    text-transform: uppercase;
}

.home section.slide-logo{
    display: none;
}

.home section.slide-logo.home {
    display: block !important;
}

.home section.slide-logo.home h2 strong {
    color: var(--orange);
    position: relative;
    top: -3px;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.home section.slide-logo.home img {
    width: 220px;
}

.home .populair-regio {
    margin-top: 0;
}

.top-header-intro .col-md-12 {
    width: 580px;
    max-width: 100%;
    margin-left: auto;
}

/* Single vacature header */
.single-cpt-header {
    height: 70vh;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single-cpt-header.vacatures {
    background-color: var(--orange);
}

.single-cpt-header.kandidaten {
    background-color: var(--green);
}

.single-cpt-header.vacatures::before {
    content: '';
    position: absolute;
    left: -210px;
    bottom: -355px;
    width: 680px;
    height: 600px;
    background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/bg-bottom.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.single-cpt-header.vacatures::after {
    content: '';
    position: absolute;
    right: -210px;
    top: -355px;
    width: 400px;
    height: 100%;
    background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/bg-right.png);
    background-repeat: no-repeat;
    z-index: 1;
}

.single-cpt-header h1 {
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 55px; /* 112.5% */
    text-transform: uppercase;
}

.single-cpt-header #breadcrumbs span {
    font-size: 14px;
}

.single-cpt-header .tags {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
}

.single-cpt-header p {
    width: 40%;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 162.5% */
}

.single-cpt-header .btn-scroll {
    padding: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;

}

.single-cpt-header .btn-scroll i {
    margin-left: 6px;
}

.single-cpt-header.vacatures .fa-euro-sign {
    background-color: #fff;
    color: var(--orange) !important;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 30px;
}

.single-cpt-header .tags i {
    margin-right: 5px;
}

.single-cpt-header * {
    color: #fff !important;
}

/* Vacature + kandidaat content */
.vacature-content-single section {
    padding: 30px 0;
    color: var(--text);
}

.vacature-content-single .outer-container {
    width: 80%;
    margin: 0 auto;
}

.tags-vac p {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
    color: var(--orange);
}

.single-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    margin-top: -230px;
    margin-left: 40px;
    z-index: 2;
}

.single-sidebar .solliciteer, .single-sidebar .kandidaat-cta, .single-sidebar .contact-person, .single-sidebar .comment, .single-sidebar .whatsapp-vac {
    border-radius: 20px;
    padding: 35px 25px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.responsive-tel {
    display: none;
}

.single-sidebar .whatsapp-vac a {
    color: var(--orange);
    text-decoration: none;
}

.single-sidebar .comment .open-popup {
    padding: 15px 0;
    color: var(--green);
}

.single-sidebar .open-popup {
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 128.571% */
    letter-spacing: 0.14px;
    text-decoration-line: underline;
    text-align: center;
    padding: 5px 10px;
}

.modal-dialog {
    height: 100vh;
    display: flex;
    align-items: center;
}

.modal-title {
    font-weight: 700;
}

.single-sidebar .contact-person, .single-sidebar .comment, .single-sidebar .whatsapp-vac {
    margin-top: 30px;
}

.single-sidebar .contact-person img {
    width: 80px;
    height: 90px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 10px;
    clip-path: polygon(50% 100%, 100% 80%, 100% 20%, 50% 0%, 0 20%, 0 80%);
}

.single-sidebar .contact-person a {
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 141.176% */
    color: var(--orange);
}
.single-sidebar .contact-person a.btn{
    
    color:#FFF;
}
.single-sidebar .contact-person p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px; 
    margin-bottom: 5px;
}

.single-sidebar .contact-person a i {
    margin-right: 8px;
}


.single-sidebar .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

.single-sidebar .contact-person .d-flex {
    margin-top: 10px;
}

.function-vac ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.function-vac ul li {
    margin-bottom: 6px;
}

.function-vac ul li::before {
    content: '\f058';
    font-family: "fontawesome";
    color: var(--orange);
    margin-right: 10px;
}

.single-form {
    margin-top: 40px;
    padding: 80px 0;
    background-color: #FCF3F2;
}

.single-form-kandi {
    margin-top: 40px;
    padding: 80px 0;
    background-color: #b7f6ee;
}

.single-form-kandi .with_frm_style .frm_top_container .frm_primary_label, .single-form-kandi .with_frm_style .frm_hidden_container .frm_primary_label, .single-form-kandi  .with_frm_style .frm_pos_top {
    color: #73cdc2 !important;
}

.frm_dropzone.dz-clickable {
    min-height: unset;
}

.single-form-kandi button.frm_button_submit.frm_final_submit {
    background-color: var(--green) !important;
}

.single-form h2 {
    text-align: center;
    margin-bottom: 30px;
}

/* Contact */
.page-id-762 .fifty-fifty p {
    margin-bottom: 10px;
}

.page-id-762 iframe {
    height: 300px;
}

/* Single header */
.single-header {
    height: 45vh;
    display: flex;
    align-items: center;
    background-color: var(--text);
    background-position: center;
    z-index: 1;
    position: relative;
    background-size: cover;
}

.single-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #00000060;
}

.single-header-post #breadcrumbs * {
    font-size: 14px;
    color: var(--orange) !important;
}

.single-header-post h1 {
    color: var(--text);
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 54px;
    text-transform: uppercase;
}

.single-post #primary-menu a:hover {
    color: var(--text);
}

.single-post .flex-item {
    padding: 60px 0;
}

.single-post .newsletter {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.05));
}

.single-post nav .contact-head a p {
    color: var(--text);
}

.single-header-post img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: 20px;
    height: 360px;
}

.single-post nav ul li a, .single-post nav .menu-item-has-children::after {
    color: var(--text);
}

.single-post nav .contact-head i {
    color: var(--orange);
}


.single-header-post {
    display: flex;
    align-items: center;
    padding-top: 120px;
    background-position: center;
    z-index: 1;
    position: relative;
    background-size: cover;
}

.single-header h1 {
    color: #fff;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 54px; /* 112.5% */
    text-transform: uppercase;
}

.post-type-archive .single-header h1 {
    width: 60%;
}

.link-container .link {
    margin-left: 15px;
    transition: var(--transition);
}

.link-container .link:nth-child(1) {
    margin-left: 0px;
}

.link-container .link a {
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: normal;
}

.link-container .link a i {
    margin-left: 10px;
}

.flex-item {
    padding: 120px 0;
}

.logo-slider img {
    height: 100px;
    max-width: 300px;
    object-fit: contain;
    filter: grayscale(1);
    transition: ease-in-out 0.5s;
    padding: 15px 0;
    padding-right: 50px;
}

.logo-slider .slick-track {
    display: flex;
    align-items: center;
}

.logo-slider img:hover {
    filter: unset;
    transition: ease-in-out 0.5s;
}

footer {
    padding-top: 50px;
    padding-bottom: 30px;
    background: #F6F6F6;
}

footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer ul li, footer ul li a {
    padding-bottom: 18px;
    text-decoration: none;
    color: #1C1E23;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .title {
    font-size: 18px;
    display: block;
    font-style: normal;
    font-weight: 900;
    line-height: 27.2px; /* 151.111% */
    text-transform: uppercase;
    margin-bottom: 12px;
}

footer .col-md-12.logo-socials {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px !important;
}

footer .col-md-12.logo-socials * {
    color: #FFF !important;
    padding: 15px 0;
    max-height: 100px;
    text-decoration: none;
}

footer .col-md-11.footer-locaties {
    padding: 15px 0;
    display: contents;
}

footer .col-md-11.footer-locaties .item {
    position: relative;
    min-width: calc(100% / 4);
    margin-bottom: 15px;
}

footer .col-md-11.footer-locaties .item .title {
    color: var(--donkerkorange);
    font-weight: bold;
    font-size: 16px;
    font-family: var(--font-standard);
}

footer .col-md-11.footer-locaties .item .lowertitle {
    color: var(--background);
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

footer .lowerbar .socials {
    margin-bottom: 10px;
}

footer .lowerbar .socials a {
    margin-right: 5px;
    font-size: 0;
}

footer .socials a img {
    height: 35px;
    margin: 0 3px;
    width: auto;
}

footer .col-md-12.openingstijden.p-0 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

footer .col-md-12.openingstijden.p-0 * {
    color: var(--text-light);
}

footer .col-md-12.openingstijden.p-0 p {
    margin-bottom: 5px;
}

footer .col-md-12.lowerbar.p-0 {
    text-align: center;
    margin-top: 70px;
}

footer .contactsocials .phone {
    margin-bottom: 5px;
}

footer .contactsocials a {
    color: var(--text);
    font-weight: normal;
    text-decoration: none;
}


footer .contactsocials i {
    margin-right: 5px;
    color: var(--green);
}

footer .voorwaarden a {
    text-decoration: none;
}

/* homepage builder */

.populair-regio .heading {
    width: 50%;
}

.populair-regio {
    background-color: var(--orange-background);
    margin: 20px;
    border-radius: 10px;
    padding-top: 90px;
    padding-bottom: 140px;
}

.populair-regio .regio-positioner {
    position: relative;
}

.populair-regio h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 52px; /* 108.333% */
    text-transform: uppercase;
}

.populair-regio .vacature-img-slider {
    position: absolute;
    right: -50px;
    top: 0;
    height: 600px;
    width: 45%;
}

.populair-regio .vacature-img-slider img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.regio-loop .regio-card {
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    padding: 30px 25px;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    margin-bottom: 25px;
    justify-content: center;
    transition: ease-in-out 0.4s;
}

.regio-loop .regio-card:hover {
    transform: scale(1.03);
    transition: ease-in-out 0.4s;
}

.regio-loop .regio-card .title {
    font-size: 20px;
    font-style: normal;
    display: block;
    font-weight: 800;
    line-height: normal;
    text-decoration: none;
}

.regio-loop .regio-card a {
    font-size: 16px;
    text-decoration: none;
    color: var(--orange);
    font-style: normal;
    display: block;
    font-weight: 800;
    line-height: normal;
    text-decoration: none;
}

.vac-alert {
    background-color: #fff;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.05));
    position: relative;
    margin-top: 40px;
    padding: 20px 5px;
    top: -110px;
}

.vac-alert h2 {
    margin-bottom: 3px;
}

.vac-alert p {
    margin: 0;
    line-height: 1;
}

.vac-alert #form_vacaturealert .frm_fields_container {
    display: flex !important;
    align-items: center;
    justify-content: end;
    padding-top: 12px;
}

.vac-alert #form_vacaturealert input {
    width: 300px;
}

.the-content {
    padding: 80px 0;
}

/* Flexbuilder meinselect */
.fifty-fifty.grey-bg {
    background-color: #F5F5F5;
    margin: 60px 0;
}

.fifty-fifty.honey-bg {
    background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/honey-bg.png);
    background-size: cover;
    margin: 60px 0;
}

.fifty-fifty img {
    border-radius: 20px;
    height: 450px;
    width: 100%;
    object-fit: cover;
}

.fifty-fifty p img {
    width: unset;
    height: unset;
}

.page-id-4703 .fifty-fifty img {
    height: unset;
    width: revert-layer;
}

.about img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 25px;
}

.about .btn-link.arrow::after {
    color: var(--green);
}

.about .team-card img {
    border-radius: 5px;
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 15px;
}

.about .team-card a {
    text-decoration: none;
}

.about .team-card .name {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    display: block;
    text-align: center;
}

.about .d-flex {
    margin-bottom: 10px;
}

.about .team-card .function {
    font-size: 15px;
    font-style: normal;
    margin-top: 2px;
    font-weight: 500;
    line-height: normal;
    display: block;
    text-align: center;
}

.higlighted-100 {
    padding-top: 120px;
    padding-bottom: 180px;
}

.higlighted-100 img {
    object-fit: cover;
    height: 400px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 30px;
}

.vacature-content-flexbuilder h2 {
    margin-bottom: 15px;
}

.vacature-alert-flexbuilder {
    background-color: var(--orange);
    position: relative;
    padding: 80px 0;
}

.vacature-alert-flexbuilder .with_frm_style .frm_top_container .frm_primary_label, .vac-alert .with_frm_style .frm_top_container .frm_primary_label {
    display: none !important;
}

.vacature-alert-flexbuilder * {
    color: #fff;
}

.vacature-alert-flexbuilder .frm_form_fields .frm_fields_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.vacature-alert-flexbuilder .frm_style_formidable-style.with_frm_style .form-field {
    width: 100%;
    margin: 0;
}

.vac-alert .frm_style_formidable-style.with_frm_style .form-field {
    margin: 0;
}

.vacature-alert-flexbuilder .frm_form_fields .form-field input, .vac-alert .frm_form_fields .form-field input {
    border-radius: 40px !important;
    padding: 18px 15px;
}

.vacature-alert-flexbuilder .with_frm_style .frm_form_fields > fieldset {
    margin: 0 !important;
    padding: 0 !important;
}

.vacature-alert-flexbuilder button.frm_button_submit.frm_final_submit {
    background-color: #C64E35 !important;
}

.vacature-alert-flexbuilder p {
    padding: 0;
    margin: 0;
}

.vacature-alert-flexbuilder h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.vacature-alert-flexbuilder::before {
    content: '\f0f3';
    font-family: "Fontawesome";
    font-size: 25px;
    color: var(--orange);
    padding: 3px;
    border-radius: 50px;
    background-color: #fff;
    top: -30px;
    left: 15%;
    width: 60px;
    height: 60px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.standard-form {
    padding: 100px 0;
}

.latest-news {
    background-color: #00B49D;
    background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/honey-bg-green.png);
    background-size: cover;
    background-blend-mode: color;
    padding: 120px 0;
    margin: 40px 0;
}

.latest-news .wpgb-card-body {
    height: 165px;
}

/* gridbuilder */

.wpgb-grid-2 .wpgb-prev-button, .wpgb-grid-2 .wpgb-next-button {
    border-radius: 0 !important;
    clip-path: polygon(50% 100%, 100% 80%, 100% 20%, 50% 0%, 0 20%, 0 80%);
    width: 38px !important;
}

.wpgb-pagination {
    margin-top: 30px !important;
}

.wpgb-pagination .wpgb-page a {
    color: var(--text) !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.wpgb-facet .wpgb-search-facet input.wpgb-input {
    color: #000 !important;
}
.wpgb-facet .wpgb-pagination li a[aria-current] {
    background-color: var(--background);
    border-radius: 50px;
}

.filter .wpgb-facet {
    margin-bottom: 25px;
}

.wpgb-facet .wpgb-input, .wpgb-facet .wpgb-select, .wpgb-facet .wpgb-button:not(button), .wpgb-facet .wpgb-radio .wpgb-radio-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before {
    color: #fff !important;
    border-color: #fff !important;
}

.filter .wpgb-facet .wpgb-hierarchical-list {
    margin-top: 10px;
}

.wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after {
    color: #fff !important;
    background-color: #fff !important;
}

.wpgb-facet .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-control {
    border-color: #fff !important;
}

.wpgb-facet select.wpgb-select:not([multiple]) {
    color: #000 !important;
}

span.wpgb-radio-label {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.home .latest-news {
    margin-bottom: 0;
}

.latest-news h2, .latest-news .intro p {
    color: #fff;
    margin-bottom: 0;
}

.latest-news .wpgb-area-top-2 {
    position: relative;
    top: -40px;
}

.latest-news .wpgb-area-top-2 button {
    border-radius: 30px;
}

.latest-news button.wpgb-prev-button {
    margin-right: 5px;
}

.wpgb-card-2 .wpgb-card-content.wpgb-scheme-dark .wpgb-card-body {
    border-radius: 0px 0px 20px 20px;
    padding: 15px 30px;
}

.wpgb-card-2 .wpgb-card-media {
    height: 240px;
}

.wpgb-card-2 .date  {
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    color: var(--green) !important;
}

.wpgb-card-2 .post-card-name  {
    font-size: 18px !important;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 24px !important; 
    color: var(--text);
    margin-bottom: 10px !important;
}

.wpgb-card-2 .post-card-name:hover  {
    color: var(--text) !important;
}

.wpgb-card-2 .intro-post-card  {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important; 
    -webkit-box-orient: vertical !important;

    color: #8D8D8D !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 25px !important;
}

.wpgb-card-2 .wpgb-card-media-thumbnail {
    border-radius: 20px 20px 0px 0px;
}

.reviews {
    padding: 160px 0;
    height: 95vh;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.reviews h2 {
    color: #fff;
}

.reviews .content p {
    display: block;
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    margin-bottom: 10px;
}

.reviews .writer {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--text);
}

.reviews .writer::before {
    content: '-';
    font-weight: 600;
    color: var(--orange);
    margin-right: 10px;
}

.review-slider {
    width: 100%;
    overflow: hidden;
    margin-top: -5px;
    margin-bottom: 40px;
}

.review-slider .review-card {
    margin-right: 40px;
    background-color: #fff;
    border-radius: 10px;
    padding: 25px;


}

.review-slider .review-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5; 
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    font-size: 16px;
    height: 185px;
}

.reviews::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-color: #00000082;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.reviews .row, .reviews .container {
    height: 100%
}

.reviews .slick-list.draggable {
    margin-top: 60px;
}

.reviews ul.slick-dots {
    top: 0px !important;
    left: -20px !important;
}

.reviews ul.slick-dots li button {
    border-color: #fff !important;
}

.reviews ul.slick-dots li.slick-active button {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.review-single p {
    margin-bottom: 5px;
}

.review-single h2 {
    margin-bottom: 20px;
}

.review-single span {
    font-weight: 600;
    display: block;
    margin-bottom: 25px;
}



/* ------------------------- */

section.flex-item.contact_block .title {
    font-size: 65px;
    font-weight: bold;
    line-height: normal;
    padding-bottom: 30px;
}

section.flex-item.contact_block .subtitle {
    padding-bottom: 30px;
}

section.flex-item.contact_block i {
    margin-right: 5px;
}

section.flex-item.contact_block .phone {
    margin-bottom: 15px;
}

section.flex-item.contact_block h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: var(--font-standard);
}

input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #000 !important;
}

label {
    font-weight: 200 !important;
    font-family: var(--font-standard) !important;
}

button.frm_button_submit.frm_final_submit {
    background-color: var(--orange) !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    padding: 15px 60px !important;
}

#frm_form_12_container .vertical_radio .frm_primary_label  {
    color: var(--text) !important;
}


#frm_form_12_container .vertical_radio .frm_opt_container label {
    color: var(--text) !important;
    font-weight: 500 !important;
}


.frm_form_fields .form-field input {
    border-radius: 5px !important;
    border: 1px solid #dddddd !important;
    background: #FFF !important;
}

.page-id-762 .frm_form_fields .form-field input, .page-id-762 .frm_form_fields .form-field textarea {
    border: 1px solid #a5a5a5 !important;
}

.page-id-762 .with_frm_style .frm_top_container .frm_primary_label {
    color: var(--text) !important;
}

.frm_form_fields .form-field textarea {
    border: 1px solid #dddddd !important;
}

.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    font-size: 15px !important;
    font-style: normal;
    font-family: "Raleway", sans-serif !important;
    font-weight: 900 !important;
    line-height: normal;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    color: #c9c9c9 !important;
    margin-bottom: 5px !important;
}

#frm_field_19_container, #frm_field_22_container, #frm_field_29_container, #frm_field_32_container{
    display: none;
}

.single-form .frm_form_fields .form-field input {
    border: 1px solid #F0E2E1 !important;
    background: #FFF !important;
}

.single-form .frm_form_fields .form-field textarea {
    border-color: #F0E2E1 !important ;
}

.single-form .with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    color: #C59B96 !important;
}

.single-form .frm_dropzone.frm_single_upload {
    max-width: unset;
    height: 43px !important;
    min-height: 43px !important;
}

.single-form .frm_dropzone .dz-message {
    border: 1px solid #F0E2E1;
    background: #ffffff;
    border-radius: 5px;
    max-height: 42px;
    font-size: 10px;
    text-align: center;
    margin: 0;
    padding: 8px 0 !important;
}

.single-form .frm_dropzone .frm_small_text {
    display: none;
}

.single-form .with_frm_style .frm_dropzone .frmsvg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.single-form  .with_frm_style .frm_submit.frm_flex {
    justify-content: center;
}

.more-vac {
    background-color: var(--orange);
    background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/patternwidth.png);
    background-size: cover;
    padding: 100px 0;
}

.more-vac  h2 {
    color: #fff;
}

.more-vac .wpgb-grid-3 .wpgb-area-top-2 {
    position: relative;
    top: -45px;
    margin-bottom: -20px !important;
    float: right;
}

.more-vac .wpgb-grid-3 .wpgb-prev-button, 
.more-vac .wpgb-grid-3 .wpgb-next-button {
    background-color: #fff;
    clip-path: polygon(50% 100%, 100% 80%, 100% 20%, 50% 0%, 0 20%, 0 80%);
}

.more-vac .wpgb-grid-3 .wpgb-next-button {
    margin-left: 12px;
}

.more-vac .wp-grid-builder .wpgb-layout {
    margin-top: 35px;
}

.more-kandi {
    background-color: var(--green);
    background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/more-kandi-bg.png);
    background-size: cover;
    padding: 100px 0;
}

.more-kandi h2 {
    color: #fff;
}

.more-kandi .with_frm_style .frm_submit.frm_flex {
    justify-content: center !important;
}

.more-kandi .wpgb-grid-3 .wpgb-area-top-2 {
    position: relative;
    top: -45px;
    margin-bottom: -20px !important;
}

.more-kandi .wpgb-grid-3 .wpgb-prev-button, 
.more-kandi .wpgb-grid-3 .wpgb-next-button {
    background-color: #fff;
    clip-path: polygon(50% 100%, 100% 80%, 100% 20%, 50% 0%, 0 20%, 0 80%);
}

.more-kandi .wpgb-grid-3 .wpgb-next-button {
    margin-left: 12px;
}

section.flex-item.voor_na h2 {
    font-size: 70px;
    font-weight: bold;
}

section.flex-item.voor_na .image-placeholder {
    position: relative;
    height: 120%;
    margin-top: -5%;
    background: var(--image-background);
}

.btn {
    font-weight: normal;
    padding: 12px 40px !important;
    border-radius: 50px;
}

.btn.arrow::after {
    content: '\f178';
    font-family: "fontawesome";
    margin-left: 15px;
    font-weight: 200;
}

.btn-link {
    color: var(--text);
}

.btn-link.arrow::after {
    color: var(--orange);
}

a.btn {
    font-weight: 600;
    text-decoration: none;
}

a.btn-orange:hover, a.btn-green:hover  {
    color: #fff;
}
 
.btn-orange {
    background-color: var(--orange);
    color: #fff;
    border: 1.5px solid #bb4a33;
}

.btn-orange-first {
    background-color: #f3856d;
    color: #fff;
    border: 2px solid #f3856d;
}

.btn-green-first {
    background-color: #2dd6c0;
    color: #fff;
    border: 2px solid #2dd6c0;
}

.btn-outline {
    background-color: transparent;
    color: #fff;
    border: 2px solid #ffffff;
}

.btn-green {
    background-color: var(--green);
    color: #fff;
    border: 1.5px solid #02917e;
}




.btn-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 900 !important;
    line-height: normal;
    text-transform: uppercase;
    padding: 0 !important;
}

.btn-link:hover {
    color: #000;
}

section.flex-item.prijslijst {
    background: linear-gradient(180deg, #F9F2EF 30%, #F3E5E0 0%);
}

section.flex-item.prijslijst .with-background {
    padding: 60px;
    background: #FFF;
    margin-bottom: 60px;
}

h3 {
    font-family: var(--font-standard);
    font-size: 25px;
}

section.flex-item.prijslijst .toptitle {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

section.flex-item.prijslijst .title {
    font-size: 70px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 15px;
}

.faq-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
    margin-left: 10px;
    margin-right: 10px;
}

/* Vacature archive */
.archive-container .filter {
    width: 25%;
    margin-top: -100px;
    padding: 80px 20px;
    z-index: 1;
    position: relative;
    display: none;
}

.archive-container #filter-btn {
    display: block;
    width: 75%;
    margin: 0 auto;
    background: transparent;
    border: 0;
    margin-bottom: 12px;
    color: var(--text);
    font-weight: 600;
}

.archive-container.vacatures .filter {
    background-color: var(--orange);
}

.archive-container.kandidaten .filter {
    background-color: var(--green);
}

.post-type-archive-succesverhalen .date{
    display:none !important; 
}

.archive-container.vacatures .filter::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
   /* background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/filter-background.png);*/
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.archive-container.kandidaten .filter::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
   /* background-image: url(/https/www.meinselect.nl/wp-content/uploads/2023/12/filter-background-2.png);*/
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.newsletter {
    border-radius: 20px;
    background: #FFF;
    padding: 30px 20px;
    margin-top: 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 160px;
}

.newsletter .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 10px 0;
}

.newsletter  .frm_style_formidable-style.with_frm_style .frm_submit button {
    margin: 0;
}

.newsletter .with_frm_style fieldset {
    padding: 0;
}

.newsletter .title {
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.post-type-archive-kandidaten  .newsletter .newsletter button.frm_button_submit.frm_final_submit {
    background-color: var(--green) !important;
}

.archive-container .filter .filter-container {
    width: 70%;
    margin: 0 auto;
    height: 100%;
}

.filter-container .wpgb-checkbox-label {
    color: #fff !important;
}

.filter-container .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control {
    background-color: var(--text) !important;
}

.filter .filter-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin-bottom: 30px;
}

.filter .filter-title i {
    margin-right: 10px;
}

select.wpgb-sort.wpgb-select {
    border: none !important;
}

.filter .wpgb-facet-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-bottom: 5px !important;
    color: #fff !important;
}

.filter input.wpgb-input {
    border-radius: 2px !important;
    border: 1px solid #F4F4F4 !important;
    background: #FFF !important;
}

.archive-container .cardloop {
    width: 75%;
}

.cardloop .wpgb-sidebar-left {
    display: none;
}

.archive-container .cardloop .vacature-loop, .archive-container .cardloop .kandidaat-loop  {
    width: 80%;
    margin: 0 auto;
}

.vacature-loop  .wpgb-area-top-2, .kandidaat-loop .wpgb-area-top-2 {
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.wpgb-facet>fieldset:last-child {
    margin: 0 !important;
}

/* vacature card */

.vacature-loop .wpgb-card, .kandidaat-loop .wpgb-card {
    border-radius: 20px !important;
    background: #FFF !important;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    padding: 30px 25px !important;
    margin-bottom: 30px;
    height: 275px;
}

.title-vacature {
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: normal !important;
    color: var(--text);
    margin-bottom: 8px !important;
    display: flex;
    align-items: start;
    justify-content: space-between;
    text-decoration: none !important;
}

a.wpgb-block-1.title-vacature.wpgb-idle-scheme-1{
    display: flex;
}

.title-vacature::after {
    content: '\f061';
    font-family: 'Fontawesome';
    float: right;
    width: 40px;
    font-size: 17px;
    min-width: 38px;
    height: 40px;
    min-height: 40px;
    position: relative;
    top: -5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FCF3F2;
    clip-path: polygon(50% 100%, 100% 80%, 100% 20%, 50% 0%, 0 20%, 0 80%);
}

.kandidaat-loop .title-vacature:hover::after {
    background-color: var(--green);
}

.title-vacature:hover::after {
    background-color: var(--orange);
    color: #fff;
}

.vacature-loop .wpgb-card .regio-card span, .vacature-loop .wpgb-card .vakgebied-card span, .vacature-loop .wpgb-card .salary-card {
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    color: var(--orange) !important;
    margin-bottom: 5px !important;
}

.kandidaat-loop .wpgb-card .regio-card span, .kandidaat-loop .wpgb-card .vakgebied-card span, .kandidaat-loop .wpgb-card .school-card{
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    color: var(--green) !important;
    margin-bottom: 5px !important;
}

.wpgb-card .regio-card span:first-of-type:before {
    content: '\f3c5';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 12px;
}

.wpgb-card .vakgebied-card span::before {
    content: '\f19d';
    font-family: 'Fontawesome';
    margin-right: 4px;
    position: relative;
    left: -3px;
}

.wpgb-card .salary-card::before {
    content: '\f153';
    font-family: 'Fontawesome';
    margin-right: 5px;
    background-color: var(--orange);
    color: #fff;
    padding: 3px 6px;
    position: relative;
    left: -3px;
    font-size: 11px;
    border-radius: 30px;
}


.wpgb-card .school-card::before {
    content: '\f549';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 5px;
    color: var(--green);
    left: -3px;
    position: relative;
}

.wpgb-card .intro-card {
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 25px !important; 
    color: #170301 !important;
    margin-top: 12px !important;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2; 
    -webkit-box-orient: vertical;
}

.main-item {
    margin-bottom: 15px;
}

.main-item .topper {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #F3E5E0;
    cursor: pointer;
}

.main-item .top-title {
    text-transform: uppercase;
    font-weight: bold;
}

.main-item i {
    position: relative;
    top: 5px;
}

.faq-answers .faq-item:nth-last-child(1) {
    border-bottom: none !important;
}

.faq_title {
    font-weight: 600;
}

.price {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

.repeater .main-item:nth-child(n+2) .faq-answers {
    display: none;
}

.socials a img {
    transform: scale(1);
    transform: ease-in-out all 250ms;
}

.socials a:hover img {
    transform: scale(1.1);
    transform: ease-in-out all 250ms;
}

/* Slick */
.slick-dots {
    top: 15px;
    text-align: left !important;
    margin-left: 20px !important;

}

ul.slick-dots li button {
    border-radius: 30px;
    background: transparent;
    border: 2px solid #000;
    width: 15px;
    height: 15px;
    margin: 0 3px !important;
}

ul.slick-dots li.slick-active button {
    background: #000;
    border-color: #000;
}

/* Desktop styling only */
@media screen and (min-width: 768px) {
    #logo img {
        height: 55px;
    }
    footer .col-md-12.logo-socials.p-0 .socials {
        padding-top: 45spx;
    }
    .behandeling-item {
        position: relative;
        cursor: pointer;
        top: 0;
        transition: all ease-in-out 250ms;
    }
    .behandeling-item:hover {
        position: relative;
        cursor: pointer;
        top: -10px;
        transition: all ease-in-out 250ms;
    }
    .row.slick-behandelingen {
        position: relative;
        width: 125%;
        overflow: scroll;
    }
    .row.slick-behandelingen {
        position: relative;
        width: 100%;
        overflow-x: scroll;
        overflow-y: overlay;
        padding-bottom: 40px;
        padding-top: 15px;
        display: flex;
        flex-wrap: nowrap;
    }
    .row.slick-behandelingen .col-md-3 {
        float: left;
    }

    .behandeling-item {
        position: relative;
        width: 350px;
        float: left;
        margin-bottom: 15px;
        margin-right: 15px;
        height: 208px;
    }
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        border-radius: 6px;
        cursor: pointer;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        cursor: pointer;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: var(--image-background);
        cursor: pointer;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--image-background);
        cursor: pointer;
    }

    button.slick-arrow {
        padding: 20px;
        border: 0;
        background: url(/https/www.meinselect.nl/wp-content/themes/on-theme/img/slick-arrows.png);
        position: absolute;
        text-indent: 999px;
        overflow: hidden;
        height: 60px;
        width: 60px;
        top:50%;
        transform: translateY(-50%);
        z-index: 2;
    }
    button.slick-arrow.slick-next {
        position: absolute;
        right: -150px;
        background-position: right;
    }
    button.slick-arrow.slick-prev {
        position: absolute;
        left: -150px;
        margin-top: -30px;
        background-position: right;
        transform: rotate(180deg);
    }
}

/* Mobile styling only */
@media screen and (max-width: 1650px) {
    .single-sidebar .d-flex.align-items-center {
        flex-direction: column;
    }

    .contact-head a p {
        display: none;
    }
}


@media screen and (max-width: 1350px) {
    .single-sidebar .d-flex.align-items-center {
        flex-direction: column;
    }

    nav .contact-head {
        display: none;
    }
}


@media screen and ( min-width: 991px) {
    #mobile-menu {
        display: none;
    }
    .archive-container .filter {
        display: block !important;
    }

    .archive-container #filter-btn {
        display: none !important;
    }

    .vacature-loop .wpgb-card .wpgb-block-6, .kandidaat-loop .wpgb-card .wpgb-block-6  {
        position: absolute !important;
        bottom: -5px !important;
    }
}


@media screen and (max-width: 991px) {
    #primary-menu {
        display: none;
    }
    #logo{ height:100px;}
    .home main#main-header {
        height: 100%;
    }

    header{
        top: 0;
    }
    
    nav ul li:last-child a {
        padding: 0;
    }

    nav ul.sub-menu li a {
        padding: 4px 10px;
        width: 100%;
        line-height: 1.4;
    }

    #logo img {
        height: 50px;
        width: auto !important;
    }

    .menu-hoofdmenu-container {
        display: none;
    }

    .mobile-menu-toggle-position {
        position: absolute;
        top: 15px;
        right: 15px;
        display: block;
        z-index: 9999;
        background: #FFF;
        border-radius: 50%;
    }

    .mobile-menu .sub-menu {
        left: 0;
    }

    .mobile-menu .sub-menu li {
        padding: 6px 1px;
    }

    button.menu-toggle {
        height: 50px;
        width: 50px;
        border: 0;
        background: transparent;
        outline: 0;
        top: -5px;
        position: relative;
    }

    .menu-toggle div {
        position: relative;
        width: 90%;
        margin: auto;
        height: 2px;
        background: var(--text);
    }

    .menu-toggle div:nth-child(2) {
        position: relative;
        top: 5px;
        width: 90%;
        margin: auto;
        height: 2px;
        background: var(--text);
    }

    .menu-toggle div:nth-child(3) {
        position: relative;
        top: 10px;
        width: 90%;
        margin: auto;
        height: 2px;
        background: var(--text);
    }

    .menu-open .menu-hoofdmenu-container {
        display: block;
    }

    .menu-open {
        touch-action: none;
    }

    .menu-open #main-header, .menu-open #main-content, .menu-open footer {
        display: none !important;
    }

    .menu-open {
        touch-action: none;
        position: relative;
        height: 100%;
        background-color: var(--image-background);
    }

    ul#mobile-menu-ul {
        overflow: scroll;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100vh;
        background-color: #fff;
        z-index: 99;
        transition: all ease-in-out 250ms;
        padding: 100px 20px 100px 45px;
        display: block;
    }

    ul#mobile-menu-ul li a {
        color: var(--text) !important;
    }

    #mobile-menu-ul li {
        position: relative;
        width: 100% !important;
        padding-bottom: 7.5px;
        margin-bottom: 7.5px;
        text-align: left;
    }

    .wpgb-facet.wpgb-facet-6 {
        display: none;
    }

    #mobile-menu-ul li a {
        text-transform: uppercase;
        font-size: 25px;
        text-decoration: none !important;
    }

    nav {
        align-items: unset;
    }

    nav .menu-item-has-children {
        padding: 10px 20px;
    }

    nav .menu-item-has-children::after {
        color: var(--text);
        top: 12px;
        right: 15px;
    }

    nav .sub-menu {
        position: relative;
        background-color: transparent;
        box-shadow: none;
        margin-top: 15px;
    }

    #mobile-menu-ul .sub-menu li a {
        font-size: 18px;
        
    }

    .outer-container {
        width: 100%;
    }

    .home .top-header-intro {
        flex-direction: column;
    }

    .home .vacatures-head, .home .kandidaten-head {
        height: 100% !important;
        width: 100% !important;
    }

    .home .top-header-intro .container-head {
        width: 80%;
    }

    .home .top-header-intro .container-head {
        padding: 120px 0;
        overflow: unset;
    }

    .home .arrow-slide {
        display: none !important;
    }

    .home .top-header-intro h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    .single-header-post h1 {
        font-size: 24px;
        line-height: 1.2;
    }

    .single-header-post #breadcrumbs {
        line-height: 1.4;
    }

    .single-header {
        height: 500px;
        padding: 80px 0px;
    }

    .single-header h1 {
        font-size: 35px;
        line-height: 1.4;
    }

    .single-cpt-header p {
        width: 100%;
    }

    .single-sidebar .solliciteer .title, .single-sidebar .solliciteer p {
        display: none;
    }

    .filter .filter-title {
        display: none;
    }

    .single-cpt-header .tags {
        flex-direction: column;
        gap: 5px;
        margin-top: 10px;
    }

    .post-type-archive .single-header h1 {
        width: 100%;
    }

    .omschrijving-deelname-product .title {
        font-size: 32px;
    }

    .archive-container {
        padding-top: 30px;
    }

    .archive-container .cardloop .vacature-loop, .archive-container .cardloop .kandidaat-loop {
        width: 100%;
    }

    .archive-container .d-flex {
        justify-content: center;
        flex-wrap: wrap;
    }

    .archive-container .filter {
        margin-top: 0;
        width: 100%;
        padding: 30px 20px;
    }

    .filter .newsletter {
        display: none;
    }


    nav .contact-head {
        display: none;
    }

    .populair-regio {
        margin: 0;
    }

    .populair-regio .vacature-img-slider {
        display: none;
    }

    .populair-regio .heading {
        width: 100%;
    }

    .vac-alert {
        padding: 40px 15px;
        top: 0;
    }

    .vac-alert #form_vacaturealert .frm_fields_container {
        flex-direction: column;
        padding-top: 24px;
    }

    .about .row:first-of-type {
        gap: 100px;
    }

    .latest-news .wpgb-area-top-2 {
        top: unset;
        margin: 15px 0 !important;
    }

    .reviews {
        height: 100%;
    }

    .review-slider {
        width: 100%;
    }

    .more-vac .wpgb-grid-3 .wpgb-area-top-2 {
        top: unset;
        justify-content: center !important;
        float: unset;
        margin-bottom: unset;
    }

    button.frm_button_submit.frm_final_submit {
        padding: 15px 35px !important;
    }

    .single-sidebar .solliciteer {
        position: fixed;
        right: 25px;
        bottom: 25px;
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .single-sidebar .solliciteer .d-flex {
        gap: 15px;
    }

    .responsive-tel {
        display: block !important;
        color: #fff;
        background-color: #000;
        padding: 12px 16px;
        border-radius: 50px;
    }

    .single-sidebar {
        position: relative;
        margin-top: 0;
        top: 0;
        margin-left: 0;
    }

    .single-sidebar .d-flex.align-items-center {
        flex-direction: row;
    }

    .single-cpt-header {
        height: 100%;
        padding: 130px 20px;
    }

    .fifty-fifty.honey-bg {
        margin: 0;
    }

    .fifty-fifty .row .col-lg-6 div {
        padding: 0 !important;
    }

    .vacature-alert-flexbuilder::before {
        left: 5%;
    }

    .title-vacature {
        font-size: 18px !important;
    }

    footer .d-flex {
        flex-direction: column;
        gap: 25px;
    }


}


@media screen and (max-width: 768px) {
    button.slick-arrow {
        display: none !important;
    }
    .vacature-content-single .outer-container {
        width: 100%;
    }
    .team-card {
        margin-bottom: 20px;
    }
    section.flex-item.contact_block .title {
        font-size: 40px;
        font-weight: bold;
        line-height: normal;
        padding-bottom: 30px;
    }
    section.flex-item.contact_block h3 {
        margin-top: 30px;
    }
    .offset-1 {
        margin-left: 0;
    }
    section.flex-item.prijslijst .with-background {
        padding: 15px;
        background: #FFF;
        margin-bottom: 30px;
    }
    footer .col-md-12.lowerbar.p-0 {
        display: contents;
    }
    footer .contactsocials {
        margin-bottom: 15px;
    }
    footer {
        padding: 40px 15px;
    }
    footer .lowerbar .socials {
        margin-top: 40px;
        text-align: left;
    }
    footer .voorwaarden {
        text-align: left;
    }
    footer .voorwaarden p {
        font-size: 14px;
    }
    .flex-item {
        padding: 35px 0;
    }
    section.flex-item.over_dr_catherina_meijer_block .col-md-12.uitgelicht-block {
        padding: 15px;
        background: #FFF;
        margin-bottom: 60px;
    }
    .slogan {
        position: relative;
        padding: 0px 0 30px 0;
        font-weight: bold;
        font-size: 50px;
        color: var(--text);
        max-width: 100%;
        margin-left: auto;
        line-height: 1.2;
    }
    .link-container {
        display: block;
        width: auto;
        max-width: 100%;
        margin-left: auto;
        padding: 15px 0;
        justify-content: space-between;
        border-top: 1px solid var(--text);
    }
    .flex-item {
        position: relative;
        width: 100%;
        max-width: 100%;
        overflow: hidden !important;
    }
}