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

/*--------------------------------------------------------------
## 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
--------------------------------------------------------------*/

@media (min-width:1025px) {
    :root {
        --spacing-default: 64px;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    :root {
        --spacing-default: 48px;
    }
}
@media (max-width:767px) {
    :root {
        --spacing-default: 24px;
    }
}



body {
    background: rgb(0,39,65);
    background: radial-gradient(circle, #012136 0%, #01111c 100%) !important;
    overflow-x: hidden !important;
    hyphens: manual;
}

a:focus { outline: none !important}

/* body::after {
    --background-overlay: '';
    content: "";
    background-image: url(https://engeltherm.brutdev.nl/wp-content/uploads/2023/04/bg-shape.svg);
    background-position: 41vw 0px;
    background-repeat: no-repeat;
    background-size: 120vw auto;
    width: 100%;
    height: 100%;
} */

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






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

/* GLOBAL TYPOGRAPHY SETTINGS */
h1, h2, h3, h4, h5, h6, p, div, a {
    font-family: "Ubuntu" !important;
    hyphens: manual;
}
h1 {
    word-wrap: anywhere;
}
h4,
.elementor-widget-heading h4.elementor-heading-title {
    font-size: 20px;
}

/* GLOBAL TYPOGRAPHY RESP SETTINGS */
@media (min-width:768px) and (max-width:1024px) {
    h4 {
        font-size: 18px;
    }
}
@media (max-width:767px) {
    h4 {
        font-size: 16px;
    }
}


/* CUSTOM TYPOGRAPHY CLASSES */
.usp-big .elementor-heading-title {
    font-size: 60px !important
}
.text--filter-kop p {
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
}

/* CUSTOM TYPOGRAPY RESP */
@media (min-width:1500px) {
    .header-titel h1 {
        font-size: 3.4vw !important;
        line-height: 100% !important;   
    }
}
@media (max-width:767px) {
    .header-titel h1 {
        font-size: 36px !important;
        line-height: 100% !important;   
    }
}

/* intro lijst */
.tekst--intro-lijst p {
    font-size: 18px;
    text-transform: uppercase;
}
.tekst--intro-lijst p strong {
    font-weight: 700;
}

/* vacature lijst */
.tekst--vacature-lijst ul {
    list-style: none;
    padding-left: 0;
}
.tekst--vacature-lijst li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.tekst--vacature-lijst li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 30px; /* ruimte maken voor het icoon */
}
.tekst--vacature-lijst li::before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}





/*--------------------------------------------------------------
## BUTTONS
--------------------------------------------------------------*/
/* button global */
/* btn-a */
.btn-a .elementor-size-sm,
.btn-a .elementor-size-sm:visited,
.dropdown-btn-cont .btn-a {
	background-color: var(--e-global-color-accent);
    border: solid 1px var(--e-global-color-accent);
    font-size: 15px !important;
}
.btn-a .elementor-size-sm:hover,
.btn-a .elementor-size-sm:focus,
.dropdown-btn-cont .btn-a:hover {
	background-color: #fff;
    border-color: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}

/* btn-b */
.btn-b .elementor-size-sm,
.btn-b .elementor-size-sm:visited,
.dropdown-btn-cont .btn-a {
	background-color: transparent !important;
    border: solid 1px #fff;
    border-color: #fff;
}
.btn-b .elementor-size-sm:hover,
.btn-b .elementor-size-sm:focus,
.dropdown-btn-cont .btn-a:hover {
	background-color: #fff !important;
    color: var(--e-global-color-secondary);
}

/* prev next button */
.next-prev-button {
    background-color: transparent !important;
    border: solid 1px #fff;
    color: #fff;
    padding: 12px 18px;
    font-weight: 700;
    font-size: 15px !important;
    border-radius: 8px;
    transition: all 300ms ease-in-out;
}
.next-prev-button:hover {
    background-color: #fff !important;
    color: var(--e-global-color-secondary);
    transition: all 300ms ease-in-out;
}
.prev-next-button-cont .elementor-widget-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nextprev-shortcode {
    width: 100%;
}
.prev-next-button-cont .elementor-shortcode {
    display: none;
}
a.next-prev-button {
    color: var(--e-global-color-text);
    font-size: 15px;
    font-style: normal;
    padding: 12px 24px;
}

/* project video */
.projectvideo .elementor-video{
    border-radius: 12px;
    overflow: hidden !important;
}


