
/* Nika Maria — adaptive tiled gallery V3 */
.nm-gallery-grid-v3{
  box-sizing:border-box!important;
  width:min(1680px,calc(100% - 36px))!important;
  margin:26px auto 64px!important;
  columns:4 280px!important;
  column-gap:12px!important;
}
.nm-gallery-item-v3{
  display:inline-block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 12px!important;
  break-inside:avoid!important;
  position:relative!important;
  overflow:hidden!important;
  cursor:zoom-in!important;
  border:1px solid rgba(221,183,105,.50)!important;
  background:#080604!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
  vertical-align:top!important;
}
.nm-gallery-item-v3:after{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  z-index:2!important;
  border:1px solid rgba(242,208,143,.10)!important;
  pointer-events:none!important;
}
.nm-gallery-item-v3 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
  transition:transform .35s ease,filter .35s ease!important;
}
.nm-gallery-item-v3:hover img{
  transform:scale(1.016)!important;
  filter:brightness(1.045)!important;
}
.nm-gallery-item-v3 figcaption{
  padding:9px 11px 11px!important;
  color:#d8c29a!important;
  background:#090604!important;
  font:400 13px/1.4 Georgia,serif!important;
}

/* fullscreen viewer */
#nmGalleryLightboxV3{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr) 70px!important;
  grid-template-rows:62px minmax(0,1fr) 46px!important;
  background:rgba(0,0,0,.965)!important;
  backdrop-filter:blur(4px)!important;
}
#nmGalleryLightboxV3[hidden]{display:none!important}
.nm-gl-stage{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
.nm-gl-img{
  display:block!important;
  max-width:calc(100vw - 170px)!important;
  max-height:calc(100vh - 125px)!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  box-shadow:0 0 0 1px rgba(221,183,105,.35),0 25px 70px rgba(0,0,0,.55)!important;
}
.nm-gl-close,.nm-gl-prev,.nm-gl-next{
  appearance:none!important;
  border:1px solid rgba(221,183,105,.55)!important;
  background:rgba(8,5,3,.72)!important;
  color:#efd49b!important;
  cursor:pointer!important;
}
.nm-gl-close{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  margin:9px 12px 0 0!important;
  width:44px!important;
  height:44px!important;
  font:300 30px/1 Arial,sans-serif!important;
}
.nm-gl-prev,.nm-gl-next{
  grid-row:2!important;
  align-self:center!important;
  width:46px!important;
  height:62px!important;
  font:300 32px/1 Georgia,serif!important;
}
.nm-gl-prev{grid-column:1!important;justify-self:center!important}
.nm-gl-next{grid-column:3!important;justify-self:center!important}
.nm-gl-counter{
  grid-column:2!important;
  grid-row:3!important;
  justify-self:center!important;
  align-self:start!important;
  color:#bda272!important;
  font:500 12px/1.2 Arial,sans-serif!important;
  letter-spacing:.12em!important;
}

@media(max-width:1100px){
  .nm-gallery-grid-v3{columns:3 240px!important}
}
@media(max-width:700px){
  .nm-gallery-grid-v3{
    width:calc(100% - 16px)!important;
    margin:12px auto 38px!important;
    columns:1!important;
    column-gap:0!important;
  }
  .nm-gallery-item-v3{display:block!important;width:100%!important;margin-bottom:10px!important}
  .nm-gallery-item-v3:after{inset:3px!important}
  #nmGalleryLightboxV3{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-rows:52px minmax(0,1fr) 38px!important;
  }
  .nm-gl-img{
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 94px)!important;
  }
  .nm-gl-prev,.nm-gl-next{
    width:38px!important;
    height:52px!important;
    font-size:27px!important;
  }
  .nm-gl-close{
    width:38px!important;
    height:38px!important;
    margin:7px 7px 0 0!important;
  }
}

/* HST_MOBILE_LIGHTBOX_FIT_20261028_V1: mobile viewer uses the full screen for the photograph. */
@media(max-width:700px){
  #nmGalleryLightboxV3{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;padding:0!important;overflow:hidden!important;
  }
  #nmGalleryLightboxV3 .nm-gl-stage{
    grid-column:1!important;grid-row:1!important;width:100vw!important;height:100dvh!important;
    max-width:100vw!important;max-height:100dvh!important;margin:0!important;padding:0!important;
  }
  #nmGalleryLightboxV3 .nm-gl-img{
    max-width:100vw!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px)!important;
    width:auto!important;height:auto!important;object-fit:contain!important;
  }
  #nmGalleryLightboxV3 .nm-gl-close{
    position:fixed!important;z-index:4!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;
    right:10px!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;
  }
  #nmGalleryLightboxV3 .nm-gl-prev,#nmGalleryLightboxV3 .nm-gl-next{
    position:fixed!important;z-index:4!important;top:50%!important;grid-row:auto!important;
    transform:translateY(-50%)!important;width:42px!important;height:58px!important;
    background:rgba(8,5,3,.66)!important;
  }
  #nmGalleryLightboxV3 .nm-gl-prev{left:5px!important;grid-column:auto!important;justify-self:auto!important}
  #nmGalleryLightboxV3 .nm-gl-next{right:5px!important;grid-column:auto!important;justify-self:auto!important}
  #nmGalleryLightboxV3 .nm-gl-counter{
    position:fixed!important;z-index:4!important;left:50%!important;bottom:calc(env(safe-area-inset-bottom,0px) + 13px)!important;
    transform:translateX(-50%)!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;
    padding:6px 12px!important;background:rgba(0,0,0,.58)!important;border-radius:20px!important;
  }
}
