/* Dividers */
.divider {position:relative;}
.divider:before,
.divider:after {position:absolute; left:0; width:100%; height:5.6vw; background:inherit; -webkit-mask-image:url(../media/background-shape.svg); mask-image:url(../media/background-shape.svg); -webkit-mask-repeat:no-repeat; mask-position:bottom left; mask-size:100% auto; z-index:9; pointer-events:none;}

.divider.top {margin-top:5.6vw;}
.divider.top:before {content:''; bottom:calc(100% - 2px); transform:scale(-1, 1);}
.divider.top.flip:before {transform:scale(1, 1);}

.divider.bottom:after {content:''; top:calc(100% - 2px); transform:scale(1, -1);}
.divider.bottom.flip:after {transform:scale(-1, -1);}
.divider.bottom + .fusion-fullwidth {padding-top: calc(var(--awb-padding-top, 0) + 5.6vw);}

/* .divider.bottom.inside:after {display:none;}
.divider.bottom.inside + .fusion-fullwidth {padding-top:var(--awb-padding-top, 0);}
.divider.bottom.inside + .fusion-fullwidth:after {content:''; position:absolute; left:0; bottom:calc(100% - 2px); width:100%; height:5.6vw; background:inherit; -webkit-mask-image:url(../media/background-shape.svg); mask-image:url(../media/background-shape.svg); -webkit-mask-repeat:no-repeat; mask-position:bottom left; mask-size:100% auto; z-index:9; pointer-events:none;}
.divider.bottom.inside.flip + .fusion-fullwidth:after {transform:scale(-1, -1);} */

#wrapper .gap-32 > .fusion-column-wrapper {gap:32px;}

#wrapper .fusion-text p:first-child {margin-top:0;}


#wrapper #main {position:relative;}

#wrapper #main:before {content:''; position:absolute; top:-2px; left:0; width:100%; height:5.6vw; background:#a6c7e0; -webkit-mask-image:url(../media/background-shape.svg); mask-image:url(../media/background-shape.svg); -webkit-mask-repeat:no-repeat; mask-position:bottom left; mask-size:100% auto; transform:scale(1, -1); z-index:9; pointer-events:none;}
#wrapper #main #content .post-content .fusion-fullwidth:first-child {padding-top:calc(var(--awb-padding-bottom, 0) + 5.6vw);}

#wrapper #main:after {content:''; position:absolute; bottom:-2px; left:0; width:100%; height:5.6vw; background:#051d3c; -webkit-mask-image:url(../media/background-shape.svg); mask-image:url(../media/background-shape.svg); -webkit-mask-repeat:no-repeat; mask-position:bottom left; mask-size:100% auto; z-index:9; pointer-events:none; transform:scaleX(-1);}
#wrapper #main #content .post-content .fusion-fullwidth:last-child {padding-bottom:calc(var(--awb-padding-bottom, 0) + 5.6vw);}

/* Header */
#wrapper .fusion-tb-header {background:#a6c7e0;}
#wrapper .fusion-page-title-bar .titlebar-image-wrapper .titlebar-image {position:absolute; top:0; left:0; width:100%; height:calc(100% + 128px);}
#wrapper .fusion-page-title-bar .titlebar-image-wrapper .titlebar-image img {width:100%; height:100%; object-fit:cover;}

/* Ervaringen */
#wrapper .posts-wrapper.ervaring {
  --imageSize:56px;
}

#wrapper .posts-wrapper.ervaring .posts-container .single {width:440px; background:#fff; border-radius:16px; padding:32px; display:inline-flex; gap:16px;}
#wrapper .posts-wrapper.ervaring .posts-container .single .post-image {width:var(--imageSize); height:var(--imageSize); flex-shrink:0;}
#wrapper .posts-wrapper.ervaring .posts-container .single .post-image img {width:100%; height:100%; object-fit:cover; border-radius:999px;}
#wrapper .posts-wrapper.ervaring .posts-container .single .post-content {display:flex; flex-direction:column; gap:16px;}
#wrapper .posts-wrapper.ervaring .posts-container .single .post-content .title {font-size:32px; margin:0; min-height:var(--imageSize); display:inline-flex; align-items:center;}
/* #wrapper .posts-wrapper.ervaring .posts-container .single .post-content .content {width:calc(100% + (var(--imageSize) + 16px)); margin-left:calc(0px - (var(--imageSize) + 16px));} */

