/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* MR WORK POPUP BUTTON */
.ds-mrwork button {    background-color: #B12C39;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #B12C39;
	
	    font-family: "Nudista", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    background-color: #FF6070;
    border-radius: 25px 25px 25px 25px;
    padding: 16px 24px 16px 24px;

}

/* PAGINATION */
.facetwp-type-pager .facetwp-page,
nav.elementor-pagination .page-numbers {width:40px; height:40px; border-radius:8px; display:inline-flex; background-color:white; justify-content:center; align-items:center; margin-right:8px;}

.facetwp-type-pager .facetwp-page:hover,
nav.elementor-pagination .page-numbers:hover  {background-color:#F4F4F7;}

.facetwp-type-pager .facetwp-page.active,
.facetwp-type-pager .facetwp-page.active:hover,
nav.elementor-pagination .page-numbers.current  {background-color:#1E2868; color:white;}

.facetwp-type-pager .facetwp-page.next {display:none;}
.facetwp-type-pager .facetwp-page.dots:hover {background-color:white;}
.facetwp-page {}

/* VACATURES FILTERS */
.facetwp-selections ul {padding-inline-start:0px}
.facetwp-selections ul li {padding:8px 12px 8px 12px; background-color:white; border-radius:8px; margin-left:8px;}
.facetwp-selections ul li:not(:first-child) {margin-left:8px; }

.facetwp-selections .facetwp-selection-label {display:none;}
.facetwp-selections .facetwp-selection-value {margin-right:0px!important; padding-right:20px!important;}

.ds-vacature-search .facetwp-facet{margin-bottom:0px;}

.ds-vacature-search .facetwp-facet-locatie select, .ds-vacature-search .facetwp-facet-location select {display:none;}

.ds-vacature-search button {padding:12px 20px!important;}

.ds-vacature-search .facetwp-search,
.ds-vacature-search .facetwp-location {background-color:#F4F4F7; border:0px; border-radius:25px; padding: 10px 30px 10px 50px; font-weight:700; color:#1E2868;} 

.ds-vacature-search .elementor-widget-shortcode {width:calc(50% - 120px);}
.ds-vacature-search .elementor-widget-shortcode .facetwp-input-wrap {width:100%;}

.ds-vacature-search .facetwp-search::placeholder,
.ds-vacature-search .facetwp-location::placeholder {font-weight:700; color:#333333B3;} 

.ds-vacature-search button::before {content: ""; display: inline-block; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; margin-right: 8px;  vertical-align: middle;
background-image: url('https://xelvin.nl/wp-content/uploads/2025/06/icon-search.svg');}

.ds-vacature-search .facetwp-icon {right:initial; left:15px; }
.ds-vacature-search .facetwp-icon::before {background: url(https://xelvin.nl/wp-content/uploads/2025/06/icon-search-1.svg) no-repeat; background-position: 5px 49%;}
.ds-vacature-search .facetwp-facet-locatie i::before, .ds-vacature-search .facetwp-facet-location i::before  {background: url(https://xelvin.nl/wp-content/uploads/2025/06/LocationMarkerOutline-1.svg) no-repeat; background-position: 5px 49%;}

.ds-vacature-search .facetwp-search::before {background-image: url('https://xelvin.nl/wp-content/uploads/2025/06/LocationMarkerOutline-1.svg');}
.ds-vacature-search .facetwp-location::before {background-image: url('https://xelvin.nl/wp-content/uploads/2025/06/LocationMarkerOutline-1.svg');}

.facetwp-type-radio .facetwp-radio {background:none!important;}


.facetwp-type-radio .facetwp-radio {  position: relative;  padding-left: 32px; cursor: pointer;}

.facetwp-type-radio .facetwp-radio::before {content: ''; position: absolute; left: 0; width: 22px; height: 22px; background: transparent; border: 2px solid #ccc; border-radius: 4px; box-sizing: border-box; 
transition: background 0.3s, border-color 0.3s;}

/* Active (checked) state */
#custom-filter-popup .facetwp-radio.checked::before {
  background: #408cf0;
  border-color: #408cf0;
}



/* VESTIGINGEN ALGEMEEN CONTACT */
.ds-vestiging > .e-con-inner > .elementor-element {height:100%;}

/* WERKEN BIJ XELVING GRID */
.elementor-widget-video,
.elementor-widget-video .elementor-open-lightbox,
.elementor-widget-video .elementor-open-lightbox .elementor-custom-embed-image-overlay,
.elementor-widget-video .elementor-open-lightbox .elementor-custom-embed-image-overlay img {height:100%; width: -webkit-fill-available;}

/* .high.elementor-widget-video, */
/* .high.elementor-widget-video .elementor-open-lightbox, */
/* .high.elementor-widget-video .elementor-open-lightbox .elementor-custom-embed-image-overlay, */
/* .high.elementor-widget-video .elementor-open-lightbox .elementor-custom-embed-image-overlay img {height:initial;} */

.elementor-widget-video .elementor-custom-embed-image-overlay img {aspect-ratio:initial; width:103%; max-width:103%;} 
.elementor-widget-video .elementor-custom-embed-image-overlay::before {display:none;}


/* SUCCESVERHALEN */
.wp-singular .ds-succesverhaal {height:350px;}
.ds-slider-big .swiper-slide {height:475px;}
	/* DESKTOP HEIGHT SINGLE RELATED */
@media (min-width: 768px) { .succesverhaal-related .swiper-slide {height:400px;}}



/* OPDRACHTGEVERS */
.ds-box-link p {margin-top:15px!important;}
.ds-box-link a {display:block; transition: color 0.3s ease; color:#FF6070; margin-top:15px; font-weight:600;}

.ds-box-link a::after {content: ''; display:inline-block; width: 14px; height:9px; background-size: contain; margin-left:5px;
background-image: url('https://xelvin.nl/wp-content/uploads/2025/05/navigation-right-2.svg'); background-size: contain; background-repeat: no-repeat; transition: transform 0.5s ease;}

.ds-box-link a:hover::after {transform: translateX(3px);}

/* BRANCHES PAGINAS */
.elementor-widget-icon-box .elementor-widget-container {display:flex; align-items:center; justify-content:center; min-height:220px;}
.elementor-widget-icon-box .elementor-widget-container h3 {margin-bottom:0px;}
.elementor-widget-loop-carousel .swiper { padding: 10px; } 
.elementor-widget-loop-carousel .swiper-slide { overflow: visible; }

.elementor-widget-video .elementor-custom-embed-image-overlay::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.9));  z-index: 1;  pointer-events: none; }
.elementor-widget-video .elementor-custom-embed-play {z-index:1;}
.elementor-widget-video svg {opacity:1;}


/* VACATURE SINGLE */
.ds-vacature-footer {
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.ds-vacature-footer-sticky {
  transform: translateY(0);
}


.ds-accordion {}
.ds-accordion .e-n-accordion-item-title {justify-content:space-between;}
.ds-accordion .e-n-accordion-item-title-icon span>svg {width:17px;}
.ds-accordion .e-n-accordion-item-title-icon .e-opened {display:block!important;}
.ds-accordion .e-n-accordion-item-title-icon .e-closed {display:none!important;}
.ds-accordion .e-n-accordion-item-title[aria-expanded="false"] .e-n-accordion-item-title-icon {transform: rotate(180deg); transition: transform 0.3s ease;}
.ds-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon {transform: rotate(0deg); transition: transform 0.3s ease;}

.single-vacatures .ds-accordion ul {margin-bottom:10px;}

.ds-accordion summary:after {content: ''; width: 88%; height: 2px; background-image: linear-gradient(to right, #333333 20%, transparent 20%, transparent 50%, #333333 50%); background-size: 12px 1px;
  background-repeat: repeat-x; background-position: center; top: 115px; position: absolute; z-index: 1; transition: top 0.6s ease;}

.ds-de-title h2::after {content: ''; width: 88%; height: 2px; background-image: linear-gradient(to right, #333333 20%, transparent 20%, transparent 50%, #333333 50%); background-size: 12px 1px;
  background-repeat: repeat-x; background-position: center; display:block; margin-top:20px; transition: top 0.6s ease;}

.ds-accordion summary[aria-expanded="false"]:after {top:105px;}

.ds-vaccon img {border-radius: 16px 16px 0 0;}
.ds-vaccon p {padding:10px 40px 0px 40px;}
.ds-vaccon p a {font-weight:600; color:#FF6070;  transition: color 0.3s ease;}
.ds-vaccon p a:hover {color:#B12C39;}

.ds-carousel svg {width:32px!important; height:32px!important;}
.ds-carousel .elementor-swiper-button-prev {transform: rotate(180deg)!important;}
.ds-carousel .elementor-swiper-button-next {margin-top:-1px;}
.ds-carousel .elementor-swiper-button {bottom:0px;}
.ds-carousel .swiper-pagination-current {font-weight:700;}

/* GRAVITY FORMS */
.ds-form .gform_wrapper.gravity-theme .gform_fields {grid-row-gap:20px!important;}
.ds-form .gform_heading,
.ds-form .gform_fileupload_rules {display:none!important;}

.ds-form .gform_wrapper input[type="text"],
.ds-form .gform_wrapper input[type="email"],
.ds-form .gform_wrapper input[type="tel"],
.ds-form .custom-file-upload {  background-color: white;  border-radius: 100px;  padding: 10px 24px!important;  font-weight:400; font-family: "Nudista", Sans-serif; color:#333333; font-size:16px; min-height:45px;}

.ds-form .gform_wrapper .gfield_radio label {font-weight:400!important; font-family: "Nudista", Sans-serif; color:white; font-size:16px!important; margin-left:5px;}
.ds-form .gform_wrapper .gfield_radio input {width:24px; height:24px;}
.ds-form .gform_wrapper .gfield_radio .gchoice {margin-bottom:8px;}

.ds-form .gform_wrapper .gfield--type-consent {font-weight:400!important; font-family: "Nudista", Sans-serif; color:white; font-size:16px;}
.ds-form .gform_wrapper .gfield--type-consent .ginput_container_consent {display:flex; align-items:center;}
.ds-form .gform_wrapper .gfield--type-consent input {width:24px; height:24px; border-radius:8px;}
.ds-form .gform_wrapper .gfield--type-consent label {margin-left:8px;}

.ds-form .gform_wrapper .gfield--type-consent input[type="checkbox"] {appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  width: 24px;  height: 24px;  border-radius: 8px;  cursor: pointer;  
position: relative;  background-color: white;  transition: background-color 0.2s, border-color 0.2s;}
.ds-form .gform_wrapper .gfield--type-consent  input[type="checkbox"]:checked {  background-color: #0073e6;   border-color: #0073e6;}

/* FIELD LABELS WIT */
.ds-form .gform_wrapper .gfield_label {  color: white; font-weight:400!important; font-family: "Nudista", Sans-serif; margin-bottom:13px!important;}
.ds-form .gform_wrapper .gfield_required {  color: #FF6070;}

.ds-form .gform_wrapper input[type="text"]:focus,
.ds-form .gform_wrapper input[type="email"]:focus,
.ds-form .gform_wrapper input[type="tel"]:focus,
.ds-form .gform_wrapper input[type="file"]:focus,
.ds-form .gform_wrapper textarea:focus {  outline: none;  border: 2px solid #408CF0;  font-weight:400!important; font-family: "Nudista", Sans-serif; }

/*  @@@@ CS removed 30-06-2025 21:16 to fix issues with file name after choosing file
.ds-form .ginput_container_fileupload input[type="file"] {  opacity:0;  cursor: pointer;  z-index: 2;  height:0px;}
.ds-form .custom-file-upload {  text-align: right;  width:100%;  height:44px;  line-height:24px;  color:#FF6070;  font-weight:600; cursor:pointer;} */

.ds-form .ginput_container_fileupload input[type="file"] {
  color:#fff;
}

/* VACATURES SHORTCODE */
.dsvac-wrapper { width: 95%;  transition: width 0.5s ease; display:flex; background-color:white; padding:38px 58px 24px 58px; border-radius:8px; flex-direction:column; margin-bottom:25px;}
.dsvac-wrapper:hover {width:100%;}

.dsvac-wrapper .dsvac-top {display: flex; align-items: center;  justify-content: space-between;   width: 100%;}
.dsvac-wrapper h3 {font-family:'Korolev'; font-weight:700; font-size:38px; margin-block-end:0.5rem;}
.dsvac-wrapper .divider {margin-top:5px; width: 100%; height:20px; background-image: linear-gradient(to right, #333333 20%, transparent 20%, transparent 50%, #333333 50%);  background-size: 12px 1px; background-repeat: repeat-x;  background-position: center;}

.dsvac-details {display:flex; gap:26px; margin-top:14px;}
.dsvac-detail {display:flex; align-items: center;}	
.dsvac-detail span {color:#333333; margin-left:8px;}	

.dsvac-wrapper.alle-vacatures {background-color:#ff6070; padding:24px 54px}
.dsvac-wrapper.alle-vacatures h3 {color:white;}

.ds-vacature-footer .dsvac-detail span {color:white;}
.ds-vacature-footer .dsvac-details {margin-top:0px;}
	
/* OPDRACHTGEVER FORM */
#gform_wrapper_3 .gform_required_legend {
  display: none;
}
/* BUTTONS */
.ds-button-circle a {width:40px; height:40px; display:flex; justify-content:center; align-items:center; background-color:#FF6070; border-radius:50px;}
.ds-button-circle a .elementor-button-icon {transition: transform 0.2s ease}
.ds-button-circle a:hover .elementor-button-icon {transform: translateX(3px);}

.ds-button-arrow .elementor-button-icon svg {transition: transform 0.3s ease;}
.ds-button-arrow .elementor-button-icon svg path {fill: #FF6070;}
.ds-button-arrow .elementor-button:hover .elementor-button-icon svg {transform: translateX(3px);}

/* MISC */
.blue {color:#408CF0;}
.marine {color:#1E2868;}

/* SVG IMAGE WIDTH FIX */
.elementor-widget-image a img[src$=".svg"] {width:initial;}

/* HOMEPAGE */
/* WELKE FUNCTIE PAST BIJ JOU */
.ds-cat-block .elementor-widget-container {border-radius:8px;}
.ds-cat-block .icon {transition: transform 0.5s ease;}
.ds-cat-block:hover .icon {transform: rotate(-90deg);}
.ds-cat-block .home-cat {display:block; color:initial;}
.ds-cat-block .home-cat-name {display:block; font-family:"Korolev"; color:#1E2868; font-size:38px; font-weight:bold; line-height:30px;}

.ds-hover-img {opacity: 0; transform: rotate(-10deg) scale(0.9); transition: opacity 0.5s ease, transform 0.5s ease; pointer-events: none;}
.ds-cat-block:hover .ds-hover-img {opacity: 1; transform: rotate(-3deg) scale(1); pointer-events: auto;}

/* GRAYSCALE BOX */
.ds-grayscale-box .elementor-widget-container {border-radius:16px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);}
.ds-grayscale-box .elementor-image-box-wrapper {height:398px; overflow: hidden; position: relative; border-radius:16px;}
.ds-grayscale-box .elementor-image-box-wrapper figure {height:398px;}
.ds-grayscale-box .elementor-image-box-wrapper figure:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
background: linear-gradient(to bottom, #33333300, #333333ff);  pointer-events: none;   mix-blend-mode: multiply; }

.ds-grayscale-box .elementor-image-box-wrapper img {filter: grayscale(100%);   transition: filter .5s ease, transform 1s ease!important; width:100%; height:auto; border-radius:16px;}
.ds-grayscale-box .elementor-image-box-wrapper:hover img {  filter: grayscale(0%);   transform: scale(1.05); }
.ds-grayscale-box .elementor-image-box-content {position:absolute; bottom:20px; cursor:pointer;}
.ds-grayscale-box .elementor-image-box-title {position: relative; padding-right: 120px; display: inline-block;}
.ds-grayscale-box .elementor-image-box-title .txt {font-family: "Gotcha Standup", Sans-serif;    font-size: 40px;    font-weight: 400; position:absolute; left:0px; bottom:33px; color:#408cf0;}
.ds-grayscale-box .elementor-image-box-title::after {content: ''; position: absolute; bottom:-20px; right: 0; width: 40px; height:40px; transform: translateY(-50%);  background-size: contain;
background-image: url('https://xelvin.nl/wp-content/uploads/2025/04/navigation-right-1.svg'); background-size: contain; background-repeat: no-repeat; transition: transform 0.5s ease;}

.ds-grayscale-box:hover .elementor-image-box-title::after, 
.ds-grayscale-box.opdrachtgevers:hover .elementor-image-box-content::after {transform: translateY(-50%) rotate(-90deg);}

.ds-grayscale-box.opdrachtgevers .elementor-image-box-wrapper,
.ds-grayscale-box.opdrachtgevers .elementor-image-box-wrapper figure {height:308px; transform:scale(1.01);}

.ds-grayscale-box.opdrachtgevers .elementor-image-box-wrapper .elementor-image-box-content {padding:10px 20px;}
.ds-grayscale-box.opdrachtgevers .elementor-image-box-wrapper .elementor-image-box-content p {padding-right: 40px;}

.ds-grayscale-box.opdrachtgevers .elementor-image-box-title {padding-right:20px;}
.ds-grayscale-box.opdrachtgevers .elementor-image-box-title::after {display:none;}
.ds-grayscale-box.opdrachtgevers .elementor-image-box-content::after {content: ''; position: absolute; bottom:10px; right: 10px; width: 30px; height:30px; transform: translateY(-50%);  background-size: contain;
background-image: url('https://xelvin.nl/wp-content/uploads/2025/04/navigation-right-1.svg'); background-size: contain; background-repeat: no-repeat; transition: transform 0.5s ease;}

/* MOBILE */
@media only screen and (max-width: 768px) {

.ds-vacature-search .elementor-widget-shortcode {width:100%;}	
.ds-vacature-search button {width:100%;}

.ds-grayscale-box .elementor-image-box-title  {padding-right:90px;}
.ds-grayscale-box .second .elementor-image-box-title  {padding-right:60px;}
.ds-grayscale-box .elementor-image-box-wrapper {height:230px;}
.ds-grayscale-box .elementor-image-box-content {bottom:5px;}
.ds-grayscale-box .elementor-image-box-title .txt {font-size: 26px;     bottom:20px;}  

.ds-cat-block .home-cat-name {font-size:26px; margin-top:-5px;}

.dsvac-wrapper {width:100%; padding:28px 16px 20px 16px;}
.dsvac-wrapper h3 {font-size:26px; line-height:26px; width:90%;}
.dsvac-wrapper .dsvac-top svg {height:32px; width:32px;}
.dsvac-wrapper .dsvac-top span {margin-left:0px;}
.dsvac-wrapper .dsvac-details {flex-wrap:wrap; row-gap:5px;}

.single-vacatures .ds-solliciteren-buttons .elementor-button {width:300px;}

.ds-grid .elementor-widget-video .elementor-custom-embed-image-overlay img {width:100%; max-width:100%; height:240px;} 
.ds-grid .elementor-widget-icon-box {height:240px;}
}


/* HEADER & STICKY HEADER */

/* STICKY HEADER // LOGO */
header.sticky-header .logo img,
header.sticky-header .logo  svg {--logo-height: 40px; --logo-shrink-to: 0.80; height: var(--logo-height); transition: height 0.3s ease, margin 0.3s ease;}

header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img {height: calc(var(--logo-height) * var(--logo-shrink-to));}
header.sticky-header .logo .elementor-icon svg {	width: auto;}
header.sticky-header.elementor-sticky--effects {height:60px;}

body.admin-bar .greatplace {margin-top: 32px;}

header .greatplace {opacity:1; transition: opacity 0.5s ease; }
.elementor-sticky--effects .greatplace {opacity:0; }

/* MEGA MENU */
.ds_menu li {list-style-type:none;}
.menu-button-container {display: none;  height: 100%;  width: 30px;  cursor: pointer;  flex-direction: column;  justify-content: center;  align-items: center; z-index:9999;}


.img-container img {
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
  z-index: 0;
}

.img-container img.fade-in  {
  opacity: 1;
  z-index: 1;
}

/* .img-container img:first-of-type {opacity:1;} */

/* MEGA MENU | MOBILE BUTTON */
#menu-toggle {display: none;}

/* MEGA MENU | MOBILE */
@media (max-width: 768px) {

header .ds-mobile-header-button {position:absolute; right:60px;}


/* CROCOBLOCK MOBIL MENU */
.jet-mobile-menu__container-inner {margin-top:90px;}
.jet-mobile-menu__item-inner {justify-content:left!important;}
.jet-mobile-menu-cover {background: linear-gradient(to bottom, white 0px, white 80px, #F0EFE2 80px, #F0EFE2 100%); }
.jet-mobile-menu__back svg {transform: rotate(180deg);}

.ds-mobile-vacatures a {background-color:#ff6070; padding: 10px 30px; border-radius:25px;}
.ds-mobile-vacatures a .jet-menu-label {color:white!important; }

/* admin bar fix */
body.admin-bar[data-elementor-device-mode=mobile] .jet-mobile-menu-cover {top: 46px; height: calc(100vh - 46px);}

.jet-mobile-menu__toggle {z-index:9999;}
.jet-mobile-menu__controls {height: auto;  overflow: hidden;  transition: height 0.3s ease; justify-content:left;}
.jet-mobile-menu__controls div [aria-label="Close Menu"] {  display: none;}

.jet-mobile-menu__controls:has(.fa-times) {display:none;}
.jet-mobile-menu__after-template {bottom: 50px; position: absolute; width: calc(100% - 40px);}

}

/* MEGA MENU | DESKTOP */
@media (min-width:768px) {
.ds_menu {display:flex; margin:0;  padding:0; list-style-type:none; justify-content:flex-end;}
	
.ds_menu > li {font-size:16px; list-style-type:none; font-weight:600; font-family: "Nudista", Sans-serif; color:#333333; margin: 0px 20px;}
.ds_menu > li:last-child {margin-right: 0;}

.ds_menu a {color:#333333; transition:all 200ms ease-in-out; display:inline-flex; text-decoration:none; align-items:center;}
.ds_menu a:hover {color:#408CF0;}

.ds_menu > li.top > a {position:relative; padding:10px 0px;}
.ds_menu > li.top > a::before {content: ""; position: absolute; left: 50%; transform: translateY(20px); top: 68px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;  
border-bottom: 6px solid white;  opacity: 0; transition:all 300ms ease-in-out;  pointer-events: none;}
.ds_menu > li.top:hover > a::before { opacity: 1; transform:translateY(0px);}

.ds_menu > li.top:not(.is-mega) > a::before {display:none;}
.ds_menu > li.top:not(.is-mega) > a::after {display:none;}


.elementor-sticky--effects .ds_menu > li.top > a::before {top:57px;}	

.ds_menu li.top > a::after {cursor:pointer; content: ""; width: 14px; height: 14px;	display: inline-block; margin-left:5px;	margin-top:-2px;  background-repeat: no-repeat;
	background-image: url("https://xelvin.nl/wp-content/uploads/2025/04/menu-arrow-icon.svg"); background-size: contain; transform: rotate(0);transition: transform 200ms ease-in-out;}
.ds_menu li.top:hover > a::after {transform: rotate(180deg);}

.ds_menu .ds-all-menu {position:absolute; top:100%;	left:0;	right:0; opacity:0; visibility: hidden; transform: translateY(20px); transition:all 300ms ease-in-out; padding:29px 0 0 0; z-index: 1000;}
.elementor-sticky--effects .ds_menu .ds-all-menu {padding:11px 0 0 0;}

.ds_menu .menu-smal .ds-all-menu {left:initial; right:initial;}
	
.ds_menu > li:hover > ul.ds-all-menu {opacity:1; visibility: visible; transform: translateY(0px); transition:all 300ms ease-in-out;}

body::before {content: ""; position: fixed; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5);	backdrop-filter: blur(3px);	z-index: 98; pointer-events: none; opacity: 0; transition: opacity 200ms ease-in-out;}
body.hover-active::before {opacity: 1; transition: opacity 600ms ease-in-out;}

}

@media (max-width: 1400px) {header .greatplace {opacity:0;}}

/* FOOTER */
footer .elementor-icon-list-text a {transition:all 300ms ease-in-out;} 
footer .elementor-icon-list-text a:hover {color:#408CF0;}

/* VACATURE FILTER POPUP */
#custom-filter-popup {
  position: fixed;
  top: 0;
  right: 0;
  width: 750px;
  height: 100%;
  background: #fefdee;
  z-index: 9999;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  overflow-y: auto;
}

body.admin-bar[data-elementor-device-mode=mobile] .#custom-filter-popup {top: 46px; height: calc(100vh - 46px);}

#custom-filter-popup.open {
  transform: translateX(0);
}

#popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

#popup-overlay.active {
    opacity: 1;
    visibility: visible;
}


/* END VACATURE FILTER POPUP */

/* CS FILTER ACCORDION */
.cs-accordion-item {
  margin-bottom: 0px;
}

.cs-accordion-header {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* ruimte tussen titel en pijl */
  cursor: pointer;
  color: #408cf0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  user-select: none;
  padding-right: 1rem;
  font-family: "Nudista",Sans-serif;
}

.cs-arrow {
  display: inline-block;
  width: 11px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6447 6.02041C10.8322 6.20794 10.9375 6.46224 10.9375 6.72741C10.9375 6.99257 10.8322 7.24688 10.6447 7.43441L6.64471 11.4344C6.45719 11.6219 6.20288 11.7272 5.93771 11.7272C5.67255 11.7272 5.41824 11.6219 5.23071 11.4344L1.23071 7.43441C1.04856 7.24581 0.947761 6.9932 0.95004 6.73101C0.952318 6.46881 1.05749 6.218 1.24289 6.03259C1.4283 5.84718 1.67912 5.74201 1.94131 5.73974C2.20351 5.73746 2.45611 5.83825 2.64471 6.02041L4.93771 8.31341L4.93771 1.73368C4.93771 1.46846 5.04307 1.21411 5.23061 1.02657C5.41814 0.839038 5.6725 0.733681 5.93771 0.733681C6.20293 0.733681 6.45728 0.839038 6.64482 1.02657C6.83236 1.21411 6.93771 1.46846 6.93771 1.73368L6.93771 8.31341L9.23071 6.02041C9.41824 5.83294 9.67255 5.72762 9.93771 5.72762C10.2029 5.72762 10.4572 5.83294 10.6447 6.02041Z' fill='%23408cf0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.cs-accordion-item.open .cs-arrow {
  transform: rotate(-180deg);
}

.cs-accordion-content {
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0.5rem 0 1rem;
}

.cs-accordion-item:not(.open) .cs-accordion-content {
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
/* END CS FILTER ACCORDION */

.cs-lang-switcher {
  position: relative;
  display: inline-block;
  z-index: 999;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .cs-lang-switcher{
    margin-left: 20px;
  }
}



.cs-lang-button {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  gap: 5px;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  color:#333;
}

.cs-lang-button svg.cs-globe {
  width: 14px;
  height:14px;
}

.cs-lang-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-width: 160px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.cs-lang-dropdown a {
  display: block;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  padding: 8px 12px;
  color: #333;

}

.cs-lang-dropdown a:hover {
  background-color: #f0f0f0;
}
svg.cs-caret-icon {
  pointer-events: none;
}