/* Go Greener hero slider (RevSlider replacement) */
.ggh-slider { position: relative; width: 100%; overflow: hidden; background: #e7e7e7; line-height: 0; }
.ggh-track  { position: relative; width: 100%; height: clamp(260px, 42vw, 560px); }
.ggh-slide  { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; pointer-events: none; }
.ggh-slide.is-active { opacity: 1; pointer-events: auto; }
.ggh-img    { width: 100%; height: 100%; object-fit: cover; display: block; }

.ggh-nav {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
	width: 44px; height: 44px; border: 0; border-radius: 50%; cursor: pointer;
	background: rgba(0,0,0,.35); color: #fff; font-size: 26px; line-height: 1;
	display: flex; align-items: center; justify-content: center; transition: background .2s;
}
.ggh-nav:hover, .ggh-nav:focus-visible { background: rgba(0,0,0,.6); outline: none; }
.ggh-prev { left: 14px; }
.ggh-next { right: 14px; }

.ggh-dots { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 2;
	display: flex; gap: 8px; justify-content: center; line-height: 0; }
.ggh-dot  { width: 11px; height: 11px; padding: 0; border-radius: 50%;
	border: 2px solid #fff; background: transparent; cursor: pointer; transition: background .2s; }
.ggh-dot.is-active, .ggh-dot:hover { background: #fff; }

/* Homepage hero placement (row el_class "home-hero-img"): break the slider out of
   its contained WPBakery column to full browser width, as the old RevSlider was and
   to match the full-width green row below it. Scoped to that row so the shortcode
   stays normal width anywhere else. */
.home-hero-img .ggh-slider {
	position: relative;
	left: 50%;
	right: 50%;
	width: 100vw;
	max-width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
}
.home-hero-img .vc_column-inner,
.home-hero-img .wpb_text_column,
.home-hero-img .wpb_text_column .wpb_wrapper { padding: 0; margin: 0; }

@media (max-width: 480px) {
	.ggh-nav { width: 36px; height: 36px; font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.ggh-slide { transition: none; }
}