/** Shopify CDN: Minification failed

Line 2200:13 Expected ":"

**/
*  {
	box-sizing: border-box;
}
:root {
	--gold: #B3A53A;
	--red: #761C1E;
	--teal: #007473;
	--green: #546122;
	--defaultFont: 'Montserrat', sans-serif;
	--headerFont: 'Lato', sans-serif;
	--whiskeyDarkBlue: #253249;
	--realOldWhiskey: #6d3629;

}
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: var(--defaultFont);
	font-size: 16px;
	scroll-behavior: smooth;
}
.noScroll {
	overflow: hidden;
}
nav {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, 0);
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	z-index: 100;
	transition: .5s;
}
#burgerBTN {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--headerFont);
}
a:link, a:visited {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  color: #222;
}
a:hover {
  color: var(--gold);
}
.disabled {
  display: none !important;
  pointer-events: none;
}
#logo {
	width: 225px;
	height: auto;
	margin-left: 25px;
	margin-top: 40px;
	margin-bottom: 40px;
	transition: .5s;
}
#navLinks {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 25px;
}
#navLinks a:link, #navLinks a:visited {
	display: block;
	text-decoration: none;
	padding: 15px;
	color: #fff;
    font-weight: 400;
}
#navLinks a:hover {
	background-color: #fff;
	color: #222;
}
.navDropDown {
	display: block;
	position: relative;
	height: fit-content;
	padding: 15px;
	transition: .2s;
}
.navDropDown:hover {
	cursor: pointer;
	background-color: #fff;
	color: #222;
	transition: .2s;
}
.subHeader {
	padding: 7px;
}
.subHeader::after {
	display: block;
	content: "";
	height: 2px;
	width: 100%;
	margin-top: 8px;
	margin-left: 0px;
	background-color: #222;
}
.subNav {
	position: absolute;
	left: 0px;
	top: 100%;
	height: fit-content;
	width: fit-content;
	max-height: 0px;
	overflow-y: hidden;
	transition: .3s;
	background-color: #fff;
	box-shadow: 0px 10px 10px rgba(25, 25, 25, .5);
}
.navDropDown:hover .subNav {
	display: block;
	width: fit-content;
	max-height: 500px;
	transition: .3s;
}
.subSubLinkList a:link, .subSubLinkList a:visited, .subNav a:link, .subNav a:visited {
	display: block;
	white-space: nowrap;
	color: #222 !important;
	transition: .2s;
}
.subLinkList a:hover, .subSubLinkList a:hover, .subNav a:hover {
	background-color: var(--gold) !important;
	color: #fff !important;
	transition: .2s;
}
.fadedNav #logo {
	width: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
}
nav.fadedNav {
	background-color: rgba(25,25,25,.75);
}
#facebookLogo, #instaLogo {
	display: block;
	width: 20px;
	height: 20px;
	transition: .2s;
    margin-right: 0px;
}
#facebookLink:hover #facebookLogo, #instaLink:hover #instaLogo {
	filter: invert(100%);
	transition: .2s;
}
#cartLink {
  position: relative;
}
#cartLink img {
  display: block;
  width: 25;
  height: 25px;
  filter: invert(100%);
}
#cartLink:hover img {
  filter: invert(0%);
}
#cartItemCount {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--gold);
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 14px;
}
.mobileSplit {
  display: none;
}
footer {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 100%;
	height: fit-content;
	background-color: #444;
	background-image: url("/cdn/shop/files/contact_bg.png?v=1702398434");
	background-position: right;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#footerWrapper {
	max-width: 600px;
	width: 90%;
}
#contactForm input, #contactForm textarea {
	display: block;
	width: 100%;
	background-color: transparent;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid rgba(136, 138, 95, 0.5);
	font-weight: 500;
	color: #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: var(--defaultFont);
	margin-bottom: 15px;
	font-size: 18px;
	letter-spacing: 2px;
}
#contactForm input[type=submit] {
	width: fit-content;
	border-top: 1px solid rgba(136, 138, 95, 0.5);
	border-left: 1px solid rgba(136, 138, 95, 0.5);
	border-right: 1px solid rgba(136, 138, 95, 0.5);
	padding-left: 15px;
	padding-right: 15px;
	background-color: rgba(25, 25, 25, .25);
	transition: .3s;
}
#contactForm input[type=submit]:hover {
	cursor: pointer;
	background-color: rgba(25, 25, 25, .5);
	transition: .3s;
}
#contactForm h2 {
	text-transform: uppercase;
	letter-spacing: 3px;
}
.vSpacer {
	width: 100%;
	height: 100px;
	display: block;
}
#ageOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 150;
	opacity: 1;
	transition: .3s;
}
#overlayInnards {
	max-width: 500px;
	width: 90%;
	height: fit-content;
	text-align: center;
}
#agePrompt {
	display: block;
}
#notOldEnoughMessage {
	display: none;
}
#oldEnoughBTN, #notOldEnoughBTN {
	background-color: #222;
	color: #fff;
	padding: 10px;
	text-align: center;
	width: 175px;
	border: 0px;
	text-transform: uppercase;
	transition: .3s;
}
#oldEnoughBTN:hover, #notOldEnoughBTN:hover {
	cursor: pointer;
	background-color: #666;
	transition: .3s;
}
.topPadded {
	padding-top: 200px;
}
h1.spokeHeader {
	position: relative;
	border: 3px solid;
	letter-spacing: 3px;
	padding: 25px;
	text-transform: uppercase;
	font-family: var(--headerFont);
	color: #222;
	width: fit-content;
	margin: auto;
	margin-bottom: 75px;
}
h1.greyHeader {
	border-color: #333;
}
h1.greyHeader::before {
	content: url('/cdn/shop/files/spokeLeftGrey.svg?v=1702396638');
	position: absolute;
	top: 50%;
	left: -165px;
	transform: translateY(-50%);
}
h1.greyHeader::after {
	content: url('/cdn/shop/files/spokeRightGrey.svg?v=1702396638');
	position: absolute;
	top: 50%;
	right: -165px;
	transform: translateY(-50%);
}
h1.whiteHeader {
	border-color: #fff;
}
h1.whiteHeader::before {
	content: url('/cdn/shop/files/spokeLeftWhite.svg?v=1702396638');
	position: absolute;
	top: 50%;
	left: -165px;
	transform: translateY(-50%);
}
h1.whiteHeader::after {
	content: url('/cdn/shop/files/spokeRightWhite.svg?v=1702396638');
	position: absolute;
	top: 50%;
	right: -165px;
	transform: translateY(-50%);
}
h1.redHeader {
	border-color: var(--red);
}
h1.redHeader::before {
	content: url('/cdn/shop/files/spokeLeftRed.svg?v=1702396638');
	position: absolute;
	top: 50%;
	left: -165px;
	transform: translateY(-50%);
}
h1.redHeader::after {
	content: url('/cdn/shop/files/spokeRightRed.svg?v=1702396638');
	position: absolute;
	top: 50%;
	right: -165px;
	transform: translateY(-50%);
}

