/* The only styling not from the theme: a lightbox to replace fsLightbox,
   which shipped as a separate library. Everything else comes from
   bootstrap.min.css, style.css, vendors.min.css and custom.css unchanged. */
.lightbox{position:fixed;inset:0;z-index:100000;background:rgba(20,21,25,.95);
  display:grid;place-items:center;padding:3rem 1rem}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(1100px,92vw);max-height:84vh;width:auto;border-radius:10px}
.lb-x{position:absolute;top:1rem;right:1.6rem;font-size:2.6rem;color:#fff;background:none;
  border:0;cursor:pointer;line-height:1}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;
  background:none;border:0;cursor:pointer;padding:0 1rem}
.lb-prev{left:.4rem}.lb-next{right:.4rem}

/* images/field_1600x1000.jpg and img/pattern_2.png are theme assets that were
   not supplied. Both simply do not paint; the theme's background colours show
   instead. Copy /img and images/field_1600x1000.jpg across to restore them. */

/* The theme does not constrain the header logos, so their displayed size is the
   file's own size. The supplied logo art is a different shape from the site's
   logo1.png / logo.png, so these two lines keep the sticky logo at its intended
   45px. Drop the real files into images/ and you can delete this block. */
header .logo_normal img{height:100px;width:auto}
header .logo_sticky img{height:45px;width:auto}
.logo_panel img{height:100px;width:auto}


/* NOTE: images/field_1600x1000.jpg (the footer background band) was not
   supplied, so footer .background-image paints nothing and the flat #24262d
   shows through. Drop the file in and it appears; no code change needed. */

/* width/height attributes are now set on every <img> so the browser can
   reserve space before load (kills layout shift). The theme's .item-img img
   sets only max-width, so height must be released back to auto or the
   attribute height wins and the gallery tiles stretch. */
.item-img img{height:auto}