/* Oplossingen */
#wrapper .posts-wrapper.oplossing .posts-container {display:flex; gap:24px; flex-wrap:wrap; justify-content:center; align-items:space-between;}
#wrapper .posts-wrapper.oplossing .posts-container .single {width:560px; background:#fff; border-radius:16px; padding:32px;}
#wrapper .posts-wrapper.oplossing .posts-container .single .post-image {margin-bottom:16px;}
#wrapper .posts-wrapper.oplossing .posts-container .single .post-content {display:flex; flex-direction:column; gap:16px;}
#wrapper .posts-wrapper.oplossing .posts-container .single .post-content .title {font-size:32px; margin:0;}
#wrapper .posts-wrapper.oplossing .posts-container .single .post-content .content {color:#001f3e;}

/* Team */
#wrapper .posts-wrapper.team .posts-container {display:flex; gap:16px; flex-wrap:wrap; justify-content:center; align-items:space-between;}
#wrapper .posts-wrapper.team .posts-container .single {border-radius:16px; overflow:hidden; width:348px;}
#wrapper .posts-wrapper.team .posts-container .single .post-image img {width:100%;}
#wrapper .posts-wrapper.team .posts-container .single .post-content {display:flex; flex-direction:column; gap:0; background:#001f3e; padding:32px;}
#wrapper .posts-wrapper.team .posts-container .single .post-content:after {content:''; position:absolute; left:0; bottom:calc(100% - 1px); width:100%; height:5.6vw; background:inherit; -webkit-mask-image:url(../media/background-shape.svg); mask-image:url(../media/background-shape.svg); -webkit-mask-repeat:no-repeat; mask-position:bottom left; mask-size:100% auto; transform:scaleX(-1); z-index:9; pointer-events:none;}
#wrapper .posts-wrapper.team .posts-container .single .post-content * {color:#fff;}
#wrapper .posts-wrapper.team .posts-container .single .post-content .title {font-size:2.4rem; margin-bottom:16px;}
#wrapper .posts-wrapper.team .posts-container .single .post-content .post-meta {font-size:14px;}
#wrapper .posts-wrapper.team .posts-container .single .post-content .post-meta i {margin-right:4px; opacity:.8;}
#wrapper .posts-wrapper.team .posts-container .single .post-content a.post-meta:hover {color:#f45d2e;}
#wrapper .posts-wrapper.team .posts-container .single .post-content .post-meta.function {font-size:18px; opacity:.8; margin-bottom:-8px;}

/* Buttons */
#wrapper .button .button-text:after,
#wrapper .fusion-button .fusion-button-text:after {content:'\f061'; font-family:var(--fontAwesome); margin-left:8px; display:inline-flex; transition:all 0.3s ease-in-out;}
#wrapper .button:hover .button-text:after,
#wrapper .fusion-button:hover .fusion-button-text:after {margin-left:12px; margin-right:-4px;}

/* FAQ */
#wrapper .fusion-accordian .fusion-panel {border:none; border-radius:16px; margin-bottom:32px;}
#wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a {display:flex; align-items:center; padding:16px 32px; transition:.3s color; font-size:1.4em;}
#wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a .fusion-toggle-icon-wrapper {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:transparent;}
#wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a .fusion-toggle-icon-wrapper:after {content:'\f078'; font-family:var(--fontAwesome); font-size:1.4em; transition:.3s transform;}
#wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a[aria-expanded="true"] .fusion-toggle-icon-wrapper:after {transform:scaleY(-1);}
#wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a .fusion-toggle-icon-wrapper i {display:none!important;}
#wrapper .fusion-accordian .fusion-panel .panel-body {background:#fff; border-radius:0 0 16px 16px; padding:16px 32px; color:#001f3e; border-top:1px solid #d7e5f0;}
#wrapper .fusion-accordian .fusion-panel .panel-body p:last-child {margin-bottom:0;}

/* Partner Logos */
#wrapper .partner-logo-wrapper .fusion-image-element {background:#fff; border-radius:16px; padding:32px; display:flex; flex-wrap:wrap; gap:32px; justify-content:center;}
#wrapper .partner-logo-wrapper .fusion-image-element .partner-logo img {width:240px; height:128px; object-fit:contain;}

/* Form */
#wrapper .wpforms-container .wpforms-form {--placeholderColor:#001f3e; --placeholderOpacity:1; --inputBorderRadius:8px; --formFontFamily:"Funnel Display", Arial, Helvetica, sans-serif; --submitFontFamily:"Funnel Display", Arial, Helvetica, sans-serif;}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field {--inputBackground:rgba(255, 255, 255, 0.4);}

@media screen and (max-width: 800px) {
  #wrapper {
    --container_padding_100_top:64px;
    --container_padding_100_bottom:32px;
  }

  #wrapper .fusion-page-title-bar .titlebar-image-wrapper .titlebar-image {position:relative; height:40vh; object-fit:cover; margin-bottom:32px;}

  #wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a {font-size:1.2em;}
  #wrapper .fusion-accordian .fusion-panel .panel-heading .panel-title a .fusion-toggle-icon-wrapper:after {font-size:1.2em;}
}