@charset "UTF-8";

/*
 * Theme  : Neutral
 * Version: 1.0.0
 * Author : hybrid.
 *
 * .swiper-container > .swiper-wrapper > .swiper-slide
 * .swiper-container.full == full screen
 * .swiper-container.min  == absolute controls
 */


/* ============================== GLOBAL ============================== */

.swiper-scrollbar {
	height: .0625em;
	width: 100%;
}

.swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}


/* =============== DEFAULT =============== */

.swiper-container {
	position: relative;
	width: 100%;
}

.swiper-slide {
	display: block;
	margin: 0;
}

.swiper-container .swiper-slide .swiper-slide-content {
	position: relative;
	height: 100%;
	width: 100%;
}


/* =============== FULL =============== */

@media (min-width: 0px) {
	.swiper-container.full .swiper-slide .swiper-slide-content {
		padding: 3.5rem 1.5rem;
	}
}

@media (min-width: 760px) {
	.swiper-container.full .swiper-slide .swiper-slide-content {
		padding: 6rem;
	}
}

/* Mobile 100vh fix */

@media (max-width: 760px) {
	body.mobile .swiper-container.full .swiper-slide .swiper-slide-content {
		padding-bottom: 10rem;
		transition: padding .25s ease;
	}
	body.mobile.scrolled.end .swiper-container.full .swiper-slide .swiper-slide-content {
		padding-bottom: 3.5rem;
	}
}


/* ============================== ON / OFF ============================== */

/* JS > if < 2 slides */

.swiper-container.off .swiper-wrapper {
	transform: translate3d(0, 0, 0) !important;
}

.swiper-container.off .swiper-controls .previous,
.swiper-container.off .swiper-controls .next,
.swiper-container.off + .swiper-controls .previous,
.swiper-container.off + .swiper-controls .next {
	display: none;
}


/* ============================== NAVIGATION ============================== */

/*
 * .swiper-controls > .previous + .swiper-pagination + .next
 * default == after swiper-wrapper
 * min    == in swiper-container (absolute)
 */


/* =============== CONTROLS =============== */

.swiper-controls {
	position: relative;
	z-index: 10;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	font-size: 2em;
	line-height: 1em;
	min-height: 1em;
	margin: 0;
	pointer-events: none;
}

.swiper-controls > * {
	z-index: 100;
	margin: 0;
	pointer-events: auto;
	margin-top: .5em;
}


/* =============== NEXT / PREVIOUS =============== */

.swiper-controls .previous,
.swiper-controls .next {
	display: inline-flex;
	align-items: center;
	pointer-events: auto;
}

.swiper-controls .previous {
	left: 0;
	order: 1;
}

.swiper-controls .next {
	right: 0;
	order: 3;
}

.swiper-controls .previous:before,
.swiper-controls .next:after {
	font-family: 'icomoon';
	display: block;
}

.swiper-controls .swiper-button-disabled {
	opacity: .25;
	pointer-events: none !important;
}


/* =============== PAGINATION =============== */

.swiper-pagination {
	position: relative;
	z-index: 10;
	display: inline-flex;
	justify-content: center;
	order: 2;
}

.swiper-pagination .swiper-pagination-bullet {
	display: inline-flex;
	align-items: center;
	height: var(--logo-line-height);
	width: calc(var(--logo-line-width) * 4);
	opacity: .25;
	background: none;
	border-radius: 0;
	padding: .25em 0;
}

.swiper-pagination .swiper-pagination-bullet:before {
	content: '';
	display: block;
	height: var(--logo-line-height);
	width: calc(var(--logo-line-width) * 4);
	background: none;
	border-radius: 0;
	box-shadow: inset 0 0 0 .125em;
}

.swiper-pagination .swiper-pagination-bullet:hover,
.swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}


/* ============================== MIN ============================== */

.swiper-container.min .swiper-controls {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.swiper-container.min .swiper-controls .previous,
.swiper-container.min .swiper-controls .next {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.swiper-container.min .swiper-pagination {
	position: absolute;
	bottom: 0;
	padding: var(--gutter-gap);
	transform: translate3d(0, 0, 0);
}


/* ============================== ONLOAD ============================== */

.swiper-container.onload .swiper-pagination,
.swiper-container.onload .swiper-controls .previous,
.swiper-container.onload .swiper-controls .next {
	opacity: 0;
}

.swiper-container.onload .swiper-controls .previous {
	transform: translate3d(-100%, -50%, 0);
}

.swiper-container.onload .swiper-controls .next {
	transform: translate3d(100%, -50%, 0);
}

.swiper-container.onload .swiper-pagination {
	transform: translate3d(0, -100%, 0);
}


/* ============================== SWIPERABLE ============================== */

/* grid <> swiper */

.swiper-container.swiperable .items {
	justify-content: unset;
	gap: 0;
	display: flex;
}

.swiper-container.swiperable .swiper-slide {
	position: relative;
	display: flex;
	height: auto;
}

.swiper-container.swiperable .swiper-slide.empty {
	display: none;
}

.swiper-container.swiperable .item-content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: 0;
}

.swiper-container .swiper-slide .item-bg {
	width: 100%;
	max-width: none;
}

.swiper-container.swiperable .grid-message {
	display: none;
}

.swiper-container.swiperable {
	margin-left: calc(var(--gutter-gap) * -2);
	margin-right: calc(var(--gutter-gap) * -2);
	width: calc(100% + calc(var(--gutter-gap) * 4));
	padding: 0 calc(var(--gutter-gap) * 2);
}

.large .swiper-container.swiperable {
	margin-left: calc(var(--gutter-gap) * -1);
	margin-right: calc(var(--gutter-gap) * -1);
	width: calc(100% + calc(var(--gutter-gap) * 2));
	padding: 0 calc(var(--gutter-gap));
}

.swiper-container.swiperable .swiper-slide:not(:last-child) {
	margin: 0 var(--grid-gap) 0 0;
}


/* ============================== GALLERY ============================== */

.swiper-container.gallery {
	gap: 0;
}

.swiper-container.gallery .swiper-slide-content {
	padding: 0 var(--gutter-gap);
}

.swiper-container.gallery figure {
	height: 100%;
	width: 100%;
	object-fit: contain;
	text-align: center;
}

.swiper-container.gallery figure img {
	height: calc(100% - 2em - var(--gutter-gap) / 2); /* legend height */
	padding-top: calc(2em + var(--gutter-gap) / 2); /* centering */
	width: 100%;
	object-fit: contain;
}

.swiper-container.gallery figcaption {
	margin-top: calc(var(--gutter-gap) / 2);
}