@import url("https://use.typekit.net/zjt6csk.css");

.notfound .rlc-instock,
.notinstock .rlc-instock,
.notfound .rlc-keeponline,
.notinstock .rlc-keeponline,
.notfound .rlc-hotspot,
.notinstock .rlc-hotspot {
	display: none !important;
}

.instock .rlc-notinstock,
.instock .rlc-keeponline {
	display: none !important;
}

.keeponline .rlc-notinstock {
	display: none !important;
}

.notfound.rlc-hasicon .rlc-imagery::after,
.notinstock.rlc-hasicon .rlc-imagery::after {
	content: "";
	display: none !important;
}

/* ===== CSS ROOT VARIABLES ===== */
.rlc-rrl {
	/* Colors */
	--color-black: #000000;
	--color-white: #ffffff;
	--color-ebe7df: #ebe7df;
	/* Typography */
	--text-2-5: 2.5em;
	--text-3-125: 3.125em;
	--text-1-5: 1.5em;
	--text-1-375: 1.375em;
	--text-1-75: 1.75em;
	--text-1-6875: 1.6875em;
	--text-1-813: 1.813em;
	--text-1-25: 1.25em;
	--tracking-0-05: 0.05em;
	--tracking-0-12: 0.12em;
	--tracking-0-15: 0.15em;
	--tracking-0-18: 0.18em;
	--tracking-0-1: 0.1em;
	--font-normal: 400;
	--font-bold: 700;
	--leading-2-375em: 2.375em;
	--leading-2-5em: 2.5em;
	--font-border:
		3px 0 #000, -3px 0 #000, 0 3px #000, 0 -3px #000, 2px 2px #000, -2px -2px #000, 2px -2px #000, -2px 2px #000;
	/* Other */
	--font-family--franklin-gothic---sans-serif: "franklin-gothic-std", sans-serif;
	--font-futura-condensed: "FuturaBTW01-BoldCondens", "Futura", sans-serif;
	--font-futura-condensed: "FuturaBTW01-BoldCondens", "Futura", sans-serif;
	--font-lhf-fairground: "LHFFairground", sans-serif;
	--font-lhf-thebat: "LHFTheBat", sans-serif;
}

/* ===== CSS BASE STYLES ===== */
.rlc-rrl {
	background-color: #fff;

	& .rlc-fullbleed {
		display: block;
		background-color: #fff;
	}

	& a,
	& a:hover,
	& a:focus {
		color: currentColor;
	}

	& .rlc-product,
	& .rlc-title,
	& .rlc-header {
		position: relative;
		font-family: "AdobeGaramondRegular", sans-serif;
		text-align: center;
		z-index: 1;
		color: inherit;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
	}

	& .rlc-header,
	& .rlc-title {
		line-height: 1;
		letter-spacing: 0.1em;
		font-weight: var(--font-bold);
	}

	& .rlc-dek {
		font-family: "AdobeGaramondRegular", sans-serif;
		line-height: 1;
		letter-spacing: 0.1em;
	}

	& .rlc-cta {
		font-family: "AdobeGaramondRegular", sans-serif;
		text-align: center;
		text-transform: uppercase;
		color: inherit;
		letter-spacing: 0.08000831872604652em !important;
		-webkit-font-smoothing: antialiased;
		text-decoration: underline !important;
		text-decoration-thickness: 1px !important;
		text-decoration-style: solid !important;
		text-decoration-skip-ink: auto !important;
		text-underline-offset: 0.1em !important;
		text-underline-position: from-font !important;
		font-weight: var(--font-bold);
		position: relative;
		line-height: 1em;
	}

	& .rlc-copygroup,
	& .rlc-product {
		position: absolute;
		z-index: 3;
	}

	& .rlc-hotspot {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	& .rlc-picture,
	& .rlc-img {
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}

	& .rlc-container.rlc-duo {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	.rlc-content {
		overflow: hidden;
	}

	.rlc-rrl {
		background-color: #ece9e2;

		& .rlc-fullbleed {
			background-color: #ece9e2;
		}

		& .rlc-container.rlc-duo {
			flex-direction: column;
		}

		& .rlc-product,
		& .rlc-title,
		& .rlc-header {
			letter-spacing: 0.1em;
		}
	}
}