/*** ---------- Block ---------- ***/



/*** ---------- Block: Media ---------- ***/
.wpb-block--media .wpb-text { margin-bottom: 2rem; }

/*** ---------- Block: Tekst & Media ---------- ***/
.wpb-block--text-media{ overflow: hidden; }
.wpb-block--text-media .wpb-image.wpb-image--default{ --br: 1.2rem; }
.wpb-block--text-media .wpb-image.wpb-image--mask{ --offset: 1.5rem; --offrev: calc(-1 * var(--offset)); position: relative; padding-bottom: 70%; }
.wpb-block--text-media .wpb-image.wpb-image--mask::before{ content: ''; position: absolute; top: var(--offrev); right: var(--offrev); bottom: var(--offrev); left: var(--offrev); z-index: 2; pointer-events: none; }
.wpb-block--text-media .wpb-image.wpb-image--mask img{ --size: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: var(--size); height: var(--size); object-fit: cover; }

.wpb-bg-clr--light.wpb-block--text-media .wpb-image.wpb-image--mask::before{ background-color: rgb(var(--clr-dark-80-rgb), .1); }

@media (min-width: 992px){
   .wpb-block--text-media .wpb-image.wpb-image--mask{ --offset: 2rem; }
}
@media (min-width: 1400px){
    .wpb-block--text-media .wpb-image.wpb-image--mask::before{ content: ''; --lr-offset: 5rem; }
}

/*** ---------- Block: USP's ---------- ***/
.wpb-block--usps{ overflow-x: clip; }
.wpb-block--usps .wpb-block__outer{ position: relative; transform: rotate(1.5deg) translateX(-2rem); width: calc(100% + 4rem); z-index: 5; }
.wpb-block--usps .wpb-block__outer .container{ min-height: clamp(4.5rem, 4vw, 6rem); display: flex; justify-content: space-between; gap: 2rem; }

.wpb-block--usps + :is(section, .wpb-block):not(.wpb-block--usps){ margin-top: -1.75rem; }

.wpb-usp{ display: flex; align-items: center; gap: 1rem; color: var(--clr-text); font-weight: 600; opacity: .8; font-size: clamp(1.2rem, 1.5vw, 1.8rem); text-wrap: nowrap; }
.wpb-usp i{ color: var(--clr-primary); }