/* button link */
.btn-link .elementor-size-sm,
.btn-link .elementor-size-sm:visited,
.dropdown-btn-cont .btn-a {
	background-color: transparent!important;
    border: none;
    font-family: "Ubuntu" !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    text-decoration: underline;
    padding: 0px 10px !important;
}

/* form button */
.elementor-form .elementor-button:hover {
    background: #fff !important;
}
.elementor-form .elementor-button:hover .elementor-button-icon,
.elementor-form .elementor-button:hover .elementor-button-text {
    color: var(--e-global-color-accent);
    font-weight: 700 !important;
    font-size: 15px;
}

/* Menu button */
.mainmenu-active .menu-item a{
    color: var(--e-global-color-secondary) !important;
}
#header-block .menu-button-item a, 
.mainmenu-active .menu-button-item a{
    background-color: var(--e-global-color-accent);
    border-radius: 6px;
    height: 38px;
    align-self: center;
    margin-left: 18px !important;
    color: #fff !important;
}
#header-block .menu-button-item:hover a {
    color: var(--e-global-color-accent) !important;
    background-color: #fff;
}
#header-block {
    width: 100vw !important;
    min-width: 100vw !important;
}
.header-up {
    transform: translateY(-100px) !important;
    transition: all 300ms ease-in-out !important;
}

/* producten-slider, content-slider, testimonial-slider */
.producten-slider {
    max-width: 100vw !important;
}
.content-slider .swiper-pagination {
    bottom: -20px !important;
}
/* start slider buttons */
.content-slider .elementor-swiper-button,
.testimonial-slider .elementor-swiper-button,
.producten-slider .elementor-swiper-button {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid !important;
    border-width: 1px;
    border-color: #fff;
    border-radius: 100px;
    padding: 5px;
    text-align: center;
}
.producten-slider .elementor-swiper-button {
    position: absolute;
    top: -50px !important;
}
/* slider next button */
.testimonial-slider .elementor-swiper-button-next {
    right: -10px !important;
}
.content-slider .elementor-swiper-button-next {
    transform: translate(4vw, -50%) !important;
}
.producten-slider .elementor-swiper-button-next {
    right: 80px !important;
}
.elementor-element .eicon-chevron-right {
    position: relative;
    left: 2px;
}
/* slider prev button */
.testimonial-slider .elementor-swiper-button-prev {
    left: -10px !important;
}
.content-slider .elementor-swiper-button-prev{
    transform: translate(-4vw, -50%) !important;
}
.producten-slider .elementor-swiper-button-prev {
    left: unset !important;
    right: 140px !important;
}
.elementor-element .eicon-chevron-left {
    position: relative;
    right: 2px;
}
/* slider buttons resp */
@media (min-width:901px) and (max-width: 1420px) {
    .content-slider .elementor-swiper-button {
        top: 0 !important;
        transform: translate(0, calc(-100% - 24px)) !important;
    }
    .content-slider .elementor-swiper-button-prev {
        left: unset !important;
        right: calc(0px + 36px + 16px) !important;
    }
    .content-slider .elementor-swiper-button-next {
        right: 0 !important;
    }
}
@media (max-width:900px) {
    .testimonial-slider .elementor-swiper-button {
        display: none !important;
    }
    .content-slider .elementor-swiper-button,
    .testimonial-slider .elementor-swiper-button,
    .producten-slider .elementor-swiper-button {
        width: 32px;
        height: 32px;
    }
    .content-slider .elementor-swiper-button i,
    .testimonial-slider .elementor-swiper-button i,
    .producten-slider .elementor-swiper-button i {
        font-size: 20px;
    }
    .producten-slider .elementor-swiper-button {
        transform: translate(0,0) !important;
    }
    .producten-slider .elementor-swiper-button-prev {
        left: unset !important;
        right: calc(16px + 32px + 8px) !important;
    }
    .producten-slider .elementor-swiper-button-next {
        left: unset !important;
        right: 16px !important;
    }
    .content-slider .elementor-swiper-button {
        top: 0 !important;
        transform: translate(0,calc(-100% - 16px)) !important;
    }
    .content-slider .elementor-swiper-button-prev {
        left: unset !important;
        right: calc(-8px + 32px + 8px) !important;
    }
    .content-slider .elementor-swiper-button-next {
        left: unset !important;
        right: -8px !important;
    }
}