.yellowMountains {
	color: #fff;
	line-height: 1.5;
	width: 100%;
	height: fit-content;
	background-color: var(--gold);
	background-image: url('/cdn/shop/files/yellowMountainBG.webp?v=1705944937');
	background-position: center;
	background-size: cover;
	padding-bottom: 100px;
}
.yellowMountains p {
	margin: auto;
	max-width: 800px;
	width: 90%;
	margin-bottom: 25px;
	text-align: center;
}
.flexStart {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
/**********************************8
*
*				HomePage
*
************************************/
#homeSplash {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	width: 100%;
	height: 50vw;
	padding: 0px;
	padding-top: 10vw;
	background-color: #fff;
	background-image: url('/cdn/shop/files/main_img_dark.jpg?v=1702396219');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: darken;
}
.tuckedAway {
	margin-bottom: -200px;
	opacity: 0;
	transition: 1s;
}
#homeSplashLeft {
	position: relative;
	width: 40vw;
	height: 40vw;
	transition: 1s;
}
#homeSplashLeft img {
	width: 100%;
	filter: drop-shadow(0px 10px 10px rgba(25,25,25,.55));
}
#splashModel {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45vw;
	height: 45vw;
	transform: translate(-50%, -50%);
	--progress-bar-color: transparent;
}
#homeSplashRight {
	margin-top: -10vw;
	max-width: 35vw;
	transition: 1s;
	transition-delay: .3s;
}
#homeSplashTagline {
	font-family: 'Lato', sans-serif;
	font-size: 4vw;
	line-height: 1;
	letter-spacing: .25vw;
	text-transform: uppercase;
	color: var(--gold);
	text-shadow: 0px 0px 25px rgba(25, 25, 25, .5);
	font-weight: 900;
}
#homeSplashSubtext {
	color: #fff;
	font-size: 1.25vw;
	text-shadow: 0px 0px 15px rgba(25, 25, 25, .75);
	line-height: 1.5;
	max-width: 35vw;
}
#splashLinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 25px;
}
#splashLinks a {
  display: block;
  width: 40%;
  transform: scale(1.0);
  transition: .2s;
}
#splashLinks a:hover {
  transform: scale(1.1);
  transition: .2s;
}

#whoWeAre {
	width: 100%;
	text-align: center;
	background-image: url('/cdn/shop/files/jaggedYellow.png?v=1702396464');
	background-position: top center;
	background-size: cover;
	background-blend-mode: multiply;
	padding-top: 250px;
	padding-bottom: 75px;
	margin-top: -250px;
}

#whoWeAre h2 {
	position: relative;
	border: 3px solid #fff;
	letter-spacing: 3px;
	padding: 25px;
	text-transform: uppercase;
	font-family: var(--headerFont);
	color: #222;
	width: fit-content;
	margin: auto;
	margin-bottom: 100px;
}
#whoWeAre h2::before {
	content: url('/cdn/shop/files/spokeLeftWhite.svg?v=1702396638');
	position: absolute;
	top: 50%;
	left: -165px;
	transform: translateY(-50%);
}
#whoWeAre h2::after {
	content: url('/cdn/shop/files/spokeRightWhite.svg?v=1702396638');
	position: absolute;
	top: 50%;
	right: -165px;
	transform: translateY(-50%);
}
#whoWeAre p {
	max-width: 800px;
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
	color: #fff;
	line-height: 1.5;
	font-weight: 500;
}
#homeProductWrapper {
	display: block;
	background: #fff;
	background-image: url('/cdn/shop/files/Wood-DESAT-CONTRAST-White-Fade.jpg?v=1702396639');
	background-position: center;
	background-size: cover;
	width: 100%;
	height: fit-content;
	padding-bottom: 75px;
	padding-top: 75px;
}
#homeProductWrapper h2 {
	position: relative;
	background-color: #fff;
	border: 3px solid var(--gold);
	letter-spacing: 3px;
	padding: 25px;
	text-transform: uppercase;
	font-family: var(--headerFont);
	color: #444;
	width: fit-content;
	margin: auto;
	margin-bottom: 100px;
}
#homeProductWrapper h2::before {
	content: url('/cdn/shop/files/spokeLeftGold.svg?v=1702396638');
	position: absolute;
	top: 50%;
	left: -165px;
	transform: translateY(-50%);
}
#homeProductWrapper h2::after {
	content: url('/cdn/shop/files/spokeRightGold.svg?v=1702396638');
	position: absolute;
	top: 50%;
	right: -165px;
	transform: translateY(-50%);
}
.productLinkWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	max-width: 1200px;
	width: 90%;
	margin: auto;
}
.bottleLink {
	aspect-ratio: 1;
	width: calc(25% - 30px);
	height: auto;
	margin-bottom: 30px;
	position: relative;
}
.bottleLink:hover .linkRibbon {
	bottom: 30%;
	transition: .3s;
}
.linkRibbon {
	position: absolute;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	width: 63%;
	bottom: 15%;
	left: 50%;
	transform: translate(-50%, 0%);
	transition: .3s;
}
.linkRibbon hr {
	height: 1px;
	background-color: #fff;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px
}
.bourbonLink {
	background-color: var(--red);
}
.bourbonLink::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent var(--red) transparent;
	left: 0px;
	top: -20px;
	filter: brightness(70%);
}
.bourbonLink::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: var(--red) transparent transparent transparent;
	right: 0px;
	bottom: -20px;
	filter: brightness(70%);
}
.ryeLink {
	background-color: var(--green);
}
.ryeLink::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent var(--green) transparent;
	left: 0px;
	top: -20px;
	filter: brightness(70%);
}
.ryeLink::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: var(--green) transparent transparent transparent;
	right: 0px;
	bottom: -20px;
	filter: brightness(70%);
}
.ginLink {
	background-color: var(--teal);
}
.ginLink::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent var(--teal) transparent;
	left: 0px;
	top: -20px;
	filter: brightness(70%);
}
.ginLink::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: var(--teal) transparent transparent transparent;
	right: 0px;
	bottom: -20px;
	filter: brightness(70%);
}
.vodkaLink {
	background-color: #333;
}
.vodkaLink::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #333 transparent;
	left: 0px;
	top: -20px;
	filter: brightness(70%);
}
.vodkaLink::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #333 transparent transparent transparent;
	right: 0px;
	bottom: -20px;
	filter: brightness(70%);
}
.boxLink {
	aspect-ratio: 1;
	width: calc(20% - 30px);
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	transition: .3s;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 5px rgba(25,25,25,.5); 
}
.boxLink p {
  padding: 10px;
  width: 100%;
  margin: 0px;
  text-align: center;
  margin-bottom: -35px;
}
.boxLink:hover {
    filter: brightness(115%);
}


