/* --- Hide product names if not in stock ----*/
.rlc-products .notinstock .rlc-hotspot, 
.rlc-products .notinstock .rlc-cs {
    display: none !important;
}

/* --- Remove gradient off cards if not in stock ----*/
.rlc-products .notinstock.notorderable .rlc-imagery::after {
    content: none !important;
}

.rlc-modalopen #usntA40Toggle {
	display: none!important;
}
#rlc-capsuleoverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.3s;
	width: 100%;
	height: 100%;
	/* From https://css.glass */
	background: rgba(255, 255, 255, 0.1);
	border-radius: 1em;
	box-shadow: 0 0.25em 1.875em rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(0.4em);
	-webkit-backdrop-filter: blur(0.4em);
}
#rlc-capsuleoverlay.rlc-open {
	opacity: 1;
}
#rlc-capsulemodal {
	position: fixed;
	top: 0;
	left: 100%;
	transform: translateX(-33%);
	z-index: 1001;
	opacity: 0;
	transition: opacity 0.3s, transform 0.3s;
	color: #fff;
}
#rlc-capsulemodal.rlc-open {
	opacity: 1;
	transform: translateX(-100%);
}
#rlc-capsule-wrapper {
	width: 50em;
	height: 100vh;
}
#rlc-capsule-wrapper .rlc-close {
	position: absolute;
	top: 1.875em;
	right: 1.875em;
	width: 1em;
	height: 1em;
	transform: rotate(45deg);
	z-index: 2;
}
#rlc-capsule-wrapper .rlc-close::before,
#rlc-capsule-wrapper .rlc-close::after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#rlc-capsule-wrapper .rlc-close::after {
	transform: translateY(-50%) rotate(90deg);
}
#rlc-capsule-wrapper .rlc-background {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	height: 100%;
	width: 100%;
}
#rlc-capsule-wrapper .rlc-background {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#rlc-capsule-wrapper .rlc-in {
	height: 100%;
	overflow: auto;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#rlc-capsule-wrapper .rlc-intro {
	margin: 4em auto;
}
#rlc-capsule-wrapper .rlc-intro .rlc-title {
	font-family: 'Founders Grotesk Text Medium', Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
    line-height: 1.454em;
}
#rlc-capsule-wrapper .rlc-intro .rlc-dek {
	font-family: 'Founders Grotesk Text Regular', Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.8333em;
	margin: 0.714em auto 0;
	width: 35em;
}
#rlc-capsule-wrapper .rlc-prodname {
    font-family: "Founders Grotesk text Regular", "Times New Roman", Times, serif;
    font-size: 0.6875em;
    letter-spacing: 0.09090909em;
    text-transform: uppercase;
}
#rlc-capsule-wrapper .rlc-slide.rlc-slide-3 a,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-3 h2,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-4 a,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-4 h2,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-11 a,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-11 h2,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-12 a,
#rlc-capsule-wrapper .rlc-slide.rlc-slide-12 h2 {
    display: none;
}
@media only screen and (min-width: 768px) {
	#rlc-capsule-wrapper .rlc-products {
		overflow: hidden;
	}
	#rlc-capsule-wrapper .rlc-in {
		width: 41em;
        padding-bottom: 2em;
	}
	#rlc-capsule-wrapper .rlc-carousel .swiper-wrapper {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#rlc-capsule-wrapper .rlc-slide {
		width: 20em;
		margin-bottom: 1em;
	}
    #rlc-capsule-wrapper .rlc-slide .rlc-imagery::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,
        rgba(0,0,0,0) 90.63%,
        rgba(0,0,0,0.35) 100%
        );
    }
    #rlc-capsule-wrapper .rlc-prodname {
        position: absolute;
        padding: 0.9090em;
        bottom: 0;
    }
    #rlc-capsule-wrapper .rlc-carousel .rlc-carousel-scrollbar {
        display: none;
    }
}
@media screen and (max-width: 767px) {
	#rlc-capsuleoverlay {
		display: none;
	}
	#rlc-capsulemodal {
		left: 0;
		transform: none;
		transition: opacity 0.3s;
	}
	#rlc-capsulemodal.rlc-open {
		transform: none;
	}
    #rlc-capsule-wrapper .rlc-in {
        overflow: hidden;
    }
	#rlc-capsule-wrapper {
		width: 100vw;
		height: 100vh;
	}
	#rlc-capsule-wrapper .rlc-close {
		top: 3.500em;
		right: 1.125em;
	}
	#rlc-capsule-wrapper .rlc-intro {
		margin: 5.750em auto 2.063em;
		width: 90%;
	}
	#rlc-capsule-wrapper .rlc-intro .rlc-title {
		font-size: 0.875em;
		line-height: 1.714em;
		letter-spacing: 0.285em;
	}
	#rlc-capsule-wrapper .rlc-intro .rlc-dek {
		font-size: 0.625em;
		line-height: 2em;
		width: 30em;
	}
	#rlc-capsule-wrapper .rlc-products {
		margin-left: 1.250em;
	}
    #rlc-capsule-wrapper .rlc-slide {
        width: 15em;
        margin-right: 0.75em;
    }
    #rlc-capsule-wrapper .rlc-prodname {
        font-size: 0.421875em;
        letter-spacing: 0.1111em;
        margin-top: 2.9629em;
    }
		.ar #rlc-capsule-wrapper .rlc-prodname {
			text-align: right;
		}
    #rlc-capsule-wrapper .rlc-carousel .rlc-carousel-scrollbar {
        width: 20.3125em;
        bottom: -1.7em;
    }
		.ar #rlc-capsule-wrapper .rlc-carousel .rlc-carousel-scrollbar {
			left: 0;
			right: auto;
		}
    #rlc-capsule-wrapper .rlc-carousel .rlc-carousel-scrollbar:before,
    #rlc-capsule-wrapper .rlc-carousel .swiper-scrollbar-drag:after {
      opacity: 1;
    }
    #rlc-capsule-wrapper .rlc-carousel .rlc-carousel-scrollbar:before {
        background: #E1E1DC;
    }
    #rlc-capsule-wrapper .rlc-carousel .swiper-scrollbar-drag:after {
      background: #000;
    }
	#rlc-capsule-wrapper .rlc-products .rlc-cats .rlc-carousel,
    #rlc-capsule-wrapper .rlc-products .rlc-cats .rlc-wrap {
		padding: 0 0 4.313em;
		width: 22.188em;
	}
    /* #rlc-gqmodal .swiper-scrollbar,
    #rlc-gqmodal .rlc-carousel-scrollbar {
        height: 0.125em;
        border-radius: 999px;
    }
    #rlc-gqmodal .swiper-container,
    #rlc-gqmodal .swiper-wrapper {
        overflow: hidden !important;
    }
    #rlc-gqmodal .swiper-scrollbar-drag {
        height: 100%;
        border-radius: 999px;
    } */

}