/*
MODUL: Picture Wall
*/
.rd-module-picture-wall .rd-container                      { max-width:var(--medium-container-width); }
.rd-picture-wall                                           { display:flex; flex-wrap: wrap; }
.rd-picture-wall .rd-image-box                             { max-width:690px; width:fit-content; margin:0 0 0.5rem 0; }
.rd-picture-wall .rd-image-box:has(figcaption)             { margin:0 0 0.5rem 0;}
.rd-picture-wall .rd-image-box:not(:has(figcaption))       { margin:0 0 3.5rem 0; }
.rd-picture-wall .rd-image-box picture                     { height:auto;}
.rd-picture-wall.rd-layout-2 .rd-image-box                 { max-width:515px;  width:calc(60% - var(--grid-gap)); }
.rd-picture-wall.rd-layout-3 .rd-image-box                 { max-width:515px; width:calc(60% - var(--grid-gap)); }

.rd-picture-wall.rd-layout-3 .rd-image-box:nth-child(4n+1) { margin-left:9rem; width:calc(60% - var(--grid-gap) - 9rem); }
.rd-picture-wall .rd-image-box figcaption                  { margin-bottom:1rem;}
.rd-picture-wall.rd-layout-1 .rd-image-box:nth-child(2n+2) { margin-left:auto; }
.rd-picture-wall.rd-layout-2 .rd-image-box:nth-child(3n+2) {
  max-width:340px;
  width:calc(40% - (var(--grid-gap) / 2));
  margin-left:var(--grid-gap);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
}
.rd-picture-wall.rd-layout-2 .rd-image-box:nth-child(3n+3) { margin: 0 var(--grid-gap) 0 auto; }
.rd-picture-wall.rd-layout-2 figcaption                    { text-align:right;}
.rd-picture-wall.rd-layout-3 .rd-image-box:nth-child(4n+2) { max-width:340px; width:calc(40% - (var(--grid-gap) / 2)); margin-left:var(--grid-gap); display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
}
.rd-picture-wall.rd-layout-3 .rd-image-box:nth-child(4n+3) { max-width:515px; width:calc(50% - (var(--grid-gap) / 2)); margin-right:calc(var(--grid-gap) / 2); }
.rd-picture-wall.rd-layout-3 .rd-image-box:nth-child(4n+4) { max-width:515px; width:calc(50% - (var(--grid-gap) / 2)); margin-left:calc(var(--grid-gap) / 2); }


.rd-picture-wall:before {
  content:'';
  background-color:var(--color-1);
  width: 320px;
  height: 720px;
  position:absolute;
  right:0;
  top:150px;
  clip-path: polygon(44% 0, 100% 10%, 100% 100%, 0 48%);
}
.rd-picture-wall.rd-layout-2:before                         { right:inherit; left:0; transform: scaleX(-1); }



@media (max-width:1180px) {
  .rd-module-picture-wall header                            { margin-bottom:5rem; }
  .rd-picture-wall:before                                   { top:80px; transform:scale(0.8); transform-origin:100% 0  }
  .rd-picture-wall.rd-layout-2:before                       { top:80px; transform:scale(0.8) scaleX(-1); transform-origin:0 100%;  }
}

@media (max-width:690px) {
  .rd-module-picture-wall .rd-container .rd-picture-wall .rd-image-box,
  .rd-module-picture-wall .rd-container .rd-picture-wall.rd-layout-2 .rd-image-box { width:100%; max-width: 100%; margin-left:0; margin-right:0; display:block;  }
}