/* end slider buttons */
/* start slider content */
.content-slider .swiper-slide-bg {
    background-color: transparent !important;
    background-size: 65% !important;
    background-position: 100% !important;
    transition-duration: 1s !important;
}
.content-slider .swiper-slide-inner {
    justify-content: start !important;
}
.content-slider .swiper-slide-contents {
    background-color: var(--e-global-color-secondary);
    padding: 64px 48px 48px;
    max-width: 45% !important;
    clip-path: polygon(0 0, 100% 8%, 100% 96%, 9% 100%);
}
@media (max-width:1024px) {
    .content-slider .swiper-slide-bg {
        background-color: transparent !important;
        background-size: 90% !important;
        background-position: 50% !important;
    }
    .content-slider .swiper-slide-contents {
        padding: 64px 48px 48px;
        max-width: 60% !important;
        bottom: -40%;
        position: absolute;
        right: 7%;
    }
    .testimonial-slider .swiper-slide-contents {
        padding: 40px 24px 48px 52px;
    }
    .content-slider .swiper-pagination {
        bottom: 16px !important;
    }
    .content-slider .swiper {
        overflow: unset !important;
        overflow-x: hidden !important;
        min-height: 610px !important;
    }
}
@media (max-width:767px) {
    .content-slider .swiper-slide-bg {
        background-color: transparent !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .content-slider .swiper-slide-contents {
        padding: 44px 32px 32px;
        max-width: 100% !important;
        bottom: -40%;
        position: absolute;
        right: 10px;
        width: 90%;
    }
    .content-slider .swiper {
        overflow: unset !important;
        overflow-x: hidden !important;
        min-height: 610px !important;
    }
}
/* end slider content */


/* GLOBAL KLANTEN TESTIMONIALS */
.global-klanten-testimonials .swiper-slide-contents {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
}
.global-klanten-testimonials p {
    margin-bottom: 0 !important;
}
.global-klanten-testimonials .elementor-slide-heading {
    font-size: 20px !important;
    /* font-style: italic; */
    /* font-weight: 600 !important; */
}
.global-klanten-testimonials .elementor-slide-description {
    font-size: 15px !important;
}

.project-item {
    background-position: center center !important;
    transform: scale(1);
    transition: all 300ms ease-in-out;
}
.project-item:hover {
   transform: scale(1.02);
   transition: all 300ms ease-in-out;
}
.widget-title {
    font-size: 24px !important;
}

/* Filter */
.wpc-filters-main-wrap li.wpc-term-item a {
    font-weight: 300 !important;
}
.wpc-checkbox-item a {
    color: #fff !important;
}
.wpc-filter-header {
    color: #fff !important;
    font-weight: 800;
}
.wpc-filter-title {
    margin-bottom: 10px !important;
    font-style: italic;
}
.wpc-filter-content label {
    /* font-size: 14px !important; */
    color: #9a9a9a !important;
}

/* Hide the default checkbox */
.wpc-filter-content input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 16px;
    width: 16px;
    border: 2px solid #ccc;
    border-radius: 3px;
    outline: none;
  }
  
  /* Style the custom checkbox when it's checked */
  .wpc-filter-content input[type="checkbox"]:checked,
  .wpc-filter-content input[type="checkbox"]:hover {
    background-color: #E30020 !important;
    border-color: #fff;
  }
  
  /* Style the label */
/* Position the label */
.wpc-filter-content label:before {
    display: none !important;
}
/* Style the label when the checkbox is checked */
.wpc-filter-content input[type="checkbox"]:checked + .wpc-filter-content label:before {
    background-color: #E30020;
    border-color: #fff;
}



/* WERKEN BIJ TESTIMONIAL */
.testimonial-slider .elementor-testimonial__text {
    font-size: 15px !important;
}
.testimonial-slider .elementor-testimonial__cite {
    margin-top: 20px !important;
}






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






