/* 2026-06-28 v1.1
 * - Added mobile bottom spacing for masked first RO block
 */
.ro-blocks-before-footer-wrapper  {
    margin-top: 100px;
    background-color: #32A7DC;
    padding-top: 30px;
    mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-40top.svg?ts=1');
    -webkit-mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-40top.svg?ts=1');
    mask-size: cover;
    -webkit-mask-size:cover;
    margin-bottom: -130px;
} 
@media only screen and (max-width: 1200px) {
    .ro-blocks-before-footer-wrapper  {
         margin-bottom: -30px; 
    }
}
.ro-blocks-before-footer-wrapper > * {
    mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-40top-rev.svg?ts=3');
    -webkit-mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-40top-rev.svg?ts=3');
    
    mask-size: cover;
    -webkit-mask-size: cover;
    padding-top:calc(5vw + 100px - 5vh);
    
}
footer {
    mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-footer.svg');
    mask-size: cover;
    -webkit-mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-footer.svg');
    -webkit-mask-size: cover;
    margin-top: -10px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.center > * {
    margin: auto;
}
.ro-block-template-donatie-button .center {
    margin: auto;
    text-align: center;
}
.wzm-news-thumb h3 {
    white-space: nowrap;
     overflow: hidden;
  text-overflow: ellipsis;
    max-width: calc(100% - 5px);
}
.wzm-news-thumb .label {
    color:#fff!important;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    background-color:var(--color_highlights);
    margin-left: -15px; 
}
a.wzm-news-thumb:hover .label {
    background-color: #89D035!important;
}
.content-wrapper > .ro-blocks:first-child .ro-block-template-text-fullwidth:first-child,
.news-item-introduction-group {
    background-color: #F1F4E4; 
    mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-bottom.svg?ts=3');
    mask-size: cover;
    -webkit-mask-image:url('/themes/wezienmekaar2027/images/masks/gulfmask-bottom.svg?ts=3');
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
    padding-bottom: 5vw;
    padding-top: 5vw;
}

.custom-content-wrapper:has(.news-item-introduction-group) {
	padding-top: 0px!important; 
}
.news-item-introduction-group  {
	padding-top: 2vw;
	padding-bottom: 8vw;
}

@media only screen and (max-width: 540px) {
	.content-wrapper > .ro-blocks:first-child .ro-block-template-text-fullwidth:first-child {
		padding-bottom: calc(12vw + 60px);
	}
}

.wzm-text-cloud-image-wrapper {
    position: relative;
}
.wzm-text-cloud-image {
    display: block;
    position: absolute;
    bottom:30px;
    right: 30px;
    width: 20vw;
    height: 23vw;
    background-color: #FC0; 
    mask-image:url('/themes/wezienmekaar2027/images/masks/wzm-text-cloud.svg?ts=3');
    mask-size: cover;
    -webkit-mask-image:url('/themes/wezienmekaar2027/images/masks/wzm-text-cloud.svg?ts=3');
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;  
    max-width: 400px;
    max-height: 460px;
    background-size:cover;
    background-position: center;
}

@media only screen and (max-width: 1300px) {
    .wzm-text-cloud-image {
         width: 15vw;
         height: 17.25vw;
    }
}

@media only screen and (max-width: 900px) {
    footer {
        position: relative;
    }
    .wzm-text-cloud-image-wrapper {
        position: static;
    }
    .wzm-text-cloud-image {
         bottom: auto;
        top: -20px;
    }
}