.cherryBadgeWrapper {
	background-image: url('/cdn/shop/files/cherryBadge.svg?v=1702396638');
}
.pineBadgeWrapper {
	background-image: url('/cdn/shop/files/cherryBadge.svg?v=1702396638');
}
.cherryBadgeWrapper p, .pineBadgeWrapper p {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
}

#conservation {
	width: 100%;
	background-image: url('/cdn/shop/files/yellowMountainBG.webp?v=1705944937');
	background-color: var(--gold);
	background-position: top center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
    flex-wrap: wrap;
	padding: 0px;
	padding-left: 5%;
}
#conservationSheepLink {
  width: 25%;
  margin-right: 25px;
}
#conservationText {
	width: 40%;
	color: #fff;
	line-height: 1.5;
}
#conservationText h2 {
	text-transform: uppercase;
	letter-spacing: 3px;
}
#conservationSheep {
	width: 30%;
}
#conservationHeader {
	position: relative;
	width: 100%;
	height: 56vw;
	background-position: center;
	background-size: cover;
}
#conservationHeader h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(25, 25, 25, .25);
	color: #fff;
}

#watchNowHome {
  position: fixed;
  bottom: 50px;
  right: 25px;
  width: 125px;
  height: 125px;
  display: block;
  transition: .2s;
  filter: drop-shadow(0px 0px 5px rgba(25,25,25,.25)) brightness(100%);
  animation: swell 2s infinite;
  transform: scale(1);
}
#watchNowHome:hover {
  filter: drop-shadow(0px 0px 5px rgba(25,25,25,.25)) brightness(115%);
  transition: .2s;
}
#watchNowHome img {
  width: 100%;
  height: auto;
}
@keyframes swell {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/*******************************************
*
*         About Page
*
*********************************************/
.sheepHead {
	display: block;
	height: fit-content;
	width: 20%;
	text-align: center;
	font-family: var(--headerFont);
	text-transform: uppercase;
	font-weight: 600;
}
.sheepHead img {
	width: 100%;
}

/********************************************
*
*              Founder Page
*
*********************************************/
#founderHeader {
	display: block;
	width: 100%;
	height: 50vw;
	background-image: url('/cdn/shop/files/robHeader.jpg?v=1702401633');
	background-position: top center;
	background-size: cover;
	position: relative;
}
#founderQuote {
	position: absolute;
	top: 50%;
	right: 8%;
	text-transform: uppercase;
	font-weight: 700;
	font-family: var(--headerFont);
	color: #fff;
	text-align: right;
	transform: translateY(-50%);
	font-size: 4vw;
	width: 48vw;
	text-shadow: 0px 0px 15px rgba(25, 25, 25, .25);
}
#founderQuote::before {
	content: "“";
	position: absolute;
	font-size: 8vw;
	color: var(--gold);
	left: 11vw;
	top: -2vw;
	filter: brightness(125%);
}
#founderQuoteAttribution {
	font-size: 2vw;
	font-weight: 600;
	text-transform: none;
	font-family: var(--defaultFont);
	padding-right: 2vw;
	padding-top: 2vw;
}
#founderQuoteAttribution i {
	font-weight: 400;
	font-family: var(--defaultFont);
}
#founderText {
	padding-top: 75px;
}
#founderText .flexStart {
	max-width: 1000px;
	width: 90%;
	margin: auto;
	gap: 30px;
}
#founderText .leftSide {
	display: block;
	width: 40%;
}
#founderText .rightSide {
	width: 60%;
}
#robSig {
	display: block;
	margin-left: auto;
	margin-right: 25px;
}
/*************************************************
*
*
*
***************************************************/
#companyHeader {
	width: 100%;
	height: 50vw;
	background-position: center;
	background-size: cover;
	position: relative;
}
#companyHeader h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.25);
	color: #fff;
	background-color: rgba(25,25,25,.3);
}
#companyAboutUs {
	margin-top: 0px;
	padding-top: 75px;
}
#companyAboutUs h2 {
	color: #222;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
}
/*************************************************
*
*              Collection
*
**************************************************/
.collectionHeader {
  width: 100%;
  height: fit-content;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.collectionHeader h1 {
  color: #fff;
  background-color: rgba(25,25,25,.75);
}
.collectionWrapper {
  background-image: url('/cdn/shop/files/Wood-DESAT-CONTRAST-White-Fade.jpg?v=1702396639');
  background-position: center;
  background-size: cover; 
}
#productViewer {
  min-height: 200px;
  position: relative;
  transition: .5s;
}
.loadingMessage {
  display: block;
  height: 150px;
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-weight: 900;
  font-size: 35px;
  color: #333;
  letter-spacing: 1px;
  animation: loading 3s infinite;
}
@keyframes loading {
  0% {
    letter-spacing: 1px;
  }
  50% {
    letter-spacing: 5px;
  }
  100% {
    letter-spacing: 1px;
  }
}
.collectionFlex {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 950px;
  margin: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  gap: 25px;
}
.collectionLeft {
  display: block;
  width: 60%;
}
.collectionRight {
  display: block;
  width: 40%;
  text-align: center;
}
.collectionSkull {
  display: block;
  width: 125px;
  height: auto;
  margin: auto;
  margin-top: -25px;
}
.collectionPic {
  display: block;
  width: 90%;
  height: auto;
  margin: auto;
}
.collectionProductListH2 {
  text-transform: uppercase;
  text-align: center;
}
.collectionProductList {
  background-color: #fff;
  padding: 25px;
  overflow-x: auto;
}
.productScroller {
  display: flex;
  justify-content: left;
}
.productScrollerInner {
  display: flex;
  gap: 25px;
  min-width: max-content;
  margin: 0 auto;
}
.collectionProductList .product {
  text-align: center;
  filter: grayscale(100%);
  opacity: .7;
  width: fit-content;
  max-width: 175px;
  transition: .2s;
  scroll-snap-align: start;
  flex-shrink: 0;
  font-size: 16px;
}
.collectionProductListImage {
  display: block;
  margin: auto;
  max-width: 175px;
  border: 1px solid #ccc;
}
.collectionProductList .product:hover {
  filter: grayscale(0%);
  opacity: 1;
  transition: .2s;
}
.productCollectionLink.active .product {
  filter: grayscale(0%);
  opacity: 1;
  border-bottom: 2px solid var(--gold);
}
/**************************************************
*
*                Product Pages
*
****************************************************/
.productSlider {
	display: block;
	width: 100%;
	min-height: 100%;
	height: fit-content;
	background-image: url('/cdn/shop/files/Wood-DESAT-CONTRAST-White-Fade.jpg?v=1702396639');
	background-position: center;
	background-size: cover;
	border: 1px solid transparent;
	position: relative;
	overflow-x: hidden;
}
.productWrapper {
	background-image: url('/cdn/shop/files/Wood-DESAT-CONTRAST-White-Fade.jpg?v=1702396639');
	background-position: center;
	background-size: cover;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	width: 100%;
	height: fit-content;
	transition: .2s;
	padding-top: 50px;
	padding-bottom: 50px;
}
.productWrapperInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  max-width: 950px;
  gap: 25px;
}
.productWrapper.boxWrapper {
  justify-content: center;
  align-items: center;
  gap: 0px;
}
.boxWrapper > .productLeft, .boxWrapper > .productRight {
  margin: 0px;
  height: fit-content;
}
.boxWrapper > .productLeft {
  width: 50%;
}
.boxWrapper > .productRight {
  margin-left: 0px;
}
.productHeader {
	display: block;
	position: relative;
	width: 100%;
	height: 60vw;
    min-height: fit-content;
	background-position: center;
	background-size: cover;
    background-color: #666;
	color: #fff;
	text-align: center;
}
.productHeader h1 {
	color: #fff;
	background-color: rgba(25,25,25,.75);
}
.productHeaderInnerWrapper {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-45%);
}
.productSummary {
	padding: 25px;
	background-color: rgba(25, 25, 25, .75);
	border: 3px solid #fff;
	line-height: 1.5;
}
.productSummaryTopLogo {
  display: block;
  width: 75px;
  height: auto;
  margin: auto;
  margin-top: 25px;
}
.productTagline {
  border: 0px solid #fff;
  padding: 15px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: fit-content;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 15px;
}
.kentuckyCallout {
	padding: 5px;
	border: 1px solid #fff;
	max-width: 60%;
	margin: auto;
	margin-top: 25px;
	font-weight: 700;
}
.productLeft {
	position: relative;
	display: block;
	width: 50%;
	height: fit-content;
	min-height: 350px;
}
.productLeft .productImage {
  width: 100%;
  margin: auto;
  background-color: #fff;
  border: 1px solid #ccc;
}
#zoomInButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0px;
  margin-left: 10px;
  margin-top: -40px;
  margin-bottom: 20px;
  border-radius: 50%;
}
#zoomInButton:hover {
  opacity: .7;
  cursor: pointer;
}
#imagePopUp {
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background-color: rgba(25,25,25,.75);
  transition: 1s;
}
#imagePopUp.disabled {
  pointer-events: none;
  opacity: 0;
  transition: 1s;
}
#closeZoomButton {
  position: absolute;
  right: 25px;
  bottom: 50px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gold);
  border: 0px;
  box-shadow: 0px 0px 5px rgba(25,25,25,.5); 
}
#closeZoomButton:hover {
  filter: brightness(115%);
  cursor: pointer;
}
#imagePopUp #zoomedImage {
  object-fit: fill;
  max-width: 100%;
  max-height: 100%;
}
.productLeft .productImageList {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 15px;
}
.productGalleryImageThumb {
  opacity: .5;
  transition: .2s;
  border: 1px solid #ccc;
}
.productGalleryImageThumb:hover {
  cursor: pointer;
  opacity: 1;
  transition: .2s;
}
.productGalleryImageThumb.active {
  opacity: 1;
}
.ribbonWrapper {
	position: relative;
	display: block;
	width: 65%;
	min-width: 200px;
	height: fit-content;
	color: #fff;
	background-color: var(--red);
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	margin: auto;
	margin-top: -35px;
	margin-bottom: 25px;
	z-index: 5;
}
#modelRibbon {
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#abvWrapper {
	border: 2px solid #222;
	background-color: #fff;
	font-weight: 700;
	padding: 5px;
	width: fit-content;
	margin: auto;
	margin-top: 15px;
	margin-bottom: -25px;
}

