/* 
Theme Name: Frimex
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
*/

/*--------------------------------------------------------------
## TABLE OF CONTENTS
----------------------------------------------------------------
- ROOT
- TYPOGRAPHY
- BUTTONS
- IMAGES
- HEADER OPMAAK
- FOOTER OPMAAK
- GLOBAL OPMAAK
- CUSTOM CONTAINER OPMAAK
- CUSTOM OPMAAK
- ELEMENTOR WIDGETS OPMAAK
- CUSTOM PLUGIN OPMAAK

----------------------------------------------------------------
## 
--------------------------------------------------------------*/




/*--------------------------------------------------------------
## ROOT
--------------------------------------------------------------*/

/* selection color */
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: var(--e-global-color-primary);
  }::selection {
    color: #fff;
    background: var(--e-global-color-primary);
  }






/*--------------------------------------------------------------
## TYPOGRAPHY
--------------------------------------------------------------*/
.elementor-widget-text-editor h3 {
    font-weight: 700;
    color: var(--e-global-color-secondary);
}

/* CUSTOM TYPOGRAPHY CLASSES */
.text--intro {
    font-weight: 700;
}
.text--quote {
    font-weight: 700;
    font-size: 1.2rem;
}
.text--vacature-intro {
    font-size: 1.2rem;
}
.text--vacature-intro strong {
    color: var(--e-global-color-secondary);
}
/* vacature list */
.single-vacatures .con--vacature-sidebar ul {
    list-style: none;
    padding-left: 0px;
  }
  .single-vacatures .con--vacature-sidebar li {
    margin-bottom: 8px;
  } 
  .single-vacatures .con--vacature-sidebar ul li::before {
    content: "\f00c"; /* Font Awesome checkmark character code */
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-right: 8px;
    font-weight: 900;
    color: var(--e-global-color-secondary);
    font-size: 12px;
  }
/* CUSTOM TYPOGRAPY RESP */
@media (min-width:768px) and (max-width:1024px) {

}
@media (max-width:767px) {
    
}






/*--------------------------------------------------------------
## BUTTONS
--------------------------------------------------------------*/







/*--------------------------------------------------------------
## IMAGES
--------------------------------------------------------------*/
/* CUSTOM IMAGES */
.img--stick-out-top {
    margin-top: 32px;
}





/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/






/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/





/*--------------------------------------------------------------
## GLOBAL OPMAAK
--------------------------------------------------------------*/






/*--------------------------------------------------------------
## CUSTOM CONTAINER OPMAAK
--------------------------------------------------------------*/







/*--------------------------------------------------------------
## CUSTOM OPMAAK
--------------------------------------------------------------*/
/* VIDEO CONTAINER */
#video-placeholder {
    aspect-ratio: 16/9;
}
/* YT button */
.yt-play-button {
    transform: translate(-50%, -50%) !important;
    transition: all 300ms ease-in-out;
}
#video-container:hover .yt-play-button {
    transform: translate(-50%, -50%) scale(1.08) !important;
    transition: all 300ms ease-in-out;
}
#video-container:hover {
    cursor: pointer;
}
/* svg text */
.svg--video-text {
    pointer-events: none;
}
@media (min-width: 768px) {
    .img--video-werken-bij {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .img--video-werken-bij img {
        max-width: 40vw;
    }
    .svg--video-text {
        width: 550px;
        max-width: 40vw !important;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 50%;
        /* transform: translateY(-50%); */
    }
    .svg--video-text .elementor-widget-container {
        transform: translateY(-50%);
    }
}
/* LOOP VACATURES */
.wrapper-vacature-loop > .e-con:nth-child(2) {
    width: 220px;
}  
.wrapper-vacature-loop a {
    color: var(--e-global-color-primary);
}
/* LOOP UITGELICHTE VACATURES */
@media (min-width:768px) {
    .con--featured-job-loop > .e-con:nth-child(2) {
        height: 100%;
    }
}
.con--featured-job-loop .wrapper--meta-info {
    margin-top: auto;
}
.con--featured-job-loop img {
    aspect-ratio: 16/12;
    object-fit: cover;
}
.elementor-arrows-position-outside .elementor-swiper-button-next {
    right: -16px !important;
}
.elementor-arrows-position-outside .elementor-swiper-button-prev {
    left: -16px !important;
}
/* button volledig gebied klikbaar*/
.btn--feat-vacature a::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}
.con--featured-job-loop > .e-con,
.con--featured-job-loop .wrapper--meta-info,
.btn--feat-vacature {
    position: unset;
}
/* bug swiper wrapper opvangen */
/* .swiper,
.swiper-wrapper {
    pointer-events: none;
}
.swiper-wrapper .swiper-slide,
.swiper-pagination-clickable,
.elementor-swiper-button {
    pointer-events: auto;
} */
/* resp not 100% height */
@media (max-width:767px) {
    .con--featured-job-loop {
        height: auto !important;
    }
}

/* SVG'S IN HTML WIDGETS */
@media (min-width: 768px) and (max-width:1024px) {
    .elementor-widget-html svg {
        max-width: 530px;
    }
    .tablet-no-arrow svg {
        width: 100%;
        max-width: 360px;
        margin-bottom: -70px !important;
        z-index: 1;
    }
    .tablet-no-arrow svg .arrow {
        display: none;
    }
}
@media (max-width: 767px) {
    .elementor-widget-html svg {
        width: 360px;
        max-width: 100%;
        margin-bottom: -70px !important;
        z-index: 1;
    }
    .elementor-widget-html svg .arrow {
        display: none;
    }
}

