/**
 * Slideshow Gallery — replicates the original anchorageprinting.com (Weebly)
 * thumbnail slideshow. Sizes, colours and spacing match the original 1:1.
 * Selectors are doubled up (.slideshow-gallery .x) where theme / Elementor
 * rules for img and buttons would otherwise leak in.
 */

.slideshow-gallery {
	position: relative;
	width: 100%;
	font-family: arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-shadow: none;
	color: #fff;
	text-align: left;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

/* ---- Title ----------------------------------------------------------
 * Matches the original page headings (Oxygen 30/33 desktop, 28/30.8 mobile,
 * brand blue, 40px above the gallery). Follows the Elementor global
 * "Secondary" typography and "Primary" colour, falling back to the same
 * values when the kit variables are not present.
 */

.slideshow-gallery h3.slideshow-gallery__title {
	margin: 0 0 40px;
	padding: 0;
	border: 0;
	font-family: var(--e-global-typography-secondary-font-family, "Oxygen"), sans-serif;
	font-size: var(--e-global-typography-secondary-font-size, 30px);
	font-weight: var(--e-global-typography-secondary-font-weight, 400);
	font-style: normal;
	line-height: var(--e-global-typography-secondary-line-height, 33px);
	letter-spacing: var(--e-global-typography-secondary-letter-spacing, .9px);
	text-transform: var(--e-global-typography-secondary-text-transform, none);
	text-decoration: none;
	text-align: center;
	color: var(--e-global-color-primary, #2596be);
	-webkit-user-select: text;
	user-select: text;
}

@media (max-width: 767px) {
	.slideshow-gallery h3.slideshow-gallery__title {
		font-size: var(--e-global-typography-secondary-font-size, 28px);
		line-height: var(--e-global-typography-secondary-line-height, 30.8px);
		letter-spacing: var(--e-global-typography-secondary-letter-spacing, .84px);
	}
}

/* ---- Stage ---------------------------------------------------------- */

.slideshow-gallery__stage {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.slideshow-gallery__slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slideshow-gallery__slide {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slideshow-gallery__slide.is-visible {
	display: block;
}

.slideshow-gallery__slide-inner1 {
	position: absolute;
	top: 50%;
	left: 50%;
}

.slideshow-gallery__slide-inner2 {
	position: absolute;
}

.slideshow-gallery .slideshow-gallery__slide img,
.slideshow-gallery .slideshow-gallery__slice img {
	float: left;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

/* Before the script runs: show the first image centred and contained. */
.slideshow-gallery:not(.is-ready) .slideshow-gallery__slide-inner1,
.slideshow-gallery:not(.is-ready) .slideshow-gallery__slide-inner2 {
	position: static;
}

.slideshow-gallery:not(.is-ready) .slideshow-gallery__slide img {
	position: absolute;
	inset: 0;
	float: none;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

/* ---- Overlay controls ------------------------------------------------ */

.slideshow-gallery__overlay {
	position: absolute;
	z-index: 3;
	top: 10px;
	white-space: nowrap;
}

.slideshow-gallery__overlay--top-left {
	left: 10px;
}

.slideshow-gallery__overlay--top-right {
	right: 10px;
}

.slideshow-gallery__btn-wrap {
	display: none;
}

.slideshow-gallery__btn {
	position: relative;
	display: inline-block;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: baseline;
}

.slideshow-gallery__btn[hidden] {
	display: none;
}

.slideshow-gallery__btn:focus {
	outline: none;
}

.slideshow-gallery__btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 1px;
}

.slideshow-gallery__btn-inner {
	position: relative;
	z-index: 2;
	float: left;
	height: 25px;
	padding: 0 14px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}

.slideshow-gallery__btn-icon {
	display: inline-block;
	height: 25px;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.slideshow-gallery__btn-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 25px;
	border-radius: 2px;
	background: #333;
	opacity: .8;
}

.slideshow-gallery__btn--play .slideshow-gallery__btn-icon {
	width: 5px;
	margin-left: 2px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%275%27%20height%3D%2713%27%20viewBox%3D%270%200%205%2013%27%20shape-rendering%3D%27crispEdges%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%202h1v1h-1zM0%203h2v1h-2zM0%204h3v1h-3zM0%205h4v1h-4zM0%206h5v1h-5zM0%207h4v1h-4zM0%208h3v1h-3zM0%209h2v1h-2zM0%2010h1v1h-1z%27%2F%3E%3C%2Fsvg%3E");
}

.slideshow-gallery__btn--pause .slideshow-gallery__btn-icon {
	width: 6px;
	margin-left: 2px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%276%27%20height%3D%2713%27%20viewBox%3D%270%200%206%2013%27%20shape-rendering%3D%27crispEdges%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%202h2v1h-2zM4%202h2v1h-2zM0%203h2v1h-2zM4%203h2v1h-2zM0%204h2v1h-2zM4%204h2v1h-2zM0%205h2v1h-2zM4%205h2v1h-2zM0%206h2v1h-2zM4%206h2v1h-2zM0%207h2v1h-2zM4%207h2v1h-2zM0%208h2v1h-2zM4%208h2v1h-2zM0%209h2v1h-2zM4%209h2v1h-2zM0%2010h2v1h-2zM4%2010h2v1h-2z%27%2F%3E%3C%2Fsvg%3E");
}

.slideshow-gallery__btn--prev .slideshow-gallery__btn-icon {
	width: 7px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%277%27%20height%3D%2713%27%20viewBox%3D%270%200%207%2013%27%20shape-rendering%3D%27crispEdges%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M6%200h1v1h-1zM5%201h2v1h-2zM4%202h3v1h-3zM3%203h4v1h-4zM2%204h5v1h-5zM1%205h6v1h-6zM0%206h7v1h-7zM1%207h6v1h-6zM2%208h5v1h-5zM3%209h4v1h-4zM4%2010h3v1h-3zM5%2011h2v1h-2zM6%2012h1v1h-1z%27%2F%3E%3C%2Fsvg%3E");
}

.slideshow-gallery__btn--next .slideshow-gallery__btn-icon {
	width: 7px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%277%27%20height%3D%2713%27%20viewBox%3D%270%200%207%2013%27%20shape-rendering%3D%27crispEdges%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%200h1v1h-1zM0%201h2v1h-2zM0%202h3v1h-3zM0%203h4v1h-4zM0%204h5v1h-5zM0%205h6v1h-6zM0%206h7v1h-7zM0%207h6v1h-6zM0%208h5v1h-5zM0%209h4v1h-4zM0%2010h3v1h-3zM0%2011h2v1h-2zM0%2012h1v1h-1z%27%2F%3E%3C%2Fsvg%3E");
}

/* ---- Thumbnail strip ------------------------------------------------- */

.slideshow-gallery__links {
	position: relative;
	width: 100%;
	height: 75px;
	overflow: hidden;
}

.slideshow-gallery__links-inner {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	gap: 5px;
	padding-top: 5px;
}

.slideshow-gallery__thumb {
	position: relative;
	display: block;
	flex: none;
	cursor: pointer;
}

.slideshow-gallery__thumb:focus {
	outline: none;
}

.slideshow-gallery__thumb:focus-visible {
	outline: 2px solid #2596be;
	outline-offset: -2px;
}

.slideshow-gallery__thumb-inner {
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	overflow: hidden;
}

.slideshow-gallery .slideshow-gallery__thumb img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	object-fit: cover;
}