/* ----------------------------------------------------------------
	Swiper core layout

	Canvas 6.6.5 bundles Swiper's JavaScript inside js/plugins.min.js but
	ships its CSS as a separate file, which is not present in this repo.
	Without it .swiper-wrapper never becomes a flex row, so every slide
	stacks vertically and the hero renders as a tall blank column.

	This is the minimum of Swiper's core stylesheet needed by the slider
	markup we use: the flex track, slide sizing, and the fade effect.
	style.css then layers Canvas's own slider styling on top, so this file
	must load before it.
-----------------------------------------------------------------*/

.swiper,
.swiper-container {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

.swiper-wrapper {
	position: relative;
	z-index: 1;
	display: flex;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	transition-property: transform;
	transform: translate3d(0, 0, 0);
}

.swiper-slide {
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	transition-property: transform;
}

.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-autoheight,
.swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-3d { perspective: 1200px; }

.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }


/* Fade effect
-----------------------------------------------------------------*/

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }