/* Gallery page (page-id-8): hero + the three Weebly-style slideshows (native Gallery blocks, "Slideshow" style). */

/* Weebly sets -webkit-font-smoothing:antialiased on body (thinner glyphs on macOS); the staged theme does not (global fix wanted in style.css). */
body.page-id-8{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ---------- hero (Weebly .banner: padding 5vw <=1024 / 52px 65px >1024, 50px min content height, title centred) ---------- */
body.page-id-8 .wp-block-post-content>.wp-block-cover .wp-block-cover__inner-container{box-sizing:content-box;min-height:50px;padding:5vw}
body.page-id-8 .wp-block-post-content>.wp-block-cover h2.wp-block-heading{margin:0}
@media(min-width:767px){body.page-id-8 .wp-block-post-content>.wp-block-cover:not(.has-parallax){min-height:500px!important}}
@media(min-width:1025px){body.page-id-8 .wp-block-post-content>.wp-block-cover .wp-block-cover__inner-container{padding:52px 65px}}

/* ---------- slideshows ----------
   Weebly slideshow: box = Math.round(width*3/4) high (4:3), image centred and never up-scaled (natural size, or contained
   in the box +1px when it has to shrink), caption bar glued to the bottom of the IMAGE, 0.5s cross-fade, opacity .99 at rest. */
body.page-id-8 .wp-block-post-content>.wp-block-group{container-type:inline-size}
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow{
  --pf-w:min(100cqw,1070px);
  --pf-h:round(nearest,calc(var(--pf-w)*.75),1px);
  display:block;position:relative;overflow:hidden;box-sizing:content-box;width:100%;max-width:1070px;margin-block:20px;padding:0;gap:0;
  height:var(--pf-h)!important;
}
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow>figure.wp-block-image{
  position:absolute;left:50%;top:50%;inset-inline-end:auto;bottom:auto;
  display:block;flex:none;box-sizing:content-box;width:max-content!important;height:auto;max-width:none;margin:0;padding:0;
  transform:translate(round(down,-50%,1px),round(down,-50%,1px));
  opacity:0;z-index:0;transition:opacity .5s cubic-bezier(.37,0,.63,1);
}
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow>figure.wp-block-image.is-active{opacity:.99;z-index:1}
/* first slide is visible straight away (Weebly shows it as soon as its image is loaded; prefab.js only marks it active after 500ms) */
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow>figure.wp-block-image:first-child{animation:pfGalleryFirst 1s linear}
@keyframes pfGalleryFirst{from,to{opacity:.99}}
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow>figure.wp-block-image>img{
  display:block;position:static;transform:none;float:none;flex:none;
  width:auto;height:auto;aspect-ratio:auto;object-fit:fill;margin:0;padding:0;
  max-width:calc(var(--pf-w) + 1px)!important;max-height:calc(var(--pf-h) + 2.5px)!important;
}
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow.has-nested-images figure.wp-block-image figcaption{
  position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;max-height:none;overflow:hidden;margin:0;box-sizing:content-box;
  padding:9.1px 13px;background:rgba(0,0,0,.5);color:#fff;
  font:400 13px/20.8px Arial,sans-serif;text-align:left;white-space:normal;text-shadow:0 0 5px #000;
  opacity:.99;-webkit-backdrop-filter:none;backdrop-filter:none;
  scrollbar-gutter:auto;scrollbar-width:auto;scrollbar-color:auto;will-change:auto;flex:none;
}
/* core Gallery adds a blurred gradient strip (figure::before) behind captions: Weebly has none */
body.page-id-8 .wp-block-gallery.is-style-prefab-slideshow figure.wp-block-image::before{content:none!important;display:none!important}