/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


:root {
    --rr-container-max-width: 1040px;
}

.rr-elementor-child-theme .hero-banner .elementor-background-overlay,
.hero-banner.e-con::before {
    border-radius: 0 0 0 50px;
    margin-left: 30%;
}

@media (min-width: 1024px) {
    .rr-elementor-child-theme .header-nav-container {
        width: 100%;
    }

    .rr-elementor-child-theme
    .header-nav-container
    .elementor-nav-menu--layout-horizontal {
        justify-content: center;
    }

    .rr-elementor-child-theme .hero-banner .elementor-background-overlay,
    .hero-banner.e-con::before {
        margin-left: 70%;
    }

    section.sticky-left-inner::before {
        content: "";
        width: 100%;
        display: block;
        height: 100%;
        background: inherit;
        position: absolute;
        right: calc((100vw - var(--rr-container-max-width)) / 2);
        border-radius: inherit;
        top: 0;
    }
}

.rr-elementor-child-theme .current-menu-item a,
.rr-elementor-child-theme .current-menu-parent a,
.rr-elementor-child-theme .current-menu-ancestor a {
    font-weight: 800 !important;
}

.rr-elementor-child-theme .header-nav-section {
    position: absolute;
    top: var(--widgets-spacing);
    z-index: 1099;
}

.admin-bar.rr-elementor-child-theme .header-nav-section {
    position: absolute;
    top: calc(var(--widgets-spacing) + var(--wp-admin--admin-bar--height));
}

.rr-elementor-child-theme .footer-nav ul.elementor-nav-menu li:first-child a {
    padding-left: 0 !important;
}

/* Contact form contact page */
.wpcf7-form {
    color: white;
}

