/* GALLERY */

.GALLERY .wrapper::before,
.GALLERY .wrapper::after {
	content: "";
	display: block;
	overflow: hidden;
}

/* VERTICAL LOGOS */

.GALLERY[data-variant="3"] .wrapper {
	width: var(--col-6);
	margin: 0 auto;
	position: relative;
}

.GALLERY[data-variant="3"] .wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(
		90deg,
		rgba(0,0,0,1) 2.5%,
		rgba(0,0,0,0) 15%,
		rgba(0,0,0,0) 85%,
		rgba(0,0,0,1) 97.5%
	); */
	background: linear-gradient(
	90deg,
	rgba(199, 255, 206, 1) 2.5%,
	rgba(199, 255, 206, 0) 15%,
	rgba(199, 255, 206, 0) 85%,
	rgba(199, 255, 206, 1) 97.5%
);
	pointer-events: none;
	transform: rotate(90deg) translate(0, calc(var(--s2) + var(--s1)));
}

.GALLERY[data-variant="3"] .b-columns .b-column {
	opacity: 0.5;
	transition: opacity 0.25s;
}

.GALLERY[data-variant="3"] .b-columns .b-column:nth-child(n + 4) {
	display: none;
}

/* flickity */

.GALLERY[data-variant="3"] .b-columns.flickity-enabled {
	display: block;
	margin: 0;
	width: var(--col-5);
	height: var(--col-6);
	transform: rotate(90deg) translate(0, calc(var(--col-1) + var(--s2)));
	overflow: hidden;
}

.GALLERY[data-variant="3"] .b-columns.flickity-enabled .b-column {
	display: block !important;
	padding: 0;
	width: 106.66rem;
	margin: 0 var(--s6);

}

.GALLERY[data-variant="3"] .b-columns.flickity-enabled .image {
	width: 106.66rem;
	height: 320rem;
}

.GALLERY[data-variant="3"] .b-columns.flickity-enabled .b-img {
	width: 320rem !important;
	height: 106.66rem !important;
	transform: rotate(-90deg) translate(-33.333333%, -100%);
}

.GALLERY[data-variant="3"] .b-columns.flickity-enabled .b-img img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}


.GALLERY[data-variant="3"] .b-columns:not(.flickity-enabled) .b-column:nth-child(2) {opacity: 1;}
.GALLERY[data-variant="3"] .b-column.is-selected {opacity: 1 !important;}

@media screen and (max-width: 960px) {
	.GALLERY[data-variant="3"] .wrapper::after {background: none;}
	.GALLERY[data-variant="3"] .wrapper {width: var(--col-3);}
	.GALLERY[data-variant="3"] .b-columns.flickity-enabled {width: var(--col-5);transform: rotate(90deg) translate(0, calc(var(--col-2) + var(--s4)));height: var(--col-5);}
}


/* MARQUEE */

.GALLERY[data-variant="2"] .breakout {
	overflow: hidden;
	margin: 0 calc(50% - (var(--page-width) / 2));
}

.GALLERY[data-variant="2"] .slide {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.GALLERY[data-variant="2"] .wrapper {
	flex: 0 0 auto;
}

.GALLERY[data-variant="2"] .wrapper:nth-child(2) {
	display: none;
}

.GALLERY[data-variant="2"] .images {
	display: flex;
}

.GALLERY[data-variant="2"] .image {
	flex: 0 0 auto;
	margin: 0 var(--s3);
	width: var(--col-2);
}

/* alt-anmimate */

.GALLERY[data-variant="2"].alt-animate .slide {animation: moveSlide linear infinite; max-width: none;}
.GALLERY[data-variant="2"].alt-animate .wrapper:nth-child(2) {display: block;}

@keyframes moveSlide {
	100% {transform: translateX(-50%);}
}


/* alts */ 

.GALLERY.alt-rounded .b-img {
	border-radius: var(--s3);
	overflow: hidden;
}

.GALLERY.alt-socials .b-columns {
	margin: 0 var(--ns1);
}

.GALLERY.alt-socials .b-column {
	width: 6%;
	padding: var(--s1);
}

.GALLERY.alt-landing .b-columns {justify-content: space-between;}
.GALLERY.alt-landing .b-column {width: 18%;}

.GALLERY.alt-sports-home .b-columns {justify-content: space-between;}
.GALLERY.alt-sports-home .b-column {width: 10%;}

@media screen and (max-width: 960px) {
	.GALLERY.alt-socials .b-column {width: 10%;}
	.GALLERY.alt-small-mobile .b-columns {width: 33%;}
}

/* MODAL */

.b-modal .GALLERY {width: 9999rem; max-width: 100%;}

.b-modal .GALLERY .b-img[data-modal]::after {display: none;}
.b-modal .GALLERY .b-img [data-modal-id] {display: block}
.b-modal .GALLERY .b-img [data-modal-id] + picture {display: none;}
.b-modal .GALLERY .b-img-modal {width: 100%;}

.b-modal .GALLERY[data-single] .b-column {width: 100%;}
.b-modal .b-section[data-bottom="none"] .GALLERY[data-single]:last-child .b-img-caption {display: none;}