.productRight {
	display: block;
	width: 40%;
	position: relative;
	height: fit-content;
    text-align: justify;
}
.productRight button:hover {
	cursor: pointer;
	filter: brightness(125%);
	transition: .2s;
}
.productRight h2 {
  text-transform: uppercase;
  text-align: center;
}
.productRight h3 {
  text-transform: uppercase;
  text-align: right;
}
.selectIcon {
	display: block;
	margin: auto;
}
.flavorProfile {
	text-align: center;
	padding: 15px;
	border: 2px solid var(--red);
	background-color: #fff;
}
.flavorProfile h4 {
	text-transform: none;
	width: fit-content;
	padding: 5px;
	border: 2px solid #222;
	background-color: #fff;
	margin: auto;
	margin-top: -30px;
}
.buyNowBTN {
	text-transform: uppercase;
	font-family: var(--headerFont);
	font-weight: 500;
	font-size: 25px;
	text-decoration: none;
	color: #fff !important;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: fit-content;
	height: fit-content;
	transition: .2s;
	display: block;
	position: relative;
	margin: auto;
	width: 100%;
	text-align: center;
    background-color: var(--bgColor);
	--bgColor: var(--red);
	z-index: 5;
}
.buyNowBoxBTN {
  --bgColor: var(--gold);
}
.buyNowBTNInner {
  position: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: var(--bgColor);
	padding-top: 10px;
	padding-bottom: 10px;
    z-index: 15;
}
.buyNowBTN:hover {
	cursor: pointer;
	filter: brightness(125%);
	transition: .2s;
}
.buyNowBTN::before {
	position: absolute;
	left: -40px;
	top: 20px;
	content: "";
	display: block;
	background-color: var(--bgColor);
	width: 50px;
	height: 50px;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 65% 50%);
	filter: brightness(80%);
	z-index: -10;
}
.buyNowBTN::after {
	position: absolute;
	right: -40px;
	top: 20px;
	content: "";
	display: block;
	background-color: var(--bgColor);
	width: 50px;
	height: 50px;
	filter: brightness(80%);
	z-index: -10;
	clip-path: polygon(0% 0%, 75% 0%, 35% 50%, 75% 100%, 0% 100%);
}
.productRight h1{
	position: relative;
	background-color: #fff;
	padding: 15px;
	text-transform: uppercase;
	width: fit-content;
	border-width: 3px;
	border-style: solid;
	border-color: var(--red);
	margin: auto;
	margin-bottom: -30px;
}
.productDesc {
	display: block;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-color: var(--red);
	padding-top: 100px;
	padding: 15px;
	transition: .3s;
}
.proofWrapper {
	position: relative;
	text-align: center;
	font-weight: 700;
	font-size: 50px;
	text-transform: uppercase;
	color: #444;
	background-color: #fff;
	border: 2px solid #222;
	border-radius: 50%;
	margin: auto;
	width: 125px;
	height: 125px;
	aspect-ratio: 1;
	padding-top: 25px;
	filter: drop-shadow(0px 0px 5px rgba(25,25,25,.1));
	transition: .3s;
	--afterColor: var(--red);
}
.proofWrapper::after {
	position: absolute;
	bottom: 8px;
	left: 50%;
	display: block;
	content: 'PROOF';
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	padding: 5px;
	width: 100%;
	margin: auto;
	background-color: var(--afterColor);
	color: #fff;
	transform: translate(-50%, 0%);
}
.proofWrapper {
	text-align: center;
	font-weight: 700;
	font-size: 50px;
	text-transform: uppercase;
	color: #444;
	background-color: #fff;
	border: 2px solid #222;
	border-radius: 50%;
	margin: auto;
	width: 125px;
	height: 125px;
	aspect-ratio: 1;
	padding-top: 25px;
	filter: drop-shadow(0px 0px 5px rgba(25,25,25,.1));
}
.proofFlex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	margin-bottom: -100px;
	margin-top: 50px;
}
#whiskeySelector {
	color: #fff;
	background-color: var(--red);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	padding: 15px;
	padding-bottom: 40px;
	width: 100%;
	border-width: 0px;
	border-style: solid;
	border-color: var(--red);
	border-radius: 0px;
	transition: .2s;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	z-index: 5;
}
#whiskeySelector:focus {
	outline: none;
}
#whiskeySelector option {
	background-color: var(--red);
}
#whiskeySelectorArrow {
	display: block;
	position: relative;
	width: 10px;
	height: 10px;
	background-color: #fff;
	pointer-events: none;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	margin: auto;
	margin-top: -25px;
	margin-bottom: 40px;
	z-index: 10;
	transform: scale(2, -1);
}
#whiskeySelector:disabled {
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.bourbonProduct {
	border: 3px solid var(--red);
}
.bourbonProduct h2 {
	border: 3px solid var(--red);
	margin-top: -75px;
}
.bourbonProduct h3 {
	background-color: var(--red);
}
.productModel {
	--progress-bar-color: transparent;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}
