@font-face {
	font-family: 'FinancierDisplay-Bold';
	src: url("../fonts/FinancierDisplay-Bold.eot");
	src: url("../fonts/FinancierDisplay-Bold.otf") format("opentype"), url("../fonts/FinancierDisplay-Bold.woff") format("woff"), url("../fonts/FinancierDisplay-Bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FinancierDisplay-BoldItalic';
	src: url("../fonts/FinancierDisplay-BoldItalic.eot");
	src: url("../fonts/FinancierDisplay-BoldItalic.otf") format("opentype"), url("../fonts/FinancierDisplay-BoldItalic.woff") format("woff"), url("../fonts/FinancierDisplay-BoldItalic.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

.main-nav-cell {
	width: 29% !important;
}

/* Large Up */
@media screen and (min-width: 75em) {
	.main-nav-cell {
		width: 26% !important;
	}
}

/* a subtle focus style for keyboard-input elements */
.text-input:focus {
	outline: 1px solid #aaa; /* Adjust to suit your tastes */
}

/* no outline for non-keyboard-inputs elements */
button:focus,
select:focus,
a:focus,
.reveal:focus {
	outline: none;
}

.button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
	background: none;
	color: black;
}

body.user-is-tabbing *:focus {
	outline: 2px solid #7AACFE !important; /* for non-webkit browsers */
	outline: 5px auto -webkit-focus-ring-color !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'FinancierDisplay-Bold';
	text-align: center;
	line-height: 1.1;
}

h1 {
	font-size: 3.75rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2.25rem;
}

h4 {
	font-size: 1.875rem;
}

h5 {
	font-size: 1.375rem;
	margin: 12px auto 18px;
}

h6 {
	font-family: 'Montserrat';
	font-size: 0.875rem;
	font-weight: 700;
}

h5.preHeader {
	margin-top: 0;
}

hr.dottedLine {
	margin: 0 auto;
	border-bottom: 2px dotted #D8D8D8;
}

a, a:visited {
	color: #EEC474;
	text-decoration: underline;
}

main a, main a:visited {
	color: #000;
	text-decoration: none;
	font-family: 'Montserrat';
	font-size: 0.6875rem;
	font-weight: 700;
}

.dropdown.menu > li.is-active > a {
	color: #000;
}

p {
	font-family: 'Montserrat';
	font-size: 0.75rem;
}

	p.preHeader {
		font-weight: 700;
		font-size: 0.875rem;
		margin-bottom: 0;
	}

figcaption {
	font-family: 'Montserrat';
	line-height: 1.2;
	font-size: 0.875rem;
	font-weight: 700;
}

button {
	font-family: 'Montserrat';
}

	button.button, a.button, a.button:visited {
		background: #000;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 0.875rem;
		padding: 18px 24px;
		width: 100%;
		margin-bottom: 0;
		color: white;
	}

		button.button.white, a.button.white {
			background-color: white;
			color: #000;
		}

.button:focus, .button:hover {
	background: #000;
	color: white;
}

button.button.goldButton, a.button.goldButton {
	background: #E7AA19;
}

button.button.ghostButton, a.button.ghostButton {
	background: none;
	border: 2px solid #000;
	color: #000;
}

	button.button.ghostButton.white, a.button.ghostButton.white {
		background: none;
		border: 2px solid white;
		color: white;
	}

		button.button.ghostButton.white.active, a.button.ghostButton.white.active {
			background: white;
			border: 2px solid white;
			color: #000;
		}

button.close-button {
	right: 8px;
	top: 22px;
}

	button.close-button img {
		width: 40px;
		height: 40px;
	}

.button-group button.button {
	width: calc(50% - 1px);
	font-size: 0.875rem;
	padding: 16px;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	border-color: #979797;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 0.875rem;
	font-family: 'Montserrat';
	padding: 8px 20px;
	height: auto;
	margin: 6px 0 14px;
}

select {
	border-color: #979797;
	font-size: 0.875rem;
	font-family: 'Montserrat';
	padding: 8px 20px;
	height: auto;
	background-image: url(../img/select-dropdown-icon.svg);
	background-size: 39px;
	background-position: center right;
	background-origin: border-box;
	color: #6C6B6B;
	margin: 6px 0 14px;
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
	border-color: #000;
}

::-webkit-input-placeholder {
	color: #6C6B6B;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #6C6B6B;
	opacity: 1;
}

::placeholder {
	color: #6C6B6B;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #6C6B6B;
}

::-ms-input-placeholder {
	color: #6C6B6B;
}

.flexWrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.cartBanner {
	padding: 16px;
}

	.cartBanner p:first-of-type {
		font-size: 0.75rem;
		font-weight: 600;
		margin-bottom: 8px;
		line-height: 1;
	}

	.cartBanner p:last-of-type {
		font-size: 1.5rem;
		font-family: 'FinancierDisplay-BoldItalic';
		margin-bottom: 0;
		line-height: 1;
	}

.topBanner {
	padding: 8px 16px;
	background: #000;
}

	.topBanner p {
		margin-bottom: 0;
		display: inline;
		font-weight: 600;
		font-size: 0.75rem;
		color: white;
	}

	.topBanner a {
		font-family: 'Montserrat';
		font-weight: 600;
		font-size: 0.75rem;
		margin: 0 14px;
	}

.navBar {
	padding: 0 6px;
	height: 80px;
}

	.navBar.dark {
		background: #000;
	}

	.navBar img {
		padding: 15px 0;
	}

	.navBar button img {
		padding: 0;
		width: 40px;
	}

	.navBar > div > div:first-of-type > button:first-of-type {
		margin-right: 6px;
	}

	.navBar > div > div:last-of-type a {
		font-size: 0.75rem;
		font-family: 'Montserrat';
		font-weight: 500;
		color: #000;
		text-decoration: none;
	}

header nav.sticky {
	z-index: 1001;
	background: white;
}

	header nav.sticky.sticky.is-stuck {
		-webkit-box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.5);
		box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.5);
	}

header nav a, header nav a:visited {
	color: #000;
}

	header nav a.accountLink {
		margin: 0 10px 0 0;
		font-family: 'Montserrat';
		font-size: 0.75rem;
		font-weight: 500;
		text-decoration: none;
	}

header nav .dropdown li, header nav .dropdown li a, header nav .dropdown li a:visited {
	color: #000;
	font-size: 1rem;
}

header nav .dropdown {
	position: inherit;
}

	header nav .dropdown > li {
		font-family: 'Montserrat';
		font-weight: 500;
		position: inherit;
	}

		header nav .dropdown > li .is-dropdown-submenu {
			background: #000;
			width: 100%;
			border: none;
			padding: 40px 20px;
		}

			header nav .dropdown > li .is-dropdown-submenu a {
				line-height: 1.2;
			}

			header nav .dropdown > li .is-dropdown-submenu.js-dropdown-active {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
			}

				header nav .dropdown > li .is-dropdown-submenu.js-dropdown-active li {
					width: auto;
					text-align: center;
					min-width: 120px;
				}

					header nav .dropdown > li .is-dropdown-submenu.js-dropdown-active li img {
						display: block;
						padding-top: 0;
						margin: 0 auto;
					}

header nav .accordion-menu {
	background: #000;
	position: absolute;
	top: 80px;
	padding-bottom: 40px;
}

header nav.sticky.sticky.is-stuck .accordion-menu {
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

header nav .accordion-menu li, header nav .accordion-menu li a, header nav .accordion-menu li a:visited, header nav .dropdown > li .is-dropdown-submenu li, header nav .dropdown > li .is-dropdown-submenu li a, header nav .dropdown > li .is-dropdown-submenu li a:visited {
	color: white;
}

header nav .accordion-menu > li {
	font-family: 'FinancierDisplay-Bold';
	font-size: 2.25rem;
	max-width: 600px;
}

	header nav .accordion-menu > li.singleNav {
		font-size: 0.6875rem;
		font-family: 'Montserrat';
		font-weight: 700;
		padding: 0 18px;
	}

		header nav .accordion-menu > li.singleNav a {
			position: relative;
			display: inline-block;
			padding-left: 0;
			padding-right: 0;
		}

			header nav .accordion-menu > li.singleNav a::after {
				content: '';
				width: 100%;
				height: 1px;
				display: block;
				position: absolute;
				bottom: 12px;
				left: 0;
				background: rgb(255,255,255);
				background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
				background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
			}

	header nav .accordion-menu > li.smallSub {
		font-size: 1.375rem;
	}

header nav .accordion-menu li a, header nav .accordion-menu li span {
	padding: 18px 16px;
}

header nav .accordion-menu .is-accordion-submenu li a {
	padding: 7px 1rem;
}

	header nav .accordion-menu .is-accordion-submenu li a span {
		padding: 18px 0;
		float: left;
		display: inline-block;
	}

	header nav .accordion-menu .is-accordion-submenu li a img {
		vertical-align: middle;
		float: right;
	}

header nav .accordion-menu > li ul > li {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 1rem;
}

header nav .accordion-menu .nested.is-accordion-submenu {
	margin-left: 0;
}

header nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	border: none;
	background: url("../img/plus-icon.svg");
	width: 23px;
	height: 23px;
	margin-top: -11px;
}

header nav .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
	background: url("../img/minus-icon.svg");
}

header nav .accordion-menu .shopSub.is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	border: none;
	background: url("../img/chevron-icon.svg");
	width: 23px;
	height: 23px;
	margin-top: -11px;
}

header nav .accordion-menu .shopSub.is-accordion-submenu-parent[aria-expanded=true] > a::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
	padding: 2rem 1rem;
}

	header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.show-for-large.accountLink {
		font-family: 'Montserrat';
		font-size: 0.75rem;
		font-weight: 500;
		text-decoration: none;
		padding: 2.125rem 0.1rem;
	}

	header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.show-for-large.chatLink {
		padding: 0.9375rem 0;
	}

		header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.show-for-large.chatLink img {
			padding: 0;
			width: 40px;
		}

#accountChatDropdown, #accountChatDropdown > li {
	display: inline-block;
}

	#accountChatDropdown.dropdown.menu > li {
		position: relative;
	}

		#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu {
			width: auto;
			left: initial;
			right: 0;
			padding: 30px;
		}

		#accountChatDropdown.dropdown.menu > li:first-of-type > .is-dropdown-submenu {
			width: 240px;
		}

		#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu a {
			padding: .7rem 0;
		}

		#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu.js-dropdown-active {
			display: block;
		}

		#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li {
			text-align: left;
		}

			#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li > h5 {
				margin-top: 0;
				text-align: left;
				margin-bottom: 10px;
			}

			#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li > p a {
				display: inline-block;
				padding: 0;
				font-size: 0.6875rem;
			}

		#accountChatDropdown.dropdown.menu > li:last-of-type > .is-dropdown-submenu > li:last-of-type {
			margin-top: 30px;
		}

		#accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li:last-of-type > p:last-of-type {
			margin-bottom: 0;
		}

header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.active::before {
	content: '';
	display: block;
	position: absolute;
	background: #AA8B2E;
	width: 26%;
	height: 4px;
	bottom: 21px;
	left: 37%;
}

header nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	display: none;
}

header nav .dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 8px;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent #000;
	margin-left: -8px;
	left: 50%;
	margin-top: 32px;
}

.cartButton {
	position: relative;
}

	.cartButton span {
		position: absolute;
		top: 50%;
		left: 6px;
		background: #EEC474;
		border-radius: 20px;
		font-size: 0.6875rem;
		font-family: 'Montserrat';
		font-weight: 600;
		margin-top: -5px;
		padding: 3px 5px;
	}

