/* Last edited by Will on 5/20/20 */

.rlc-spinslider {
	color: #fff;
	max-width: 1920px !important;
	background-image: linear-gradient(#394770, #111);
	position: relative;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	height: 50em;
}
.rlc-spinslider .rlc-bg-gradient {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.rlc-spinslider .rlc-bg-gradient.off {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.rlc-spinslider .rlc-spinslider-toggle {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.rlc-spinslider .rlc-spinslider-toggle,
.rlc-spinslider .rlc-spinslider-info .rlc-links {
	flex-wrap: nowrap;
}
.rlc-spinslider .rlc-spinslider-toggle .rlc-linecta {
	font-family: "Founders Grotesk Mono Medium";
	font-size: 0.688em;
	line-height: 1em;
	letter-spacing: 0.091em;
}
.rlc-spinslider .rlc-spinslider-toggle .rlc-linecta::after {
	display: none;
}
.rlc-spinslider .rlc-spinslider-toggle .rlc-linecta.active::after {
	display: block;
	height: 1.5px;
}
.rlc-spinslider .rlc-spinslider-toggle .rlc-linecta:hover::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0em;
	height: 1.5px;
	width: 100%;
	background: currentColor;
}
.rlc-spinslider .rlc-slider:not(.rlc-blp-nav) .flickity-prev-next-button {
	top: 17.750em;
	-webkit-transform: none;
	transform: none;
}
.rlc-spinslider .rlc-slider:not(.rlc-blp-nav) .flickity-prev-next-button.next {
	right: 1.313em;
}
.rlc-spinslider .rlc-slider:not(.rlc-blp-nav) .flickity-prev-next-button.previous {
	left: 1.313em;
}
.rlc-spinslider .rlc-colorslider .rlc-slide {
	width: 21.500em !important;
	height: 50.000em;
	margin: 0 !important;
	overflow: visible;
	will-change: content;
}
.rlc-spinslider .rlc-slide .rlc-slide-in {
	position: relative;
	margin-top: 1.625em;
	height: 33.188em;
	overflow: hidden;
}
.rlc-spinslider .rlc-slide .rlc-slide-in .rlc-slideurl {
	display: none;
}
.rlc-spinslider .rlc-slide .rlc-imagery {
	position: absolute;
	width: 25.54174251497006em;
	height: 25.54174251497006em;
	overflow: hidden;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	-webkit-transition: width 0.5s, height 0.5s, transform 0.5s, opacity 0.5s;
	transition: width 0.5s, height 0.5s, transform 0.5s, opacity 0.5s;
	opacity: 0;
	will-change: transform;
}
.rlc-spinslider .rlc-slider.rlc-shortslider .rlc-slide .rlc-imagery {
	opacity: 1;
}
.rlc-spinslider .rlc-slide .rlc-imagery.rlc-loaded {
	opacity: 1;
}

/* -- change current slide to be clickable to PDP -- */
.rlc-spinslider .rlc-slide.is-selected {
	pointer-events: auto;
	cursor: pointer;
}
.rlc-spinslider .rlc-slide.is-selected .rlc-slide-in .rlc-slideurl {
	display: block;
	height: 100%;
}
/* -- END change current slide to be clickable to PDP -- */

.rlc-spinslider .rlc-slide.is-selected .rlc-imagery {
	width: 32.938em;
	height: 32.938em;
	position: absolute;
	pointer-events: none;
}
.rlc-spinslider .rlc-slide .rlc-imagery .rlc-images {
	position: absolute;
	top: -100%;
	left: -300%;
	-webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
	transition: width 0.5s, height 0.5s, transform 0.5;
	will-change: transform;
	width: 178.789483532934132em;
	height: 76.624064371257485em;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.rlc-spinslider .rlc-slide.is-selected .rlc-imagery .rlc-images {
	width: 230.5625em;
	height: 98.8125em;
}
.rlc-spinslider .rlc-slide .rlc-imagery .rlc-image {
	opacity: 1!important;
	transform: none;
	-webkit-transition: none!important;
	transition: none!important;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.rlc-spinslider .rlc-spinslider-nav {
	position: absolute;
	top: 35.500em;
	left: 0;
	width: 100%;
}
.rlc-spinslider .rlc-spinslider-nav .rlc-spinslider-nav-slides {
	width: 100%;
}
.rlc-spinslider .rlc-spinslider-nav .rlc-slide {
	height: 0.938em;
	margin: 0 !important;
}
.rlc-spinslider .rlc-spinslider-indicator, .rlc-spinslider .rlc-spinslider-indicator::before {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: 2.875em;
	height: 2.875em;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	pointer-events: none;
}
.rlc-spinslider .rlc-spinslider-indicator::before {
	content: '';
	width: 2em;
	height: 2em;
	background: #fff;
	z-index: 2;
}
.rlc-spinslider .rlc-spinslider-indicator .rlc-spinslider-indicator-in {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	background: #fff;
	width: 1.813em;
	height: 1.813em;
	z-index: 3;
	border-radius: 50%;
}
.rlc-spinslider .rlc-spinslider-info {
	position: absolute;
	pointer-events: none;
	left: 50%;
	top: auto;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}
.rlc-spinslider .rlc-spinslider-info .rlc-linecta {
	pointer-events: all;
}
.rlc-spinslider .rlc-spinslider-info .rlc-spinslider-counter {
	font-family: "Founders Grotesk Mono Regular";
	font-size: 0.875em;
	line-height: 1em;
	letter-spacing: 0.091em;
	color: currentColor;
}
.rlc-spinslider .rlc-spinslider-info .rlc-title {
	font-family: "LeJeuneDeck-Regular";
	font-size: 1.500em;
	line-height: 1.250em;
	letter-spacing: 0.019em;
	color: currentColor;
	margin-top: 0.5em;
}
.rlc-spinslider .rlc-spinslider-info .rlc-linecta {
	font-family: "Founders Grotesk Mono Regular";
	font-size: 0.688em;
	letter-spacing: 0.091em;
	line-height: 1em;
}
.rlc-spinslider .rlc-spinslider-info .rlc-links {
	margin: 0.188em auto 3.688em;
}
.rlc-spinslider .rlc-slider:not(.rlc-shortslider) .rlc-slide .rlc-imagery {
	display: none;
}
.rlc-spinslider .rlc-slider.rlc-clicked:not(.rlc-shortslider) .rlc-slide .rlc-imagery {
	display: block;
}
.rlc-spinslider .rlc-slide.is-selected:not(.rlc-shortslider) .rlc-imagery,
.rlc-spinslider .rlc-slide.rlc-prevslide:not(.rlc-shortslider) .rlc-imagery,
.rlc-spinslider .rlc-slide.rlc-nextslide:not(.rlc-shortslider) .rlc-imagery {
	display: block
}
.rlc-spinslider.rlc-single .rlc-slider .rlc-slide {
	margin: 0 auto!important;
}
.rlc-spinslider.rlc-single .rlc-spinslider-nav, .rlc-spinslider.rlc-single .rlc-spinslider-counter {
	display: none;
}
/* -- hide 'Quick Shop' -- */
.rlc-section-spinslider .rlc-spinslider-info .rlc-linecta.rlc-qs-hide {
	display: none;
}
.rlc-section-spinslider .rlc-spinslider-info .rlc-linecta.rlc-qslink {
	display: none;
}


@media only screen and (min-width:768px) {
	.rlc-spinslider .rlc-spinslider-toggle {
		margin-top: 3.3125em;
	}
	.rlc-spinslider .rlc-colorslider {
		margin-top: 5.5em;
	}
	.rlc-spinslider .rlc-spinslider-nav {
		margin-top: 6em;
	}
	.rlc-spinslider .rlc-spinslider-info {
		width: 50em;
	}
}
@media screen and (min-width: 767px) and (max-width: 960px) {
	.rlc-spinslider .rlc-spinslider-nav {
		margin-top: 4em;
	}
	.rlc-spinslider .rlc-spinslider-info {
		bottom: 0;
	}
	.rlc-spinslider .rlc-spinslider-info .rlc-spinslider-counter {
		font-size: 1em;
	}
	.rlc-spinslider .rlc-spinslider-info .rlc-title {
		font-size: 2em;
	}
	.rlc-spinslider .rlc-spinslider-toggle .rlc-linecta,
	.rlc-spinslider .rlc-spinslider-info .rlc-linecta {
		font-size: 1em;
	}
}
/* @media only screen and (min-width:768px) and (max-height: 1000px) {
	.rlc-spinslider .rlc-spinslider-nav {
		margin-top: 4em;
	}
	.rlc-spinslider .rlc-spinslider-info {
		bottom: 2.5em;
	}
} */
@media only screen and (max-width:767px) {
	.rlc-spinslider {
		height: 42.875em;
	}
	.rlc-spinslider .rlc-slider.rlc-slider-light .flickity-prev-next-button {
		display: none;
	}
	.rlc-spinslider .rlc-spinslider-toggle {
		margin-top: 0.6875em;
	}
	.rlc-spinslider .rlc-spinslider-toggle, .rlc-spinslider .rlc-spinslider-info .rlc-links {
		flex-wrap: nowrap;
	}
	.rlc-spinslider .rlc-spinslider-toggle .rlc-linecta, .rlc-spinslider .rlc-spinslider-info .rlc-links .rlc-linecta {
		white-space: nowrap;
	}
	.rlc-spinslider .rlc-colorslider .rlc-slide {
		width: 15.500em!important;
		/* height: 23.79em; */
		height: 42.875em;
	}
	.rlc-spinslider .rlc-slide .rlc-slide-in {
		margin-top: 0;
		height: 30.750em;
	}
	.rlc-spinslider .rlc-slide .rlc-imagery {
		width: 18.41em;
		height: 18.41em;
		/* making these round numbers seems to help */
	}
	.rlc-spinslider .rlc-slide.is-selected .rlc-imagery {
		width: 23.746em;
		/* height: 23.746em; */
		height: 23.74em;
	}
	.rlc-spinslider .rlc-slider .rlc-slide .rlc-imagery {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		-webkit-transition: width 0.5s, height 0.5s, opacity 0.5s, left 0.5s;
		transition: width 0.5s, height 0.5s, opacity 0.5s, left 0.5s;
		will-change: transform;
	}
	.rlc-spinslider .rlc-slider .rlc-slide.rlc-nextslide .rlc-imagery {
		left: 35%;
	}
	.rlc-spinslider .rlc-slider .rlc-slide.rlc-prevslide .rlc-imagery {
		left: 65%;
	}
	.rlc-spinslider .rlc-slider .rlc-slide .rlc-imagery .rlc-images {
		-webkit-transition: width 0.5s, height 0.5s, transform 0.5s;
		transition: width 0.5s, height 0.5s, transform 0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
		will-change: transform;
	}
	.rlc-spinslider .rlc-slider .rlc-slide .rlc-imagery .rlc-images {
		width: 128.89em;
		height: 55.24em;
	}
	.rlc-spinslider .rlc-slider .rlc-slide.is-selected .rlc-imagery .rlc-images {
		width: 166.21em;
		height: 71.23em;
	}
	.rlc-spinslider .rlc-spinslider-nav {
		top: 29em;
	}
	.rlc-spinslider .rlc-spinslider-info {
		top: 32.625em;
		width: 21em;
	}
	.rlc-spinslider .rlc-spinslider-info .rlc-spinslider-counter {
		font-size: 0.688em;
	}
	.rlc-spinslider .rlc-spinslider-info .rlc-title {
		font-size: 1.125em;
		line-height: 1.667em;
		margin-top: 0.222em;
	}
	.rlc-spinslider .rlc-spinslider-info .rlc-links {
		margin: -0.750em auto 3.063em;
	}
	.rlc-spinslider .rlc-spinslider-info .rlc-links .rlc-linecta {
		font-size: 0.688em;
		margin-top: 4.455em;
	}
	.rlc-spinslider .rlc-slider:not(.rlc-shortslider) .rlc-outofview .rlc-imagery {
		display: none;
	}
}

/* To fix a Firefox bug the below was applied to prevent the spinslider from shrinking below 1058px: */
@-moz-document url-prefix() {
	@media only screen and (min-width:768px) and (max-width:1057px) {
		.rlc-creative_v3.rlc-colorshop .rlc-fullbleed.rlc-section-spinslider {
			font-size: 11.755555555555556px!important;
		}
	}
}

.is-ie .rlc-spinslider .rlc-slide .rlc-imagery .rlc-images,
.is-ff .rlc-spinslider .rlc-slide .rlc-imagery .rlc-images {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
}
.is-ie .rlc-spinslider .rlc-slide.is-selected .rlc-imagery .rlc-images,
.is-ff .rlc-spinslider .rlc-slide.is-selected .rlc-imagery .rlc-images {
	width: auto;
	height: auto;
}
.is-ff .rlc-spinslider .rlc-slide .rlc-imagery .rlc-image {
	mask-image: none!important;
}