@import url('/photo-watermarks.css');
/* Eigen projectfoto's: volledige foto's, ronde hoeken en gedeeld watermerk. */
[data-project-photo]{display:block;position:relative;min-width:0;overflow:hidden;border-radius:14px;}
[data-project-grid]>article{min-width:0;}
[data-project-grid]>article>:first-child{height:280px;flex-shrink:0;background:#fff!important;padding:14px 14px 0;box-sizing:border-box;}
[data-project-grid]>article>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:center;}
[data-project-grid]>article>div.project-photo-single:first-child{display:grid;grid-template-columns:minmax(0,1fr)!important;justify-items:center;}
[data-project-grid]>article[data-project-id="dakafvoer-appartementencomplex"]>div:first-child{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
[data-project-grid] figure{min-width:0;min-height:0;height:266px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important;}
[data-project-grid] [data-project-photo]{align-self:center;justify-self:center;width:fit-content;max-width:100%;}
[data-project-grid] figure>[data-project-photo]{flex:none;min-height:0;}
[data-project-grid] figcaption{min-height:32px;padding:7px 0!important;display:flex;align-items:center;font-size:11px!important;line-height:1.4;}
[data-project-grid] [data-project-photo]>img{width:auto!important;height:auto!important;max-width:100%;max-height:266px;object-fit:contain!important;object-position:center!important;display:block;border-radius:14px;}
[data-project-grid] figure [data-project-photo]>img{max-height:234px;}
[data-project-grid]>article>div:last-child{flex:1;padding:20px 24px 24px!important;}
[data-project-grid]>article>div:last-child>span{display:block;min-height:20px;}
[data-project-grid] h3{min-height:2.3em;}
/* Een enkele foto en de tekst delen dezelfde kaartbreedte. */
[data-project-grid]>article:has(>.project-photo-single){display:grid!important;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;}
[data-project-grid]>article:has(>.project-photo-single)>.project-photo-single{height:auto;min-width:0;padding:14px 0 14px 14px;}
[data-project-grid]>article:has(>.project-photo-single)>div:last-child{min-width:0;padding:24px 20px!important;}
[data-project-grid]>article:has(>.project-photo-single) h3{min-height:0;}
@media(max-width:911px){
  [data-project-grid]>article:has(>.project-photo-single){display:flex!important;flex-direction:column;align-items:stretch;}
  [data-project-grid]>article:has(>.project-photo-single)>.project-photo-single{padding:12px 12px 0;}
  [data-project-grid]>article:has(>.project-photo-single)>div:last-child{padding:18px 20px 22px!important;}
  [data-project-grid]>article>:first-child{height:auto;min-height:0;padding:12px 12px 0;}
  [data-project-grid]>article>div:first-child{gap:10px!important;align-items:start;}
  [data-project-grid] figure{height:auto;justify-content:flex-start;}
  [data-project-grid] [data-project-photo]>img{max-height:280px;}
  [data-project-grid] figure [data-project-photo]>img{max-height:280px;}
  [data-project-grid]>article>div:last-child{padding:18px 20px 22px!important;}
  [data-project-grid]>article>div:last-child>span,[data-project-grid] h3{min-height:0;}
}