.filterFlyout {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background: white;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	-webkit-transform: translateX(-100vw);
	transform: translateX(-100vw);
	visibility: hidden;
}

	.filterFlyout.display {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

	.filterFlyout h4 {
		margin: 30px 0 10px;
		line-height: 1;
		text-align: left;
	}

	.filterFlyout span {
		font-size: 1.375rem;
	}

	.filterFlyout button.button {
		display: inline-block;
		width: 49%;
		max-width: 120px;
		border: 2px solid #000;
		margin: 10px 5px 10px 0;
		line-height: 1;
		text-decoration: none;
		padding: .7rem;
	}

	.filterFlyout > div {
		padding: 0 0 40px;
		max-width: 100% !important;
	}

		/*.filterFlyout > div.is-drilldown {
	height: 100% !important;
	max-width: 100% !important;
	max-height: calc(100vh - 80px);
    overflow-y: auto;
}*/

		.filterFlyout > div ul, .filterFlyout > ul.accordion {
			padding: 0 16px;
			text-align: left;
		}

		.filterFlyout > div.is-drilldown > ul > li > a {
			font-size: 1.375rem;
			font-family: 'FinancierDisplay-Bold';
			text-align: left;
			border-bottom: 2px dotted #979797;
			padding: 16px 0;
		}

		.filterFlyout > div.is-drilldown .drilldown .is-drilldown-submenu-parent > a::after {
			border: none;
			background: url(../img/chevron-icon-dark.svg);
			width: 23px;
			height: 23px;
			margin-top: -11px;
			right: 0;
		}

	.filterFlyout .js-drilldown-back {
		position: absolute;
		top: 22px;
		right: 8px;
	}

		.filterFlyout .js-drilldown-back a {
			background-image: url(../img/close-icon.svg);
			width: 40px;
			height: 40px;
			display: block;
			text-indent: -9999px;
		}

	.filterFlyout button.clearFilters {
		font-size: 0.75rem;
		font-family: 'Montserrat';
		font-weight: 700;
		position: relative;
		color: #000;
		text-decoration: none;
		margin-bottom: 20px;
	}

		.filterFlyout button.clearFilters::after {
			content: '';
			width: 100%;
			height: 1px;
			display: block;
			position: absolute;
			bottom: -4px;
			left: 0;
			background: rgb(0,0,0);
			background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
			background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
		}

	.filterFlyout > div.is-drilldown .is-drilldown-submenu, .filterFlyout > ul.accordion {
		padding-bottom: 40px;
	}

		.filterFlyout > div.is-drilldown .is-drilldown-submenu .accordion-item a, .filterFlyout > ul.accordion .accordion-item a {
			background: none;
			border: none;
			padding: 14px 0;
			font-family: 'Montserrat';
			font-weight: 700;
			font-size: 0.875rem;
			border-bottom: 2px dotted #979797;
		}

		.filterFlyout > ul.accordion .accordion-item a {
			color: #000;
			text-decoration: none;
		}

		.filterFlyout > div.is-drilldown .is-drilldown-submenu li > a.accordion-title::before, .filterFlyout > ul.accordion li > a.accordion-title::before {
			right: 0;
		}

		.filterFlyout > div.is-drilldown .is-drilldown-submenu .accordion-content, .filterFlyout > ul.accordion .accordion-content {
			border: none;
			padding: 15px 0;
		}

	.filterFlyout .accordion-content fieldset > div {
		width: 100%;
		display: inline-block;
	}

		.filterFlyout .accordion-content fieldset > div label {
			position: relative;
		}

			.filterFlyout .accordion-content fieldset > div label span:last-of-type {
				color: #474038;
				font-family: 'Montserrat';
				font-weight: 500;
				font-size: 0.75rem;
				vertical-align: super;
				display: inline-block;
				margin-left: 6px;
			}

			.filterFlyout .accordion-content fieldset > div label input {
				opacity: 0;
				cursor: pointer;
				height: 24px;
				width: 24px;
				margin: 0;
			}

			.filterFlyout .accordion-content fieldset > div label span.filterCheckbox {
				display: block;
				width: 24px;
				height: 24px;
				position: absolute;
				top: 0;
				left: 0;
			}

				.filterFlyout .accordion-content fieldset > div label span.filterCheckbox::after {
					content: '';
					display: block;
					width: 24px;
					height: 24px;
					position: absolute;
					top: 0;
					left: 0;
					background-image: url(../img/filterCheck-icon.svg);
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;
				}

			.filterFlyout .accordion-content fieldset > div label input:checked ~ span.filterCheckbox::after {
				background-image: url(../img/filterCheck-icon-selected.svg);
			}

header nav.sticky.sticky.is-stuck .cartFlyout {
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}

.cartFlyout, .cartNotification {
	position: absolute;
	top: 80px;
	right: 0;
	width: 100%;
	background: white;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

	.cartFlyout h4 {
		margin: 30px 0;
		line-height: 1;
		text-align: left;
		padding: 0 16px;
	}

	.cartNotification h6 {
		margin: 30px 0;
		padding: 0 16px;
	}

	.cartFlyout > div, .cartNotification > div {
		padding: 0 16px;
	}

		.cartFlyout > div.small-6 p {
			margin-bottom: 12px;
			color: #474038;
		}

		.cartFlyout > div.small-6 h5 {
			margin: 8px auto 30px;
		}

		.cartFlyout > div:last-of-type button {
			margin-bottom: 40px;
		}

		.cartNotification > div:last-of-type button {
			margin-bottom: 20px;
		}

	.cartFlyout > hr, .cartNotification > hr {
		border-bottom: 1px solid #E1DED4;
		width: calc(100% - 32px);
		margin: 0 16px 30px;
	}

	.cartFlyout > div:first-of-type {
		text-align: center;
	}

	.cartFlyout .continueButton {
		color: #000;
		text-decoration: none;
		font-family: 'Montserrat';
		font-size: 0.875rem;
		font-weight: 700;
		margin-left: -20px;
	}

.cartProduct {
	position: relative;
	margin-bottom: 40px;
}

	.cartProduct img {
		padding: 0;
		margin-right: 18px;
		vertical-align: top;
		max-width: 93px;
	}

	.cartProduct > div:first-of-type {
		width: calc(100% - 140px);
		display: inline-block;
	}

		.cartProduct > div:first-of-type p {
			color: #5F6164;
			margin-bottom: 14px;
		}

			.cartProduct > div:first-of-type p:first-of-type {
				font-size: 0.875rem;
				line-height: 1;
				font-weight: 700;
				color: #000;
			}

	.cartProduct h5, .productAmount h5 {
		width: calc(100% - 126px);
		display: inline-block;
		margin: 2px auto;
		line-height: 39px;
		vertical-align: top;
	}

	.cartProduct h5 {
		display: block;
		width: auto;
		text-align: left;
	}

button.remove, button.save {
	font-size: 0.6875rem;
	font-family: 'Montserrat';
	font-weight: 700;
	position: relative;
}

	button.remove::after, button.save::after {
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		bottom: -4px;
		left: 0;
		background: rgb(0,0,0);
		background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
	}

button.save {
	margin-left: 20px;
}

.productQty {
	/*display: inline-block;
	width: 120px;*/
	border: 2px solid #000;
	display: block;
	height: 54px;
	width: calc(100% - 4px);
}

	.productQty .decrease, .productQty .increase {
		width: 30px;
		padding: .5rem;
		float: left;
		/*height: 2.4375rem;
	line-height: 2;*/
		text-align: center;
		font-size: 0.75rem;
		height: 50px;
		line-height: 36px;
	}

	.productQty input {
		width: calc(100% - 60px);
		float: left;
		margin-bottom: 0;
		margin-top: 0;
		text-align: center;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: 'FinancierDisplay-Bold';
		font-size: 1.375rem;
		background: none;
		/*height: 2.4375rem;*/
		padding: .5rem;
		height: 50px;
	}

.searchBar {
	position: absolute;
	top: 80px;
	background: white;
	left: 0;
	padding: 16px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

	.searchBar form {
		max-width: 600px;
		margin: 0 auto;
	}

	.searchBar input {
		width: calc(100% - 120px);
		margin: 0;
		float: left;
	}

	.searchBar .button {
		margin-bottom: 0;
		width: 120px;
		float: left;
		padding: 0.725rem 20px;
	}

main > section {
	margin-bottom: 30px;
}

main .padded, .myAccount > section.productHeader > article:last-of-type > div {
	padding: 0 16px;
}

main > section.productHeader, main > section:last-of-type {
	margin-bottom: 0;
}

article h3 {
	margin: 30px auto 24px;
	padding: 0 16px;
}

.productHeader > article {
	padding: 30px 0;
}

	.productHeader > article > div > div {
		padding: 0 16px;
	}

		.productHeader > article > div > div:nth-of-type(3) {
			margin-bottom: 40px;
		}

		.productHeader > article > div > div:nth-of-type(4) {
			margin-top: 40px;
		}

	.productHeader > article:first-of-type {
		position: relative;
	}

		.productHeader > article:first-of-type .favorite {
			/*top: 30px;
right: 16px;*/
			top: 10px;
			right: 16px;
		}

			.productHeader > article:first-of-type .favorite input, .productHeader > article:first-of-type .favorite span.heartCheckbox, .productHeader > article:first-of-type .favorite span.heartCheckbox::after {
				height: 23px;
				width: 26px;
			}

	.productHeader > article:nth-of-type(2) {
		padding-bottom: 0;
		padding-top: 0;
		overflow-x: hidden;
	}

	.productHeader > article:last-of-type {
		padding-top: 0;
	}

		.productHeader > article:last-of-type > div > div.medium-order-2:first-of-type {
			padding: 0;
		}

		.productHeader > article:last-of-type > div > div:first-of-type > p {
			padding: 0 16px;
		}

.productHeader article h3 {
	margin: 0 auto 20px;
	text-align: left;
	padding: 0;
	line-height: 1;
}

.productHeader article h4 {
	text-align: center;
}

.productHeader figcaption {
	text-transform: uppercase;
	font-size: 0.625rem;
}

.productHeader figure.scentsFlavors img {
	max-width: 40px;
}

.productHeader p {
	font-size: 0.875rem;
}

.productHeader .productsummary.ShowMore p:last-of-type::after {
	content: '...';
}

.productHeader p.preHeader {
	margin-bottom: 4px;
}

.starRating span {
	width: 20px;
	height: 19px;
	background: url(../img/star-icon.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: inline-block;
}

	.starRating span.rated {
		background-image: url(../img/star-icon-selected.svg);
	}

.productSlider {
	margin-bottom: 80px;
}

	.productSlider .carousel-cell {
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.productSlider .flickity-button {
		background: none;
		color: white;
	}

	.productSlider .flickity-prev-next-button, .recommendSlider .flickity-prev-next-button, .accountSlider .flickity-prev-next-button, .addressSlider .flickity-prev-next-button {
		width: 28px;
		height: 28px;
	}

		.productSlider .flickity-prev-next-button.previous {
			left: -4px;
		}

		.productSlider .flickity-prev-next-button.next {
			right: -4px;
		}

		.recommendSlider .flickity-prev-next-button.previous {
			left: 4px;
		}

		.recommendSlider .flickity-prev-next-button.next {
			right: 4px;
		}

		.accountSlider .flickity-prev-next-button.previous, .addressSlider .flickity-prev-next-button.previous {
			left: -12px;
		}

		.accountSlider .flickity-prev-next-button.next, .addressSlider .flickity-prev-next-button.next {
			right: -12px;
		}

	.productSlider .flickity-page-dots {
		counter-reset: a;
		bottom: -52px;
		left: 0;
	}

		.productSlider .flickity-page-dots .dot {
			width: 42px;
			height: 42px;
			line-height: 42px;
			border-radius: 42px;
			margin: 0 4px;
			background: none;
			opacity: 1;
			position: relative;
		}

			.productSlider .flickity-page-dots .dot.is-selected {
				background: #000;
				background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
				background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
			}

			.productSlider .flickity-page-dots .dot::after {
				content: counter(a);
				counter-increment: a;
				display: inline-block;
				font-size: 1.375rem;
				font-family: 'FinancierDisplay-Bold';
				width: 40px;
				height: 40px;
				line-height: 40px;
				border-radius: 40px;
				background: transparent;
				position: absolute;
				left: 1px;
				top: 1px;
			}

.flickity-page-dots .dot:first-child:nth-last-child(1) {
	opacity: 0;
}

.productImageViewer {
	margin: 0 auto 30px;
}

.productImageSelector {
	text-align: center;
	margin: 20px auto 0;
}

	.productImageSelector > span {
		display: inline-block;
		width: 42px;
		height: 42px;
		line-height: 42px;
		border-radius: 42px;
		margin: 0 4px;
		cursor: pointer;
	}

		.productImageSelector > span.active {
			background: #000;
			background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
			background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
		}

		.productImageSelector > span > span {
			display: inline-block;
			font-size: 1.375rem;
			font-family: 'FinancierDisplay-Bold';
			width: 40px;
			height: 40px;
			line-height: 40px;
			border-radius: 40px;
			background: transparent;
			margin: 1px;
		}

.matrixChooser, .productAmount {
	margin-bottom: 30px;
}

.productAvailability {
	margin: 30px auto;
}

	.matrixChooser > p, .productAvailability > p {
		font-weight: 700;
		font-size: 0.9375rem;
		margin-bottom: 15px;
	}

	.productAvailability form input[type=text] {
		width: calc(100% - 120px);
		margin-right: 0;
		min-width: 150px;
		margin-bottom: 5px;
		font-size: 0.875rem;
		border: none;
		float: left;
		margin-top: 0;
		padding-top: 9px;
	}

	.productAvailability form button.button {
		margin-bottom: 5px;
		width: 120px;
		padding: 0.782rem 0;
		border: 0;
	}

.reveal .form-group, .reveal .group-select > div {
	position: relative;
}

	.reveal .form-group label {
		position: absolute;
		padding: 8px 15px;
		top: 0;
		-webkit-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}

.reveal .group-select label {
	display: none;
}

.reveal select {
	height: 42px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #6C6B6B;
	font-size: 14px;
	border: 1px solid #979797;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
	background-image: linear-gradient(to right, #000, #000);
	background-position: right;
	background-size: 42px 42px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0 0 0 15px;
}

.reveal .group-select > div:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18.73' height='18.39' viewBox='0 0 18.73 18.39'%3E%3Cdefs%3E%3Cmask id='mask' x='-0.34' y='-3.51' width='20.27' height='21.9' maskUnits='userSpaceOnUse'%3E%3Cg transform='translate(-0.73 -0.89)'%3E%3Cg id='mask-2'%3E%3Cpolygon id='path-1' points='0.39 2.18 10.08 11.66 20.66 1.46 18.29 -2.62 3.79 -2.62 0.39 0.55 0.39 2.18' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Group'%3E%3Cg mask='url(%23mask)'%3E%3Cpath id='Rectangle' d='M18.43.89l1,1a24.39,24.39,0,0,1-3.08,3.7L5.53,16.26a24.59,24.59,0,0,1-3.77,3l-1-1a24.39,24.39,0,0,1,3.08-3.7L14.67,3.92A24.69,24.69,0,0,1,18.43.89Z' transform='translate(-0.73 -0.89)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3Cg mask='url(%23mask)'%3E%3Cpath d='M.73,1.9l1-1a25.27,25.27,0,0,1,3.77,3L16.38,14.57a24.39,24.39,0,0,1,3.08,3.7l-1,1a24,24,0,0,1-3.76-3L3.81,5.6A24.39,24.39,0,0,1,.73,1.9Z' transform='translate(-0.73 -0.89)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 21px 23px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
	height: 42px;
	pointer-events: none;
	background-repeat: no-repeat;
	cursor: pointer;
	background-position: 10px 14px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 500ms ease-out;
	transition: -webkit-transform 500ms ease-out;
	transition: transform 500ms ease-out;
	transition: transform 500ms ease-out, -webkit-transform 500ms ease-out;
	margin-top: 6px;
}

.reveal .deliveryLocations {
	margin-top: 10px;
	margin-bottom: 0;
}

	.reveal .deliveryLocations li {
		margin: 4px auto;
	}

		.reveal .deliveryLocations li a {
			color: black;
			-webkit-text-decoration-color: #AA8B2E;
			text-decoration-color: #AA8B2E;
		}

.matrixSlider .carousel-cell {
	width: 100px;
	margin-right: 6px;
}

.matrixProduct img {
	border-radius: 72px;
	border: 2px solid white;
	background-color: #DFDFDF;
	margin-bottom: 10px;
	-webkit-clip-path: circle(48px at center);
	clip-path: circle(48px at center);
}

.matrixSlider .carousel-cell.active .matrixProduct img {
	background-color: #DFDFDF;
}

.matrixSlider .carousel-cell .matrixProduct::before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	padding-top: 128.32%;
	-webkit-clip-path: circle(48px at center);
	clip-path: circle(50px at center);
}

.matrixSlider .carousel-cell.active .matrixProduct::before {
	background-color: white;
}

.matrixProduct figcaption {
	font-size: 0.75rem;
	text-transform: none;
}

.readMore, .shareButton {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 0.6875rem;
	line-height: 1;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

	.readMore::after, .shareButton::after {
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		bottom: -4px;
		left: 0;
		background: rgb(0,0,0);
		background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
	}

.shareButton {
	margin-top: 20px;
}

.productAmount .productQty input {
	font-size: 1.625rem;
}

.productAmount .productQty {
	width: calc(100% - 4px);
}

.productAmount h5 {
	width: 100%;
}

.productAmount h5 {
	text-align: left;
	font-size: 2.5rem;
}

.productAmount .preHeader {
	margin-bottom: 6px;
}

.productPurchase button {
	display: inline-block;
	/*max-width: 49%;*/
	border: 2px solid #000;
	padding: 18px 12px
}

	.productPurchase button.drizlyButton {
		padding: 18px 10px 17px;
		max-width: 49%;
		display: inline-block;
	}

	.productPurchase button.instacartButton {
		padding: 16px 10px 15px;
		max-width: 49%;
		display: inline-block;
	}

	.productPurchase button.drizlyButton img {
		height: 15px;
		vertical-align: bottom;
	}

	.productPurchase button.instacartButton img {
		max-width: 94px;
	}

main.DeepRed .productHeader article h3, main.DeepRed .productHeader article h4, main.DeepRed .productHeader p.preHeader, main.DeepRed .productHeader figcaption, main.DeepRed .productHeader p, main.DeepRed .productHeader .readMore, main.DeepRed .productHeader .productAmount h5, main.DeepRed .productHeader .productQty input, main.DeepRed .productHeader .productQty .decrease, main.DeepRed .productHeader .productQty .increase, main.DeepRed .productHeader .shareButton, main.DeepRed .productHeader .productImageSelector > span > span, main.DeepRed .productHeader .productSlider .flickity-page-dots .dot, figure.DeepRed .productFlag, .storeHeader article.DeepRed, .brandPage .storeHeader article.DeepRed .shareButton,
main.HotPink .productHeader article h3, main.HotPink .productHeader article h4, main.HotPink .productHeader p.preHeader, main.HotPink .productHeader figcaption, main.HotPink .productHeader p, main.HotPink .productHeader .readMore, main.HotPink .productHeader .productAmount h5, main.HotPink .productHeader .productQty input, main.HotPink .productHeader .productQty .decrease, main.HotPink .productHeader .productQty .increase, main.HotPink .productHeader .shareButton, main.HotPink .productHeader .productImageSelector > span > span, main.HotPink .productHeader .productSlider .flickity-page-dots .dot, figure.HotPink .productFlag, .storeHeader article.HotPink, .brandPage .storeHeader article.HotPink .shareButton,
main.DeepBlue .productHeader article h3, main.DeepBlue .productHeader article h4, main.DeepBlue .productHeader p.preHeader, main.DeepBlue .productHeader figcaption, main.DeepBlue .productHeader p, main.DeepBlue .productHeader .readMore, main.DeepBlue .productHeader .productAmount h5, main.DeepBlue .productHeader .productQty input, main.DeepBlue .productHeader .productQty .decrease, main.DeepBlue .productHeader .productQty .increase, main.DeepBlue .productHeader .shareButton, main.DeepBlue .productHeader .productImageSelector > span > span, main.DeepBlue .productHeader .productSlider .flickity-page-dots .dot, figure.DeepBlue .productFlag, .storeHeader article.DeepBlue, .brandPage .storeHeader article.DeepBlue .shareButton,
main.Gold .productHeader article h3, main.Gold .productHeader article h4, main.Gold .productHeader p.preHeader, main.Gold .productHeader figcaption, main.Gold .productHeader p, main.Gold .productHeader .readMore, main.Gold .productHeader .productAmount h5, main.Gold .productHeader .productQty input, main.Gold .productHeader .productQty .decrease, main.Gold .productHeader .productQty .increase, main.Gold .productHeader .shareButton, main.Gold .productHeader .productImageSelector > span > span, main.Gold .productHeader .productSlider .flickity-page-dots .dot, figure.Gold .productFlag, .storeHeader article.Gold, .brandPage .storeHeader article.Gold .shareButton,
main.Teal .productHeader article h3, main.Teal .productHeader article h4, main.Teal .productHeader p.preHeader, main.Teal .productHeader figcaption, main.Teal .productHeader p, main.Teal .productHeader .readMore, main.Teal .productHeader .productAmount h5, main.Teal .productHeader .productQty input, main.Teal .productHeader .productQty .decrease, main.Teal .productHeader .productQty .increase, main.Teal .productHeader .shareButton, main.Teal .productHeader .productImageSelector > span > span, main.Teal .productHeader .productSlider .flickity-page-dots .dot, figure.Teal .productFlag, .storeHeader article.Teal, .brandPage .storeHeader article.Teal .shareButton,
main.DeepGreen .productHeader article h3, main.DeepGreen .productHeader article h4, main.DeepGreen .productHeader p.preHeader, main.DeepGreen .productHeader figcaption, main.DeepGreen .productHeader p, main.DeepGreen .productHeader .readMore, main.DeepGreen .productHeader .productAmount h5, main.DeepGreen .productHeader .productQty input, main.DeepGreen .productHeader .productQty .decrease, main.DeepGreen .productHeader .productQty .increase, main.DeepGreen .productHeader .shareButton, main.DeepGreen .productHeader .productImageSelector > span > span, main.DeepGreen .productHeader .productSlider .flickity-page-dots .dot, figure.DeepGreen .productFlag, .storeHeader article.DeepGreen, .brandPage .storeHeader article.DeepGreen .shareButton,
main.LightBlue .productHeader article h3, main.LightBlue .productHeader article h4, main.LightBlue .productHeader p.preHeader, main.LightBlue .productHeader figcaption, main.LightBlue .productHeader p, main.LightBlue .productHeader .readMore, main.LightBlue .productHeader .productAmount h5, main.LightBlue .productHeader .productQty input, main.LightBlue .productHeader .productQty .decrease, main.LightBlue .productHeader .productQty .increase, main.LightBlue .productHeader .shareButton, main.LightBlue .productHeader .productImageSelector > span > span, main.LightBlue .productHeader .productSlider .flickity-page-dots .dot, figure.LightBlue .productFlag, .storeHeader article.LightBlue, .brandPage .storeHeader article.LightBlue .shareButton,
main.DarkGold .productHeader article h3, main.DarkGold .productHeader article h4, main.DarkGold .productHeader p.preHeader, main.DarkGold .productHeader figcaption, main.DarkGold .productHeader p, main.DarkGold .productHeader .readMore, main.DarkGold .productHeader .productAmount h5, main.DarkGold .productHeader .productQty input, main.DarkGold .productHeader .productQty .decrease, main.DarkGold .productHeader .productQty .increase, main.DarkGold .productHeader .shareButton, main.DarkGold .productHeader .productImageSelector > span > span, main.DarkGold .productHeader .productSlider .flickity-page-dots .dot, figure.DarkGold .productFlag, .storeHeader article.DarkGold, .brandPage .storeHeader article.DarkGold .shareButton,
main.Fuschia .productHeader article h3, main.Fuschia .productHeader article h4, main.Fuschia .productHeader p.preHeader, main.Fuschia .productHeader figcaption, main.Fuschia .productHeader p, main.Fuschia .productHeader .readMore, main.Fuschia .productHeader .productAmount h5, main.Fuschia .productHeader .productQty input, main.Fuschia .productHeader .productQty .decrease, main.Fuschia .productHeader .productQty .increase, main.Fuschia .productHeader .shareButton, main.Fuschia .productHeader .productImageSelector > span > span, main.Fuschia .productHeader .productSlider .flickity-page-dots .dot, figure.Fuschia .productFlag, .storeHeader article.Fuschia, .brandPage .storeHeader article.Fuschia .shareButton,
main.warmGray .productHeader article h3, main.warmGray .productHeader article h4, main.warmGray .productHeader p.preHeader, main.warmGray .productHeader figcaption, main.warmGray .productHeader p, main.warmGray .productHeader .readMore, main.warmGray .productHeader .productAmount h5, main.warmGray .productHeader .productQty input, main.warmGray .productHeader .productQty .decrease, main.warmGray .productHeader .productQty .increase, main.warmGray .productHeader .shareButton, main.warmGray .productHeader .productImageSelector > span > span, main.warmGray .productHeader .productSlider .flickity-page-dots .dot, figure.warmGray .productFlag, .storeHeader article.warmGray, .brandPage .storeHeader article.warmGray .shareButton,
main.darkGray .productHeader article h3, main.darkGray .productHeader article h4, main.darkGray .productHeader p.preHeader, main.darkGray .productHeader figcaption, main.darkGray .productHeader p, main.darkGray .productHeader .readMore, main.darkGray .productHeader .productAmount h5, main.darkGray .productHeader .productQty input, main.darkGray .productHeader .productQty .decrease, main.darkGray .productHeader .productQty .increase, main.darkGray .productHeader .shareButton, main.darkGray .productHeader .productImageSelector > span > span, main.darkGray .productHeader .productSlider .flickity-page-dots .dot, figure.darkGray .productFlag, .storeHeader article.darkGray, .brandPage .storeHeader article.darkGray .shareButton,
main.AdaOrange .productHeader article h3, main.AdaOrange .productHeader article h4, main.AdaOrange .productHeader p.preHeader, main.AdaOrange .productHeader figcaption, main.AdaOrange .productHeader p, main.AdaOrange .productHeader .readMore, main.AdaOrange .productHeader .productAmount h5, main.AdaOrange .productHeader .productQty input, main.AdaOrange .productHeader .productQty .decrease, main.AdaOrange .productHeader .productQty .increase, main.AdaOrange .productHeader .shareButton, main.AdaOrange .productHeader .productImageSelector > span > span, main.AdaOrange .productHeader .productSlider .flickity-page-dots .dot, figure.AdaOrange .productFlag, .storeHeader article.AdaOrange, .brandPage .storeHeader article.AdaOrange .shareButton,
main.WalewskaRose .productHeader article h3, main.WalewskaRose .productHeader article h4, main.WalewskaRose .productHeader p.preHeader, main.WalewskaRose .productHeader figcaption, main.WalewskaRose .productHeader p, main.WalewskaRose .productHeader .readMore, main.WalewskaRose .productHeader .productAmount h5, main.WalewskaRose .productHeader .productQty input, main.WalewskaRose .productHeader .productQty .decrease, main.WalewskaRose .productHeader .productQty .increase, main.WalewskaRose .productHeader .shareButton, main.WalewskaRose .productHeader .productImageSelector > span > span, main.WalewskaRose .productHeader .productSlider .flickity-page-dots .dot, figure.WalewskaRose .productFlag, .storeHeader article.WalewskaRose, .brandPage .storeHeader article.WalewskaRose .shareButton,
main.ArznerRed .productHeader article h3, main.ArznerRed .productHeader article h4, main.ArznerRed .productHeader p.preHeader, main.ArznerRed .productHeader figcaption, main.ArznerRed .productHeader p, main.ArznerRed .productHeader .readMore, main.ArznerRed .productHeader .productAmount h5, main.ArznerRed .productHeader .productQty input, main.ArznerRed .productHeader .productQty .decrease, main.ArznerRed .productHeader .productQty .increase, main.ArznerRed .productHeader .shareButton, main.ArznerRed .productHeader .productImageSelector > span > span, main.ArznerRed .productHeader .productSlider .flickity-page-dots .dot, figure.ArznerRed .productFlag, .storeHeader article.ArznerRed, .brandPage .storeHeader article.ArznerRed .shareButton {
	color: white;
}

	main.DeepRed .productHeader article .readMore::after, main.DeepRed .productHeader .shareButton::after, main.DeepRed .productHeader .productImageSelector > span.active, main.DeepRed .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.DeepRed .shareButton::after,
	main.HotPink .productHeader article .readMore::after, main.HotPink .productHeader .shareButton::after, main.HotPink .productHeader .productImageSelector > span.active, main.HotPink .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.HotPink .shareButton::after,
	main.DeepBlue .productHeader article .readMore::after, main.DeepBlue .productHeader .shareButton::after, main.DeepBlue .productHeader .productImageSelector > span.active, main.DeepBlue .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.DeepBlue .shareButton::after,
	main.Gold .productHeader article .readMore::after, main.Gold .productHeader .shareButton::after, main.Gold .productHeader .productImageSelector > span.active, main.Gold .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.Gold .shareButton::after,
	main.Teal .productHeader article .readMore::after, main.Teal .productHeader .shareButton::after, main.Teal .productHeader .productImageSelector > span.active, main.Teal .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.Teal .shareButton::after,
	main.DeepGreen .productHeader article .readMore::after, main.DeepGreen .productHeader .shareButton::after, main.DeepGreen .productHeader .productImageSelector > span.active, main.DeepGreen .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.DeepGreen .shareButton::after,
	main.LightBlue .productHeader article .readMore::after, main.LightBlue .productHeader .shareButton::after, main.LightBlue .productHeader .productImageSelector > span.active, main.LightBlue .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.LightBlue .shareButton::after,
	main.DarkGold .productHeader article .readMore::after, main.DarkGold .productHeader .shareButton::after, main.DarkGold .productHeader .productImageSelector > span.active, main.DarkGold .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.DarkGold .shareButton::after,
	main.Fuschia .productHeader article .readMore::after, main.Fuschia .productHeader .shareButton::after, main.Fuschia .productHeader .productImageSelector > span.active, main.Fuschia .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.Fuschia .shareButton::after,
	main.warmGray .productHeader article .readMore::after, main.warmGray .productHeader .shareButton::after, main.warmGray .productHeader .productImageSelector > span.active, main.warmGray .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.warmGray .shareButton::after,
	main.AdaOrange .productHeader article .readMore::after, main.AdaOrange .productHeader .shareButton::after, main.AdaOrange .productHeader .productImageSelector > span.active, main.AdaOrange .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.AdaOrange .shareButton::after,
	main.WalewskaRose .productHeader article .readMore::after, main.WalewskaRose .productHeader .shareButton::after, main.WalewskaRose .productHeader .productImageSelector > span.active, main.WalewskaRose .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.WalewskaRose .shareButton::after,
	main.ArznerRed .productHeader article .readMore::after, main.ArznerRed .productHeader .shareButton::after, main.ArznerRed .productHeader .productImageSelector > span.active, main.ArznerRed .productHeader .productSlider .flickity-page-dots .dot.is-selected, .brandPage .storeHeader article.ArznerRed .shareButton::after {
		background: rgb(255,255,255);
		background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
	}

main.DeepRed .productHeader .productQty, main.DeepRed .productHeader .productPurchase button.ghostButton, figure.DeepRed .productFlag,
main.HotPink .productHeader .productQty, main.HotPink .productHeader .productPurchase button.ghostButton, figure.HotPink .productFlag,
main.DeepBlue .productHeader .productQty, main.DeepBlue .productHeader .productPurchase button.ghostButton, figure.DeepBlue .productFlag,
main.Gold .productHeader .productQty, main.Gold .productHeader .productPurchase button.ghostButton, figure.Gold .productFlag,
main.Teal .productHeader .productQty, main.Teal .productHeader .productPurchase button.ghostButton, figure.Teal .productFlag,
main.DeepGreen .productHeader .productQty, main.DeepGreen .productHeader .productPurchase button.ghostButton, figure.DeepGreen .productFlag,
main.LightBlue .productHeader .productQty, main.LightBlue .productHeader .productPurchase button.ghostButton, figure.LightBlue .productFlag,
main.DarkGold .productHeader .productQty, main.DarkGold .productHeader .productPurchase button.ghostButton, figure.DarkGold .productFlag,
main.Fuschia .productHeader .productQty, main.Fuschia .productHeader .productPurchase button.ghostButton, figure.Fuschia .productFlag,
main.warmGray .productHeader .productQty, main.warmGray .productHeader .productPurchase button.ghostButton, figure.warmGray .productFlag,
main.AdaOrange .productHeader .productQty, main.AdaOrange .productHeader .productPurchase button.ghostButton, figure.AdaOrange .productFlag,
main.WalewskaRose .productHeader .productQty, main.WalewskaRose .productHeader .productPurchase button.ghostButton, figure.WalewskaRose .productFlag,
main.ArznerRed .productHeader .productQty, main.ArznerRed .productHeader .productPurchase button.ghostButton, figure.ArznerRed .productFlag, .productPurchase .button.disabled, .productPurchase .button.disabled:focus, .productPurchase .button.disabled:hover {
	border-color: white;
	color: white;
}

main.DeepRed .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.DeepRed .favorite span.heartCheckbox::after,
main.HotPink .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.HotPink .favorite span.heartCheckbox::after,
main.DeepBlue .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.DeepBlue .favorite span.heartCheckbox::after,
main.Gold .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.Gold .favorite span.heartCheckbox::after,
main.Teal .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.Teal .favorite span.heartCheckbox::after,
main.DeepGreen .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.DeepGreen .favorite span.heartCheckbox::after,
main.LightBlue .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.LightBlue .favorite span.heartCheckbox::after,
main.DarkGold .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.DarkGold .favorite span.heartCheckbox::after,
main.Fuschia .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.Fuschia .favorite span.heartCheckbox::after,
main.warmGray .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.warmGray .favorite span.heartCheckbox::after,
main.AdaOrange .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.AdaOrange .favorite span.heartCheckbox::after,
main.WalewskaRose .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.WalewskaRose .favorite span.heartCheckbox::after,
main.ArznerRed .productHeader > article:first-of-type .favorite span.heartCheckbox::after, figure.ArznerRed .favorite span.heartCheckbox::after {
	background-image: url(../img/heart-icon-dark.svg);
}

main.DeepRed .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.DeepRed .favorite input:checked ~ span.heartCheckbox::after,
main.HotPink .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.HotPink .favorite input:checked ~ span.heartCheckbox::after,
main.DeepBlue .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.DeepBlue .favorite input:checked ~ span.heartCheckbox::after,
main.Gold .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.Gold .favorite input:checked ~ span.heartCheckbox::after,
main.Teal .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.Teal .favorite input:checked ~ span.heartCheckbox::after,
main.DeepGreen .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.DeepGreen .favorite input:checked ~ span.heartCheckbox::after,
main.LightBlue .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.LightBlue .favorite input:checked ~ span.heartCheckbox::after,
main.DarkGold .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.DarkGold .favorite input:checked ~ span.heartCheckbox::after,
main.Fuschia .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.Fuschia .favorite input:checked ~ span.heartCheckbox::after,
main.warmGray .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.warmGray .favorite input:checked ~ span.heartCheckbox::after,
main.AdaOrange .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.AdaOrange .favorite input:checked ~ span.heartCheckbox::after,
main.WalewskaRose .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.WalewskaRose .favorite input:checked ~ span.heartCheckbox::after,
main.ArznerRed .productHeader > article:first-of-type .favorite input:checked ~ span.heartCheckbox::after, figure.ArznerRed .favorite input:checked ~ span.heartCheckbox::after {
	background-image: url(../img/heart-icon-selected-dark.svg);
}

main.DeepRed .productHeader .starRating span,
main.HotPink .productHeader .starRating span,
main.DeepBlue .productHeader .starRating span,
main.Gold .productHeader .starRating span,
main.Teal .productHeader .starRating span,
main.DeepGreen .productHeader .starRating span,
main.LightBlue .productHeader .starRating span,
main.DarkGold .productHeader .starRating span,
main.Fuschia .productHeader .starRating span,
main.warmGray .productHeader .starRating span,
main.AdaOrange .productHeader .starRating span,
main.WalewskaRose .productHeader .starRating span,
main.ArznerRed .productHeader .starRating span {
	background-image: url(../img/star-icon-dark.svg);
}

	main.DeepRed .productHeader .starRating span.rated,
	main.HotPink .productHeader .starRating span.rated,
	main.DeepBlue .productHeader .starRating span.rated,
	main.Gold .productHeader .starRating span.rated,
	main.Teal .productHeader .starRating span.rated,
	main.DeepGreen .productHeader .starRating span.rated,
	main.LightBlue .productHeader .starRating span.rated,
	main.DarkGold .productHeader .starRating span.rated,
	main.Fuschia .productHeader .starRating span.rated,
	main.warmGray .productHeader .starRating span.rated,
	main.AdaOrange .productHeader .starRating span.rated,
	main.WalewskaRose .productHeader .starRating span.rated,
	main.ArznerRed .productHeader .starRating span.rated {
		background-image: url(../img/star-icon-selected-dark.svg);
	}

main .productHeader .productPurchase button.drizlyButton img,
main.PalePink .productHeader .productPurchase button.instacartButton img,
main.LightGrey .productHeader .productPurchase button.instacartButton img,
main.LightGold .productHeader .productPurchase button.instacartButton img,
main.white .productHeader .productPurchase button.instacartButton img,
main.AgnesiGold .productHeader .productPurchase button.instacartButton img,
main.HypatiaSilver .productHeader .productPurchase button.instacartButton img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

main.DeepRed .productHeader .productPurchase button.drizlyButton img,
main.DeepBlue .productHeader .productPurchase button.drizlyButton img,
main.Gold .productHeader .productPurchase button.drizlyButton img,
main.Teal .productHeader .productPurchase button.drizlyButton img,
main.DeepGreen .productHeader .productPurchase button.drizlyButton img,
main.LightBlue .productHeader .productPurchase button.drizlyButton img,
main.HotPink .productHeader .productPurchase button.drizlyButton img,
main.Fuschia .productHeader .productPurchase button.drizlyButton img,
main.DarkGold .productHeader .productPurchase button.drizlyButton img,
main.warmGray .productHeader .productPurchase button.drizlyButton img,
main.AdaOrange .productHeader .productPurchase button.drizlyButton img,
main.WalewskaRose .productHeader .productPurchase button.drizlyButton img,
main.ArznerRed .productHeader .productPurchase button.drizlyButton img {
	-webkit-filter: invert(0);
	filter: invert(0);
}

/** Color Classes **/

/**

none = white 	#FFFFFF		
DeepRed			#902633		text white
LightGrey		#DFDFDF
DeepBlue		#313861		text white
Gold			#A06910		text white
Teal			#14717C		text white
DeepGreen		#194536		text white
LightBlue		#3160AA		text white
HotPink			#CE2074		text white
Fuschia			#B7154C		text white
PalePink		#EAC0B0
DarkGold		#905626		text white
LightGold		#DEB500

warmGray 		#6E6B67		text white
darkGray        #333232     text white

AdaOrange       #a0822e     text white
HypatiaSilver   #a7a8ab
WalewskaRose    #8f0b2f     text white
AgnesiGold      #c9a95d     
ArznerRed       #ca242b     text white

**/



main.white .panel, main.white > section:first-of-type, main.white .productImageSelector > span > span, main.white .productSlider .flickity-page-dots .dot::after, .productGrid figure.white img, .storeHeader article.white {
	background-color: white;
}

main.DeepRed .panel, main.DeepRed > section:first-of-type, main.DeepRed .productImageSelector > span > span, main.DeepRed .productSlider .flickity-page-dots .dot::after, .productGrid figure.DeepRed img, .storeHeader article.DeepRed, .productGrid figure.gridFeature.emailSignup.DeepRed > div {
	background-color: #902633;
}

main.LightGrey .panel, main.LightGrey > section:first-of-type, main.LightGrey .productImageSelector > span > span, main.LightGrey .productSlider .flickity-page-dots .dot::after, .productGrid figure.LightGrey img, .storeHeader article.LightGrey, .productGrid figure.gridFeature.emailSignup.LightGrey > div {
	background-color: #DFDFDF;
}

main.HotPink .panel, main.HotPink > section:first-of-type, main.HotPink .productImageSelector > span > span, main.HotPink .productSlider .flickity-page-dots .dot::after, .productGrid figure.HotPink img, .storeHeader article.HotPink, .productGrid figure.gridFeature.emailSignup.HotPink > div {
	background-color: #CE2074;
}

main.Fuschia .panel, main.Fuschia > section:first-of-type, main.Fuschia .productImageSelector > span > span, main.Fuschia .productSlider .flickity-page-dots .dot::after, .productGrid figure.Fuschia img, .storeHeader article.Fuschia, .productGrid figure.gridFeature.emailSignup.Fuschia > div {
	background-color: #B7154C;
}

main.DeepBlue .panel, main.DeepBlue > section:first-of-type, main.DeepBlue .productImageSelector > span > span, main.DeepBlue .productSlider .flickity-page-dots .dot::after, .productGrid figure.DeepBlue img, .storeHeader article.DeepBlue, .productGrid figure.gridFeature.emailSignup.DeepBlue > div {
	background-color: #313861;
}

main.Gold .panel, main.Gold > section:first-of-type, main.Gold .productImageSelector > span > span, main.Gold .productSlider .flickity-page-dots .dot::after, .productGrid figure.Gold img, .storeHeader article.Gold, .productGrid figure.gridFeature.emailSignup.Gold > div {
	background-color: #A06910;
}

main.Teal .panel, main.Teal > section:first-of-type, main.Teal .productImageSelector > span > span, main.Teal .productSlider .flickity-page-dots .dot::after, .productGrid figure.Teal img, .storeHeader article.Teal, .productGrid figure.gridFeature.emailSignup.Teal > div {
	background-color: #14717C;
}

main.DeepGreen .panel, main.DeepGreen > section:first-of-type, main.DeepGreen .productImageSelector > span > span, main.DeepGreen .productSlider .flickity-page-dots .dot::after, .productGrid figure.DeepGreen img, .storeHeader article.DeepGreen, .productGrid figure.gridFeature.emailSignup.DeepGreen > div {
	background-color: #194536;
}

main.LightBlue .panel, main.LightBlue > section:first-of-type, main.LightBlue .productImageSelector > span > span, main.LightBlue .productSlider .flickity-page-dots .dot::after, .productGrid figure.LightBlue img, .storeHeader article.LightBlue, .productGrid figure.gridFeature.emailSignup.LightBlue > div {
	background-color: #3160AA;
}

main.PalePink .panel, main.PalePink > section:first-of-type, main.PalePink .productImageSelector > span > span, main.PalePink .productSlider .flickity-page-dots .dot::after, .productGrid figure.PalePink img, .storeHeader article.PalePink, .productGrid figure.gridFeature.emailSignup.PalePink > div {
	background-color: #EAC0B0;
}

main.DarkGold .panel, main.DarkGold > section:first-of-type, main.DarkGold .productImageSelector > span > span, main.DarkGold .productSlider .flickity-page-dots .dot::after, .productGrid figure.DarkGold img, .storeHeader article.DarkGold, .productGrid figure.gridFeature.emailSignup.DarkGold > div {
	background-color: #905626;
}

main.LightGold .panel, main.LightGold > section:first-of-type, main.LightGold .productImageSelector > span > span, main.LightGold .productSlider .flickity-page-dots .dot::after, .productGrid figure.LightGold img, .storeHeader article.LightGold, .productGrid figure.gridFeature.emailSignup.LightGold > div {
	background-color: #DEB500;
}

main.warmGray .panel, main.warmGray > section.productHeader, main.warmGray .productImageSelector > span > span, main.warmGray .productSlider .flickity-page-dots .dot::after, .productGrid figure.warmGray img, .storeHeader article.warmGray, .productGrid figure.gridFeature.emailSignup.warmGray > div {
	background-color: #6E6B67;
}

main.darkGray .panel, main.darkGray > section.productHeader, main.darkGray .productImageSelector > span > span, main.darkGray .productSlider .flickity-page-dots .dot::after, .productGrid figure.darkGray img, .storeHeader article.darkGray, .productGrid figure.gridFeature.emailSignup.darkGray > div {
	background-color: #333232;
}

main.AdaOrange .panel, main.AdaOrange > section.productHeader, main.AdaOrange .productImageSelector > span > span, main.AdaOrange .productSlider .flickity-page-dots .dot::after, .productGrid figure.AdaOrange img, .storeHeader article.AdaOrange {
	background-color: #a0822e;
}

main.HypatiaSilver .panel, main.HypatiaSilver > section.productHeader, main.HypatiaSilver .productImageSelector > span > span, main.HypatiaSilver .productSlider .flickity-page-dots .dot::after, .productGrid figure.HypatiaSilver img, .storeHeader article.HypatiaSilver {
	background-color: #a7a8ab;
}

main.WalewskaRose .panel, main.WalewskaRose > section.productHeader, main.WalewskaRose .productImageSelector > span > span, main.WalewskaRose .productSlider .flickity-page-dots .dot::after, .productGrid figure.WalewskaRose img, .storeHeader article.WalewskaRose {
	background-color: #8f0b2f;
}

main.AgnesiGold .panel, main.AgnesiGold > section.productHeader, main.AgnesiGold .productImageSelector > span > span, main.AgnesiGold .productSlider .flickity-page-dots .dot::after, .productGrid figure.AgnesiGold img, .storeHeader article.AgnesiGold {
	background-color: #c9a95d;
}

main.ArznerRed .panel, main.ArznerRed > section.productHeader, main.ArznerRed .productImageSelector > span > span, main.ArznerRed .productSlider .flickity-page-dots .dot::after, .productGrid figure.ArznerRed img, .storeHeader article.ArznerRed {
	background-color: #ca242b;
}

.panel {
	padding: 16px;
}

	.panel article {
		background: white;
	}

		.panel article:last-of-type {
			padding-bottom: 20px;
		}

		.panel article ul.accordion {
			margin-bottom: 0;
		}

		.panel article ul .accordion-title:focus, .panel article ul .accordion-title:hover {
			background-color: white;
		}

		.panel article li.accordion-item a, .panel article li.accordion-item a:visited {
			border: none;
			font-family: 'FinancierDisplay-Bold';
			font-size: 1.375rem;
			text-decoration: none;
			color: #86754D;
			padding: 10px 1rem;
		}

		.panel article li.accordion-item.is-active a, .panel article li.accordion-item.is-active a:visited {
			color: #000;
			text-decoration: underline;
			-webkit-text-decoration-color: #AA8B2E;
			text-decoration-color: #AA8B2E;
			text-underline-position: under;
		}

.accordion-title::before {
	border: none;
	background: url(../img/plus-icon-dark.svg);
	width: 23px;
	height: 23px;
	margin-top: -11px;
	right: 16px;
	content: '';
}

.is-active > .accordion-title::before {
	background: url(../img/minus-icon-dark.svg);
	content: '';
}

.panel article li.accordion-item .accordion-content {
	border: none;
}

	.panel article li.accordion-item .accordion-content p {
		font-size: 0.75rem;
	}

		.panel article li.accordion-item .accordion-content p:last-of-type {
			margin-bottom: 0;
		}

.panel article :last-child:not(.is-active) > .accordion-title {
	border-bottom: none;
}

.wineFacts > article {
	padding: 0 16px;
}

	.wineFacts > article > div > div:first-of-type {
		background-image: url(../img/Wine-Facts-t.jpg);
		background-size: cover;
		background-position: center;
	}

.wineFacts h3 {
	color: white;
	margin-top: 40px;
}

.wineFacts .tabs {
	background: none;
	border: none;
	margin-bottom: 40px;
}

.wineFacts .tabs-title {
	float: none;
	display: inline-block;
}

	.wineFacts .tabs-title a {
		font-size: 1.25rem;
		background: none;
		text-underline-position: under;
		font-family: 'FinancierDisplay-Bold';
		padding: 0 12px;
		color: white;
		text-decoration: none;
	}

	.wineFacts .tabs-title.is-active a {
		text-decoration: underline;
		text-underline-position: under;
	}

.wineFacts .tabs-content {
	padding: 0 16px;
	border: none;
}

	.wineFacts .tabs-content .tabs-panel {
		background: #F2F0E9;
	}

	.wineFacts .tabs-content p {
		font-size: 0.875rem;
		text-align: center;
	}

		.wineFacts .tabs-content p:last-of-type {
			margin-bottom: 30px;
		}

	.wineFacts .tabs-content #appellation img {
		margin-bottom: 30px;
	}

	.wineFacts .tabs-content #blend div.cell p {
		text-align: left;
		margin-bottom: 0;
		line-height: 1;
	}

	.wineFacts .tabs-content #blend > div {
		margin: 20px auto;
	}

		.wineFacts .tabs-content #blend > div:nth-of-type(2) > div > div {
			padding: 0 15px;
			border-right: 1px solid #000;
		}

			.wineFacts .tabs-content #blend > div:nth-of-type(2) > div > div:first-of-type {
				padding-left: 0;
			}

			.wineFacts .tabs-content #blend > div:nth-of-type(2) > div > div:last-of-type {
				padding-right: 0;
				border-right: none;
			}

	.wineFacts .tabs-content #blend div.cell p:first-of-type {
		font-size: 0.75rem;
	}

	.wineFacts .tabs-content #blend div.cell p:last-of-type {
		font-size: 1.5rem;
		font-family: 'FinancierDisplay-Bold';
	}

		.wineFacts .tabs-content #blend div.cell p:last-of-type span {
			color: #9C2335;
		}

	.wineFacts .tabs-content #blend div.verticalGraph {
		text-align: right;
		margin-bottom: 60px;
	}

		.wineFacts .tabs-content #blend div.horizontalGraph > div:first-of-type, .wineFacts .tabs-content #blend div.verticalGraph > div:first-of-type {
			position: relative;
		}

			.wineFacts .tabs-content #blend div.horizontalGraph > div:first-of-type > div.bottleDivider {
				height: 100%;
				width: 2px;
				background: #F2F0E9;
				position: absolute;
				top: 0;
			}

			.wineFacts .tabs-content #blend div.verticalGraph > div:first-of-type > div.bottleDivider {
				height: 2px;
				width: 100%;
				background: #F2F0E9;
				position: absolute;
				left: 0;
			}

		.wineFacts .tabs-content #blend div.verticalGraph img {
			max-width: 112px;
		}

	.wineFacts .tabs-content #blend div.bottlePercentage {
		margin: 20px 0 60px;
	}

		.wineFacts .tabs-content #blend div.bottlePercentage > div {
			position: relative;
		}

	.wineFacts .tabs-content #blend div.horizontalGraph div.bottlePercentage > div::before {
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		height: 100%;
		border-right: 2px dotted black;
		left: 50%;
		bottom: calc(100% + 4px);
	}

	.wineFacts .tabs-content #blend div.verticalGraph div.bottlePercentage > div::before {
		content: '';
		display: block;
		position: absolute;
		width: 80px;
		height: 1px;
		border-top: 2px dotted black;
		top: 50%;
		right: calc(100% - 10px);
	}

	.wineFacts .tabs-content #blend div.bottlePercentage > div > p {
		text-align: center;
	}

		.wineFacts .tabs-content #blend div.bottlePercentage > div > p:first-of-type {
			color: #9C2335;
			font-size: 2.25rem;
			font-family: 'FinancierDisplay-Bold';
		}

		.wineFacts .tabs-content #blend div.bottlePercentage > div > p:last-of-type {
			font-size: 0.75rem;
			font-family: 'Montserrat';
			font-weight: 700;
		}

	.wineFacts .tabs-content #blend div.verticalGraph div.bottlePercentage {
		margin: 0 auto;
		overflow: visible;
	}

		.wineFacts .tabs-content #blend div.verticalGraph div.bottlePercentage > div > p {
			text-align: left;
			margin: 0 0 0 20px;
		}

figure.wineAward {
	width: 156px;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 12px;
}

	figure.wineAward img {
		margin-bottom: 10px;
	}

figure.scentsFlavors {
	width: 84px;
	text-align: center;
	margin-bottom: 20px;
}

	figure.scentsFlavors img {
		border-radius: 70px;
		margin-bottom: 10px;
		max-width: 70px;
	}

figure.foodPair {
	width: 110px;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

	figure.foodPair figcaption {
		margin-bottom: 10px;
	}

	figure.foodPair img {
		border-radius: 80px;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

.recommendSlider, .lifestyleSlider {
	margin-bottom: 50px;
}

	.recommendSlider .carousel-cell {
		width: 318px;
	}

		/*.recommendSlider .carousel-cell figure figcaption {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}*/

		.recommendSlider .carousel-cell figure button, .productGrid figure > button {
			margin-top: auto;
		}

.checkoutPage .recommendSlider .carousel-cell, .myAccount .recommendSlider .carousel-cell {
	width: 223px;
}

.lifestyleSlider .carousel-cell {
	width: 322px;
}

.headerSlider .carousel-cell {
	width: 100%;
}

.lifestyleSlider .flickity-slider > div:nth-of-type(even) {
	padding-top: 10%;
}

.lifestyleSlider .flickity-slider > div:nth-of-type(odd) {
	padding-bottom: 10%;
}

.recommendSlider figure, .lifestyleSlider figure {
	margin: 0 20px;
	position: relative;
}

.lifestyleSlider figure {
	width: 100%;
}

.lifestyleSlider a, .lifestyleSlider a img {
	width: 100%;
	position: relative;
}

.recommendSlider img, .productGrid figure img {
	margin-bottom: 20px;
}

.productGrid figure > div.productImage {
	position: relative;
}

	.productGrid figure > div.productImage > button {
		position: absolute;
		bottom: 40px;
		left: 20px;
		width: calc(100% - 40px);
		background-color: white;
		color: #000;
		-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
		opacity: 0;
		visibility: hidden;
	}

.recommendSlider figcaption a, .productGrid figure figcaption a {
	font-size: 1rem;
	color: #000;
	text-decoration: none;
	margin-bottom: 10px;
}

.recommendSlider figcaption .starRating {
	margin-bottom: 10px;
}

.recommendSlider figcaption button.button {
	margin-top: auto;
}

.lifestyleSlider figcaption button, .lifestyleSlider figcaption > div {
	font-size: 0.6875rem;
	color: #000;
	margin-top: 10px;
	font-weight: normal;
}

	.lifestyleSlider figcaption button img, .lifestyleSlider figcaption > div img {
		max-width: 11px;
		vertical-align: bottom;
		margin-left: 5px;
	}

.lifestyleSlider .flickity-prev-next-button .flickity-button-icon, .headerSlider .flickity-prev-next-button .flickity-button-icon {
	fill: white;
}

.recommendSlider figcaption p, .productGrid figure figcaption p {
	color: rgba(0,0,0,0.6);
	margin-bottom: 10px;
	font-size: 0.75rem;
	font-weight: 600;
}

	.recommendSlider figcaption p:last-of-type, .productGrid figure figcaption p:last-of-type {
		font-size: 0.875rem;
		font-weight: 700;
		margin-bottom: 0;
	}

	.productGrid figure figcaption p:last-of-type {
		margin-bottom: 30px;
	}

	.checkoutPage .recommendSlider figcaption p:last-of-type, .recommendSlider figcaption p:last-of-type {
		margin-bottom: 20px;
	}

.recommendSlider .flickity-page-dots .dot, .lifestyleSlider .flickity-page-dots .dot {
	border-radius: 0;
	background: #474038;
	height: 2px;
	width: 15px;
	margin: 0 5px;
}

	.recommendSlider .flickity-page-dots .dot.is-selected, .lifestyleSlider .flickity-page-dots .dot.is-selected {
		width: 30px;
		height: 4px;
		background: #AA8B2E;
		margin-bottom: -1px;
	}

.productSlider .flickity-button:disabled, .recommendSlider .flickity-button:disabled {
	opacity: 0;
}

.lifestyleSlider button.flickity-button.flickity-prev-next-button.previous, .headerSlider button.flickity-button.flickity-prev-next-button.previous {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: 44px;
	border-top-right-radius: 88px;
	border-bottom-right-radius: 88px;
	left: 0;
	height: 88px;
	background: black;
	margin-top: 0;
}

.lifestyleSlider button.flickity-button.flickity-prev-next-button.next, .headerSlider button.flickity-button.flickity-prev-next-button.next {
	border-top-left-radius: 88px;
	border-bottom-left-radius: 88px;
	width: 44px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	right: 0;
	height: 88px;
	background: black;
	margin-top: 0;
}

.favorite {
	position: absolute;
	top: 20px;
	right: 20px;
}

.removeFavorite {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 16px;
	height: 16px;
}

.productFlag {
	position: absolute;
	top: 20px;
	left: 20px;
	font-family: 'Montserrat';
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.625rem;
	padding: 4px 12px;
	border: 2px solid #000;
	line-height: 1;
	max-width: 50%;
}

.productGrid figure .favorite, .productGrid figure .productFlag {
	top: 10px;
}

.cartProduct .favorite {
	top: 0;
	right: 16px;
}

.favorite input {
	opacity: 0;
	cursor: pointer;
	height: 23px;
	width: 26px;
	margin: 0;
}

.favorite span.heartCheckbox {
	display: block;
	width: 26px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
}

	.favorite span.heartCheckbox::after {
		content: '';
		display: block;
		width: 26px;
		height: 23px;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("../img/heart-icon.svg");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

.favorite input:checked ~ span.heartCheckbox::after {
	background-image: url("../img/heart-icon-selected.svg");
}

.storeHeader {
	margin-bottom: 0;
}

	.storeHeader article {
		background-position: bottom center;
		background-size: cover;
		padding: 60px 50px;
		min-height: 425px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

		.storeHeader article img {
			margin-bottom: 20px;
			display: block;
		}

.brandPage .storeHeader article img {
	margin: 0 auto;
	display: block;
}

.storeHeader article h3 {
	margin-top: 0;
}

.storeHeader article p:last-of-type {
	font-weight: 600;
	padding: 0 20px;
}

.storeHeader article button {
	margin: 15px auto 0;
	max-width: 180px;
}

.storeHeader article > div {
	width: 100%;
}

	.storeHeader article > div.align-center-middle button {
		display: block;
	}

	.storeHeader article > div .button-group {
		margin: 40px auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.storeHeader article > div .button-group a {
			margin: 5px;
		}

.storeSearch > article {
	padding: 16px;
}

	.storeSearch > article form {
		max-width: 580px;
		margin: 0 auto;
	}

	.storeSearch > article:first-of-type {
		background-color: #F6F5EF;
		background-image: url(../img/line-pattern.svg);
		background-position: center;
	}

	.storeSearch > article:last-of-type, .productGrid > article {
		max-width: 1248px;
	}

	.storeSearch > article:first-of-type input[type=text] {
		width: calc(100% - 40px);
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-bottom: 1px solid #CCA36E;
		float: left;
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 9px;
	}

	.storeSearch > article:first-of-type button {
		width: 40px;
		float: right;
		padding: 0;
		height: 39px;
		background: white;
		border: none;
		border-bottom: 1px solid #CCA36E;
		color: gray;
	}

		.storeSearch > article:first-of-type button.button:focus, .storeSearch > article:first-of-type button.button:hover {
			background: white;
		}

		.storeSearch > article:first-of-type button img {
			max-height: 39px;
			opacity: .4;
		}

.storeSearch select, .orderHistory select {
	margin-bottom: 0;
	font-size: 0.875rem;
	color: #808080;
	border: 2px solid #808080;
	font-weight: 500;
	padding: 7px 8px 9px;
	background-image: none;
	height: 2.4375rem;
	cursor: pointer;
}

.storeNav {
	margin-bottom: 20px;
}

	.storeNav ul {
		list-style: none;
		margin-left: 0;
		margin-bottom: 0;
	}

	.storeNav li {
		color: #000;
		font-size: 0.875rem;
		font-family: 'Montserrat';
		font-weight: 700;
		width: 100%;
		display: inline-block;
		padding: 10px 0;
		line-height: 1;
		border-bottom: 2px solid #AA8B2E;
	}

		.storeNav li:first-of-type {
			cursor: pointer;
			position: relative;
		}

			.storeNav li:first-of-type::after {
				content: '';
				display: block;
				background: url(../img/chevron-icon-dark.svg);
				width: 18px;
				height: 18px;
				position: absolute;
				top: 10px;
				right: 0;
			}

			.storeNav li:first-of-type.expanded::after {
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}

		.storeNav li a {
			color: #000;
			text-decoration: none;
			font-size: 0.875rem;
			font-family: 'Montserrat';
			font-weight: 700;
			width: 100%;
			display: inline-block;
			padding: 0;
			line-height: 1;
		}

			.storeNav li.active a, .storeNav li a.active, .storeNav li:first-of-type a {
				color: #000;
			}

.filterButton {
	color: #808080;
	font-weight: 500;
	font-size: 0.875rem;
	padding: 10px 0 6px;
	line-height: 1.5;
	cursor: pointer;
}

	.filterButton img {
		margin-right: 5px;
	}

.filterTags {
	text-align: center;
	margin-top: 30px;
}

.filterTag {
	color: #808080;
	font-weight: 500;
	font-size: 0.875rem;
	display: inline-block;
	margin: 0 5px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
	border-radius: 40px;
	padding: 4px 10px;
}

	.filterTag button {
		color: #808080;
		font-weight: 500;
		font-size: 0.875rem;
		line-height: 1.5;
		cursor: pointer;
	}

button.clearTags {
	font-family: 'Montserrat';
	font-size: 0.75rem;
	font-weight: 500;
	text-decoration: underline;
	display: inline-block;
	margin-left: 10px;
}

main > section.productGrid {
	margin-bottom: 50px;
}

.productGrid > article > div {
	padding: 0 10px;
}

.productGrid figure {
	max-width: 278px;
	padding: 0 10px;
	position: relative;
	margin-bottom: 50px;
}

	.productGrid figure.gridFeature figcaption, .productGrid figure.gridFeature a > div, .productGrid figure.gridFeature.emailSignup > div {
		padding: 129.49% 0 0;
		height: 0;
		position: relative;
	}

		.productGrid figure.gridFeature figcaption > div, .productGrid figure.gridFeature a > div > div, .productGrid figure.gridFeature.emailSignup > div > div {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			padding: 0 20px;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			justify-content: flex-start;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

	.productGrid figure.gridFeature.small-12 {
		max-width: 100%;
	}

		.productGrid figure.gridFeature.small-12 a {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}

			.productGrid figure.gridFeature.small-12 figcaption, .productGrid figure.gridFeature.small-12 a > div, .productGrid figure.gridFeature.fullFeature > div {
				height: auto;
				padding: 40px 30px;
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
			}

	.productGrid figure.gridFeature h4 {
		font-size: 1.5rem;
		color: white;
		margin: 0 0 20px;
	}

	.productGrid figure.gridFeature.emailSignup h4 {
		font-family: 'Montserrat';
		line-height: 1.1;
	}

	.productGrid figure.gridFeature.emailSignup form button {
		padding: 12px 20px;
	}

	.productGrid figure.gridFeature.small-12 h4 {
		font-size: 2.25rem;
		color: white;
		margin: 0 0 20px;
	}

	.productGrid figure.gridFeature p {
		color: white;
		position: relative;
		display: inline-block;
		font-size: 0.75rem;
		margin-bottom: 0;
	}

		.productGrid figure.gridFeature p::after {
			content: '';
			width: 100%;
			height: 1px;
			display: block;
			position: absolute;
			bottom: -5px;
			left: 0;
			background: rgb(255,255,255);
			background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
			background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
		}

	.productGrid figure.gridFeature.fullFeature p::after {
		display: none;
	}

	.productGrid figure.gridFeature.fullFeature p {
		display: block;
		margin: 0 auto 1rem;
	}

	.productGrid figure.gridFeature.fullFeature h4, .productGrid figure.gridFeature.fullFeature p {
		color: #000;
	}

	.productGrid figure.gridFeature.fullFeature > div {
		width: 100%;
		padding-bottom: 0 !important;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.productGrid figure.gridFeature.fullFeature button {
		margin-bottom: 10px;
	}

	.productGrid figure.gridFeature.small-12 a > div.LightGrey h4, .productGrid figure.gridFeature.small-12 a > div.LightGrey p, .productGrid figure.gridFeature.small-12 a > div.PalePink h4, .productGrid figure.gridFeature.small-12 a > div.PalePink p, .productGrid figure.gridFeature.small-12 a > div.LightGold h4, .productGrid figure.gridFeature.small-12 a > div.LightGold p {
		color: #000;
	}

		.productGrid figure.gridFeature.small-12 a > div.LightGrey p:after, .productGrid figure.gridFeature.small-12 a > div.PalePink p:after, .productGrid figure.gridFeature.small-12 a > div.LightGold p:after {
			background: rgb(0,0,0);
			background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,1)));
			background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(0,0,0,1) 92%);
		}

/*.productGrid figure.gridFeature a, .productGrid figure.gridFeature a:visited {
	color: white;
	position: relative;
    display: inline-block;
	font-size: 0.75rem;
}

.productGrid figure.gridFeature a::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
}*/

.productGrid .productAvailability {
	margin: 0 auto 50px;
	padding: 40px 20px;
	background: #474038;
}

	.productGrid .productAvailability h3 {
		color: white;
		margin-bottom: 20px;
	}

.productGrid article > div > div .ghostButton {
	color: #000;
	max-width: 200px;
}

.listingFeatures .grid-x > div {
	padding: 30px;
	color: white;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}

	.listingFeatures .grid-x > div > div {
		width: 75%;
	}

.listingFeatures h3 {
	margin: 0 0 10px;
	text-align: left;
	padding: 0;
}

.listingFooter > article {
	padding: 0 16px;
}

.listingFooter .grid-x > div {
	padding: 30px;
	background: #F6F5EF;
	margin-bottom: 10px;
}

.listingFooter p {
	font-size: 0.75rem;
	color: rgba(0,0,0,0.6);
}

	.listingFooter p:first-of-type {
		font-weight: 700;
		color: #000;
		margin-bottom: 6px;
		font-size: 1rem;
	}

.listingFooter a, .listingFooter a:visited {
	font-size: 0.75rem;
	font-family: 'Montserrat';
	font-weight: 700;
	position: relative;
	color: #000;
	text-decoration: none;
}

	.listingFooter a::after {
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		bottom: -4px;
		left: 0;
		background: rgb(0,0,0);
		background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
	}

main > section.listingFooter {
	margin-bottom: 30px;
}

main.checkoutPage > section, main.orderHistory > section, main.signIn > section, main.checkout > section {
	border-top: 1px solid #D8D8D8;
	padding-top: 30px;
}

main.checkout > div:last-of-type {
	padding-bottom: 60px;
}

main.signIn > section {
	margin-bottom: 0;
	padding-top: 0;
}

button.checkoutButton {
	margin: 30px auto;
}

.callout {
	border: none;
	background: #000;
	color: white;
	padding: 10px 20px;
}

	.callout p {
		margin-bottom: 0;
		font-weight: 600;
	}

	.callout button.close-button {
		right: 8px;
		top: 5px;
		color: white;
	}

.has-tip.info {
	border: none;
	margin-left: 4px;
}

	.has-tip.info img {
		width: 14px;
		vertical-align: text-top;
	}

.tooltip {
	background-color: #F6F5EF;
	color: #000;
	font-family: 'Montserrat';
	font-size: 0.625rem;
	font-weight: 600;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

	.tooltip.top::before {
		border-color: #F6F5EF transparent transparent;
	}

.alertMessage {
	background: #F6F5EF;
	padding: 10px 20px;
	font-family: 'Montserrat';
	font-size: 0.75rem;
	margin-bottom: 30px;
}

.checkoutPage h4 {
	margin-bottom: 40px;
	text-align: left;
	position: relative;
}

	.checkoutPage h4 span, .signIn h4 span {
		font-size: 1.375rem;
	}

	.checkoutPage h4 img, table.stack td img {
		width: 24px;
		position: absolute;
		right: 0;
		top: 4px;
	}

table.stack td img {
	right: 16px;
	top: 50%;
	margin-top: -12px;
}

.checkoutPage article:nth-of-type(2) {
	margin-bottom: 40px;
}

.checkoutPage .cartProductList.collapsed {
	height: 0;
	overflow: hidden;
}

.orderSummary {
	background: #F6F5EF;
	margin-bottom: 40px;
}

	.orderSummary h4 {
		margin: 40px 0 30px;
	}

	.orderSummary form {
		margin-bottom: 40px;
	}

		.orderSummary form input[type=text] {
			width: calc(100% - 120px);
			margin-right: 0;
			min-width: 150px;
			margin-bottom: 5px;
			font-size: 0.875rem;
			border: none;
			border-bottom: 1px solid #CCA36E;
			float: left;
			-webkit-box-shadow: none;
			box-shadow: none;
			margin-top: 0;
			padding-top: 9px;
		}

		.orderSummary form button.button {
			margin-bottom: 5px;
			width: 120px;
			padding: 0.782rem 0;
			border: 0;
		}

	.orderSummary p {
		color: #474038;
		font-weight: 500;
	}

		.orderSummary p:nth-of-type(2) {
			font-weight: 600;
			margin-bottom: 0;
		}

		.orderSummary p:nth-of-type(3) a {
			font-weight: 700;
			font-size: 0.6875rem;
			color: #000;
			position: relative;
		}

			.orderSummary p:nth-of-type(3) a::after {
				content: '';
				width: 100%;
				height: 1px;
				display: block;
				position: absolute;
				bottom: -4px;
				left: 0;
				background: rgb(0,0,0);
				background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
				background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
			}

.checkoutPage figure.gridFeature {
	margin-bottom: 20px;
}

	.checkoutPage figure.gridFeature figcaption {
		position: relative;
		height: auto;
		padding: 40px 30px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 100%;
	}

	.checkoutPage figure.gridFeature h4 {
		font-size: 2.25rem;
		color: white;
		margin: 0 0 20px;
	}

	.checkoutPage figure.gridFeature p {
		color: white;
	}

	.checkoutPage figure.gridFeature a, .checkoutPage figure.gridFeature a:visited {
		color: white;
		position: relative;
		display: inline-block;
		font-size: 0.75rem;
	}

		.checkoutPage figure.gridFeature a::after {
			content: '';
			width: 100%;
			height: 1px;
			display: block;
			position: absolute;
			bottom: -5px;
			left: 0;
			background: rgb(255,255,255);
			background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
			background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
		}

.checkoutFooter {
	margin: 10px auto;
}

	.checkoutFooter p {
		color: #5F6164;
		font-size: 0.625rem;
	}

.giftCardForm {
	margin-bottom: 20px;
	max-width: 468px;
}

	.giftCardForm .button-group button.button {
		font-family: 'FinancierDisplay-Bold';
		font-size: 1.625rem;
		padding: 12px;
		max-width: 130px;
		margin: 5px 15px 5px 0;
	}

main.orderHistory > section > article:first-of-type {
	margin-bottom: 30px;
}

main.orderHistory > section > article h4, main.orderHistory > section > article select {
	margin-bottom: 20px;
}

table.stack {
	margin: 20px auto 100px;
}

	table.stack tbody {
		border: none;
	}

		table.stack tbody tr:nth-child(even) {
			background-color: white;
		}

		table.stack tbody tr:nth-child(odd) {
			background-color: #F6F5EF;
		}

	table.stack td {
		padding: 20px 16px;
		font-family: 'Montserrat';
		font-size: 0.875rem;
		line-height: 1.1;
		font-weight: 500;
		position: relative;
	}

		table.stack td:first-of-type {
			font-weight: 700;
			font-size: 1.125rem;
			padding-right: 50px;
		}

		table.stack td:nth-of-type(3) {
			color: rgba(0,0,0,0.5);
			font-weight: 700;
		}

		table.stack td:nth-of-type(4) {
			color: rgba(0,0,0,0.5);
			font-weight: 700;
			font-size: 0.6875rem;
		}

		table.stack td:nth-of-type(n+2) {
			padding: 10px 16px;
		}

		table.stack td:last-of-type {
			padding-bottom: 20px;
		}

	table.stack button.button, table.stack a.button {
		padding: 10px;
		color: rgba(0,0,0,0.5);
		font-size: 0.625rem;
		border-color: rgba(0,0,0,0.5);
		max-width: 300px;
	}

a.underLined, button.underLined, header nav .dropdown > li .is-dropdown-submenu li a.underLined {
	position: relative;
}

button.underLined {
	font-size: 0.75rem;
	color: #000;
	font-family: 'Montserrat';
	font-weight: 700;
}

	a.underLined::after, button.underLined::after {
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		bottom: -4px;
		left: 0;
		background: rgb(0,0,0);
		background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
	}

	a.underLined.white::after, button.underLined.white::after, header nav .dropdown > li .is-dropdown-submenu li a.underLined::after {
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		bottom: -4px;
		left: 0;
		background: rgb(255,255,255);
		background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
	}

header nav .dropdown > li .is-dropdown-submenu li a.underLined::after {
	top: inherit;
}

.myAccount > section.productHeader h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.myAccount > section.productHeader > article:last-of-type {
	padding-bottom: 40px;
}

.myAccount > section.productHeader > article > div > div > div {
	background: white;
	padding: 20px;
}

	.myAccount > section.productHeader > article > div > div > div button, .card .card-section button, .signIn form button.underLined {
		vertical-align: text-top;
	}

	.myAccount > section.productHeader > article > div > div > div p {
		margin-bottom: 0;
	}

		.myAccount > section.productHeader > article > div > div > div p:first-of-type {
			font-weight: 700;
			color: #000;
		}

		.myAccount > section.productHeader > article > div > div > div p:last-of-type {
			font-weight: 600;
			font-size: 0.75rem;
			color: rgba(0,0,0,0.6);
		}

.myAccount > section:nth-of-type(2) > article {
	margin: 40px auto 0;
}

.myAccount article div div h3 {
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1;
	padding: 0;
}

.addBar {
	background-color: #333232;
	color: white;
	font-size: 0.75rem;
	font-weight: 700;
	font-family: 'Montserrat';
	padding: 10px 30px;
	margin: 20px auto;
}

	.addBar img {
		vertical-align: text-bottom;
	}

.card .card-section {
	padding: 20px;
}

	.card .card-section h6 {
		text-align: left;
		margin-bottom: 14px;
		font-size: 1rem;
	}

	.card .card-section p {
		margin-bottom: 0;
		font-weight: 600;
		font-size: 0.75rem;
		color: rgba(0,0,0,0.6);
	}

	.card .card-section > div, .card.orderCard, .card.largeCard {
		margin-top: 20px;
	}

		.card.orderCard .card-section > div {
			margin-top: 0;
		}

	.card .card-section div label, .checkBox label {
		position: relative;
	}

		.card .card-section div label input, .checkBox label input {
			opacity: 0;
			cursor: pointer;
			height: 24px;
			width: 24px;
			margin: 0;
			vertical-align: top;
		}

		.card .card-section div label span.filterCheckbox {
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			top: 0;
			left: 0;
		}

		.card .card-section div label span:last-of-type, .checkBox label span:last-of-type {
			color: #000;
			font-family: 'Montserrat';
			font-weight: 500;
			font-size: 0.75rem;
			display: inline-block;
			margin-left: 6px;
			width: calc(100% - 35px);
			line-height: 1.3;
		}

		.card .card-section div label span.customCheckbox::after, .checkBox label span.customCheckbox::after {
			content: '';
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url(../img/filterCheck-icon.svg);
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}

		.card .card-section div label input:checked ~ span.customCheckbox::after, .checkBox label input:checked ~ span.customCheckbox::after {
			background-image: url(../img/filterCheck-icon-selected.svg);
		}

		.checkBox label span:last-of-type a {
			text-decoration: underline;
			font-size: 0.75rem;
		}

.largeCard > div.card-section {
	padding-bottom: 14px;
}

	.largeCard > div.card-section > div {
		margin-top: 0;
	}

.largeCard > div:first-of-type {
	background: #333232;
}

	.largeCard > div:first-of-type h6, .largeCard > div:first-of-type p, .largeCard > div:first-of-type a {
		color: white;
	}

.largeCard .card-section h6, .largeCard .card-section p {
	margin-bottom: 10px;
}

.largeCard > div:first-of-type p:first-of-type {
	color: rgba(255,255,255,0.6);
}

.largeCard > div:last-of-type h6 {
	font-size: 0.875rem;
}

.activeBadge {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 0.625rem;
	background: #EEC474;
	display: inline-block;
	vertical-align: top;
	padding: 6px 10px;
	line-height: 1;
}

.myAccount .addressSlider .carousel-cell, .myAccount .accountSlider .carousel-cell {
	width: 330px;
	padding: 0 0 0 16px;
}

a.ordersButton, a.ordersButton:visited {
	margin: 20px 0;
	background-color: #333232;
	max-width: 200px;
}

p.formHint {
	font-size: 0.625rem;
	color: #5F6164;
}

.formSet div.cell {
	padding: 0 10px;
}

	.formSet div.cell.small-12 {
		padding: 0;
	}

	.formSet div.cell:first-of-type, .formSet div.cell.small-6:nth-of-type(2) {
		padding-left: 0;
	}

	.formSet div.cell:last-of-type {
		padding-right: 0;
	}

.signIn > section > article {
	padding: 40px 16px 60px;
}

	.signIn > section > article:first-of-type > div {
		max-width: 640px;
		margin: 0 auto;
	}

.signIn h4 {
	text-align: left;
	margin-bottom: 40px;
}

.signIn button.button {
	margin-top: 15px;
}

.signIn hr.dottedLine {
	margin: 40px auto;
}

.signIn p {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 15px;
}

.checkboxGroup {
	margin: 6px 0 10px;
}

.fullBackground {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#newAccount02 > a {
	margin-bottom: 30px;
}

.brandPage .storeHeader article, .subscriptionsPage .storeHeader article {
	position: relative;
}

	.brandPage .storeHeader article.sofiaFlags {
		background: url(https://www.thefamilycoppola.com/Content/img/flags.png), -webkit-gradient(linear, left top, left bottom, from(rgba(248, 187, 211, 1)), to(rgba(248, 187, 211, 1)));
		background: url(https://www.thefamilycoppola.com/Content/img/flags.png), linear-gradient(rgba(248, 187, 211, 1), rgba(248, 187, 211, 1));
		background-size: 300px, 125px;
		background-position: top center;
		text-align: center;
		background-repeat: repeat-x;
		background-color: rgb(248, 187, 211);
	}

		.brandPage .storeHeader article.sofiaFlags img {
			max-width: 460px;
			display: block;
			margin: 0 auto;
			width: 100%;
		}

		.brandPage .storeHeader article.sofiaFlags > div {
			padding-top: 80px;
		}

	.brandPage .storeHeader article > div::before /*, .subscriptionsPage .storeHeader article > div::before*/ {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.3);
	}

	.brandPage .storeHeader article.Fuschia > div::before {
		background-color: rgba(183, 21, 76, 0.5);
	}

	.brandPage .storeHeader article.sofiaFlags > div::before, .brandPage .storeHeader article.noOverlay > div::before {
		display: none;
	}

	/*.brandPage .storeHeader article > div, .subscriptionsPage .storeHeader article > div {
	min-height: 300px;
}*/

	.brandPage .storeHeader article > div > div:last-of-type /*, .subscriptionsPage .storeHeader article > div > div:last-of-type*/ {
		padding-left: 0;
		position: relative;
	}

	.brandPage .storeHeader article button.shareButton {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 5px;
	}

	.brandPage .storeHeader article p, .brandPage .storeHeader article h3 /*, .subscriptionsPage .storeHeader article p, .subscriptionsPage .storeHeader article h3*/ {
		text-align: center;
		padding: 0;
	}

	.brandPage .storeHeader article h5 a {
		font-size: inherit;
	}

	.brandPage .storeHeader article a {
		color: white;
	}

	.brandPage .storeHeader article ul {
		margin-top: 16px;
	}

	.brandPage .storeHeader article li a {
		font-size: 0.875rem;
	}

.brandPage .productGrid {
	padding-top: 80px;
}

	.brandPage .productGrid figure, .subscriptionsPage .productGrid figure, .productGrid figure.subscriptionProduct {
		max-width: 100%;
	}

		.brandPage .productGrid figure.medium-6 img {
			margin-bottom: 0;
		}

.brandPage figure.medium-6 figcaption {
	background: #F6F5EF;
	padding: 30px 0 0;
}

	.brandPage figure.medium-6 figcaption h5 {
		margin: 0 auto 12px;
	}

	.brandPage figure.medium-6 figcaption p {
		text-align: center;
	}

	.brandPage figure.medium-6 figcaption button.button.ghostButton {
		background-color: white;
	}

	.brandPage figure.medium-6 figcaption p:first-of-type {
		font-size: 1.5rem;
	}

	.brandPage figure.medium-6 figcaption p:last-of-type {
		margin-bottom: 10px;
		font-style: italic;
		font-size: 0.75rem;
		font-weight: 600;
	}

.fcw-order-product {
	font-size: 0.875rem;
	margin-bottom: 20px;
}

.fcw-product-detail p {
	margin: 0;
}

.reveal {
	padding: 30px 16px;
}

	.reveal.full {
		background-color: rgba(255,255,255,0.9);
	}

		.reveal.full > div {
			height: 100%;
		}

	.reveal h4, .reveal h5 {
		text-align: left;
	}

	.reveal h4 {
		margin-bottom: 20px;
	}

	.reveal h5 {
		margin: 10px 0 20px;
	}

	.reveal .button-group {
		margin: 20px auto 0;
	}

.reveal-overlay {
	background-color: rgba(0,0,0,.6);
}

html.is-reveal-open.zf-has-scroll {
	overflow-y: hidden;
}

footer {
	background: #000;
}

	footer img {
		margin-bottom: 30px;
	}

	footer h6 {
		color: white;
		margin: 0 auto 14px;
		text-align: left;
	}

	footer p {
		font-size: 0.75rem;
		color: rgba(255,255,255,0.6);
		font-weight: 600;
		margin-bottom: 20px;
	}

	footer form input[type=text] {
		width: calc(100% - 120px);
		margin-right: 0;
		min-width: 150px;
		margin-bottom: 5px;
		font-size: 0.875rem;
		border: none;
		float: left;
		margin-top: 0;
		padding-top: 10px;
	}

	footer form button.button.goldButton {
		margin-bottom: 5px;
		width: 120px;
		padding: 0.782rem 0;
		border: 0;
	}

	footer > nav, footer > div {
		padding: 0 16px;
	}

	footer nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
		border: none;
		background: url("../img/plus-icon.svg");
		width: 12px;
		height: 12px;
		margin-top: 3px;
		background-size: contain;
		right: 0;
	}

	footer nav .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
		background: url("../img/minus-icon.svg");
	}

	footer nav > ul.menu {
		margin-bottom: 40px;
	}

		footer nav > ul.menu > li {
			border-top: 1px solid rgba(242,240,233,0.2);
			padding-bottom: 18px;
		}

			footer nav > ul.menu > li.singleNav {
				border-top: none;
				padding-bottom: 0;
			}

	footer nav ul.menu li a {
		color: white;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 0.875rem;
		padding: 24px 0 6px;
		line-height: 1.4;
	}

	footer nav > ul.menu > li.singleNav a {
		padding-top: 12px;
	}

	footer nav ul.menu li ul.nested.is-accordion-submenu {
		margin-left: 0;
		margin-top: 6px;
	}

	footer nav ul.menu li ul li.is-submenu-item a {
		font-size: 0.75rem;
		font-weight: 500;
		line-height: 1.2;
		padding: 6px 0;
		color: rgba(255,255,255,0.8);
	}

	footer nav ul.menu li ul.vertical li a {
		font-size: 0.75rem;
		color: rgba(255,255,255,0.8);
		padding: 7px 10px 7px 0;
		font-weight: 600;
	}

	footer .socialLinks {
		margin-top: 18px;
	}

		footer .socialLinks a {
			font-size: 1.25rem;
			margin-right: 24px;
			color: white;
		}

	footer > div:last-of-type {
		margin-top: 40px;
		padding-bottom: 4px;
	}

		footer > div:last-of-type > div {
			margin-bottom: 14px;
		}

		footer > div:last-of-type p {
			color: rgba(255,255,255,0.6);
			font-weight: 600;
			font-size: 0.625rem;
			margin: 0 auto;
		}

		footer > div:last-of-type a, footer > div:last-of-type a:visited {
			color: rgba(255,255,255,0.6);
			font-family: 'Montserrat';
			font-weight: 600;
			font-size: 0.625rem;
			margin: 0 20px 6px 0;
			display: inline-block;
		}

.breadcrumbNav .breadcrumbs {
	padding: 20px 0;
	margin-bottom: 0;
}

	.breadcrumbNav .breadcrumbs li {
		color: white;
		font-size: 0.625rem;
		font-family: 'Montserrat';
		font-weight: 600;
		text-transform: none;
	}

		.breadcrumbNav .breadcrumbs li a, .breadcrumbNav .breadcrumbs li a:visited {
			color: #ccc;
			text-decoration: none;
		}

		.breadcrumbNav .breadcrumbs li:not(:last-child)::after {
			content: '';
			width: 16px;
			height: 1px;
			background: #E6AA19;
			margin: 7px 10px;
			display: inline-block;
			vertical-align: top;
		}

.fancybox-bg {
	background: #ffffff;
}

#ageGate, #shareModal {
	max-width: 400px;
	padding: 30px;
	width: 100%;
	height: auto;
	min-height: auto;
	text-align: center;
	margin: 0 auto;
}

#fnkVideo {
	max-width: 640px;
	width: 100%;
	height: auto;
	min-height: auto;
	text-align: center;
	margin: 0 auto;
}

#shareModal h4 {
	text-align: center;
}