#productFrontImage{
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	opacity: 1;
	pointer-events: none;
	transition: .3s;
}
#productBackImage {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}
#productFrontImage img, #productBackImage img {
	width: auto;
	height: 100%;
	margin: auto;
}
.productViewBTNSWrapper {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 15px;
	transform: translateX(-50%);
	z-index: 10;
}
.productViewBTN {
	background-color: var(--red);
	color: #fff;
	width: fit-content;
	height: fit-content;
	padding: 10px;
	border: 0px;
	transition: .2s;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
.productViewBTN:hover {
	cursor: pointer;
	filter: brightness(125%);
	transition: .2s;
}


.mashBillWrapper {
	border-width: 2px;
	border-style: solid;
	border-color: var(--red);
	width: 100%;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 25px;
	padding: 10px;
	background-color: #fff;
	filter: drop-shadow(0px 0px 5px rgba(25,25,25,.1));
}
.mashBillWrapper h4 {
	margin: 0px;
	text-align: center;
}
.mashFlex {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px dotted #ccc;
	margin-bottom: 10px;
}
.productFooter {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	height: fit-content;
	overflow-x: auto;
	overflow-y: hidden;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footerHeader {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}
.productBTN {
	position: relative;
	display: block;
	height: 100%;
	max-height: 175px;
	width: auto;
	aspect-ratio: 1;
	background-color: rgba(0, 0, 0, 0);
	border: 0px;
	opacity: .6;
	transition: .2s;
}
.productBTN.active {
	opacity: 1;
	transition: .2s;
}
.productBTN.active .productBTNLabel {
	bottom: 25%;
	transition: .2s;
}
.productBTN:hover {
	cursor: pointer;
	opacity: 1;
	transition: .2s;
}
.productBTN:hover .productBTNLabel {
	bottom: 25%;
	transition: .2s;
}
.productBTN img {
	height: 100%;
	width: auto;
	margin: auto;
}
.productBTNLabel {
	display: block;
	text-transform: uppercase;
	font-family: var(--headerFont);
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	width: 80%;
	transition: .2s;
}
.productBTNLabel hr {
	margin: 0px;
}

.productOptionLabel {
  font-weight: 700;
}
.productOptionSelector {
  width: 100%;
  padding: 10px;
  text-align: right;
}
.productOptionSelector > option {
  padding: 10px;
}
.straightBourbonLabel {
	background-color: var(--red);
}
.straightBourbonLabel::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent var(--red) transparent;
	left: 0px;
	top: -10px;
	filter: brightness(70%);
}
.straightBourbonLabel::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: var(--red) transparent transparent transparent;
	right: 0px;
	bottom: -10px;
	filter: brightness(70%);
}
.oldBourbonLabel {
	background-color: var(--realOldWhiskey);
}
.oldBourbonLabel::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent var(--realOldWhiskey) transparent;
	left: 0px;
	top: -10px;
	filter: brightness(70%);
}
.oldBourbonLabel::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: var(--realOldWhiskey) transparent transparent transparent;
	right: 0px;
	bottom: -10px;
	filter: brightness(70%);
}
.finishedBourbonLabel {
	background-color: var(--whiskeyDarkBlue);
}
.finishedBourbonLabel::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent var(--whiskeyDarkBlue) transparent;
	left: 0px;
	top: -10px;
	filter: brightness(70%);
}
.finishedBourbonLabel::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: var(--whiskeyDarkBlue) transparent transparent transparent;
	right: 0px;
	bottom: -10px;
	filter: brightness(70%);
}