.bg-administratie,
.bg-administratief {
/*     background-color: var(--e-global-color-265092a); */
	background-image: linear-gradient(to right, var(--e-global-color-265092a) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}

.bg-gerechtsjuristen,
.bg-juridisch {
/*     background-color: var(--e-global-color-primary); */
	background-image: linear-gradient(to right, var(--e-global-color-primary) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}

.bg-financieel-accounting,
.bg-bedrijfsvoering,
.bg-communicatie-pers,
.bg-facilitair,
.bg-onderzoek-wetenschappelijk,
.bg-directie-management-leiding,
.bg-inkoop,
.bg-financieel-accounting,
.bg-secretarieel,
.bg-beleid,
.bg-callcenter-klantenservice,
.bg-onderwijs-opleidingen,
.bg-adviseur-bedrijfsvoering,
.bg-financieel-economisch,
.bg-hrm-po {
/*     background-color: var(--e-global-color-10f3d1a); */
	background-image: linear-gradient(to right, var(--e-global-color-10f3d1a) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}

.bg-bode-beveiliger,
.bg-bodes-beveiliging {
/*     background-color: var(--e-global-color-60718f6); */
	background-image: linear-gradient(to right, var(--e-global-color-60718f6) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}

.bg-rechters,
.bg-raadsheren,
.bg-rio-enz {
/*     background-color: var(--e-global-color-fd685ab); */
	background-image: linear-gradient(to right, var(--e-global-color-fd685ab) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}

.bg-ict {
/*     background-color: var(--e-global-color-secondary); */
	background-image: linear-gradient(to right, var(--e-global-color-secondary) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}
.rr-job-card__job-item {
	background-color: #ffffff;
	position: relative;
    background-repeat: no-repeat;
	transition: background-size 0.8s ease-out, background-position 0.8s ease-out;
}
a:hover .bg-administratie,
a:hover .bg-administratief {
	background-image: linear-gradient(to right, var(--e-global-color-265092a) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}

a:hover .bg-gerechtsjuristen,
a:hover .bg-juridisch {
	background-image: linear-gradient(to right, var(--e-global-color-primary) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}

a:hover .bg-financieel-accounting,
a:hover .bg-bedrijfsvoering,
a:hover .bg-communicatie-pers,
a:hover .bg-facilitair,
a:hover .bg-onderzoek-wetenschappelijk,
a:hover .bg-directie-management-leiding,
a:hover .bg-inkoop,
a:hover .bg-financieel-accounting,
a:hover .bg-secretarieel,
a:hover .bg-beleid,
a:hover .bg-callcenter-klantenservice,
a:hover .bg-onderwijs-opleidingen,
a:hover .bg-adviseur-bedrijfsvoering,
a:hover .bg-financieel-economisch,
a:hover .bg-hrm-po {
	background-image: linear-gradient(to right, var(--e-global-color-10f3d1a) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}

a:hover .bg-bode-beveiliger,
a:hover .bg-bodes-beveiliging {
	background-image: linear-gradient(to right, var(--e-global-color-60718f6) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}

a:hover .bg-rechters,
a:hover .bg-raadsheren,
a:hover .bg-rio-enz {
	background-image: linear-gradient(to right, var(--e-global-color-fd685ab) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}
a:hover .bg-ict {
	background-image: linear-gradient(to right, var(--e-global-color-secondary) 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}
a:hover .rr-job-card__job-item-title {
	text-decoration: underline;
	background-position: 0 0;
}
.bg-administratie .rr-job-card__job-item-title,
.bg-administratief .rr-job-card__job-item-title {
    color: var(--e-global-color-265092a);
}

.bg-gerechtsjuristen .rr-job-card__job-item-title,
.bg-juridisch .rr-job-card__job-item-title {
    color: var(--e-global-color-primary);
}

.bg-financieel-accounting .rr-job-card__job-item-title,
.bg-bedrijfsvoering .rr-job-card__job-item-title,
.bg-communicatie-pers .rr-job-card__job-item-title,
.bg-facilitair .rr-job-card__job-item-title,
.bg-onderzoek-wetenschappelijk .rr-job-card__job-item-title,
.bg-directie-management-leiding .rr-job-card__job-item-title,
.bg-inkoop .rr-job-card__job-item-title,
.bg-financieel-accounting .rr-job-card__job-item-title,
.bg-secretarieel .rr-job-card__job-item-title,
.bg-beleid .rr-job-card__job-item-title,
.bg-callcenter-klantenservice .rr-job-card__job-item-title,
.bg-onderwijs-opleidingen .rr-job-card__job-item-title,
.bg-adviseur-bedrijfsvoering .rr-job-card__job-item-title,
.bg-financieel-economisch .rr-job-card__job-item-title,
.bg-hrm-po .rr-job-card__job-item-title {
    color: var(--e-global-color-10f3d1a);
}

.bg-bode-beveiliger .rr-job-card__job-item-title,
.bg-bodes-beveiliging .rr-job-card__job-item-title {
    color: var(--e-global-color-60718f6);
}

.bg-rechters .rr-job-card__job-item-title,
.bg-raadsheren .rr-job-card__job-item-title,
.bg-rio-enz .rr-job-card__job-item-title {
    color: var(--e-global-color-fd685ab);
}

.bg-ict .rr-job-card__job-item-title {
    color: var(--e-global-color-secondary);
}

.rr-job-card__job-link {
	position: absolute;
  	top: 50%; 
  	right: 50px;
  	transform: translateY(-50%);
  	transition: right 0.3s ease;
}
a:hover .rr-job-card__job-link {
	right: 40px;
}
.rr-job-card__job-item-info > span {
	background-color: #f2f2f2;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 15px 10px 0 0;
}
.rr-job-card__job-item-info > span > span {
	padding-left: 10px;
}
.bg-administratie .rr-job-card__job-link,
.bg-administratief .rr-job-card__job-link {
    color: var(--e-global-color-265092a);
}

.bg-gerechtsjuristen .rr-job-card__job-link,
.bg-juridisch .rr-job-card__job-link {
    color: var(--e-global-color-primary);
}

.bg-financieel-accounting .rr-job-card__job-link,
.bg-bedrijfsvoering .rr-job-card__job-link,
.bg-communicatie-pers .rr-job-card__job-link,
.bg-facilitair .rr-job-card__job-link,
.bg-onderzoek-wetenschappelijk .rr-job-card__job-link,
.bg-directie-management-leiding .rr-job-card__job-link,
.bg-inkoop .rr-job-card__job-link,
.bg-financieel-accounting .rr-job-card__job-link,
.bg-secretarieel .rr-job-card__job-link,
.bg-beleid .rr-job-card__job-link,
.bg-callcenter-klantenservice .rr-job-card__job-link,
.bg-onderwijs-opleidingen .rr-job-card__job-link,
.bg-adviseur-bedrijfsvoering .rr-job-card__job-link,
.bg-financieel-economisch .rr-job-card__job-link,
.bg-hrm-po .rr-job-card__job-link {
    color: var(--e-global-color-10f3d1a);
}

.bg-bode-beveiliger .rr-job-card__job-link,
.bg-bodes-beveiliging .rr-job-card__job-link {
    color: var(--e-global-color-60718f6);
}

.bg-rechters .rr-job-card__job-link,
.bg-raadsheren .rr-job-card__job-link,
.bg-rio-enz .rr-job-card__job-link {
    color: var(--e-global-color-fd685ab);
}

.bg-ict .rr-job-card__job-link {
    color: var(--e-global-color-secondary);
}

.transparent-white-search-form .elementor-search-form__container {
    background: transparent !important;
    border-bottom: 1px solid var(--e-global-color-0acb7bc);
}

.transparent-white-search-form input.elementor-search-form__input,
.transparent-white-search-form input.elementor-search-form__input:focus {
    color: var(--e-global-color-0acb7bc) !important;
}

.transparent-white-search-form button.elementor-search-form__submit {
    background: transparent;
}

/** Homepage job groups section */
.job-groups > .elementor-container {
    position: relative;
    width: 98%;
}

.job-groups > .elementor-container::before {
    height: 70%;
    background: url("./assets/svg/sm-vector-2.svg");
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 100%;
    top: 13%;
    z-index: 0;
}

.job-groups > .elementor-container::after {
    height: 90%;
    width: 100%;
    background-image: url("./assets/svg/sm-vector-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-position-x: right;
    z-index: 0;
}

.job-group-left,
.job-group-right {
    z-index: 1;
    position: unset;
}

.job-group-left > .elementor-widget-wrap,
.job-group-right > .elementor-widget-wrap {
    position: unset;
}

.job-group-right > .elementor-widget-wrap > .elementor-widget-heading {
    top: 10%;
    right: 10%;
    position: absolute;
    width: auto;
}

@media (max-width: 992px) {
    .job-group-right a.elementor-button,
    .job-group-left a.elementor-button {
        width: 100%;
    }

    .job-group-right span.elementor-button-text,
    .job-group-left span.elementor-button-text {
        text-align: left;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-heading {
        top: unset;
        bottom: 10%;
    }

    .job-groups > .elementor-container::before {
        height: 50%;
        bottom: 12%;
        top: unset;
    }
}

@media (min-width: 1024px) {
    .job-groups > .elementor-container {
        min-height: 1100px;
    }

    .job-groups > .elementor-container::before {
        height: 50%;
        top: 12%;
        background-image: url("./assets/svg/vector-2.svg");
        transform: none;
    }

    .job-groups > .elementor-container::after {
        background-image: url("./assets/svg/vector-1.svg");
    }

    .job-group-left > .elementor-widget-wrap > .elementor-widget-button:nth-child(1) {
        left: 1% !important;
        top: 40%;
        position: absolute;
    }

    .job-group-left > .elementor-widget-wrap > .elementor-widget-button:nth-child(2) {
        top: 32% !important;
        left: 18% !important;
        position: absolute;
    }

    .job-group-left > .elementor-widget-wrap > .elementor-widget-button:nth-child(3) {
        top: 43% !important;
        left: 35% !important;
        position: absolute;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-heading {
        top: 8%;
        right: 3%;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-button,
    .job-group-left > .elementor-widget-wrap > .elementor-widget-button {
        position: absolute;
        width: auto;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-button:nth-child(1) {
        top: 55%;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-button:nth-child(2) {
        top: 34% !important;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-button:nth-child(3) {
        top: 43% !important;
        right: 25% !important;
    }

    .job-group-right > .elementor-widget-wrap > .elementor-widget-button:nth-child(4) {
        top: 37% !important;
        right: 5% !important;
    }
}

/** End Homepage job groups section */

/* Job load more button */
.facetwp-facet-jobs_pager {
    display: flex;
}

.facetwp-facet-jobs_pager .facetwp-load-more {
    margin: 0 auto;
}

/* End Job load more button */

/** Job filters */
.jobs-filters-sidebar .facetwp-input-wrap {
    display: block;
}

.jobs-filters-sidebar .fs-wrap {
    display: block;
    width: 100%;
}

.jobs-filters-sidebar .facetwp-radius-slider {
    width: 100%;
}

/*********** Baseline, reset styles ***********/
.jobs-filters-sidebar input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
}

/* Removes default focus */
.jobs-filters-sidebar input[type="range"]:focus {
    outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
.jobs-filters-sidebar input[type="range"]::-webkit-slider-runnable-track {
    background-color: #b2b2b2;
    border-radius: 0.5rem;
    height: 2px;
}

/* slider thumb */
.jobs-filters-sidebar input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -9px; /* Centers thumb on the track */
    background-color: #9c1f5f;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.jobs-filters-sidebar input[type="range"]:focus::-webkit-slider-thumb {
    outline: 3px solid #9c1f5f;
    outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
.jobs-filters-sidebar input[type="range"]::-moz-range-track {
    background-color: #9c1f5f;
    border-radius: 0.5rem;
    height: 2px;
}

/* slider thumb */
.jobs-filters-sidebar input[type="range"]::-moz-range-thumb {
    background-color: #9c1f5f;
    border: none; /*Removes extra border that FF applies*/
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.jobs-filters-sidebar input[type="range"]:focus::-moz-range-thumb {
    outline: 3px solid #9c1f5f;
    outline-offset: 0.125rem;
}

.jobs-filters-sidebar .facetwp-radius-title,
.jobs-filters-sidebar .facetwp-radius-label-max,
.jobs-filters-sidebar .facetwp-radius-unit,
.jobs-filters-sidebar .facetwp-radius-dist {
    color: #9c1f5f;
}

.jobs-filters-sidebar .facetwp-radius-label-max,
.jobs-filters-sidebar .facetwp-radius-unit,
.jobs-filters-sidebar .facetwp-radius-dist {
    font-size: 16px;
}

.jobs-filters-sidebar .facetwp-radius-title {
    margin-top: var(--widgets-spacing);
}

.jobs-filters-sidebar .fs-label-wrap::after {
    content: url(./assets/svg/chevron-right.svg);
    right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
}

.jobs-filters-sidebar .fs-open .fs-label-wrap::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.4s;
}

.jobs-filters-sidebar .fs-label-wrap {
    background: none;
    border: none;
    color: var(--e-global-color-0acb7bc);
    cursor: pointer;
}

.jobs-filters-sidebar .fs-label-wrap .fs-label {
    padding-left: 0;
}

.jobs-filters-sidebar .fs-search {
    display: none;
}

.jobs-filters-sidebar .fs-arrow {
    display: none;
}

.jobs-filters-sidebar .facetwp-facet {
    margin-bottom: 0;
}

.jobs-filters-sidebar .fs-dropdown.fs-hidden {
    max-height: 0;
    border: none;
    overflow: hidden;
    position: relative;
    opacity: 0;
    display: block !important;
}

.jobs-filters-sidebar .fs-dropdown {
    max-height: 100%;
    position: relative;
    transition: 0.4s;
    background: none;
    border: none;
    color: white;
}

.jobs-filters-sidebar .fs-dropdown .fs-options {
    margin-top: 10px;
}

.jobs-filters-selection .facetwp-selections ul {
    padding-inline-start: 0;
}

.jobs-filters-selection .facetwp-selections ul li span.facetwp-selection-value {
    font-size: 16px;
    background-image: url('https://webgato-dev2.nl/wp-content/uploads/2025/01/xmark-solid.svg');
    background-color: #cecece;
    background-position: right 10px center;
    padding: 8px 30px 8px 10px;
    border-radius: 5px;
    color: #000000;
	font-weight: bold;
}
.jobs-filters-selection .facetwp-selections ul li span.facetwp-selection-value:hover {
	background-image: url('https://webgato-dev2.nl/wp-content/uploads/2025/01/xmark-solid-1.svg');
	background-color: #9C1F5F;
	color: #ffffff;
}

.jobs-filters-selection .facetwp-selection-label {
    display: none;
    margin: 0;
    padding: 0;
}

.jobs-filters-selection .facetwp-selections .facetwp-selection-value {
    background-image: url("./assets/svg/icon-close-white.svg");
}

.jobs-filters-sidebar .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: var(--e-global-color-0acb7bc);
}

.jobs-filters-sidebar .facetwp-type-fselect .fs-option .fs-option-label {
    white-space: break-spaces;
}

.jobs-filters-sidebar .selected .fs-checkbox::before {
    content: url(./assets/svg/icon-checked.svg);
    display: block;
    position: absolute;
    font-size: 12px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

/** Custom location toggle */
.jobs-filters-sidebar .location-toggle {
    position: relative;
    cursor: pointer;
}

.jobs-filters-sidebar .location-toggle::after {
    content: url(./assets/svg/chevron-right.svg);
    right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
    color: var(--e-global-color-0acb7bc);
}

.jobs-filters-sidebar .location-toggle.open::after {
    transform: translateY(-50%) rotate(90deg);
}

.jobs-filters-sidebar .facetwp-search {
    background: none;
    border: none;
    border-bottom: 1px solid var(--e-global-color-0acb7bc);
    color: var(--e-global-color-0acb7bc);
}

.jobs-filters-sidebar .facetwp-search::placeholder {
    color: var(--e-global-color-0acb7bc);
}

.jobs-filters-sidebar .facetwp-facet-keyword_search .facetwp-icon:before {
    background-image: url(./assets//svg/icon-search.svg);
}

/* div[data-name="locatie"] {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s;
    opacity: 0;
} */

/* div[data-name="locatie"].open {
    max-height: 100%;
    transition: 0.4s;.jobs-filters-selection .facetwp-selections ul li span.facetwp-selection-value
    opacity: 1;
} */
.facetwp-input-wrap {
	width: 100%;
}
.facetwp-radius.facetwp-radius-slider {
	width: 100%;
	height: 3px;
}
.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
	border: none;
	background-color: #f2f2f2;
	border-radius: 10px;
	margin: 30px 0 15px 0;
}
.facetwp-checkbox {
	font-size: 16px;
	padding-left: 40px !important;
	margin-bottom: 15px !important;
}
.locaties .facetwp-checkbox {
	font-weight: bold;
}
.locaties .facetwp-depth.visible .facetwp-checkbox {
	font-weight: normal;
	padding-left: 60px !important;
}
.locaties .facetwp-type-checkboxes .facetwp-depth.visible {
	margin: 0;
}
.locaties .facetwp-expand {
	display: none;
}
.facetwp-checkbox {
    background: url('https://webgato-dev2.nl/wp-content/uploads/2024/12/unknown.png') 0 50% no-repeat !important;
}
.facetwp-checkbox.checked {
    background-image: url('https://webgato-dev2.nl/wp-content/uploads/2024/12/Multiple-Layers-2.png') !important;
}
/** Custom location toggle */

.selected-filters > .elementor-widget-wrap > div {
    width: auto;
}

.selected-filters .facetwp-reset {
    font-size: 16px;
    color: var(--e-global-color-secondary);
	text-decoration: underline;
}
.selected-filters .facetwp-reset:hover {
	font-size: 16px;
	color: #171f69;
	font-weight: bold;
	text-decoration: underline;
}

@media (max-width: 991px) {
    /** Filters toggling mobile */
    .toggle-filter::after {
        content: url(./assets/svg/chevron-right.svg);
        right: 5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.4s;
        color: var(--e-global-color-0acb7bc);
    }

    .toggle-filter.open::after {
        transform: translateY(-50%) rotate(90deg);
    }

/*     .filters-list > .elementor-container {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.4s;
    }
 */
	
	.jobs-filters-sidebar.filters-list {
		margin: 20px;
	}
    .filters-list.open > .elementor-container {
        max-height: 100%;
        overflow: hidden;
        opacity: 1;
        transition: 0.4s;
    }

    /** End Filters toggling mobile */
}

/** End Job filters */

/** Contact page */
#item-cuntact-us input[type="text"],
#item-cuntact-us input[type="email"],
#item-cuntact-us textarea {
    background-color: transparent;
    border: 0;
    border-bottom: solid 1px #fff;
    color: #ffffff;
}

#item-cuntact-us input:focus,
#item-cuntact-us textarea:focus {
    outline: none;
}

#item-cuntact-us input[type="submit"] {
    width: 100%;
    height: 53px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#item-cuntact-us a {
    text-decoration: underline 1px #fff;
}

/** valid error */
#item-cuntact-us .wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 10px;
}

/* checkbox */
#item-cuntact-us .wpcf7-list-item {
    margin: 0;
}

#item-cuntact-us a {
    color: #ffffff;
}

#item-cuntact-us a:hover {
    color: #ffffff;
}

/** End Contact page */
/* Page Wat bieden wij jon (tab element) */
#wat-bieden-wij-jon-tab-element .elementor-tab-desktop-title.elementor-active {
    background: #AA0061 !important;
    border-radius: 25px 25px 0px 0px;
    color: #fff;
    text-align: center;
    margin-top: -15px;
    display: flex;
    flex-direction: row;
    border: none;
    box-shadow: none;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#wat-bieden-wij-jon-tab-element .elementor-tabs-wrapper {
    background: #151F6D;
    overflow: unset;
    display: flex;
    border-radius: 25px 25px 0px 0px;
}

#wat-bieden-wij-jon-tab-element .elementor-tab-title {
    color: #fff;
    width: calc(100% / 5);
    background: #151F6D;
    text-align: center;
    box-shadow: inset -2px 0px 0px 0px #0000007d;
    /* border-right: 1px solid #000; */
    /* border-top: 1px solid #000; */
    border-radius: 0px 25px 0px 0px;
}

#wat-bieden-wij-jon-tab-element .elementor-tabs {
    overflow: hidden;
    padding-top: 20px;
}


#wat-bieden-wij-jon-tab-element .elementor-tab-content {
    background: rgba(245, 245, 245, 0.25);
    border-radius: 0px 0px 25px 0px;
    left: -1px;
    top: 53px;
    border: 1px solid rgb(101 97 97 / 8%);
}

@media (max-width: 767px) {
    #wat-bieden-wij-jon-tab-element .elementor-tabs-wrapper {
        display: none;
    }

    #wat-bieden-wij-jon-tab-element .elementor-tab-title {
        width: 100%;
        border-radius: 0;
        box-shadow: unset;
        position: relative;
        margin: 2px 0;
        border: 0;
    }

    #wat-bieden-wij-jon-tab-element .elementor-tab-mobile-title.elementor-active {
        width: 100%;
        border-radius: 25px 25px 0px 0px;
        background: #AA0061;
    }


    #wat-bieden-wij-jon-tab-element .elementor-tab-mobile-title:after {
        content: url(./assets/svg/plus.svg);
        right: 25px;
        top: 23px;
        position: absolute;
        transform: translateY(-50%);
        transition: 0.4s;
        /* 		transform: translateY(-50%) rotate(90deg); */

    }

    #wat-bieden-wij-jon-tab-element .elementor-tab-content {
        background: transparent;
        border: none;

    }


    #wat-bieden-wij-jon-tab-element .elementor-tab-mobile-title.elementor-active:after {
        content: url(./assets/svg/minus.svg);
        top: 20px;
    }

    #wat-bieden-wij-jon-tab-element .elementor-tabs {
        overflow: unset;
        box-shadow: unset;


    }


}

/* End Page Wat bieden wij jon (tab element) */

/* Arihve post toggle map or listing */
#btn-toggle-map, #btn-toggle-list {
    cursor: pointer
}

