@media (max-width: 768px) {
    .site-header {
        background-image: none !important;
    }
}
.page .entry-title {
  display: none;
}


/* Herstel titels op blogoverzicht en blogposts */
.blog .entry-title,
.archive .entry-title,
.home .entry-title,
.single .entry-title {
  display: block !important;
}

.green-border-left {
    border-left: 4px solid #31ffa9 !important;
    padding-left: 20px;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Desktop default: left align */
.align-responsive-text {
  text-align: left;
}

/* Mobile: center align (Kadence's mobile breakpoint is 767px) */
@media (max-width: 767px) {
  .align-responsive-text {
    text-align: center;
  }
}


.my-custom-button .wp-block-button__link:hover {
    background-color: #2f2c4f;
  color: #31ffa9 ; 
}

.review-overlay {
  position: relative;
  margin-top: -1px; /* prevents any sub-pixel gap between blocks */
  transform: translateY(-50%);
  z-index: 5;
}

.sp-testimonial-free-section {
background-color: white;
	padding: 20px;
}
/* Hide both break-1 tags by default = one line above 1168px */
.kt-info-box7133_8db56d-dc h1 br.two-line-break,
.kt-info-box7133_3722c9-52 h1 br {
  display: none;
}

/* break-2 is always hidden until we specifically need the 3-line version */
.kt-info-box7133_8db56d-dc h1 br.three-line-break {
  display: none;
}

/* Two-line break, both together, starting at 1168px */
@media (max-width: 1193px) {
  .kt-info-box7133_8db56d-dc h1 br.two-line-break,
  .kt-info-box7133_3722c9-52 h1 br {
    display: inline;
  }
}

/* Three-line break, both together, starting at 921px */
@media (max-width: 918px) {
  .kt-info-box7133_8db56d-dc h1 br.three-line-break {
    display: inline;
  }
}

.image-wrap {
  position: relative;
  overflow: visible; /* only this wrapper needs visible, not the image's own container */
}

.image-wrap img {
  display: block;
  overflow: hidden; /* image keeps its own crop */
}

.testimonial-overlap {
  position: absolute;
  left: 20%;
  bottom: 20%;
  transform: translate(-50%, 50%);
  z-index: 5;
}

.testimonial-overlap .kt-blocks-info-box-title {
  font-size: clamp(0.8rem, 4vw, 1.75rem !important);
}

.wp-block-columns { max-width: 1400px;}

/* Cloze: compacter op laptops (20-10-2026). Alles in dezelfde verhouding naar 80%, zoals je site op 80% zoom. Weghalen = terug naar origineel. */
@media (min-width:1025px){
section[class*="cz-"] .cz-wrap, section.cz-clients .cz-cwrap, .czp .czp-wrap{max-width:1176px!important;margin-left:auto!important;margin-right:auto!important}
section[class*="cz-"] .cz-wrap > *, section.cz-clients .cz-cwrap > *, .czp .czp-wrap > *, #masthead .site-header-row-container-inner > *{zoom:.8}
#masthead .site-header-row-container-inner > .site-container{max-width:1470px!important;padding-left:30px!important;padding-right:30px!important}
html body section.cz-chal,html body section.cz-how,html body section.cz-cmp,html body section.cz-who,html body section.cz-st,html body section.cz-mk,html body section.cz-ab,html body section.cz-faq{padding:clamp(48px,5vw,80px) 0!important}
html body section.cz-cta{padding:clamp(56px,5.5vw,90px) 0!important}
html body section.cz-clients{padding:22px 0!important}
html body .czp section{padding:clamp(28px,2.8vw,48px) 0}
}

/* Cloze: compactere blokken op de losse pagina's (niet de homepage) */
@media (max-width:1024px){html body .czp section{padding:32px 0}}