#spiritPriceDisplay {
  font-size: x-large;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
}

.boxInstruction {
  text-align: center;
  padding: 15px;
  width: 100%;
  height: fit-content;
  border: 2px solid #444;
  margin-bottom: 15px;
}
.boxSpiritSelectLabel {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  text-align: center;
  width: 80px;
  display: block;
}
.boxSpiritSelect {
  color: #fff;
  background-color: #444;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  padding: 15px;
  padding-right: 40px;
  border-width: 0px;
  border-style: solid;
  border-color: #444;
  border-radius: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 5;
  margin-bottom: 10px;
  width: 100%;
  margin: auto;
}
.boxSpiritSelect:focus {
  outline: 0px;
}
.boxSpiritOption {
  background-color: #444;
  border: 0px;
  color: #fff;
}
#whiskeySelectorArrow.boxArrow {
  margin-left: auto;
  margin-right: 25px;
  margin-top: -28px;
}
.boxSpiritSelectWrapper {
  margin-bottom: 0px;
  height: fit-content;
  max-height: 150px;
  overflow-y: hidden;
  transition: .5s;
}
.boxSpiritSelectWrapper.compressed {
  max-height: 0px;
  transition: .5s;
}
.buyNowBTNWrapper {
  width: 120%;
  padding: 0px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 20px;
  height: fit-content;
  max-height: 150px;
  overflow: hidden;
  transition: .5s;
  margin-left: -10%;
}
.buyNowBTNWrapper.compressed {
  padding-bottom: 0px;
  max-height: 0px;
  transition: .5s;
}
.boxPriceWrapper {
  text-align: center;
  margin-bottom: 15px;
  font-size: 20px;
}
#grayBox {
  pointer-events: none;
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(25,25,25,.75);
  z-index: 9;
  transition: .5s;
  opacity: 0;
}
#grayBox.open {
  pointer-events: auto;
  transition: .5s;
  opacity: 1;
}
#boxDisclaimerWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  text-align: center;
  padding: 25px;
  box-shadow: 0px 0px 25px rgba(25,25,25,1);
  width: 80vw;
  height: 80vw;
  max-width: 600px;
  max-height: 400px;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
}
#boxDisclaimerWrapper.open {
  pointer-events: auto;
  opacity: 1;
}
#boxDisclaimerWrapper a {
  text-decoration: none;
  color: #fff;
  background-color: var(--gold);
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px;
  transition: .2s;
}
#boxDisclaimerWrapper a:hover {
  filter: brightness(115%);
  transition: .2s;
}
#closeBoxDisclaimerBTN {
  background-color: #222;
  color: #fff;
  font-weight: 900;
  font-size: 35px;
  line-height: .9;
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s;
}
#closeBoxDisclaimerBTN:hover {
  cursor: pointer;
  opacity: .9;
  transition: .2s;
}
.disclaimerLogo {
  width: 75px;
  filter: invert(1);
}
.cinemaWrapper {
  position: relative;
  display: block;
  background-image: url('/cdn/shop/files/Wood-DESAT-CONTRAST-White-Fade.jpg?v=1702396639');
  background-position: center;
  background-size: cover;
  margin: 0px;
  padding-top: 25px;
}
.episodeWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  max-width: 1200px;
  width: 90%;
  margin: auto;
  margin-bottom: 50px;
}
.episodeWrapper .embed {
  width: fit-content;
}
.episodeWrapper .details h2 {
  text-transform: uppercase;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  max-width: 1200px;
  margin: auto;
  border-top: 2px solid #222;
  padding-top: 15px;
}
.pageNumbers a, .pageNumbers span {
  margin: 5px;
}
.buyNowBTN.asHeader {
  display: block;
  margin: auto;
  margin-top: 75;
  margin-bottom: 125px;
}
.buyNowBTN.asHeader:hover {
  filter: brightness(100%);
  cursor: default;
}
/*********************************************************************************
*
*                      Cart
*
*********************************************************************************/