#listing_actieve {
    display: block
}

#map_actieve {
    display: none;
}

#map_actieve.active {
    display: block;
}

#listing_actieve.hide {
    display: none;
}

.facetwp-map-filtering {
    display: none;
}

/* end arihve post toggle map or listing */

/* cluster	*/

.my-cluster-class {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(170, 0, 97, 1);
    cursor: pointer;
    color: rgba(170, 0, 97, 1);
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    display: flex;
    text-align: center;
    text-align: center;
    flex-direction: row;
    font-size: 16px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.gm-style .gm-style-iw-a {
    display: none;
}

.rr-elementor-child-theme .facetwp-facet-reset_link {
    margin-bottom: 10px;
}



/* Single Job Location Card */
.single-job .location-card {
    background-color: var(--e-global-color-secondary);
    border-radius: 0px 0px 50px 0px;
    padding: 30px;
    padding: 30px;
    overflow: hidden;
    color: #ffffff;
}

.single-job .location-card:not(:last-child) {
    margin-bottom: 40px;
}

.single-job .location-card a, .single-job .contact-person-card a {
    color: #ffffff;
    text-decoration: underline;
}

.single-job .location-card .location-card__content-item,
.single-job .contact-person-card .contact-person-card__content-item {
    width: 100%;
}

.single-job .location-card .location-card__content-item:not(:last-child),
.single-job .contact-person-card .contact-person-card__content-item:not(:last-child) {
    margin-bottom: var(--widgets-spacing);
}

.single-job .location-card .location-card__button,
.single-job .contact-person-card .contact-person-card__button {
    background-color: var(--e-global-color-primary);
    width: 100%;
}

.single-job .location-card .location-card__content-image img,
.single-job .contact-person-card .contact-person-card__content-image img {
    width: 100%;
}

/* End Single Job Location Card */

/* Ubeeo ATS */
/* Login and Register buttons */

.hs_a_login.ats-event,
.hs_a_register.ats-event,
.hs_a_logout.ats-event,
.hs_a_dashboard {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}

.candidate_dialog.hs_no_container {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}

a.hs_a_dashboard {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}

.job-group-left a:focus-visible,
.job-group-right a:focus-visible {
    outline: 4px solid #ffffff;
}

@media screen and (max-width: 768px) {
    .hs_a_login.ats-event,
    .hs_a_register.ats-event,
    .hs_a_logout.ats-event,
    .hs_a_dashboard {
        font-size: 14px;
    }
}

:root {
    --ubFontFamily: "Nunito Sans";
    --ubPrimaryButtonColor: #AA0061;
    --ubPrimaryButtonHoverColor: #075079;
    --ubH1FontSize: 24px;
    --ubH2FontSize: 20px;
    --ubH3FontSize: 18px;
}

/* .rr-job-card__job-item .rr-job-card__job-item-title {
    color: #ffffff;
} */

.page-id-6788 .page-content {
    margin: 20px;
}

@media screen and (min-width: 768px) {
    .page-id-6788 .page-content {
        margin: 20px 50px;
    }
}

@media screen and (min-width: 1024px) {
    .page-id-6788 .page-content {
        margin: 20px 100px;
    }
}

.elementor-kit-7 .elementor-button:hover {
    font-size: 20px;
    background-color: var( --e-global-color-60718f6 );
    text-decoration: underline;
    font-weight: var( --e-global-typography-accent-font-weight );
}

.hs_apply_button {
    background-color: var( --e-global-color-60718f6 );
    text-decoration: underline;
}

/* End of Ubeeo ATS */




.jet-apb-calendar-appointments-list-wrapper {
	margin-top: 50px;
}

.jet-form-row--submit{
	margin-top: 50px
}

/* End of JetAppointments */

a:hover:has(.rr-job-card__job-item) {
    color: #ffffff;
}
.elementor-shortcode > fieldset {
	padding: 0;
    border: none;
}
.elementor-shortcode > fieldset > legend {
	display: none;
}
h1,
h2,
p > a {
/*     hyphens: auto; */
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.facetwp-selections .facetwp-selection-value {
	margin-bottom: 10px;
}
.popup-overlay {
    display: none;
	max-height: 100vh; 
    overflow-y: auto; 
}

.bg-gerechtsjurist {
	background-image: linear-gradient(to right, #0F6B99 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: -5px 0;
}
a:hover .bg-gerechtsjurist {
	background-image: linear-gradient(to right, #0F6B99 20px, transparent 0); 
	background-size: 20px 100%;
	background-position: 0 0;
}
.bg-gerechtsjurist .rr-job-card__job-item-title {
    color: #0F6B99;
}
.bg-gerechtsjurist .rr-job-card__job-link,
    color: #0F6B99;
}


@media print {
    .elementor-location-header, .elementor-location-footer, .elementor-widget-breadcrumbs {
        display: none; 
    }
	h1 {
		font-size: 2em !important; 
	}
	h2 {
		font-size: 1.75em !important;
	}
}

@media (max-width: 768px) {
	.rr-job-card__job-item-info span {
		margin: 4px 4px 4px 0 !important;
		display: inline-block;
	}
	.facetwp-selections .facetwp-selection-value {
		margin-bottom: 5px;
		margin-right: 5px !important;
	}
}

/** FAQ **/
.faq-category-overview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.faq-category-item {
  background: #fff;
  padding: 30px 40px;
  border-radius: 10px;
/*   box-shadow: 0 0 6px rgba(0,0,0,0.1); */
	border: 1px solid #C6C6C6;
  display: flex;
  flex-direction: column;
  min-height: 300px; 
}

.faq-category-item h2 {
 	font-weight: 800;
	font-size: 28px;
	line-height: 34px;
	color: #171F69;
}

.faq-category-item .faq-category-description {
  	margin-bottom: 20px;
  	color: #4D4D4D;
  	font-size: 24px;
	line-height: 28px;
  	flex-grow: 1; 
}

.faq-category-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.faq-category-footer p {
  	margin: 0;
  	font-weight: 700;
	font-size: 16px;
	color: #000000;
}

.faq-category-item .button {
  background-color: #171F69; 
  color: white;
  padding: 9px 13px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.faq-category-item .button:hover {
  background-color: #0d244a;
}

.faq-accordion .faq-answer { 
	display: none; 
	padding: 40px; 
	border: none;
	background: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.faq-accordion .faq-item {
	margin-bottom: 15px;
}
.faq-accordion .faq-question { 
	width: 100%; 
	text-align: left; 
	padding: 40px; 
	cursor: pointer; 
	background: #ffffff; 
	border: none; 
	border-radius: 10px;
	color: #2B2B2B;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.faq-accordion .faq-question:hover,
.faq-accordion .faq-question:focus {
	background: #ffffff;
	color: #2B2B2B;
}
.faq-accordion .faq-question:focus {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.faq-question.active .faq-arrow {
	background: #9C1F5F;
}
.faq-question.active .faq-arrow img {
	transform: rotate(90deg);
}
.faq-arrow img {
	transition: transform 0.3s ease;
}
.faq-arrow {
	background: #171F69;
	border-radius: 5px;
	padding: 7px 16px;
}
.faq-title {
	max-width: 90%;
	display: block;           
    word-break: break-word;   
    overflow-wrap: break-word;
    white-space: normal;      
}