/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
.header-section {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

/* svg logo */
#logo-engeltherm-svg {
    max-width: 170px;
}
@media (min-width:768px) and (max-width:1024px) {
    #logo-engeltherm-svg {
        max-width: 140px;
    } 
}
@media (max-width:767px) {
    #logo-engeltherm-svg {
        max-width: 120px;
    } 
    .logo-html {
        height: 40px;
    }
   .elementor-location-header .elementor-search-form__input {
        font-size: 20px !important;
    }
}
#header-block .elementor-nav-menu--main .elementor-item {
    padding-left: 1vw !important;
    padding-right: 1vw !important;
}
#logo-engeltherm-svg path {
    transition: fill 300ms ease-in-out;
}
.mainmenu-active,
#header-block {
    transition: all 300ms ease-in-out;
}
.mainmenu-active {
    background-color: #fff !important;
}
.mainmenu-active #logo-engeltherm-svg .change-color path {
    fill: var(--e-global-color-secondary) !important;
    transition: fill 300ms ease-in-out;
}
.mainmenu-active #logo-engeltherm-svg .change-color-white path {
    fill: var(--e-global-color-primary) !important;
    transition: fill 300ms ease-in-out;
}
.mainmenu-active .elementor-search-form__toggle i, 
.mainmenu-active .engel-menu-icon i {
    color: var(--e-global-color-secondary) !important;
    transition: color 300ms ease-in-out;
}
.elementor-icon-wrapper {    
    align-items: center !important;
    display: flex !important;
}
.mob-menu .elementor-nav-menu--dropdown {
    position: relative !important;
    margin-left: 0 !important;
    margin-top: 0px !important;
}
.mob-menu .sub-menu li a {
    padding-left: 0 !important;
}
/* menu active tweak */
.elementor-nav-menu--dropdown .link-no-active.current-menu-item a.elementor-item-active {
    background-color: #fff !important;
}




/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/
.footer-top-section {
    -webkit-clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
    border-top: solid 1px #011421;
}
.footer-block .elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: #e30020 !important;
}
.elementor-location-footer a {
    color: var(--e-global-color-text);
    font-style: normal;
}
.elementor-location-footer .elementor-widget-nav-menu a {
    padding: 8px 0 !important;
}


/*--------------------------------------------------------------
## GLOBAL OPMAAK
--------------------------------------------------------------*/
.content-padding-side {
    padding-left: 48px !important;
    padding-right: 48px !important;
}
@media (min-width:768px) and (max-width:1024px) {
    .content-padding-side {
        padding-left: 32px !important;
        padding-right: 32px !important;
    } 
}
@media (max-width:767px) {
    .content-padding-side {
        padding-left: 24px !important;
        padding-right: 24px !important;
    } 
}


/*--------------------------------------------------------------
## CUSTOM CONTAINER OPMAAK
--------------------------------------------------------------*/
/* CONTAINER FIT CONTENT */
.c-fit-content {
    width: fit-content;
}
/* Branches */
@media (min-width:1024px) {
    .branches-container .branches-item:nth-child(2) {
        border-left: solid 1px #ffffff1f;
        border-right: solid 1px #ffffff1f;
    }
}
@media (max-width:768px) {
    .branches-container .branches-item {
        border-bottom: solid 1px #ffffff1f;
    }
}

/* faq */
.faq-block .elementor-accordion-item, .faq-block .elementor-tab-content {
    border: 0 !important;
}
.faq-block ul {
    padding-inline-start: 20px !important; }
.faq-block .elementor-tab-title {
    position: relative !important;
    cursor: pointer;
}
.faq-block .elementor-tab-title:hover {
    border-color: transparent !important;
}
.faq-block .elementor-tab-title:after {
    background-color: transparent;
    transition: all 120ms ease-in-out;
}
.faq-block .elementor-tab-title:hover:after {
    content: "";
    width: calc(100% + 32px);
    height: calc(100% + 8px);
    background-color: #f9f9f924;
    position: absolute;
    left: -16px;
    top: -4px;
    border-radius: 12px;
    transition: all 120ms ease-in-out;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
    display: flex !important;
    padding: 4px !important;
    border-radius: 100px;
    border: solid 1px #fff;
    height: 24px;
    width: 24px !important;
    justify-content: center;
    align-items: center;
    margin-top: -4px;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon  i {
    font-size: 10px;
    line-height: 20px !important;
}

/* VACATURES */
/* icons */
.vacatures-icons-wrapper .icon-wrapper-inner {
    align-items: center;
    padding: 0;
}
.vacatures-icons-wrapper .icon-wrapper-inner .elementor-widget-heading {
    width: fit-content;
}
.vacatures-icons-wrapper .icon-wrapper-inner .elementor-widget-icon {
    min-width: 100px;
}

.vacature-right-up-col {
    clip-path: polygon(0 0, 100% 5%, 100% 94%, 0% 100%);
}
.vacature-right-down-col {
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
}
.contactpersoon-wrapper .elementor-widget-icon-list .elementor-icon-list-item a {
    justify-content: center;
}
@media (min-width:1024px) {
    .projecten-filter-col {
        clip-path: polygon(0 0, 100% 5%, 100% 94%, 0% 100%);
        background-color: #022741;
    }
    .type-vacature .elementor-button::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    } 
    .type-vacature {
        position: relative;
        transform: translateY(0px);
        transition: all 300ms ease-in-out;
    }  
    .type-vacature:hover {
        transform: translateY(-5px);
        transition: all 300ms ease-in-out;
    }
    /* 7/9/23 uitgezet, waarom stond dit er in?
    /* .type-vacature .elementor-widget-button,
    .type-vacature .elementor-widget-container,
    .type-vacature .elementor-button-wrapper,
    .type-vacature .e-con-boxed {
        position: unset !important;
    } */
}
@media (min-width:768px) {
    .e-loop-item .vacature-text-wrapper .elementor-widget-button {
        margin-top: auto;
    }
    .vacature-text-wrapper {
        height: 100%;
    }
}
/* fix voor verkeerde hoogte vacature blokken op mobile */
@media (max-width:767px) {
    .vacature-card {
        height: auto !important;
    }
}

