/* Styles the WordPress plugins used to apply with JavaScript, plus the bits we
   had to write ourselves (lightbox, honeypot, form response). */

/* --- gallery grid -------------------------------------------------------
   BWG's script set .bwg-item width inline and sized each image to crop-fill
   its box. Both are CSS jobs. Breakpoints measured off the live site. */
#bwg_thumbnails_0 .bwg-item { width: 33.3333%; }
@media (max-width: 729px) { #bwg_thumbnails_0 .bwg-item { width: 50%; } }
@media (max-width: 385px) { #bwg_thumbnails_0 .bwg-item { width: 100%; } }

#bwg_thumbnails_0 .bwg-item2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#bwg_thumbnails_0 .bwg-item[hidden] { display: none; }

/* --- lightbox -----------------------------------------------------------
   Replaces BWG's admin-ajax popup. Matches its dark overlay. */
.hbs-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hbs-lightbox[hidden] { display: none; }
.hbs-lightbox__img {
  max-width: 88vw;
  max-height: 88vh;
  object-fit: contain;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.6);
}
.hbs-lightbox button {
  position: absolute;
  background: none;
  border: 0;
  color: #fff;
  opacity: 0.7;
  cursor: pointer;
  line-height: 1;
  padding: 10px 18px;
  font-family: inherit;
}
.hbs-lightbox button:hover { opacity: 1; }
.hbs-lightbox__close { top: 10px; right: 14px; font-size: 44px; }
.hbs-lightbox__prev { left: 8px; font-size: 64px; }
.hbs-lightbox__next { right: 8px; font-size: 64px; }
@media (max-width: 600px) {
  .hbs-lightbox__prev, .hbs-lightbox__next { font-size: 44px; }
}

/* --- contact form -------------------------------------------------------
   The response output and spinner are CF7's own styles; site.js just moves the
   form through CF7's state classes. Only the honeypot is ours. */
.hbs-hp {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* --- gallery pagination (verbatim from the Photo Gallery plugin) --- */
#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 {				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin: 6px 0 4px;				display: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {     	 display: none;      }      }      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				margin-right: 10px;				vertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .paging-input_0 {				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				vertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:hover,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:focus,			#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {				cursor: default;				color: rgba(102, 102, 102, 0.5);      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {				cursor: pointer;				text-align: center;				font-size: 12px;				font-family: Ubuntu;				font-weight: bold;				color: #666666;				text-decoration: none;				padding: 3px 6px;				margin: 0;				border-radius: 0;				border-style: solid;				border-width: 1px;				border-color: #E3E3E3;								background-color: rgba(255, 255, 255, 1.00);				box-shadow: 0;				transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }