/* MEDIA GALLERY: masonry wall. Add the CSS class  srs-masonry  to a Gallery block. */

/* page title styled like the Latest News heading */
body.page .ast-article-single .entry-header,
body.page .site-content .ast-single-post-order .entry-header{ margin:0 0 30px; }
body.page:not(.home) h1.entry-title{
  display:block; width:100%; font-size:38px; font-weight:400; line-height:1.2; color:#444;
  margin:0 0 30px !important; padding:0 0 4px !important; border-bottom:2px solid #d9d9d9;
}
@media (max-width:600px){ body.page:not(.home) h1.entry-title{ font-size:30px; } }
figure.wp-block-gallery.has-nested-images.srs-masonry{
  display:block !important; column-count:4; column-gap:18px;
  padding:0 !important; margin:0 !important;
}

/* each picture = one white frame that is only as tall as its picture */
figure.wp-block-gallery.has-nested-images.srs-masonry > figure.wp-block-image:not(#individual-image){
  display:block !important; width:100% !important; max-width:100% !important;
  flex:none !important; flex-grow:0 !important; height:auto !important; align-self:auto !important;
  margin:0 0 18px !important; padding:12px !important; box-sizing:border-box !important;
  -webkit-column-break-inside:avoid; break-inside:avoid; page-break-inside:avoid;
  background:#fff; border:1px solid #d9dde5; border-radius:2px;
  transition:box-shadow .25s ease, transform .25s ease;
}
figure.wp-block-gallery.has-nested-images.srs-masonry > figure.wp-block-image:hover{
  box-shadow:0 12px 28px rgba(20,40,80,.16); transform:translateY(-3px);
}
figure.wp-block-gallery.has-nested-images.srs-masonry > figure.wp-block-image img{
  display:block !important; width:100% !important; max-width:100% !important;
  height:auto !important; object-fit:contain !important;
  contain-intrinsic-size:none !important;   /* WordPress lazy placeholder is 3000x1500 */
}
figure.wp-block-gallery.has-nested-images.srs-masonry > figure.wp-block-image > a{ display:block !important; }
figure.wp-block-gallery.has-nested-images.srs-masonry > figure.wp-block-image figcaption{
  position:static !important; background:none !important; color:#555; font-size:14px;
  padding:8px 0 0 !important; text-shadow:none !important; backdrop-filter:none !important;
}
figure.wp-block-gallery.has-nested-images.srs-masonry > figure.wp-block-image::before{ display:none !important; }

@media (max-width:1100px){ figure.wp-block-gallery.has-nested-images.srs-masonry{ column-count:3; } }
@media (max-width:768px){ figure.wp-block-gallery.has-nested-images.srs-masonry{ column-count:2; column-gap:12px; } }
@media (max-width:480px){ figure.wp-block-gallery.has-nested-images.srs-masonry{ column-count:1; } }