/**********************************************/
/********** HOMEPAGE GALLERY SECTION **********/
/**********************************************/

.gallery {
	position: relative;
}
body.index .gallery.gallery-fullscreen {
	position: fixed;
    top: 0;bottom: 0;
    left: 0;right: 0;
    z-index: 13;
    background: rgba(32, 32, 32, .9);
	padding: 100px;
	opacity: 0;
	pointer-events: none;
	transition: var(--transition);
}
body.index .gallery.gallery-fullscreen.visible {
	opacity: 1;
	pointer-events: auto;
}

.gallery .gallery-track {
	padding-top: 35.7142%;
	max-height: 800px;
	position: relative;
	height: auto;
	overflow-x: auto;
    overflow-y: hidden;
}
.gallery.gallery-fullscreen .gallery-track {
	height: 100%;
	padding: 0;
	max-height: none;
}
.gallery .gallery-track::-webkit-scrollbar-track {
	background-color: var(--white);
}
.gallery .gallery-track::-webkit-scrollbar {
	height: 42px;
	background-color: var(--white);
}
.gallery.gallery-fullscreen .gallery-track::-webkit-scrollbar {
	height: 0;
}
.gallery .gallery-track::-webkit-scrollbar-thumb {
	background: linear-gradient(200deg, #e8ba55, #ac7c3e);;
	border-left: 20px solid  var(--white);
	border-right: 20px solid var(--white);
	border-top: 20px solid var(--white);
	border-bottom: 20px solid var(--white);
}

.gallery .gallery-track .gallery-list {
	position: absolute;
	top: 0;left: 0;
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
}
.gallery.gallery-fullscreen .gallery-track .gallery-list {
	position: relative;
}

.gallery .gallery-slide {
	height: 100%;
	top: 0;
	overflow: hidden;
}
.gallery-fullscreen .gallery-slide {
	max-height: 100%;
	min-width: 100%;
	height: auto;
	display: flex;
	align-items: center;
}

.gallery .gallery-track .gallery-slide img {
	max-height: 100%;
	cursor: pointer;
	transition: var(--transition);
	will-change: transform;
	min-width: 100%;
}
.gallery.gallery-fullscreen .gallery-track .gallery-slide img {
	max-width: 100%;
	display: block;
	margin: auto;
	cursor: default;
}
.gallery > .gallery-track .gallery-slide img:hover {
	transform: scale(1.025);
}

.gallery .gallery-arrows {
	position: absolute;
	top: 0;left: 0;
	right: 0;bottom: 42px;
	pointer-events: none;
}
.gallery .gallery-arrows a {
	position: absolute;
	width: 32px;
	height: 62px;
	top: 0;bottom: 0;
	right: 50px;
	margin: auto;
	background-image: url(/assets/img/caret-slim-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: auto;
}
.gallery .gallery-arrows a:first-of-type {
	left: 50px;
	right: auto;
	transform: rotate(180deg);
}

.gallery.disabled .gallery-arrows a {
	opacity: 0;
	pointer-events :none;
}

.gallery.gallery-fullscreen .close {
	position: absolute;
	top: 35px;right: 35px;
	height: 25px;
	width: 25px;
	opacity: 1;
}
.gallery.gallery-fullscreen .close::before,
.gallery.gallery-fullscreen .close::after {
	content: "";
	position: absolute;
	top: 0;left: 0;
	height: 2px;
	width: 35px;
	background-color: white;
	transform: rotate(45deg);
	transform-origin: left
}
.gallery.gallery-fullscreen .close::after {
	left: auto;right: 0;
	transform: rotate(-45deg);
	transform-origin: right;
}


@media(max-width: 991px) {
	.gallery.gallery-fullscreen {
		display: none;
	}
	
	.gallery .gallery-track {
		padding-top: 61.42%;
	}
}

@media(max-width: 767px) {
    .gallery .gallery-track::-webkit-scrollbar {
        height: 22px;
    }
	.gallery .gallery-track::-webkit-scrollbar-thumb {
		border: 10px solid var(--white);
	}
	
	.gallery .gallery-arrows a {
		width: 25px;
		height: 47px;
		right: 20px
	}
	.gallery .gallery-arrows a:first-of-type {
		left: 20px;
	}
}