#shareModal ul.share-buttons {
	list-style: none;
	padding: 0;
	margin: 20px auto 0;
}

#shareModal .share-buttons > li {
	display: inline-block;
	margin: 0 6px;
}

#shareModal .share-buttons li a {
	color: #86754D;
}

#shareModal button.close-button {
	right: 8px;
	top: 8px;
}

button.playModalButton {
	padding: 0;
	background-color: transparent;
	width: 75px;
}

	button.playModalButton:hover, button.playModalButton:active {
		background-color: transparent;
	}

.route-widget .rw-contents .rw-center .rw-text-top {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.route-widget .rw-contents .rw-center .rw-text-bottom {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.route-widget .rw-contents .rw-center .rw-text-top .rw-info {
	display: inline;
	vertical-align: middle;
}

.route-widget .rw-contents .rw-right .rw-checkbox-span.rw-unchecked {
	background-color: #ddd;
}

.route-widget .rw-contents .rw-right .rw-checkbox-span .rw-slider {
	display: block;
	margin: 0 0 0 3px;
}

.route-widget .rw-contents .rw-right .rw-checkbox-span .rw-off-text {
	padding: 0 0 0 18px;
}

img.circleThumb {
	display: block;
	margin: 20px auto;
	max-width: 200px;
	border-radius: 200px;
}

#distiller01 img.circleThumb, #distiller02 img.circleThumb, #distiller03 img.circleThumb {
	margin: 0 auto 30px;
}


/* Medium and up */
@media screen and (min-width: 40em) {
	h3 {
		font-size: 3.75rem;
	}

	h4 {
		font-size: 2.25rem;
	}

	h5 {
		font-size: 1.5rem;
	}

	p, .topBanner p, .topBanner a {
		font-size: 0.875rem;
	}

	figcaption {
		line-height: 1.4;
		font-size: 0.9375rem;
	}

	.main-nav-right-cell {
		min-width: 165px;
	}

	.navBar > div > div > button {
		margin: 0 10px;
	}

	header nav .accordion-menu > li.shopSub ul > li {
		max-width: 70%;
	}

	.cartFlyout, .cartNotification {
		padding: 40px 60px 20px;
	}

		.cartFlyout > div:first-of-type {
			text-align: right;
		}

	.cartProduct h5 {
		width: calc(100% - 126px);
		display: inline-block;
		text-align: center;
	}

	.cartNotification h6 {
		margin-top: 0;
	}

	.cartProduct img {
		margin-right: 30px;
		max-width: 140px;
	}

	.cartProduct > div:first-of-type {
		width: calc(100% - 200px);
	}

		.cartProduct > div:first-of-type p {
			margin-bottom: 20px;
		}

	button.remove {
		margin-top: 14px;
	}

	.cartFlyout, .filterFlyout {
		max-width: 678px;
	}

	.cartNotification {
		max-width: 450px;
	}

	.filterFlyout > div.is-drilldown .is-drilldown-submenu .accordion-item a, .filterFlyout > ul.accordion .accordion-item a {
		font-size: 1rem;
	}

	.filterFlyout .accordion-content fieldset > div {
		width: 49%;
	}

		.filterFlyout .accordion-content fieldset > div label span:last-of-type {
			font-size: 0.875rem;
		}

	.filterTags {
		text-align: right;
		margin-top: 0;
	}

	main .padded, .myAccount > section.productHeader > article:last-of-type > div {
		padding: 0 60px;
	}

	.storeHeader article h3 {
		font-size: 2.25rem;
	}

	.storeSearch > article:last-of-type {
		padding: 20px 60px;
	}

	.productGrid figure {
		max-width: 300px;
		padding: 0 20px;
	}

		.productGrid figure .productFlag {
			top: 20px;
			left: 40px;
		}

		.productGrid figure .favorite {
			top: 20px;
			right: 40px;
		}

	.productHeader > article:first-of-type .favorite {
		top: 30px;
		right: -16px;
	}

	.productGrid figure.gridFeature h4 {
		font-size: 2.25rem;
		line-height: 1;
	}

	.productGrid figure.gridFeature p {
		font-size: 0.875rem;
	}

	.productGrid figure.gridFeature figcaption > div, .productGrid figure.gridFeature a > div > div {
		padding: 0 30px;
	}

	.productGrid .productAvailability {
		padding: 40px 60px;
	}

	.productAvailability form {
		max-width: 600px;
		margin: 0 auto;
	}

	.productGrid .productAvailability h3 {
		font-size: 2.5rem;
	}

	.productGrid figure.gridFeature.small-12 h4 {
		font-size: 3.75rem;
	}

	.productGrid figure.gridFeature.fullFeature h4 {
		font-size: 2.5rem;
	}

	.listingFeatures .grid-x > div {
		padding: 100px 80px 100px 60px;
	}

	.productGrid figure.gridFeature.small-12 figcaption, .productGrid figure.gridFeature.small-12 a > div, .productGrid figure.gridFeature.fullFeature > div {
		padding: 120px 80px;
	}

	.productGrid figure.gridFeature.fullFeature button {
		max-width: 180px;
	}

	main > section.productHeader {
		padding: 60px 80px 30px;
	}

	main > section.listingFeatures {
		margin-bottom: 50px;
	}

	.listingFeatures button.button {
		max-width: 200px;
	}

	.productHeader > article > div > div:nth-of-type(4) {
		margin-top: 0px;
	}

	.productSlider {
		margin-bottom: 100px;
	}

	.productHeader article h4 {
		font-size: 1.875rem;
	}

	.productHeader figure.scentsFlavors {
		width: 100px;
	}

		.productHeader figure.scentsFlavors img {
			max-width: 60px;
		}

	.matrixChooser, .productAmount, .productAvailability {
		margin-bottom: 0;
		margin-top: 40px;
		margin-left: 0;
	}

	.productAmount {
		margin-bottom: 20px;
	}

	.productQuantity {
		margin-bottom: 40px;
	}

	.panel {
		padding: 20px;
	}

	article h3 {
		margin: 40px auto 34px;
		padding: 0 20px;
	}

	.panel article .tabs {
		border: none;
		width: 100%;
		text-align: center;
	}

	.panel article .tabs-panel {
		padding: 20px 60px;
		text-align: center;
	}

	.panel article .tabs-content {
		border: none;
		background: white;
	}

	.panel article .tabs-title {
		float: none;
		display: inline-block;
	}

	.panel article li.tabs-title a, .panel article li.tabs-title a:visited {
		border: none;
		font-family: 'FinancierDisplay-Bold';
		font-size: 1.375rem;
		text-decoration: none;
		color: #86754D;
		padding: 10px 1rem;
		background: none;
	}

	.panel article li.tabs-title.is-active a, .panel article li.tabs-title.is-active a:visited {
		color: #000;
		text-decoration: underline;
		-webkit-text-decoration-color: #AA8B2E;
		text-decoration-color: #AA8B2E;
		text-underline-position: under;
	}

	.lifestyleSlider .carousel-cell {
		width: 600px;
	}

	.wineFacts > article {
		padding: 0 20px;
	}

	.wineFacts h3 {
		margin-top: 80px;
	}

	.wineFacts .tabs {
		margin-bottom: 80px;
	}

	.wineFacts .tabs-content {
		padding: 0 50px;
	}

		.wineFacts .tabs-content .tabs-panel {
			padding: 80px;
		}

	.wineFacts > article > div > div:first-of-type {
		background-image: url(../img/Wine-Facts-t.jpg);
	}

	.wineFacts .tabs-title a {
		font-size: 1.375rem;
	}

	figure.scentsFlavors {
		width: 140px;
		margin-bottom: 40px;
	}

		figure.scentsFlavors img {
			border-radius: 100px;
			max-width: 100px;
		}

	figure.foodPair {
		width: 184px;
	}

		figure.foodPair figcaption {
			font-size: 1rem;
		}

	.wineFacts .tabs-content #blend div.cell p:last-of-type {
		font-size: 1.625rem;
	}

	.wineFacts .tabs-content #blend > div:nth-of-type(2) > div > div p:last-of-type {
		font-size: 2.25rem;
	}

	.wineFacts .tabs-content #blend > div:nth-of-type(2) > div > div {
		padding: 0 30px;
	}

		.wineFacts .tabs-content #blend > div:nth-of-type(2) > div > div:first-of-type {
			padding-left: 0;
		}

	.storeHeader article > div > div:last-of-type, .storeHeader article h3, .storeHeader article p {
		text-align: left;
		padding-left: 20px;
	}

		.storeHeader article h3, .storeHeader article p, .storeHeader article p:last-of-type {
			padding-left: 0;
		}

		.storeHeader article > div > div:last-of-type button {
			margin-left: 0;
		}

	.callout p {
		font-size: 0.75rem;
	}

	.checkoutPage figure.gridFeature figcaption {
		padding: 40px 60px;
	}

	.giftCardForm {
		margin-bottom: 0;
	}

	main.myAccount > section.productHeader {
		padding: 0 0 30px;
	}

	.myAccount > section.productHeader > article:last-of-type > div.padded {
		padding: 0;
	}

	.myAccount article h3 {
		font-size: 2.25rem;
	}

	.myAccount .recommendSlider .carousel-cell {
		width: 310px;
	}

	.signIn > section > article {
		padding: 40px 60px 60px;
	}

	.formSet div.cell.small-12 {
		padding-right: 10px;
	}

	.formSet div.cell.small-6:nth-of-type(2) {
		padding-left: 10px;
	}

	.reveal {
		width: 640px;
		padding: 60px;
	}

		.reveal .button-group {
			max-width: 350px;
			margin: 20px 0 0;
		}

	.filterButton img {
		margin-right: 15px;
	}

	main > section.listingFooter {
		margin-bottom: 40px;
	}

	footer > nav:nth-of-type(2) > div:last-of-type {
		margin-top: 50px;
	}

		footer > nav:nth-of-type(2) > div:last-of-type div > ul.menu > li:nth-of-type(n+3) > a {
			padding-top: 8px;
		}

	footer img {
		margin-top: 24px;
	}

	.breadcrumbNav {
		margin-bottom: 40px;
	}

		.breadcrumbNav ul {
			border-bottom: 1px solid rgba(242,240,233,0.2);
		}

	.accountSlider .flickity-prev-next-button.previous, .addressSlider .flickity-prev-next-button.previous {
		left: -30px;
	}

	.accountSlider .flickity-prev-next-button.next, .addressSlider .flickity-prev-next-button.next {
		right: -30px;
	}

	.storeHeader article > div .button-group {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

		.storeHeader article > div .button-group a {
			margin: 0 5px;
		}

	.productGrid figure.gridFeature.fullFeature > div {
		padding: 40px 40px 0 !important;
	}
}

/* Large and up */
@media screen and (min-width: 64em) {
	header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
		padding: 2rem 1rem;
	}

	header nav a.accountLink {
		margin: 0 10px 0 0;
	}

	.navBar > div > div > button {
		margin: 0 6px;
	}

	.storeHeader article h3 {
		font-size: 3.75rem;
	}

	.productGrid > article {
		max-width: 1248px;
		padding: 0 30px;
	}

	.productGrid figure.gridFeature.small-12 figcaption, .productGrid figure.gridFeature.small-12 a > div, .productGrid figure.gridFeature.fullFeature > div {
		padding: 40px 80px;
	}

	main > section.productHeader, main.checkoutPage > section {
		display: block;
	}

		main > section.productHeader > article:nth-of-type(even), main.checkoutPage > section > article:nth-of-type(1), main.checkoutPage > section > article:nth-of-type(2), main.checkoutPage > section > article:nth-of-type(5) {
			float: left;
		}

		main.checkoutPage > section > article:nth-of-type(5) {
			padding: 0 60px;
		}

			main.checkoutPage > section > article:nth-of-type(5) h4.padded {
				padding: 0;
			}

		main > section.productHeader > article:nth-of-type(odd) {
			float: right;
			margin-right: 8.33333%;
		}

		main.checkoutPage > section > article:nth-of-type(3), main.checkoutPage > section > article:nth-of-type(4) {
			float: right;
			padding-right: 60px;
		}

	.productHeader > article > div > div {
		padding: 0;
	}

	.productHeader article h4 {
		text-align: left;
	}

	.productHeader > article > div > div.flexWrap {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.productHeader figure.scentsFlavors {
		width: 60px;
		margin-right: 30px;
	}

	.productHeader > article:last-of-type > div > div:first-of-type > p {
		padding: 0;
	}

	.productSlider {
		margin: 60px 0 20px 0;
	}

		.productSlider .flickity-page-dots {
			bottom: inherit;
			top: -52px;
			text-align: left;
		}

			.productSlider .flickity-page-dots .dot {
				text-align: center;
			}

		.productSlider .flickity-button {
			display: none;
		}

		.productSlider .carousel-cell {
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end;
		}

	footer > nav, .panel article .tabs-content {
		max-width: 1248px;
		margin: 0 auto;
	}

	.panel {
		padding: 30px;
	}

		.panel article li.tabs-title a, .panel article li.tabs-title a:visited {
			padding: 10px 60px;
		}

	.wineFacts h3 {
		margin-top: 40px;
		text-align: left;
		width: calc(100% - 280px);
		padding-left: 0;
	}

	.wineFacts .tabs {
		text-align: left;
		width: calc(100% - 280px);
		margin: 0 auto 40px;
	}

	.wineFacts .tabs-content {
		padding: 30px 30px 30px 0;
	}

		.wineFacts .tabs-content .tabs-panel {
			padding: 30px 80px 20px;
		}

	.wineFacts > article > div > div:first-of-type {
		background-image: url(../img/Wine-Facts-m.jpg);
	}

	.wineFacts .tabs-title {
		display: block;
		margin-bottom: 40px;
	}

	.wineFacts li:last-of-type {
		margin-bottom: 0;
	}

	.storeNav ul {
		text-align: center;
	}

	.storeNav li {
		margin: 0 24px;
		border-bottom: none;
	}

		.storeNav li.active {
			border-bottom: 2px solid #AA8B2E;
		}

		.storeNav li, .storeNav li a {
			display: inline-block;
			width: auto;
		}

			.storeNav li a {
				color: #7F7F7F;
			}

	main.checkoutPage > section {
		padding-bottom: 60px;
	}

	.checkoutFooter.padded {
		padding: 0;
	}

	.callout {
		margin-top: 20px;
	}

	table.stack td:nth-of-type(n+2) {
		padding: 20px 16px;
	}

	.myAccount > section.productHeader > article:last-of-type {
		float: none;
	}

	.myAccount .addressSlider .carousel-cell, .myAccount .accountSlider .carousel-cell {
		width: 400px;
		padding: 0 40px 0 0;
	}

		.myAccount .addressSlider .carousel-cell.largeCell, .myAccount .accountSlider .carousel-cell.largeCell {
			width: calc(50% - 60px);
		}

	.myAccount > section > article > div {
		max-width: 1248px;
		margin: 0 auto;
	}

	.productGrid figure > div.productImage:hover > button, .productGrid figure:focus > div.productImage > button {
		opacity: 1;
		visibility: visible;
	}

	.storeNav li.active::after, .storeNav li:first-of-type {
		display: none;
	}

	.storeNav li:first-of-type {
		margin: 0;
	}

	footer > nav:nth-of-type(2) > div:last-of-type {
		margin-top: 0;
	}

	footer > div:last-of-type p {
		margin: 7px auto 0px;
	}

	.productGrid figure.gridFeature.fullFeature > div {
		padding-top: 0 !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.productGrid figure.gridFeature.fullFeature button {
		margin-bottom: 0;
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
		padding: 2rem .5rem;
	}

	header nav a.accountLink, .navBar > div > div > button {
		margin: 0;
	}
}

/* Large Up */
@media screen and (min-width: 75em) {
	header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
		padding: 2rem .7rem;
	}
}

/* Extra Large Up */
@media screen and (min-width: 80.625em) {
	header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
		padding: 2rem 1rem;
	}
}

@media print {
	.topBanner, a[href]::after, .join-rewards, .promo, a.button, footer {
		display: none;
	}

	.navBar > div > div {
		visibility: hidden;
		display: none;
	}

		.navBar > div > div:nth-of-type(3) {
			visibility: visible;
			display: block;
			width: 100%;
		}

	.fcw-product-block {
		border: none !important;
		padding: 0 0 20px 0 !important;
	}

	.fcw-checkout-wrap > section {
		width: 100% !important;
	}

	.fcw-order-summary {
		margin-top: 0 !important;
	}

	.order-sum-group > span {
		margin: 0 !important;
	}

	.fcw-product-details {
		width: 100% !important;
	}

	.sticky.is-stuck {
		position: relative !important;
	}
}