/* Dividers */
.divider-top-black {padding-top:calc(128px + 2%) !important}
.divider-top-black:before {content:""; position:absolute; left:0; right:0; top:0; padding-top:12%; background-color:var(--awb-color5); pointer-events: none; background-image:url('../media/divider-top-black.svg'); background-size:cover; background-repeat:no-repeat;} 

.divider-bottom-black {padding-bottom:calc(96px + 2%) !important}
.divider-bottom-black:after {content:""; position:absolute; left:0; right:0; bottom:0; padding-top:12%;  background-color:var(--awb-color5); pointer-events: none; background-image:url('../media/divider-bottom-black.svg'); background-size:cover; background-repeat:no-repeat;} 

.divider-bottom-black.cutoff {margin-bottom:0px !important}
.divider-bottom-black.cutoff:after {bottom:0px; top:auto; background-color:#fff;}

.divider-bottom-white {}
.divider-bottom-white:before {content:""; position:absolute; left:0; right:0; top:calc(100% - 1px); padding-top:12%; pointer-events: none; background-image:url('../media/divider-bottom-white.svg'); background-size:cover; background-repeat:no-repeat;} 

/* CTA image */
.cta-image {transform:translate(50%, 50%); pointer-events:none;}

/* icon button */
.fusion-button.icon-button {width:32px; height:32px;}
.fusion-button.button-link i {color:var(--awb-color4)}

/* Custom buttons */
#wrapper .button-wrapper .button.white {background-color:#fff; color:var(--awb-color1)}

/* Header */
.background-mask {mask-image: url(../media/header-mask.svg); mask-size:cover; mask-repeat: no-repeat; mask-position: left bottom;}

/* Checklist */
.checklist-horizontal {display: flex; flex-wrap: wrap;flex-direction: row;align-items: center;gap: 24px; margin:0px !important;}
.checklist-horizontal .fusion-li-item {padding:0px !important;}
.checklist-horizontal .fusion-li-item .icon-wrapper,
.checklist-horizontal .fusion-li-item .fusion-li-item-content {margin-inline-start: 0px !important; margin-inline-end: 0px !important; display: flex;}

/* CTA formulier */
#wrapper .wpforms-container {
    --inputBackground:rgba(255,255,255, 0.2);
    --inputColor:#fff;--inputBorder:none;
    --inputBorderRadius:0; 

    --placeholderColor:#fff;
    --placeholderOpacity:0.6;

    --submitColor: var(--awb-color4);
    --submitBackground:#fff;

    --submitHoverColor:var(--awb-color4);
    --submitHoverBackground:var(--button_gradient_top_color_hover);

    --inputBorderRadius:8px;
}

#wrapper .wpforms-container .wpforms-layout-column {gap:16px; display:flex; flex-direction: column;}
#wrapper .wpforms-container .wpforms-form .wpforms-submit-container {display:flex; justify-content:flex-end; margin-top:16px !important}

/* Team archive */
.posts-wrapper.team .posts-container {gap:64px;}
.posts-wrapper.team .posts-container .single {display:flex; flex-direction: column;}
.posts-wrapper.team .posts-container .single .post-content {background:var(--awb-color4); display:flex; flex-direction: column; padding:24px 24px 0px 24px; gap:16px; color:#fff; flex:1;}
.posts-wrapper.team .posts-container .single .post-content h3 {color:#fff; font-size:45px; font-weight:400; margin:0px;}
.posts-wrapper.team .posts-container .single .post-content .team-info {color:#fff; font-weight:bold; display:flex; flex-direction: column; font-size:20px; line-height:1.3}

.posts-wrapper.team .posts-container .single:after {content:""; position:relative; display:block; width:100%; padding-top:25%; background-image:url('../media/team-bottom-mask.svg'); background-size:cover; background-repeat:no-repeat; background-position:top center; background-color:var(--awb-color1);}

.posts-wrapper.team .posts-container .single .post-image {padding-top:112.5%; position:relative; overflow:hidden; width:100%; mask-image:url('../media/team-image-mask.svg'); mask-size:cover; mask-repeat:no-repeat; mask-position:center center; background-color:var(--awb-color4);}
.posts-wrapper.team .posts-container .single .post-image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center;}

.posts-wrapper.team .posts-container .single.team-cta:before {content:""; position:relative; display:block; width:100%; padding-top:25%; background-image:url('../media/team-top-mask.svg'); background-size:cover; background-repeat:no-repeat; background-position:top center; background-color:var(--awb-color1);}
.posts-wrapper.team .posts-container .single.team-cta .cta-content {flex:1; display:flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; background:var(--awb-color4); padding-left:24px; padding-right:24px}
.posts-wrapper.team .posts-container .single.team-cta .cta-content h3,
.posts-wrapper.team .posts-container .single.team-cta .cta-content p {color: #fff !important;}

/* Search */
.search-header {padding-top:128px; margin-bottom:32px;}
.search-header h1 {color:var(--awb-color4); font-size:54px;}

.search-results {padding-bottom:64px; display:flex; flex-direction: column; gap:16px}
.search-results article h2 {font-size:24px; margin:0px;}
.search-results article h2 a {display:flex; align-items: center;}
.search-results article h2 a i {font-size:16px; color:var(--awb-color1); margin-right:8px;}

.search-results article h2 a:hover {color:var(--awb-color4)}

.fixed-telephone-icon {position: fixed;bottom: 24px;right: 24px;background-color: var(--awb-color4); color: white;width:64px;height:64px;border-radius: 50%;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);z-index: 9999;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 24px;transition: transform 0.3s ease, background-color 0.3s ease;}
.fixed-telephone-icon:hover {transform: scale(1.1);color:#fff;}