/* Gallery Slider Block */

.slider--section {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: var(--color-footer-green);
	background-image: url(./cards-pattern.png);
	background-size: cover;
	background-position: center;
	color: var(--color-text-white);
	font-family: 'ABC Whyte Inktrap', sans-serif;
	padding-top: 60px;
	padding-bottom: 60px;
}

@media (min-width: 992px) {
	.slider--section {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

/* "The Neighborhood" heading button */
.slider--header {
	text-align: center;
	margin-bottom: 40px;
}

.slider--heading {
	display: inline-block;
	font-family: 'ABC Whyte Inktrap', sans-serif;
	font-size: 1rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px 40px 12px;
	border: 1px solid var(--color-gold);
	background: transparent;
	color: var(--color-text-white);
	line-height: 1;
}

a.slider--heading {
	transition: background 0.3s ease, color 0.3s ease;
}

a.slider--heading:hover,
a.slider--heading:focus {
	background: var(--color-gold);
	color: #fff;
}

/* Slider track — full width; square slides bleed off both edges (Slick centerMode + variableWidth) */
.slider--slide {
	padding: 0 7px;
}

.slider--slide-inner {
	width: 40vw;
	height: 40vw;
}

/* Avoid images stacking full-height before Slick initialises */
.slider--slider > .slider--slide:not(:first-child) {
	display: none;
}

.slick-slider .slider--slide {
	display: block !important;
}

/* "Slide for gallery" indicator */
.slider--footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin-top: 30px;
	color: var(--color-gold);
}

.slider--instructions {
    margin: 0;
    font-size: 1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 300;
}

.slider--arrow {
	display: inline-block;
	width: 28px;
	height: 28px;
	background-color: var(--color-gold);
	-webkit-mask: url(../../images/yellow-arrow.svg) no-repeat center / contain;
	        mask: url(../../images/yellow-arrow.svg) no-repeat center / contain;
}