.cart {
  max-width: 1200px;
  width: 90%;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 10px;
  text-align: center;
}
.spiritCartWrapper {
  max-width: 900px;
  width: 90%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 10px;
  text-align: left;
}
.spiritCartFooter {
  max-width: 900px;
  width: 90%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.cart .cartLogo {
  width: 75px;
  margin-bottom: 35px;
  height: auto;
  filter: invert(100%);
}
.cart h1 {
  font-weight: 700;
  text-transform: uppercase;
}
.cart h2 {
  display: inline-block;
  width: fit-content;
  margin-right: 15px;
  line-height: .9;
}
.cartFooter {
  max-width: 900px;
  width: 90%;
  margin: auto;
}
.cartTotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 50px;
}
#checkoutBTN {
  text-transform: uppercase;
  padding: 15px;
  background-color: var(--gold);
  margin-left: auto;
  margin-right: 0px;
  margin-bottom: 50px;
  color: #fff;
  border: 0px;
  font-weight: 700;
  font-size: 20px;
  display: block;
  width: fit-content;
  height: fit-content;
}
#checkoutBTN:hover {
  cursor: pointer;
  filter: brightness(125%);
}
.cart .productLinkWrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}
.cart-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 900px;
  width: 90%;
  margin: auto;
  border-bottom: 1px solid #ccc;
  margin-bottom: 35px;
}
.qtyWrapper {
  display: inline-block;
  text-align: center;
  font-size: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
.qtyWrapper b {
  font-size: 28px;
}
.cart-item-lineprice {
  width: fit-content;
  margin-left: auto;
  margin-right: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 700;
}
.eachPrice {
  margin-top: -15px;
  margin-bottom: 15px;
  font-size: 13px;
}
.cart-item:last-of-type {
  border-bottom: 3px solid #444;
}
.cart-item-thumb {
  width: 30%;
}
.cart-item-info {
  width: 60%;
  text-align: right;
}
.moreBTN, .lessBTN, .deleteBTN {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  line-height .5;
  font-size: 20px;
  width: 25px;
  height: 25px;
  border: 0px;
  background-color: var(--gold);
  color: #fff;
  border-radius: 25px;
}

.moreBTN:hover, .lessBTN:hover, .deleteBTN:hover {
  cursor: pointer;
  filter: brightness(125%);
}
#addToCartBTN {
  display: block;
  position: relative;
  border: 0px;
  background-color: var(--gold);
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 5;
}
#addToCartBTN:hover {
  cursor: pointer;
  filter: brightness(125%);
}


/**************************************************
*
*                    Thank You Page
*
****************************************************/
.thankYouWrapper {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
}
.thankYouInner {
  width: fit-content;
  height: fit-content;
  text-align: center;
}
#successRedirectMessage, #failureRedirectMessage {
  display: none;
}
#pickOutLink, #payNowLink {
  background-color: var(--gold);
  color: #fff;
  font-weight: 700;
  padding: 15px;
  text-transform: uppercase;
}
/************************************************
*
*         Collections
*
***************************************************/