body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
    color: #fff !important;
    border-color: #fff !important;
}
.wpc-icon-html-wrapper span {
    background-color: #fff !important;
}
.wpc-term-count-0 {
    display: none !important;
}

/* CONTAINER FORMULIER */
.container--form-wrapper {
    background: var(--e-global-color-6c857c8);
    border-radius: 12px;
    padding: var(--spacing-default);
}



/*--------------------------------------------------------------
## CUSTOM OPMAAK
--------------------------------------------------------------*/
/* #hero-block */
#hero-block > .e-con-inner {
    padding-top: 96px;
    padding-bottom: 96px;
}

/* PRIVACYBELEID PAGINA */
.privacy-policy .site-main {
    color: #fff;
    padding-top: calc(2.4 * var(--spacing-default));
    padding-bottom: var(--spacing-default);
}
.privacy-policy .site-main h3 {
    color: #fff;
}

/* TESTIMONIALS */
.testimonial-slider .elementor-testimonial {
    background-color: var(--e-global-color-secondary);
    padding: 48px 48px 48px 80px;
    clip-path: polygon(0 0, 100% 8%, 100% 96%, 9% 100%);
    height: 100%; /* hoogte gelijk trekken, zodat pijltje niet zweeft */
    justify-content: flex-end;
}
.testimonial-slider .swiper-slide:after { 
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0;
    right: 30%;
    background-color: #fff;
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    background-color: var(--e-global-color-secondary);
}
@media (max-width:768px) {
    .testimonial-slider .elementor-testimonial {
        padding: 40px 24px 48px 52px;
    }

    .testimonial-slider .swiper-slide {
        padding: 0 !important;
    }
}

/* Gallery */
/* VACATURE GALLERY GRID*/
.wrapper-vacature-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(0, 20vw);
    grid-row-gap: 32px;
    grid-column-gap: 32px;
}
    
.wrapper-vacature-gallery .elementor-widget-image:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.wrapper-vacature-gallery .elementor-widget-image:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.wrapper-vacature-gallery .elementor-widget-image:nth-child(3) { grid-area: 1 / 3 / 2 / 5; }
.wrapper-vacature-gallery .elementor-widget-image:nth-child(4) { grid-area: 2 / 1 / 3 / 3; }
.wrapper-vacature-gallery .elementor-widget-image:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }
.wrapper-vacature-gallery .elementor-widget-image:nth-child(6) { grid-area: 2 / 4 / 3 / 5; }
 
.wrapper-vacature-gallery .elementor-widget-image img {
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .wrapper-vacature-gallery {
        grid-row-gap: 24px;
        grid-column-gap: 24px;
    }
}
@media (max-width:560px) {
    .wrapper-vacature-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
        
        .wrapper-vacature-gallery .elementor-widget-image:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
        .wrapper-vacature-gallery .elementor-widget-image:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
        .wrapper-vacature-gallery .elementor-widget-image:nth-child(4) { grid-area: 2 / 1 / 3 / 3; }
        .wrapper-vacature-gallery .elementor-widget-image:nth-child(2) { grid-area: 3 / 1 / 4 / 2; }
        .wrapper-vacature-gallery .elementor-widget-image:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
        .wrapper-vacature-gallery .elementor-widget-image:nth-child(6) { grid-area: 4 / 1 / 5 / 3; } 
}