/* CONTAINER MERKEN */
.wrapper-merken {
    flex-wrap: nowrap;
}
/* CONTAINER HERO */
/* afwijkende gradient voor mobile */
@media (max-width:767px) {
    .con--hero::before {
        background-image: linear-gradient(360deg, var( --e-global-color-f9a6c5f ) 0%, #1F3B6840 100%) !important;
    }
}

/* PICTOBOX FRIMEX */
.pictobox-wrapper {
    flex-wrap: nowrap;
}
.pictobox--frimex .elementor-widget-container {
    width: 190px;
    padding: 24px;
    height: 240px !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
@media (max-width: 1024px) {
    .pictobox--frimex .elementor-widget-container {
        width: 160px;
        height: 200px !important;
    }
}
/* CONTAINER - DAG UIT HET LEVEN */
/* blue bg circle */
@media (min-width: 768px) {
    .con--dag-uit-het-leven {
        overflow: hidden;
    }
    .con--dag-uit-het-leven::before {
        content: '';
        display: block;
        width: 660px;
        height: 660px;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        background: var(--e-global-color-secondary);
        left: 41vw;
        transform: translateY(-50%);
        max-width: 40vw;
        max-height: 40vw;
    }
}
@media (max-width:767px) {
    .con--dag-uit-het-leven .text--quote .elementor-widget-container {
        max-width: 420px;
    }
}
/* SOLLICITATIEJOURNEY */

.cta__journey {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    margin-top: 3rem;
}
.cta__journey--line {
    width: 100%;
    height: 2px;
    background-color: var(--e-global-color-secondary);
    display: block;
    position: absolute;
    top: 47px;
    left: 0;
}
.cta__journey--item {
    width: calc(100% / 5 - 10px);
    position: relative;
    z-index: 1;
}
.cta__journey--content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: var(--e-global-color-primary);
}
.cta__journey--content h4 {
    margin: 0;
    text-align: center;
    font-size: 16px !important;
    font-weight: 700;
}

.cta__journey--circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px var(--e-global-color-secondary);
    margin: 1rem 0;
}
.cta__journey--content p {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    width: 100%;
    line-height: 1.6 !important;
}

.elementor-field-type-acceptance .elementor-field-option {
    display: flex !important;
}

.elementor-field-type-acceptance input {
    margin-right: 5px;
}

/* CTA RESP */
@media (max-width:1140px) {
	.cta__journey {
	    display: flex;
	    justify-content: flex-start;
	    align-items: flex-start;
	    flex-direction: column;
	    margin-top: 0;
	}
	.cta__journey--line {
	    height: 100%;
	    width: 2px;
	    top: 0;
	    left: 11px;
	}
	.cta__journey--item {
	    width: 100%;
	}
	.cta__journey--content {
	    display: flex;
	    justify-content: flex-start;
	    align-items: center;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.cta__journey--content h4 {
	    order: 1;
	}
	.cta__journey--circle {
	    order: 0;
	    margin-right: 20px;
	    transform: translateY(15px);
        background-color: #fff;
        border-color: var(--e-global-color-secondary);
	}
	.cta__journey--content p {
	    order: 2;
	    width: 100%;
	    text-align: left;
	    margin-left: 45px;
	    margin-top: -10px;
	}
}
/* VACATURE TEMPLATE - HERO */
.vac-hero-text {
    max-width: 570px !important;
}
@media (max-width:767px) {
    .vac-hero-text {
        max-width: 100% !important;
        margin-bottom: 32px !important;
    }
}
/* VACATURE TEMPLATE - MATCH EN FORM */
.con--sollicitatie-form .elementor-widget-text-editor a,
.text--white a {
    color: #fff;
}



/*--------------------------------------------------------------
## ELEMENTOR WIDGETS OPMAAK
--------------------------------------------------------------*/
/* HTML WIDGETS */
.html-half {
    max-width: 530px !important;
}
/* lottie niet klikbaar maken */
.elementor-widget-lottie,
.e-lottie__container {
    pointer-events: none;
}




/*--------------------------------------------------------------
## CUSTOM PLUGIN OPMAAK
--------------------------------------------------------------*/
/* FILTER EVERYTHING */
.wpc-filters-widget-wrapper {
    font-size: 14px;;
} 
.wpc-open-close-filters-button {
    border: 1px solid var(--e-global-color-secondary) !important;
    border-radius: 6px !important;
    color: var(--e-global-color-secondary) !important;
    font-weight: 700 !important;
    font-size: 14px;
    padding: 9px 24px !important;
    margin-bottom: 16px !important;
}
.wpc-open-close-filters-button .wpc-icon-html-wrapper span {
    background: var(--e-global-color-secondary) !important;
}
.wpc-open-close-filters-button span.wpc-icon-line-1::after,
.wpc-open-close-filters-button span.wpc-icon-line-2::after,
.wpc-open-close-filters-button span.wpc-icon-line-3::after {
    border-color: var(--e-global-color-secondary) !important;
}

/* COMPLIANZ */
.cmplz-manage-consent {
    display: none !important;
}

/* RECAPTCHA */
.grecaptcha-badge {
    display: none !important;
}

/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/