.wpb-bg-clr--dark .wpb-usp{ color: #FFFF; }
.wpb-bg-clr--primary :is(.wpb-usp, .wpb-usp i){ color: #FFFF; }

@media (max-width: 765.98px) {
    .wpb-block--usps{ overflow-x: visible; }
    .wpb-block--usps .wpb-block__outer{ position: relative; transform: none; transform: rotate(1.5deg); width: 100%; z-index: 5; }
    .wpb-block--usps .wpb-block__outer .container{ overflow-x: auto; overflow-y: hidden; justify-content: flex-start; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; transform: translateX(0); }
    .wpb-block--usps .wpb-block__outer .container > *:last-child{ padding-right: 1.8rem; }
    .wpb-block--usps .wpb-block__outer .container::-webkit-scrollbar { display: none; }
    .wpb-block--usps .wpb-usp { flex-shrink: 0; scroll-snap-align: end; }
}
@media (min-width: 992px) {
    .wpb-block--usps + :is(section, .wpb-block):not(.wpb-block--usps){ margin-top: -3.5rem; }
}

.wpb-header--subpage + .wpb-block--usps{ margin-top: -3rem; }

/*** ---------- Block: Logos ---------- ***/
.wpb-block--logos .wpb-section__body{ overflow: hidden; }


/*** ---------- Block: Blurb/Kolommen ---------- ***/
.wpb-block--blurb{ overflow: hidden; }
.wpb-block--blurb .wpb-section__header .container{ display: grid; gap: 2.4rem; }
.wpb-block--blurb .wpb-section__header .container .wpb-image-container{ margin-top: -10rem; }
.wpb-block--blurb .wpb-card.wpb-card--blurb{ height: 100%; }

@media (min-width: 768px) {
    .wpb-block--blurb .wpb-section__header .container{ grid-template-columns: 1fr 30rem; gap: 4.8rem; }
    .wpb-block--blurb .wpb-section__header .container .wpb-image-container{ margin-top: 0; position: absolute; top: -7.5rem; right: -10rem; max-width: 40rem; }
    
    .row > :nth-child(2):is(.col--md-6.col--xl-4) { grid-column: 1 / span 6; }
}
@media (min-width: 992px) {
    .wpb-block--blurb .wpb-section__header .container{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-block--blurb .wpb-section__header .container .wpb-image-container{ max-width: 50%; top: -45%; }
}
@media (min-width: 1200px) {
    .row > :nth-child(2):is(.col--md-6.col--xl-4) { grid-column: span 4; }
    .row > :nth-child(3):is(.col--md-6.col--xl-4) { grid-column: 1 / span 4; }
}
@media (min-width: 1400px) {
    .wpb-block--blurb .wpb-section__header .container .wpb-image-container{ max-width: 45%; }
}
@media (min-width: 1600px) {
    .wpb-block--blurb .wpb-section__header .container .wpb-image-container{ top: -80%; }
}

/*** ---------- Block: Carousel ---------- ***/
.wpb-block--carousel .wpb-text { margin-bottom: 2rem; }
.wpb-block--carousel .wpb-image { position: relative; }
.wpb-block--carousel .wpb-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.wpb-block--carousel .wpb-image::after { content: ''; display: block; width: 100%; padding-top: 75%; }


/*** ---------- Block: Header ---------- ***/
.wpb-header.wpb-header--search form { position: relative; }
.wpb-header.wpb-header--search form [type="submit"] { display: inline-flex; cursor: pointer; user-select: none; padding: 0.25rem 1rem; border: none; background: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wpb-header.wpb-header--search form [type="submit"] img { width: 1.5rem; }

.wpb-header .wpb-header__toolbar { display: flex; align-items: center; gap: 1.6rem; padding-bottom: 2.8rem; }
.wpb-header .wpb-header__toolbar .btn { white-space: nowrap; }
.wpb-header .wpb-header__toolbar .wpb-breadcrumbs { margin: 0; --excerpt-line-clamp: 1; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; }
.wpb-header .wpb-header__toolbar .wpb-breadcrumbs > span > span:not(.breadcrumb_last) { opacity: .65; }

/*** ---------- Block: Text media tabs ---------- ***/
.wpb-block--media-tabs .container > .wpb-text { margin-bottom: 2rem; }
.wpb-block--media-tabs .inner { gap: 3.2rem; align-items: center; }
.wpb-block--media-tabs .tab__images { display: grid; overflow: hidden; } 
.wpb-block--media-tabs .tab__images > figure { grid-row: 1/-1; grid-column: 1/-1; opacity: 0; transition: opacity var(--ts-15) ease; transition-delay: var(--ts-35); }
.wpb-block--media-tabs .tab__images figure.active { opacity: 1; transform: scale(1); }
.wpb-block--media-tabs .tab__images figure img { height: 100%; width: 100%; object-fit: contain; }
.wpb-block--media-tabs .tab__content { display: grid; position: relative; gap: 2rem; }
.wpb-block--media-tabs .tab__item { display: grid; align-items: center; }
.wpb-block--media-tabs .tab__item.has-icon { grid-template-columns: 6.4rem 1fr; -ms-grid-columns: 6.4rem 1fr; gap: 1.6rem; }
.wpb-block--media-tabs .tab__item .icon { background-color: var(--wpb-primary); border-radius: 50%; width: 6.4rem; height: 6.4rem; padding: 1.4rem; transition: box-shadow var(--ts-15) ease; }
.wpb-block--media-tabs .tab__item .icon img { width: 100%; height: 100%; object-fit: contain; }

@media (min-width: 992px) {
    .wpb-block--media-tabs .inner { gap: 8.2rem; }
}


/*** ---------- Block: Tabs ---------- ***/
.wpb-block--tabs .wpb-text { margin-bottom: 2rem; }



/*** ---------- Block: Diensten ---------- ***/
.wpb-block--diensten .wpb-section__body { --gc: 1; --gap: 2rem; }
.wpb-block--diensten .wpb-section__body .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }
.wpb-block--diensten .wpb-section__body li { list-style: none; }

@media (min-width: 768px) {
    .wpb-block--diensten .wpb-section__body { --gc: 2;  --gap: 2.8rem; }
}
@media (min-width: 1200px) {
    .wpb-block--diensten .wpb-section__body { --gc: 3; --gap: 3.6rem; }
}


/*** ---------- Block: Text Shortcode ---------- ***/
.wpb-block--text-shortcode .container { column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) {
    .wpb-block--text-shortcode .container { column-gap: 3.2rem; }
    .wpb-block--text-shortcode-primary .wpb-card { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .container { column-gap: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .container { column-gap: 9.8rem; }
}



/*** ---------- Block: Youtube embed ---------- ***/
.wpb-block--youtube .container { column-gap: 2rem; row-gap: 2rem; }
.wpb-block--youtube .wpb-ratio :is(iframe, img) { border-radius: .5rem; }
.wpb-block--youtube .wpb-ratio .youtube-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; cursor: pointer; transition: opacity var(--ts-35) ease; }
.wpb-block--youtube .wpb-ratio .youtube-play img { object-fit: cover; width: 100%; height: 100%; }
.wpb-block--youtube .wpb-ratio .youtube-play .play-icon { position: absolute; top: calc(50% - 3.2rem); left: calc(50% - 3.2rem); display: grid; place-items: center; z-index: 2; background-color: var(--clr-primary); border-radius: 50%; width: 6.4rem; height: 6.4rem; transition: .25s ease; }
.wpb-block--youtube .wpb-ratio .youtube-play .play-icon i { color: rgb(255,255,255); }
.wpb-block--youtube .wpb-ratio:hover .youtube-play .play-icon { transform: scale(1.065); }

@media (min-width: 992px) {
    .wpb-block--youtube .container { column-gap: 3.2rem; }
    .wpb-block--youtube.wpb-block--youtube-primary .wpb-ratio { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--youtube .container { column-gap: 6.4rem; }
}

@media (min-width: 1400px) {
    .wpb-block--youtube .container { column-gap: 9.8rem; }
}



/*** ---------- Block: Team member ---------- ***/
.wpb-block--team .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }

@media (min-width: 576px) {
    .wpb-block--team .container { --gc: 2; }
}

@media (min-width: 768px) {
    .wpb-block--team .container { --gc: 3; }
}

@media (min-width: 992px) {
    .wpb-block--team .container { --gc: 3; }
}