/* Gallery 2*/
/* VACATURE GALLERY GRID*/
.wrapper-vacature-gallery2 {
    flex-wrap: nowrap;
    gap: 32px;
}
    .wrapper-vacature-gallery2 .elementor-widget-image img {
        height: 100%;
        object-fit: cover;
    } 

    @media (max-width:560px) {
        .wrapper-vacature-gallery2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            grid-column-gap: 24px;
            grid-row-gap: 24px;
            }
            /* optioneel indien 4 afbeeldingen */
            .wrapper-vacature-gallery2.grid-4 {
                grid-template-rows: repeat(3, 1fr);
            }
            
            .wrapper-vacature-gallery2 .elementor-widget-image:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
            .wrapper-vacature-gallery2 .elementor-widget-image:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
            .wrapper-vacature-gallery2 .elementor-widget-image:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
            /* optioneel indien 4 afbeeldingen */
            .wrapper-vacature-gallery2.grid-4 .elementor-widget-image:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }
    }

/* ruimte rondom galleries, grid en flex */
@media (min-width: 1372px) {
    .wrapper-vacature-gallery,
    .wrapper-vacature-gallery2 {
        padding: 0 32px;
    }
}
@media (min-width: 1025px) and (max-width:1371px) {
    .wrapper-vacature-gallery,
    .wrapper-vacature-gallery2 {
        padding: 0 48px;
    }
}
@media (min-width: 768px) and (max-width:1024px) {
    .wrapper-vacature-gallery,
    .wrapper-vacature-gallery2 {
        padding: 0 32px;
    }
}
@media (max-width:767px) {
    .wrapper-vacature-gallery,
    .wrapper-vacature-gallery2 {
        padding: 0 24px;
    }
}


/* ICON LIST BRANCHES & OPLOSSINGEN */
.icon-list--branches.elementor-widget .elementor-icon-list-item {
    margin-bottom: 24px;
}
@media (min-width:1024px) {
    .icon-list--branches.elementor-widget .elementor-icon-list-item {
        width: 16%;
    }
}
.icon-list--branches.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
    margin: 0;
}
@media (min-width: 768px) {
    .icon-list--branches.elementor-widget .elementor-icon-list-item {
        text-align: center;
        align-items: flex-start;
    }
    .icon-list--branches .elementor-icon-list-item a {
        flex-direction: column;
        padding-top: 8px;
    }

    .landing li.elementor-icon-list-item.elementor-inline-item {
        display: flex;
        flex-direction: column;
    }

    .landing .elementor-icon-list-icon {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
}
@media (max-width:1024px) {
    .icon-list--branches.elementor-widget .elementor-icon-list-item {
        min-width: 200px;
    }
}
@media (max-width:767px) {
    .icon-list--branches .elementor-icon-list-item {
        width: 100%;
    }
    .icon-list--branches.elementor-widget .elementor-icon-list-item {
        margin-bottom: 0;
    }
}

/* TEAM FLIP BOXES */
/* cont team wrapper grid */
.cont--team-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 16px;
}

/* CONTAINER TEAM WRAPPER EN CONTENT OPMAAK */
.cont--team-wrapper .elementor-widget-flip-box {
    aspect-ratio: 720/1008;
}
.cont--team-wrapper .elementor-flip-box {
    aspect-ratio: 720/1008;
    width: 100%;
    height: auto;
}
.cont--team-wrapper .elementor-flip-box__layer {
    transition: all 0.3s ease-in-out;
}
.cont--team-wrapper .elementor-flip-box .elementor-flip-box__layer__overlay {
    justify-content: flex-end;
}
.cont--team-wrapper .elementor-flip-box:hover .elementor-flip-box__layer__overlay {
    background-image: linear-gradient(to bottom, rgba(0,39,65,0) 46%, rgba(0,39,65,0.75) 75%, rgba(0,39,65,1) 100%);
    background-color: rgba(0,39,65,0) !important;
}
.cont--team-wrapper .elementor-flip-box__layer__title:not(:last-child),
.cont--team-wrapper .elementor-flip-box__layer__description p {
    margin-bottom: 0;
}
.cont--team-wrapper .elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description,
.cont--team-wrapper .elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description p {
    color: var(--e-global-color-accent);
    font-weight: 600;
    font-style: italic;
}
.cont--team-wrapper .elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description a {
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 9;
    display: block;
    margin-top: 8px;
    font-weight: 300;
}
/* flip box & team wrapper resp */
@media (max-width:767px) {
    .cont--team-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }
    /* front card uit, back card aan */
    .cont--team-wrapper .elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__front {
        opacity: 1;
    }
    .cont--team-wrapper .elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__back {
        opacity: 1;
        background: transparent;
        background-size: 0;
    }
    .cont--team-wrapper .elementor-flip-box .elementor-flip-box__layer__overlay {
        background-image: linear-gradient(to bottom, rgba(0,39,65,0) 46%, rgba(0,39,65,0.75) 75%, rgba(0,39,65,1) 100%);
        background-color: rgba(0,39,65,0) !important;
        padding: 8px;
    }
    .cont--team-wrapper .elementor-flip-box .elementor-flip-box__layer__overlay .elementor-flip-box__layer__description a {
        font-size: 10px;
        margin-top: 0;
    }
}

