:root {
	--slider-block-list-gap-width:2em;
	--slider-block-in-viewport-count:3;
	--slider-block-in-viewport-gap-count:calc(var(--slider-block-in-viewport-count) - 1);
	--slider-viewport-width:100%;
	--slider-block-width:min(calc(calc(var(--slider-viewport-width) - calc(var(--slider-block-list-gap-width) * var(--slider-block-in-viewport-gap-count))) / var(--slider-block-in-viewport-count)), 25em);
}

.content-block.slider-section > .inner-block {
	margin:0 auto;
}

.content-block.slider-section > .inner-block > .padding {
	display:grid;
	grid-template-columns:auto 1fr;
}

.content-block.slider-section > .inner-block > .padding > .content > .heading-container {
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
}

.content-block.slider-section > .inner-block > .padding > .content {
	padding-left:0;
	padding-right:0;
	max-width: var(--inner-container-width);
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport {
	position:relative;
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport.hide-arrows > .control-arrow {
	display:none;
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow {
	position:absolute;
	top:calc(36% - 2.5em);
	width:5em;
	height:5em;
	-webkit-backdrop-filter:blur(0.2em);
	backdrop-filter:blur(0.2em);
	background-color:#fff8;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 2em;
	border-radius:1.75em;
	border:solid 2px #EDEDED;
	z-index:2;
	/* opacity:0.25; */
	opacity:1;
	transition:opacity var(--main-transition-time);
	box-shadow:0 0 1em #00000010;
	cursor:pointer;
}

.content-block.slider-section > .inner-block > .padding > .content:has(.controls-block[data-show="show"]) > .viewport > .control-arrow {
	display:block;
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow:hover {
	opacity:1;
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow.prev {
	left:-4.0em;
	background-image:url("../img/carat-left-blue.svg");
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow.next {
	right:-4.0em;
	background-image:url("../img/carat-right-blue.svg");
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .block-list {
	z-index:2;
	padding:2em;
	margin:-2em;
	display:grid;
	position:relative;
	gap:var(--slider-block-list-gap-width);
	grid-auto-columns:var(--slider-block-width);
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .block-list > .block > img {
	width:100%;
	height: auto;
	display:block;
	object-fit:cover;
}

.content-block.slider-section > .inner-block > .padding > .content > .viewport > .block-list > .block {
	margin:0;
	grid-row:1;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block {
	height:0!important;
	overflow:hidden!important;
	opacity:0!important;
	padding:0!important;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track {
	position:relative;
	margin-top:2.2em;
	border-top:solid 0.2em transparent;
	border-bottom:solid 0.2em transparent;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track::before {
	content:'';
	display:block;
	height:2px;
	width:100%;
	background-color:var(--main-color);
}
	
.content-block.slider-section > .inner-block > .padding > .content > .controls-block.light > .scroll-block > .track::before {
	background-color:var(--main-bg-color);
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb {
	position:absolute;
	top:0;
	width:25%;
	left:0;
	cursor:grab;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb > .grab-transparent {
	background-color:transparent;
	height:0.5em;
	opacity:0;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb > .grab-transparent:first-child {
	margin-top:calc(-0.75em + 1px);
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb > .grab-visible {
	background-color:var(--main-color);
	height:0.5em;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block.light > .scroll-block > .track > .thumb > .grab-visible {
	background-color:var(--main-bg-color);
}

body[data-dragging="true"],
.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track > .thumb[data-dragging="true"] {
	cursor:grabbing!important;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button {
	display:block;
	width:1em;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button > span.img {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	display:block;
	width:1em;
	height:2em;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.next-button {
	margin-left:1.5em;
	margin-bottom:0.5em;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.next-button > span.img {
	background-image:url("../img/carat-right-blue.svg");
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.prev-button {
	margin-right:1.5em;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.prev-button > span.img {
	background-image:url("../img/carat-left-blue.svg");
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block.light > .nav-block > a.button.next-button > span.img {
	background-image:url("../img/carat-right-white.svg");
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block.light > .nav-block > a.button.prev-button > span.img {
	background-image:url("../img/carat-left-white.svg");
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block[data-show="hide"] {
	padding:0;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block[data-show="hide"] > .nav-block > a.button,
.content-block.slider-section > .inner-block > .padding > .content > .controls-block[data-show="hide"] > .scroll-block > .track > .thumb > * {
	display:none;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block[data-show="hide"] > .scroll-block > .track {
	background-color:transparent;
}

.content-block.slider-section > .inner-block > .padding > .content > .controls-block[data-show="hide"] > .scroll-block > .track::before {
	display:none;
}

.content-block.slider-section:has(.inner-block > .padding > .content > .controls-block[data-show="hide"]) > .inner-block > .padding > .content > .viewport > .slider-content-container {
  transform:translate(0px)!important;
}

.content-area.custom-acf-page .content-block.content-section > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content {
	padding-top:3em;
	padding-bottom:2em;
}

.content-block.offset-top > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content:has(h2.slider-heading) {
	padding-top:2em;
}

.content-block.offset-top > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content > h2.slider-heading {
  margin-top:0;
}

.content-block > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content > picture {
  position:absolute;
  left:-3em;
  top:0;
  width:calc(100% + 6em);
  height:100%;
  background-color:var(--main-color);
}

.content-block > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content > picture > img {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0.1;
	mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
}

.type-above .content-block.slider-section > .inner-block > .padding > .content > .controls-block {
	grid-template-columns:1fr 1fr;
}

.type-above .content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block {
	display:flex;
	grid-column:span 2;
	margin-left:0;
}

.type-above .content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block > a.button.next-button {
	margin-left:auto;
	margin-bottom:0;
	order:1;
}

.type-above .content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block {
	grid-column:2;
}

.type-above .content-block.slider-section > .inner-block > .padding > .content > .controls-block > .scroll-block > .track {
	margin-top:1.8em;
}

/* Tablet and Desktop */
@media (width >= 750px) {
	.content-area.custom-acf-page .content-block.offset-top.dark-margins .content::before, 
	.content-area.custom-acf-page .content-block.offset-top.dark-margins .content::after,
	.content-block.offset-top > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content > picture {
		top:8em;
		height:calc(100% - 8em);
	}

	.content-area.custom-acf-page .content-block.offset-top.dark-margins .content:has(h2.slider-heading)::before, 
	.content-area.custom-acf-page .content-block.offset-top.dark-margins .content:has(h2.slider-heading)::after,
	.content-block.offset-top > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content:has(h2.slider-heading) > picture {
		top:15em;
		height:calc(100% - 15em);
	}
}

/* Mobile and Tablet */
@media (width < 1200px) {
	.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block {
		position:relative;
	}

	.content-block.slider-section > .inner-block > .padding > .content > .controls-block {
		width:var(--slider-viewport-width);
		display:grid;
		grid-template-columns:0.5fr 1fr;
		padding:3em 0;
	}

	.content-block.slider-section > .inner-block > .padding > .content > .viewport {
		width:calc(100% - calc(var(--main-padding) *2));
		margin-left: var(--main-padding);
	}

	.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow {
		opacity:1;
		top:9em;
	}

	.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow.prev {
		left:-1.0em;
	}
	
	.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow.next {
		right:-1.0em;
	}
}

/* Mobile */
@media (width < 750px) {
	:root {
		--slider-block-list-gap-width:1em;
		--slider-block-in-viewport-count:1;
		--slider-block-width:90%;
	}

	.content-area.custom-acf-page .content-block.content-section.is-touch > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content {
		padding-bottom:6em;
	}

	.is-touch .content-block.slider-section > .inner-block > .padding > .content > .viewport > .slider-content-container {
		overflow-x:scroll;
		scroll-snap-type:x mandatory;
	}

	.is-touch .content-block.slider-section > .inner-block > .padding > .content > .viewport > .slider-content-container > .slider-content-block {
		scroll-snap-align:center;
	}

	.is-touch .content-block.slider-section > .inner-block > .padding > .content > .controls-block {
		display:none;
	}

	.content-block.offset-top > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content > picture {
		top:8em;
		height:calc(100% - 8em);
	}

	.content-block.offset-top > .inner-block > .padding > .content-block.slider-section > .inner-block > .padding > .content:has(h2.slider-heading) > picture {
		top:13em;
		height:calc(100% - 13em);
  }

	.content-block.slider-section > .inner-block > .padding > .content > .viewport > .control-arrow {
		font-size:0.8em;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	:root {
		--slider-block-width:min(calc(calc(var(--slider-viewport-width) - calc(var(--slider-block-list-gap-width) * var(--slider-block-in-viewport-gap-count))) / var(--slider-block-in-viewport-count)), 25em);
		--slider-block-in-viewport-count:2;
	}
}

/* Desktop */
@media (width >= 1200px) {
	:root {
		--slider-block-width:min(calc(calc(var(--slider-viewport-width) - calc(var(--slider-block-list-gap-width) * var(--slider-block-in-viewport-gap-count))) / var(--slider-block-in-viewport-count)), 28em);
		--slider-block-in-viewport-count:2;
	}

	.content-block.slider-section > .inner-block > .padding > .content > .heading-container {
		padding-left:var(--side-bar-width);
		padding-right:var(--side-bar-width);
	}

	.content-block.slider-section > .inner-block > .padding > .content > .viewport {
		width:calc(100% - calc(var(--side-bar-width) * 3));
		margin-left: var(--side-bar-width);
	}

	.content-block.slider-section > .inner-block > .padding > .content > .controls-block {
		width:var(--slider-viewport-width);
		display:grid;
		grid-template-columns:1fr 1fr;
		padding:3em 0;
	}

	.content-block.slider-section > .inner-block > .padding > .content > .controls-block > .nav-block {
		position:relative;
		margin-left:-1.5em;
	}
}