/**************************************************8
*
*           Le Mobile
*
****************************************************/
@media screen and (max-width: 1200px) {
  #navLinks {
    gap: 3px;
  }
  #splashSheepLink {
    width: 60%;
  }
  #logo {
    width: 175px;
  }
  #conservationSheep {
    display: none;
  }
  #conservationText {
    width: 65%;
    margin-right: 5%;
  }
}
@media screen and (max-width: 950px) {
  body {
    overflow-x: hidden;
  }
  nav {
    background-color: rgba(25,25,25,1);
    top: 0px;
    width: 100%;
  }
  nav.fadedNav {
    background-color: rgba(25,25,25,1);
  }
  #logo {
    width: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
  }
  #burgerBTN {
    display: block;
    background-color: transparent;
    color: #fff;
    border: 0px;
    width: 30px;
    height: 30px;
    position: relative;
  }
  #burgerBTN:hover {
    cursor: pointer;
  }
  #burgerBTN img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: invert(100%);
    width: 30px;
    height: 30px;
  }
  #burgerIcon {
    opacity: 1;
    transition: .2s;
  }
  #closeIcon {
    opacity: 0;
    transition: .2s;
  }
  #navLinks {
    display: block;
    text-align: right;
    position: absolute;
    top: 53px;
    right: -250px;
    background-color: rgba(25,25,25,1);
    transition: .3s;
    height: calc(100vh - 53px);
    overflow-y: auto;
  }
  .subHeader {
    border-bottom: 0px solid #000;
  }
  .subNav {
    position: relative;
    height: fit-content;
    max-height: 0px;
    margin-top: 15px;
    background-color: #222;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    z-index: 5;
    top: 0px;
    left: 0px;
  }
  .navDropDown {
    display: block;
    position: relative;
    padding-bottom: 0px;
    z-index: 0;
  }
  .navDropDown:hover {
    display: block;
    position: relative;
    padding-bottom: 0px;
    z-index: 0;
  }
  .navDropDown:hover .subNav {
    display: block;
    position: relative;
    height: fit-content;
    max-height: 500px;
    margin-top: 15px;
    background-color: rgba(25,25,25,1);
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    z-index: 5;
  }
  .navDropDown:hover .subHeader {
    color: #fff;
  }
  .subSubLinkList {
    border-right: 2px solid #fff;
    margin-right: 10px;
    z-index: 6;
  }
  .subSubLinkList a:link , .subSubLinkList a:visited {
    color: var(--gold) !important;
  }
  .subSubLinkList a:hover {
    color: #fff !important;
  }
  .subSubNav a:link,
  .subSubNav a:visited,
  .subNav a:link,
  .subNav a:visited {
    color: #FFF !important;
  }
  #cartLink, #facebookLink, #instaLink {
    display: inline-block !important;
  }

  footer {
    background-size: cover;
  }
  /*************************************8
  *
  *          Index
  *
  **************************************/
  #conservation {
    flex-flow: column;
  }
  #conservationText {
    width: 90%;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
  }
  #conservationSheepLink {
    margin: auto;
    margin-top: 25px;
    width: 65%;
    margin-bottom: 45px;
  }
  #homeProductWrapper h2::before, 
  #whoWeAre h2::before, 
  #homeProductWrapper h2::after, 
  #whoWeAre h2::after, 
  .redHeader::before, 
  .redHeader::after, 
  .whiteHeader::before,
  .whiteHeader::after,
  .greyHeader::before,
  .greyHeader::after {
	display: none;
  }
  #homeSplash {
    padding-top: 0px;
    flex-direction: column;
    min-height: 67vh;
    height: fit-content;
    margin-top: 50px;
  }
  #homeSplashLeft {
    width: 500px;
    max-width: 80%;
    height: fit-content;
  }
  #homeSplashRight {
    width: 500px;
    max-width: 90%;
    margin-top: -10%px;
    text-align: center;
    background-color: rgba(25,25,25,.5);
    border: 2px solid #fff;
    z-index: 5;
    padding: 15px;
  }
  #homeSplashTagline {
    font-size: 33px;
  }
  #homeSplashSubtext {
    font-size: 16px;
    max-width: 100%;
    margin-top: 15px;
  }
  #splashSheepLink {
    width: 36%;
    margin-top: 15px;
  }
  #whoWeAre {
    margin-top: -115px;
  }
  .productLinkWrapper {
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
  }
  .linkRibbon {
    width: 75%;
  }
  .bottleLink {
    width: calc(50% - 5px);
  }
  .boxLink {
    width: 90%;
  }
  .badgeLink {
    width: 100px;
    height: 100px;
  }
  
  /************************
  *
  *      Cinemea
  *
  ************************/
  .episodeWrapper {
    flex-flow: column;
    gap: 0px;
  }
  .episodeWrapper .embed {
    display: block;
    width: 100%;
    height: fit-content;
  }
  .episodeWrapper iframe {
    width: 100% !important;
    height: calc(90vw * .56) !important;
  }
  /************************
  *
  *      Who we are
  *
  *************************/

  #companyHeader {
    height: 50vh;
    overflow-x: hidden;
  }
  .spokeHeader {
    text-align: center;
  }
  #founderHeader {
    height: 30vh;
  }
  #founderQuote {
    font-size: 5vw;
    width: 55vw;
  }
  #founderQuoteAttribution {
    font-size: 3vw;
  }
  .flexStart {
    flex-wrap: wrap;
  }
  .sheepHead {
    width: 50%;
  }

  /*************************
  *
  *   Conservation
  *
  **************************/
  #conservationHeader {
    height: 50vh;
    background-position: left;
  }
  .sheepLinkConservationPage {
    margin-top: 75px;
    margin-bottom: 40px;
  }

  /**************************
  *
  *        Spirits
  *
  **************************/
  .productHeader {
    min-height: 65vh;
    height: fit-content;
    margin-top: 50px;
    padding-top: 55px;
    padding-bottom: 25px;
  }
  .productHeader .spokeHeader {
    margin-bottom: 35px;
  }
  .productHeaderInnerWrapper {
    position: relative;
    width: 90%;
    transform: none;
    margin: auto;
    top: 0px;
    left: 0px;
  }
  .productTagline {
    padding: 0px;
    margin-top: 15px;
    width: 100%;
  }
  .productSummary p, .productSummary span {
    font-size: small;
  }
  .productSummaryTopLogo {
    width: 55px;
    height: auto;
  }
  .productWrapper {
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: hidden;
  }
  .productWrapperInner {
    flex-direction: column;
    gap: 0px;
  }
  .productLeft {
    width: 90%;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 50px;
    height: fit-content;
  }
  #productFrontImage, #productBackImage {
    width: 100%;
    height: auto;
  }
  #productFrontImage img, #productBackImage img {
    width: 125%;
    height: auto;
    margin-left: -12.5%;
  }
  .productViewBTNSWrapper {
    bottom: -125px;
  }
  .productRight {
    width: 90%;
    margin: auto;
  }
  .selectIcon {
    margin-top: 50px;
    width: 275px;
  }
  #buyNowLink, #whiskeySelector, .flavorProfile, .mashBillWrapper {
    display: block;
    width: calc(90% - 5px);
    margin: auto;
  }
  .mashBillWrapper {
    margin-bottom: 20px;
  }

  /*********************************
  *
  *     Boxes CSS
  *
  *********************************/
  .productWrapper.boxWrapper .productLeft {
    width: 100%;
  }
  #boxDisclaimerWrapper {
    height: fit-content;
    max-height: fit-content;
  }

  /****************************
  *
  *      Cart
  *
  ******************************/
  .cart-item {
    flex-direction: column;
    padding-bottom: 15px;
  }
  .cart-item-thumb, .cart-item-info {
    width: 100%;
  }
  .cartItemDesc {
    font-size: small;
  }
  .cartTotal {
    width: 90%;
    margin: auto;
    margin-bottom: 25px;
  }

  /*****************************
  *
  *    Collections
  *
  ******************************/
  .collectionFlex {
    flex-flow: column;
  }
  .collectionLeft, .collectionRight {
    width: 90%;
    margin: auto;
  }
  .collectionPic {
    width: 100%;
  }
}