/* OVER ONS BLOK HOME */
@media (min-width:1025px) and (max-width:1360px) { /* voorkomen dat content door elkaar gaat lopen */
    .home-over-wrapper.e-con > .e-con-inner {
        flex-direction: column;
    }
    .home-over-wrapper.e-con > .e-con-inner > .e-con {
        width: 100%;
    }
    .home-over-wrapper.e-con .usps-wrapper {
        flex-direction: row;
    }
}
@media (min-width:1361px) {
    .over-engel-column {
        border-left: solid 1px #ffffff1f;
        border-right: solid 1px #ffffff1f; 
    }
}


/* USPS OPSOMMING HOME */
.usp-item-wrapper {
    padding: 16px;
}
.usp-item-wrapper p {
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
}
.usp-item-wrapper .usp-title {
    font-size: 60px;
}
.usp-item-wrapper .usp-title span {
    font-size: 40px;
}
@media (max-width: 1024px) {
    .usp-item-wrapper p {
        font-size: 16px !important;
    }
    .usp-item-wrapper .usp-title {
        font-size: 40px !important;
    }
    .usp-item-wrapper .usp-title span {
        font-size: 24px !important;
    }
}
@media (min-width:768px) and (max-width: 1360px) {
    .usps-wrapper .usp-item-wrapper:nth-child(2) {
        border-left: solid 1px #ffffff1f;
        border-right: solid 1px #ffffff1f; 
    }
}
/* usp grid */
.usps-icons-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 24px;
}

/* usp icons grid resp */
@media (max-width:480px) {
    .usps-icons-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-row-gap: 16px;
    }
}
/* dividers */
@media (min-width: 481px) {
    /* Stijl voor de dividers tussen items 1 en 2, 2 en 3, en 4 en 5 */
    .usps-icons-wrapper > :nth-child(2)::before,
    .usps-icons-wrapper > :nth-child(3)::before,
    .usps-icons-wrapper > :nth-child(5)::before {
        content: '';
        border-left: 1px solid #ffffff1f;
        height: 100%; /* Hiermee vult de divider de hoogte van de rij */
        margin-left: 0;
    }
}
@media (max-width: 481px) {
    /* Stijl voor de dividers tussen items 1 en 2, 2 en 3, en 4 en 5 */
    .usps-icons-wrapper > :nth-child(2)::before,
    .usps-icons-wrapper > :nth-child(4)::before {
       content: '';
        border-left: 1px solid #ffffff1f;
        height: 100%; /* Hiermee vult de divider de hoogte van de rij */
        margin-left: 0;
    }
}
    
    


/*--------------------------------------------------------------
## ELEMENTOR WIDGETS OPMAAK
--------------------------------------------------------------*/
/* Search overlay */
.elementor-search-form--skin-full_screen .elementor-search-form__container {
    background: rgb(0,39,65);
    background: radial-gradient(circle, rgba(0,39,65,1) 0%, rgb(2, 25, 40) 100%) !important;
}
.eicon-close {
    font-size: 34px !important;
    color: #fff !important;
}

