/* Aanvullingen voor de herpositionering 2026 (branch DGR-2026). Op elke pagina na de pagina-CSS geladen. */

/* Knop "Mijn Groene Ruyt" in het menu */
#top-menu li.menu-mijn a span{display:inline-block;margin-top:-7px;padding:4px 14px;background:#aadb24;border-radius:20px;color:#fff;font-family:'Lato',Helvetica,Arial,sans-serif;font-weight:700;line-height:1.4;box-shadow:inset 0 0 18px 0 rgba(0,0,0,.3);transition:background-color .2s ease}
#top-menu li.menu-mijn a:hover span{background:#94c21a}
#top-menu li.menu-mijn>a:hover{opacity:1}
.et_mobile_menu li.menu-mijn a{color:#4a6d00;font-weight:600}

/* Blok "Wat we hier leerden" op projectpagina's */
.dgr-les{margin:0 auto 40px;padding:28px 32px!important;background:#f3f7ea;border-left:4px solid #aadb24}
.dgr-les h3{margin:0 0 10px;padding:0;color:#4a6d00;font-size:22px;font-weight:600}
.dgr-les p{padding:0;margin:0 0 10px}
.dgr-les p:last-child{margin-bottom:0}
.dgr-les a{color:#4a6d00;font-weight:600}

/* Blok "Kennis delen" op de homepage en verwijzingen naar Mijn Groene Ruyt */
.dgr-kennis{padding:32px 36px!important;background:#f3f7ea;border-left:4px solid #aadb24}
.dgr-kennis h2{margin:0 0 12px;color:#4a6d00}
.dgr-knop{margin-top:12px}

/* Lijst met diensten op de homepage */
.dgr-diensten{list-style:disc outside;padding:0 0 10px 1.2em!important;margin:0}
.dgr-diensten li{padding:0 0 10px!important}

@media (max-width:980px){
  .dgr-les,.dgr-kennis{padding:22px 20px!important}
}

/* Extra logo's in "De Groene Ruyt werkt samen met" */
/* partnerlogo's: gelijke vakken, onvolledige laatste rij gecentreerd */
.dgr-logos{--per-rij:5;display:flex;flex-wrap:wrap;justify-content:center;gap:34px 40px}
.dgr-logo-cel{flex:0 0 calc((100% - (var(--per-rij) - 1) * 40px) / var(--per-rij));display:flex;align-items:center;justify-content:center;height:90px}
.dgr-logo-cel a,.dgr-logo-cel .et_pb_image_wrap{display:block;width:100%;height:100%}
.dgr-logo-cel img{display:block;width:100%!important;height:100%!important;max-width:180px;margin:0 auto;object-fit:contain}
@media (max-width:980px){.dgr-logos{--per-rij:3}}
@media (max-width:767px){.dgr-logos{--per-rij:2;gap:24px 40px}.dgr-logo-cel{height:70px}}

/* Projectfoto vierkant maken als het bronbeeld dat niet is (kaartjes op Praktijk) */
img.dgr-vierkant{width:100%;aspect-ratio:1/1;object-fit:cover}

/* Blokken met één grote foto naast tekst + twee kleine foto's: de grote foto vult de hele kolomhoogte,
   zodat de onderkanten gelijk lopen, ook als de tekst ernaast langer of korter is. */
@media (min-width:981px){
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child,
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child a,
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child .et_pb_image_wrap{display:block;height:100%}
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child img{height:100%;object-fit:cover}
}

/* Eén tekstgrootte voor lopende tekst: 16px. Groter blijven alleen de introtekst in de kop (22px)
   en de openingsalinea "Over dit project" op projectpagina's (18px). */
.dgr-kennis p,.dgr-les p{font-size:16px;line-height:1.8em}
.home .et_pb_text_5,.home .et_pb_text_6,.home .et_pb_text_7{font-size:16px;line-height:1.8em}
.page-id-50 .et_pb_text_3,.page-id-50 .et_pb_text_4,.page-id-50 .et_pb_text_5,.page-id-50 .et_pb_text_6{font-size:16px;line-height:1.8em}
.page-id-54 .et_pb_text_inner h1+p{font-size:16px;line-height:1.8em}
.single-project .et_pb_section_1 .et_pb_text:not(.et_pb_text_3):not(.et_pb_text_4) p{font-size:16px;line-height:1.8em}

/* Eén knopstijl voor de hele site: groene pil met witte, vette tekst (zoals "Naar dit project").
   Geldt voor Divi-knoppen, "Lees verder", eigen knoppen, formulierknoppen, nieuwsbrief en zoeken.
   De e-mailknop in het adresblok blijft een tekstlink. */
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]),
html body #page-container#page-container .et_pb_section a.et_pb_button:not([href^="mailto:"]),
html body #page-container#page-container .et_pb_contact_submit,
html body #page-container#page-container .et_pb_section .et_pb_contact_submit,
a.dgr-knop,
.egn button,
.wp-block-search__button{
  display:inline-block;
  background:#aadb24!important;
  color:#fff!important;
  border:0!important;
  border-radius:20px!important;
  padding:.3em 1em!important;
  font-family:'Lato',Helvetica,Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.7em!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-shadow:inset 0 0 18px 0 rgba(0,0,0,.3)!important;
  transition:background-color .2s ease!important;
  cursor:pointer;
}
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]):hover,
html body #page-container#page-container .et_pb_section a.et_pb_button:not([href^="mailto:"]):hover,
html body #page-container#page-container .et_pb_contact_submit:hover,
a.dgr-knop:hover,
.egn button:hover,
.wp-block-search__button:hover{background:#94c21a!important;color:#fff!important;padding:.3em 1em!important;letter-spacing:normal!important}
/* Geen verspringend pijltje bij hover: alle knoppen gedragen zich gelijk */
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]):after,
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]):before,
html body #page-container#page-container .et_pb_contact_submit:after,
html body #page-container#page-container .et_pb_contact_submit:before{display:none!important}
.wp-block-search__button svg{fill:#fff}

/* Leesbare tekst over headerfoto's: half doorzichtig wit vlak met donkere letters.
   1) grote fotokoppen (Divi fullwidth header), 2) koppen met tekstblokken (Praktijk, Over ons, projectpagina's). */
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content,
.et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:has(>.et_pb_bg_layout_dark){
  /* geen backdrop-filter: die gaf lichte strepen in het vlak bij hover over het menu */
  background:rgba(255,255,255,.58);
  padding:28px 30px!important;
  border-radius:4px;
}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content :is(h1,h2,h3,p,li,span,strong,a:not(.et_pb_button)),
.et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark :is(h1,h2,h3,p,li,span,strong,a){
  color:#2b2b2b!important;
  text-shadow:none!important;
}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_fullwidth_header_subhead{color:#4a6d00!important}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_header_content_wrapper>p:first-child:empty,
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_header_content_wrapper>p:first-child:has(br:only-child){display:none}
@media (max-width:980px){
  .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content,
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:has(>.et_pb_bg_layout_dark){padding:20px 22px!important}
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead{line-height:1.35!important}

/* Eerste kop in elk headervlak gelijk: Lato, normaal gewicht (zoals op de homepage) */
.et_pb_fullwidth_header .header-content :is(h1,h2).et_pb_module_header,
.et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark h1{
  font-family:'Lato',Helvetica,Arial,sans-serif!important;
  font-size:60px!important;
  font-weight:500!important;
  line-height:1.2em!important;
  letter-spacing:normal!important;
}
@media (max-width:980px){
  .et_pb_fullwidth_header .header-content :is(h1,h2).et_pb_module_header,
  .et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark h1{font-size:42px!important}
}
@media (max-width:767px){
  .et_pb_fullwidth_header .header-content :is(h1,h2).et_pb_module_header,
  .et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark h1{font-size:34px!important}
}

/* Headervlakken overal gelijk gepositioneerd: rechts op de inhoudskolom, maximaal 650px breed.
   Op projectpagina's staat het blokje met projectgegevens links ernaast. */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content-container{width:100%!important}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content{
  float:none!important;margin-left:auto!important;margin-right:0!important;
  max-width:650px!important;width:auto!important;text-align:left!important;
}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content *{text-align:left!important}
.et_pb_section_0.et_pb_with_background>.et_pb_row{margin-left:auto!important;margin-right:auto!important}
@media (min-width:981px){
  .et_pb_section_0.et_pb_with_background>.et_pb_row{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column{margin-right:0!important;margin-left:0!important;float:none}
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column_empty{display:none}
}
.et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:first-child:has(>.et_pb_bg_layout_dark){max-width:650px}
.page-id-56 .et_pb_section_0.et_pb_section{padding-top:28px!important}

/* Over ons: het verhaal van de oprichters direct onder de kop, boven het team */
.dgr-intro-rij{padding-bottom:10px!important}
.dgr-intro p{font-size:18px;line-height:1.8em;max-width:820px}

/* Titelvlakken gelijk: groene streep voor elke titel, ondertitel 22px schuin, introtekst 20px */
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_module_header{border-left:10px solid #aadb24;padding-left:16px!important}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_fullwidth_header_subhead{font-size:22px!important;font-style:italic!important;line-height:1.35!important;margin-top:10px}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_header_content_wrapper :is(p,li),
.et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark p{font-size:20px!important;line-height:1.8em!important}

/* Diensten: eigen kopfoto en het aanbod als tegels (Methode houdt de vier fasen met foto's) */
.dgr-diensten-pagina .et_pb_fullwidth_header.et_pb_fullwidth_header_0{background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%),url(/assets/img/2024/03/Klinkenbelt_06.jpg)!important;background-position:center 30%!important}
.dgr-tegels-sectie{padding:10px 0 60px!important}
.dgr-tegels{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dgr-tegels-breed{grid-template-columns:repeat(2,1fr);margin-top:28px}
.dgr-tegel{background:#fff;border-top:4px solid #aadb24;box-shadow:0 2px 14px rgba(0,0,0,.08);padding:26px 28px 22px}
.dgr-tegel-licht{background:#f3f7ea;box-shadow:none}
.dgr-tegel h3{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:24px;font-weight:500;color:#2b2b2b;padding:0 0 10px;line-height:1.25}
.dgr-tegel p{font-size:16px;line-height:1.8em;padding-bottom:10px}
.dgr-tegel p:last-child{padding-bottom:0}
.dgr-tegel-icoon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#f3f7ea;color:#4a6d00;margin:0 0 14px}
.dgr-tegel-icoon svg{display:block}
.dgr-tegel-logo{display:block;height:84px;width:auto;margin:4px 0 6px}
/* knop onderaan, zodat de knoppen in naast elkaar staande tegels gelijk lopen */
.dgr-tegels-breed .dgr-tegel{display:flex;flex-direction:column}
.dgr-tegels-breed .dgr-tegel p:has(>.dgr-knop){margin-top:auto}
@media (max-width:980px){.dgr-tegels{grid-template-columns:repeat(2,1fr)}.dgr-tegels-breed{grid-template-columns:1fr}}
@media (max-width:767px){.dgr-tegels{grid-template-columns:1fr}}

/* Contact: rustiger kleurgebruik; lichtgroene band onderaan, neutraal formulier */
.page-id-58 .et_pb_section_2.et_pb_section,.page-id-58 .et_pb_section_3.et_pb_section{background-color:#f3f7ea!important}
.page-id-58 .et_pb_text_0 h2{color:#2b2b2b!important;font-weight:500;border-left:6px solid #aadb24;padding-left:14px}
.page-id-58 .et_pb_contact_form_0 .input{background-color:#fff!important;border:1px solid #dcdcdc!important;color:#2b2b2b!important}
.page-id-58 .et_pb_contact_form_0 .input:focus{border-color:#aadb24!important;outline:none}
.page-id-58 .et_pb_contact_form_0 .input::placeholder{color:#8a8a8a!important}
.page-id-58 .et_pb_contact_form_0 .input::-webkit-input-placeholder{color:#8a8a8a!important}
.page-id-58 .et_pb_contact_form_0 .input::-moz-placeholder{color:#8a8a8a!important}
.page-id-58 .dgr-nb-kaart{box-shadow:0 2px 14px rgba(0,0,0,.08)}
.page-id-58 .et_pb_column_3{background-color:transparent!important}
.page-id-58 ul.et_pb_social_media_follow_0{background-image:radial-gradient(circle at center,rgba(255,255,255,0) 30%,#f3f7ea 100%)!important}
/* lege band tussen formulier en nieuwsbrief: alleen de golfrand */
.page-id-58 .et_pb_section_2.et_pb_section{padding:100px 0 0!important}
.page-id-58 .et_pb_text_2 h2{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-weight:500!important;font-size:36px!important;color:#2b2b2b!important;border-left:6px solid #aadb24;padding-left:14px}
.page-id-58 .et_pb_divider_0{display:none}
.page-id-58 .et_pb_text_2{margin-bottom:24px!important}