/* ELEMENTOR FORM WIDGET */
.elementor-widget-form .elementor-field-group .elementor-field,
.elementor-widget-form .elementor-field-subgroup label,
.elementor-widget-form .elementor-field-group > label,
.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    font-weight: 300 !important;
}
.elementor-form .elementor-field-label {
    margin: 12px 0 6px;
}
/* lucht onder acceptance */   
.elementor-field-type-acceptance {
    margin-bottom: 24px !important;
}
/* checkbox styling */
.elementor-field-type-checkbox .elementor-field-option,
.elementor-field-type-acceptance .elementor-field-option {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 8px;
}
/* nieuwsbrief aanmeldformulier */
.elementor-form[name="Nieuwsbrief aanmeldformulier"] .elementor-field[type="email"] {
    border-radius: 6px;
}
/* bestandsupload */
.elementor-field-type-upload .elementor-field-label span {
    font-size: 12px;;
}

/* ELEMENTOR WIDGET TOGGLE */
.elementor-field-type-upload {
    margin-bottom: 24px !important;
}
.elementor-widget-toggle .elementor-toggle-item a {
    color: var(--e-global-color-text);
    font-weight: 300 !important;
    font-style: normal;
}

/* ELEMENTOR WIDGET POST NAVIGATION */
.elementor-post-navigation__separator-wrapper {
    padding: 0 16px;
}




/*--------------------------------------------------------------
## CUSTOM PLUGIN OPMAAK
--------------------------------------------------------------*/
/* COMPLIANZ */
.cmplz-buttons {
    flex-wrap: wrap !important;
}
.cookie-statement, #cmplz-document {
    /* display: block !important; */
}
.cmplz-close, .dialog-close-button i {
    color:#fff !important
}
.cmplz-btn.cmplz-manage-consent {
    display: none;
}
/* tekst opmaak */
.cmplz-document {
    color: #fff;
}
.cmplz-document a {
    color: var(--e-global-color-accent);
}
.cmplz-document a:hover {
    color: var(--e-global-color-8cd5657);
}
/* dropdown styling */
#cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document .cmplz-dropdown,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
    background-color: var(--e-global-color-secondary);
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div[class$="header"],
#cmplz-document .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div[class$="header"],
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div[class$="header"] {
    background-color: rgba(239,239,239,0.5);
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown .cookies-per-purpose,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
    background-color: transparent;
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
    border: 1px solid var(--e-global-color-secondary);
}

/* CTA_JOURNEY */
.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: #fff;;
    display: block;
    position: absolute;
    top: 53px;
    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: #fff;
}
.cta__journey--content h4,
.cta__journey--content p.titel {
    margin: 0;
    text-align: center;
    font-size: 16px !important;
    font-weight: 700;
    font-style: italic;
}

.cta__journey--circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #051b29;
    border: solid 2px #fff;
    margin: 1rem 0;
}
.cta__journey--content p:not(.titel) {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    width: 100%;
    line-height: 1.6 !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: 2rem;
	}
	.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,
    .cta__journey--content p.titel {
	    order: 1;
	}
	.cta__journey--circle {
	    order: 0;
	    margin-right: 20px;
	    transform: translateY(15px);
        background-color: #051b29;
        border-color: #fff;
	}
	.cta__journey--content p:not(.titel) {
	    order: 2;
	    width: 100%;
	    text-align: left;
	    margin-left: 45px;
	    margin-top: -10px;
	}
}



.l-page-project-slider .elementor-swiper-button.elementor-swiper-button-prev {
    right: -90px;
}

.l-page-project-slider .elementor-swiper-button.elementor-swiper-button-next {
    z-index: 2;
}


.l-page-project-slider .elementor-element .swiper-container .elementor-swiper-button, .elementor-element .swiper-container~.elementor-swiper-button, .elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper~.elementor-swiper-button, .elementor-lightbox .swiper-container .elementor-swiper-button, .elementor-lightbox .swiper-container~.elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper~.elementor-swiper-button {
    position: absolute;
    top: -60px !important;
}

@media (max-width:400px) {
    .l-page-project-slider .elementor-element .swiper-container .elementor-swiper-button, .elementor-element .swiper-container~.elementor-swiper-button, .elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper~.elementor-swiper-button, .elementor-lightbox .swiper-container .elementor-swiper-button, .elementor-lightbox .swiper-container~.elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper~.elementor-swiper-button {
        position: absolute;
        top: auto !important;
        bottom: -20px;
    }

    .l-page-project-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: none;
    }

    .l-page-project-slider i.fas.fa-arrow-circle-right {
        display: none;
    }
}


ul {
    padding-left: 16px;
}

a.afspraak-link {
    font-style: normal;
    font-weight: 400;
}

.header-section-lp {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

@media (max-width:400px) {
    .header-section-lp h1{
        font-size: 32px !important;
    }
}

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