/* CSS Document */
/*
Organized by:

Initialize
Global Typography
General Layout
Header
Content
Footer
Forms and Tables
Home Page
*/



/* Initialize
-------------------------------------------------------------- */

.js .load-curtain {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100%;
	width: 100%;
	background-color: #fff;
	overflow: hidden !important;
	}

.js .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 240px;
	height: 245px;
	margin: -120px 0 0 -123px;
	background: url(../img/loading-logo.gif) no-repeat center;
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.js .loading {
	background-image: url(../img/loading-logo@2x.gif);
	background-size: 240px 245px;
	}
}

.js .loading-location {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 240px;
    margin: 140px 0 0 -120px;
    text-align: center;
    font-size: 1.2em;
    display: none;
	}



/* General Typography
-------------------------------------------------------------- */

/* Font Reference - cloud.typography.com

Gotham ScreenSmart Book
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;

Gotham ScreenSmart Book Italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 400;

Gotham ScreenSmart Bold
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;

Gotham ScreenSmart Bold Italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 700;

Gotham Condensed ScreenSmart Medium
font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500;

*/

@font-face {
	font-family: 'Magnolia Script';
	src: url('../fonts/magnolia-script-subset.woff2') format('woff2'), url('../fonts/magnolia-script-subset.woff') format('woff');
}

html { font-size: 87.5%; } /* 14px */

html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
	color: #36454f;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 400;
	}

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

a:hover, a:active {
	color: #36820D;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	color: #36820D;
	font-weight: 300;
	}

h2 {
	margin: 0 0 0.5em;
	color: #a12265;
	font-size: 2.28571429rem;
	font-weight: 300;
	text-align: center;
	}

@media only screen and (min-width: 64em) {
h2 { font-size: 3.42857143rem; }
}

h2 strong { display: block;	}

h3 {
	margin: 0 0 0.5em;
	font-size: 2.28571429rem;
	}

@media only screen and (min-width: 64em) {
h3 { font-size: 3.42857143rem; }
}

h4 {
	margin: 0 0 0.5em;
	font-size: 1.71428571rem;
	}

h5 {
	margin: 0 0 1.38888889em;
	color: #36454f;
	font-size: 1.28571429rem;
	}

h6 {
	margin: 0 0 1em;
	font-size: 1.14285714rem;
	font-weight: 700;
	}

p, ul li, ol li { line-height: 1.5; }

small { font-size: 85%; }

.text-center { text-align: center; }

.text-jumbo {
	font-size: 2.57142857rem;
	font-weight: 300;
	}

.text-jumbo small { font-size: 0.77777778em; }

.text-left { text-align: left; }

.text-lower { text-transform: lowercase; }

.text-right { text-align: right; }

.text-upper { text-transform: uppercase; }

.text-green, a.text-green { color: #36820D; }

.text-pink, a.text-pink { color: #f197be; }

.text-platinum, a.text-platinum { color: #777674; }

.text-purple, a.text-purple { color: #a12265; }

.text-black, a.text-black { color: #000; }

.text-charcoal { color: #36454f; }

.text-ruled {
	position: relative;
	margin: 35px 0 25px;
	border-top: 2px solid #757575;
	line-height: 1;
	text-align: center;
	}

.text-ruled span {
	display: inline-block;
	position: relative;
	top: -0.4375em;
	padding-right: 25px;
	padding-left: 25px;
	background-color: #fff;
	}

.text-nowrap { white-space: nowrap; }

.text-break {
	word-break: break-all;
	word-wrap: break-word;
}



/* General Layout
-------------------------------------------------------------- */

body {
	margin: 0;
	padding-top: 48px;
	background-color: #960853;
	overflow-x: hidden;
	}

@media only screen and (min-width: 64em) {
	body { padding-top: 80px; }
}

@media only screen and (min-width: 80em) {
	body { padding-top: 110px; }
}

body.app-wrap {
	padding-top: 0;
	background-color: #fff;
	}

footer {
	position: relative;
	z-index: 2;
	background-color: #960853;
	}

.container {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	}

.container.white { background-color: #fff; }

.container.wide-container {
	max-width: 1440px;
	}

footer .container {
	padding-top: 35px;
	padding-bottom: 35px;
	}

.narrow .container { max-width: 900px; }

.pure-g.gutters {
	margin-right: -10px;
	margin-left: -10px;
	}

.pure-g.gutters > div {
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
	}

.pure-g.gutters.narrow {
	margin-right: -5px;
	margin-left: -5px;
	}

.pure-g.gutters.narrow > div {
	padding-right: 5px;
	padding-left: 5px;
	}

#content { background-color: #fff; }

body#embed {
	padding-top: 0;
	background-color: #fff;
	}

body#embed .site-head,
body#embed #sub-footer,
body#embed footer {
	display: none;
	}

body#embed #main {
	padding-top: 40px;
	padding-bottom: 60px;
	}



/* Header
-------------------------------------------------------------- */

body.menu-lock {
	overflow: hidden;
}

body.menu-lock::after {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.25);
}

.site-head {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #fff;
	border: none;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25);
}

.site-head-content {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 10px;
}

.site-menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	align-self: stretch;
}

.site-menu li.button-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 20px;
}

.site-menu li .pure-button {
	padding: 10px 25px;
	border-radius: 9999em; /* 'Pill' shape */
	font-size: 0.8571429rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.site-menu li .button-order-now {
	position: relative;
	padding-left: 42px;
}

.site-menu li .button-order-now::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 20px;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	background-image: url(../img/icon-shopping-bag-white.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 18px 18px;
}

.site-menu .small-button.button-order-now {
	position: relative;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 30px;
	font-weight: 700;
}

.site-menu .small-button.button-order-now::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 10px;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	background-image: url(../img/icon-shopping-bag-white.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 16px 16px;
}

.site-menu #store-finder {
	padding-left: 20px;
	background-image: url(../img/icon-map-marker-purple.png);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-size: 13px 17px;
}

.site-menu-bar {
	display: none;
}

.site-menu-bar ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-menu-bar ul li a:not(.pure-button) {
	color: #a12265;
	font-weight: 700;
	text-decoration: none;
} 

.site-menu-bar .site-menu-primary {
	align-items: stretch;
}

.site-menu-bar .site-menu-primary li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-menu-bar .site-menu-primary li + li {
	margin-left: 14px;
}

.site-menu-bar .site-menu-primary li a {
	margin-top: 10px;
}

.site-menu-bar .site-menu-primary li a:hover::after,
.site-menu-bar .site-menu-primary li a:active::after,
.site-menu-bar .site-menu-primary li a:focus::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background-color: #36820D;
}

.site-menu-bar .site-menu-secondary li {
	margin-top: 10px;
}

.site-menu-bar .site-menu-secondary li.button-group {
	padding: 0;
}

.site-menu-bar .site-menu-secondary li.button-group .pure-button {
	margin-left: 10px;
}

.site-menu-mobile-controls {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.site-menu-mobile-controls .pure-button.small-button {
	border-radius: 9999em; /* 'Pill' shape */
	text-transform: uppercase;
}

.site-menu-pane {
	display: none;
	position: fixed;
	top: 48px;
	left: 100vw;
	z-index: 1;
	height: calc(100vh - 48px);
	overflow-y: auto;
	background-color: #fff;
	box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.25);
	transition: left 500ms;
}

.site-menu-pane.is-active {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	left: 10vw;
	width: 90vw;
}

.site-menu-pane ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

.site-menu-pane ul + ul {
	border-top: 1px solid #D8D8D8;
}

.site-menu-pane ul:last-child {
	padding-bottom: 60px;
}

.site-menu-pane li {
	color: #000;
}

.site-menu-pane li a:not(.pure-button) {
	display: block;
	padding: 10px 20px;
	color: #a12265;
	font-weight: 700;
	text-decoration: none;
}

.site-menu-pane li a:not(.pure-button):hover,
.site-menu-pane li a:not(.pure-button):active,
.site-menu-pane li a:not(.pure-button):focus {
	text-decoration: underline;
}

.site-menu-pane li .pure-button + .pure-button {
	margin-left: 10px;
}

.site-menu-pane .site-menu-user {
	padding: 10px 20px 60px;
}

.site-menu-pane .site-menu-user .pure-button {
	margin-top: 10px;
}

.site-menu-pane #store-finder {
	padding-left: 40px;
	background-position: 20px 50%;
}

.site-menu-reveal {
	box-sizing: border-box;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 0 0 10px;
	padding: 5px;
	background: url(../img/icon-menu-green.svg?v=041322a) no-repeat 50% 50%;
	background-size: 30px 30px;
	border: none;
	text-indent: 0;
	overflow: auto;
}

.site-menu-reveal.is-active {
	background-image: url(../img/icon-close-green.svg?v=041322a);
}

.header-logo {
	padding-top: 10px
}

.header-logo img {
	display: block;
	width: 102px;
	height: 29px
}

@media only screen and (min-width: 64em) {
	.site-head {
		border-bottom: 2px solid #960853;
		box-shadow: none;
		z-index: 2000; /* Overlap jq-dropdown instances */
	}

	.site-head-content {
		min-height: 80px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.site-menu {
		align-items: stretch;
		justify-content: flex-start;
	}

	.site-menu li .pure-button {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 1rem;
	}

	.site-menu-bar {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-between;
		flex: 1 1 auto;
	}

	.site-menu-mobile-controls {
		display: none;
	}

	.site-menu-pane {
		display: none;
	}

	.header-logo {
		margin-right: 15px;
		padding-top: 10px;
	}

	.header-logo img {
		width: 140px;
		height: 39px;
	}
}

@media only screen and (min-width: 80em) {
	.site-head-content {
		min-height: 110px;
		padding: 0 20px;
	}

	.site-menu-bar ul li {
		font-size: 1.14285714rem;
	}

	.site-menu-bar .site-menu-primary li a {
		margin-top: 15px;
	}

	.site-menu-bar .site-menu-secondary li {
		margin-top: 15px;
	}

	.header-logo {
		margin-right: 25px;
	}

	.header-logo img {
		width: 203px;
		height: 58px;
	}
}

@media only screen and (min-width: 1460px) {
	.site-head-content {
		padding-right: 0;
	}
}



/* Content
-------------------------------------------------------------- */

/* Clearing floats, based on 'Micro Clearfix Hack': http://nicolasgallagher.com/micro-clearfix-hack/ */
.row:before, .container:before, .row:after, .container:after { content: ""; display: table; }
.row:after, .container:after { clear: both; }
.row, .container { *zoom: 1; }

/*
Only display content to screen readers

See: https://a11yproject.com/posts/how-to-hide-content/
See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
*/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	}

.pure-g > .align-bottom {
	align-self: flex-end;
}

.pure-g > .align-center {
	align-self: center;
}

.pure-g > .align-top {
	align-self: flex-start;
}

@media only screen and (min-width: 35.5em) {
	.reverse-sm > :first-child {
		order: 2;
	}
}

@media only screen and (min-width: 48em) {
	.reverse-md > :first-child {
		order: 2;
	}
}

@media only screen and (min-width: 64em) {
	.reverse-lg > :first-child {
		order: 2;
	}
}

@media only screen and (min-width: 80em) {
	.reverse-xl > :first-child {
		order: 2;
	}
}

hr {
	height: 0;
	margin: 20px 0;
	border: none;
	border-top: 1px solid #ccc;
	}

.alert {
	position: relative;
	z-index: 10;
	opacity: 0;
	font-size: 1.28571429rem;
	}

@-webkit-keyframes fadeInUpAlert {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80%, 0);
		transform: translate3d(0, 80%, 0);
		}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@keyframes fadeInUpAlert {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80%, 0);
		transform: translate3d(0, 80%, 0);
		}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

.alert.fadeInUp {
	-webkit-animation-name: fadeInUpAlert;
	animation-name: fadeInUpAlert;
	}

.alert-north .pill {
	display: inline-block;
	position: relative;
	margin-bottom: -9px;
	}

.alert-north .pill::before {
	display: inline-block;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -30px;
	content: '';
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 18px solid #e1e1e1;
	}

.alert-north .pill.green::before { border-top-color: #36820D; }

.alert-north .pill.purple::before { border-top-color: #a62d6d; }

.alert-north .pill.red::before { border-top-color: #e32323; }

.alert-south .pill {
	display: inline-block;
	position: relative;
	margin-top: -9px;
	}

.alert-south .pill::before {
	display: inline-block;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -30px;
	content: '';
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 18px solid #e1e1e1;
	}

.alert-south .pill.green::before { border-bottom-color: #36820D; }

.alert-south .pill.purple::before { border-bottom-color: #a62d6d; }

.alert-north .pill.red::before { border-bottom-color: #e32323; }

.alert-danger {
	padding: 15px;
	background-color: #ffe5e5;
	border: 1px solid #ff0000;
	color: #ff0000;
	}

.alert-success {
	padding: 15px;
	background-color: #e2f3cb;
	border: 1px solid #1db200;
	color: #1db200;
	}

.attribute-special {
	display: block;
	padding-top: 8px;
	font-size: 0.71428571rem;
	font-weight: 500;
	text-transform: uppercase;
	}

.banner {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	}

.box-scroll {
	height: 200px;
	overflow-y: scroll;
	padding: 10px 20px;
	border: 3px solid #ebebeb;
	}

.box-scroll .row {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	}

.box-scroll .row:last-child { border: none; }

.box-special {
	padding: 10px;
	border: 3px solid #36820D;
	border-radius: 4px;
	}

.box-summary {
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #757575;
	border-radius: 10px;
	}

@media only screen and (min-width: 64em) {
.box-summary.sidebar { padding: 25px; }
}

.box-summary.purple { border-color: #a62d6d; }

.box-summary h5 { margin-bottom: 0.5em; }

.box-summary h6 {
	margin-bottom: 10px;
	color: #a12265;
	font-size: 1.14285714rem;
	}

.box-summary img.pure-img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	}

.box-summary p { line-height: 1.25; }

.box-summary .box-body h6 a {
	color: #a12265;
	text-decoration: none;
	}

.box-summary .pure-button {
	margin-top: 10px;
	font-size: 1.14285714rem;
	font-weight: 700;
	border-width: 2px;
	}

.box-summary .pure-button.icon-button { margin-top: 0; }

.box-summary .pure-button.icon-button.float-right { clear: right; }

.box-summary .pure-g.gutters {
	margin-right: -5px;
	margin-left: -5px;
	}

.box-summary .pure-g.gutters > div {
	padding-right: 5px;
	padding-left: 5px;
	}

.box-summary.dark, .box-summary.dark h6, .box-summary.dark .box-body h6 a, .box-summary.dark strong { color: #36454f; }

.box-summary.dark .pure-button {
	border-color: #36454f;
	color: #36454f;
	}

.box-summary.dark .pure-button:hover, .box-summary.dark .pure-button:active { background-color: #36454f; }

.box-summary.dark .pure-button:focus {
	background: transparent;
	box-shadow: 0px 0px 0px 3px rgba(137, 137, 137, 0.5);
}

.box-summary.light, .box-summary.light h6, .box-summary.light .box-body h6 a, .box-summary.light strong { color: #fff; }

.box-summary.light .pure-button {
	border-color: #fff;
	color: #fff;
	}

.box-summary.light .pure-button:hover, .box-summary.light .pure-button:active {
	background-color: #fff;
	color: #36454f;
	}

.box-summary.light .pure-button:focus {
	background: transparent;
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5);
}

.box-summary.light .pure-button.clear:hover, .box-summary.light .pure-button.clear:active { background: transparent; }

.box-summary.light .pure-button.clear:focus {
	background: transparent;
	/*box-shadow: 0px 0px 0px 3px rgba(204, 204, 204, 0.5);*/
	box-shadow: none;
}

.box-summary.light .pure-button.icon-button:hover, .box-summary.light .pure-button.icon-button:active { background: transparent; }

.box-summary.light .pure-button.icon-button:focus {
	background: transparent;
	/*box-shadow: 0px 0px 0px 3px rgba(204, 204, 204, 0.5);*/
	box-shadow: none;
}

.faq-toc {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	list-style: none;
	}

.faq-toc li { border-bottom: 1px solid #ccc; }

.faq-toc li:last-child { border: none; }

.faq-toc li a {
	display: inline-block;
	padding: 10px 0;
	text-decoration: none;
	}

.flavor-tools {
	margin-top: -15px;
	margin-bottom: 25px;
	}

@media only screen and (min-width: 48em) {
.flavor-tools {
	margin-top: 0;
	margin-bottom: 10px;
	}
}

.flavor-tools .pure-button {
	border-radius: 1.75em;
	margin: 5px !important;
	padding-top: 0.375em;
	padding-bottom: 0.375em;
	line-height: 1.8125;
	}

.flavor-tools .pure-button.float-right { float: none; }

@media only screen and (min-width: 35.5em) {
.flavor-tools .pure-button.float-right { float: right; }
}

.flavor-tools .like-combo {
	display: inline-block;
	margin: 5px;
	padding: 3px 15px 3px 5px;
	border: 2px solid #a62d6d;
	border-radius: 25px;
	color: #a12265;
	font-size: 1.28571429rem;
	font-weight: 700;
	line-height: 36px;
	}

@media only screen and (min-width: 35.5em) {
.flavor-tools .like-combo { float: right; }
}

.flavor-tools .like-combo button {
	margin: 0 !important;
	line-height: normal;
	}

.download-asset {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.download-asset-title {
	padding-bottom: 15px;
	color: #36454f;
	font-size: 1.28571429rem;
}

.download-asset-actions .pure-button {
	box-sizing: border-box;
	width: 100%;
}

@media only screen and (min-width: 48em) {
	.download-asset {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		padding-right: 10px;
		padding-left: 10px;
	}

	.download-asset-actions .pure-button {
		width: auto;
	}

	.download-asset-title {
		flex: 1 1 auto;
		padding-bottom: 0;
		padding-right: 20px;
	}
}

/* Locations Summary Styles */
.location-summary {
	font-size: 0.85714286rem;
	line-height: 1.5;
	padding: 15px 0;
}
/* Border Styles Default/Selected */
.location-summary.box-summary {
	margin-bottom: 0;
	border-radius: 0;
	border-top-color: #ccc;
	border-right: none;
	border-bottom-color: transparent;
	border-left: none;
}

.location-summary.box-summary:last-child {
	border-bottom-color: #ccc;
}

.location-summary.box-summary.purple {
	border-top-color: #a62d6d;
	border-bottom-color: #a62d6d;
}
/* Store Image */
.location-summary img {
	margin-top: 0;
	margin-bottom: 10px;
	border-radius: 10px;
}
/* Blendable etc icons */
.location-summary .location-details {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
			justify-content: flex-start;
		-ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.location-summary img.location-details-icon {
	border-radius: 0;
	margin-right: 19px;
	margin-bottom: 0;
	margin-bottom: 10px
}

.location-summary img.location-details-icon:last-child {
	margin-right: 0;
}

.location-summary .location-info-distance {
	font-size: 0.9285714285714286rem;
	margin-bottom: 10px;
}

.location-summary .location-info-name a {
	font-size: 1.2857142857142858rem;
	text-decoration: none;
}

.location-summary .location-info-distance a {
	text-transform: uppercase;
}

/* Icons before each text info section */
.location-summary .icon-location-info {
	padding-left: 18px;
	position: relative;
	margin-bottom: 10px;
	font-size: 0.9285714285714286rem;
}

.location-summary .icon-location-info::before {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background: url('../img/icons-location-summary-info-rev.png');
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	top: 0;
	left: 0;
}

@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
	.location-summary .icon-location-info:before {
		background: url('../img/icons-location-summary-info@2x-rev.png');
		background-size: 15px 45px;
	}
}

.location-summary .location-info-address:before {
	background-position: 0 -15px;
}

.location-summary .location-info-phone:before {
	background-position: 0 -30px;
}

.location-summary .location-info-hours:before {
	background-position: 0 0;
}

.location-summary .icon-map-marker-green {
	margin-right: -4px;
}

.location-summary .pure-button {
	padding: 10px 25px;
	border-radius: 9999em; /* 'Pill' shape */
	font-size: 0.8571429rem;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.location-summary .pure-button.block-button {
	margin-top: 10px;
	border-radius: 25px;
}

.location-summary .store-link-dt {
	display: none;
	text-transform: uppercase;
	padding: 0.5rem 0;
	border: none;
	color: #36820D;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 700;
	font-size: 0.9285714285714286rem;
	text-decoration: underline;
}

@media only screen and (min-width: 48em) {
	.location-summary .store-link-mobile {
		display: none;
	}

	.location-summary .store-link-dt {
		display: inline-block;
	}
}

.location-summary .flavor-link.pure-button.clear {
	padding: 0.5rem 0;
	border: none;
	color: #36820D;
	text-decoration: none;
	font-size: 0.9285714285714286rem;
	text-align: left;
	font-weight: 400;
}

.location-summary .pure-button.clear {
	text-transform: none;
}

.location-summary .storeData-delivery {
	margin-top: 10px;
	margin-bottom: 0;
}

.location-summary .delivery-button {
	margin-right: 10px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 10px;
}

.location-summary .delivery-button:last-child { margin-right: 0; }

.location-summary .delivery-button img { margin: 0; }

.location-figure {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.location-figure img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: 50% 0;
}

.message-banner {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 50px;
	background: #960853;
	color: #fff;
	font-size: 1.07143rem;
	text-align: center;
}

.message-banner .container {
	padding: 10px;
}

.message-banner--rewards {
	background: #36820D;
	font-size: 1rem;
}

.message-banner--rewards a,
.message-banner--rewards a:hover
.message-banner--rewards a:visited {
	color: #fff;
	text-decoration: none;
}

.message-banner--rewards .icon-caret-e-white:before {
	width: 9px;
	height: 1em;
	margin-top: 0;
    transform: translateY(-53%);
}
@media only screen and (min-width: 64em) {
	.message-banner--rewards {
		font-size: 1.28571429rem;
	}
}

.message-banner .pure-button {
	display: inline-block;
	margin: 0;
	padding: 5px 15px;
	background: transparent;
	border: none;
	box-shadow: none;
	color: #fff;
	font-size: 0.78571429rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
}

.message-banner .pure-button:hover,
.message-banner .pure-button:active,
.message-banner .pure-button:focus {
	background: transparent;
	color: #fff;
}

.doordash-banner {
	background: #ebe8e1;
	color: #ff3008;
	line-height: 20px;
}

.doordash-banner .pure-button {
	color: #ff3008;
}

.doordash-banner .pure-button:hover,
.doordash-banner .pure-button:active,
.doordash-banner .pure-button:focus {
	color: #ff3008;
}

.doordash-banner img {
	display: inline-block;
	width: 170px;
	height: auto;
	margin: 0 10px 0 5px;
	vertical-align: middle;
}

.new-year-banner {
	font-size: 1.14285714rem;
	font-weight: bold;
}

.new-year-banner a {
	color: #fff;
}

@media only screen and (min-width: 48em) {
	.new-year-banner {
		font-size: 1.5rem;
	}
}

.postmates-banner {
	background: #36454f;
	line-height: 20px;
}

.postmates-banner .pure-button {
	text-decoration: none;
}

.postmates-banner img {
	display: inline-block;
	width: 128px;
	height: auto;
	margin: -2px 5px 0 0;
	vertical-align: middle;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


.fancybox-overlay { background: rgba(255, 255, 255, 0.85); }

.fancybox-skin {
	margin-bottom: 20px;
	background-color: #fff;
	border: 2px solid #36820D;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

.fancybox-opened .fancybox-skin { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.simple-video-modal {
	display: none;
	box-sizing: border-box;
	max-width: 1000px;
	background: #fff;
	}

.simple-video-modal .pure-button.overlay-close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
	padding: 10px;
	background: rgba(0, 0, 0, 0.75);
	border: none;
	border-radius: 9999em;
	}

.simple-video-modal .pure-button.overlay-close:hover,
.simple-video-modal .pure-button.overlay-close:active {
	background: rgba(0, 0, 0, 0.75);
}

.simple-video-modal .pure-button .icon-close-white {
	width: 20px;
	height: 20px;
	padding: 0;
}

.simple-video-modal .pure-button .icon-close-white:before {
	top: 0;
	margin-top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	}

.simple-video-modal-wrapper .fancybox-skin {
	border: none;
	border-radius: 0;
}

.error-message { color: #e32323; }

.float-left { float: left; }

.float-right { float: right; }

.gift-flow {
	max-width: 1120px;
	margin: 0 auto 20px;
	padding: 30px 10px 20px;
	/* background: #f0f0f0 url(../img/bg-gift-flow-gray-vertical.png) 0 50% repeat-x; */
	background-color: #f0f0f0;
	}

@media only screen and (min-width: 48em) {
.gift-flow {
	padding: 40px 10px 30px;
	/* background: #f0f0f0 url(../img/bg-gift-flow-gray.png) 50% 0 repeat-y; */
	background-color: #f0f0f0;
	}
}

.gift-flow h3 {
	margin: 10px 0;
	color: #a12265;
	font-size: 1.28571429rem;
	font-weight: 700;
	text-transform: uppercase;
	}

@media only screen and (min-width: 48em) {
.gift-flow h3 {
	margin: 20px 0;
	font-size: 1.92857143rem;
	}
}

.gift-flow .gift-choice {
	display: inline-block;
	margin: 20px 0;
	padding: 20px;
	background-color: #fff;
	border-radius: 50%;
	color: #a12265;
	font-size: 1.5rem;
	font-weight: 700;
	font-style: italic;
	}

@media only screen and (min-width: 48em) {
.gift-flow .gift-choice { margin: 0; }
}

.gift-flow .pure-button.green { background-color: #fff; }

.hero-img { margin-bottom: 40px; }

@media only screen and (max-width: 79.9375em) {
.hidden-lg	{ display: none; }
}

@media only screen and (max-width: 63.9375em) {
.hidden-md	{ display: none; }
}

@media only screen and (max-width: 47.9375em) {
.hidden-sm	{ display: none; }
}

@media only screen and (max-width: 35.4375em) {
.hidden-xs	{ display: none; }
}

button.hover-box {
	position: relative;
	display: block;
	padding: 20px;
	background: none;
	border: none;
	box-shadow: none;
	color: #a12265;
	font-weight: 700;
	text-align: center;
	}

button.hover-box img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	}

.icon {
	display: inline-block;
	position: relative;
	min-height: 1em;
	padding-right: 0.25em;
	padding-left: 0.25em;
	vertical-align: middle;
	}

.icon:before {
	display: block;
	position: absolute;
	top: 50%;
	content: "";
	background-image: url(../img/icons-rev.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.icon:before {
	background-image: url(../img/icons@2x-rev.png);
	background-size: 352px 160px;
	}
}

.icon-arrow-n-green { width: 17px; }

.icon-arrow-n-green:before {
	width: 17px;
	height: 20px;
	margin-top: -9px;
	background-position: -161px -16px;
	}

.icon-arrow-e-green { width: 20px; }

.icon-arrow-e-green:before {
	width: 20px;
	height: 20px;
	margin-top: -9px;
	background-position: -121px -16px;
	}

.icon-arrow-s-green { width: 17px; }

.icon-arrow-s-green:before {
	width: 17px;
	height: 20px;
	margin-top: -7px;
	background-position: -178px -16px;
	}

.icon-arrow-w-green { width: 20px; }

.icon-arrow-w-green:before {
	width: 20px;
	height: 20px;
	margin-top: -9px;
	background-position: -141px -16px;
	}

.icon-arrow-e-pink { width: 15px; }

.icon-arrow-e-pink:before {
	width: 15px;
	height: 16px;
	margin-top: -8px;
	background-position: -62px 0;
	}

.icon-arrow-w-pink { width: 15px; }

.icon-arrow-w-pink:before {
	width: 15px;
	height: 16px;
	margin-top: -8px;
	background-position: -77px 0;
	}

.icon-arrow-n-white { width: 16px; }

.icon-arrow-n-white:before {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-position: -30px 0;
	}

.icon-arrow-e-white { width: 15px; }

.icon-arrow-e-white:before {
	width: 15px;
	height: 16px;
	margin-top: -8px;
	background-position: 0 0;
	}

.icon-arrow-s-white { width: 16px; }

.icon-arrow-s-white:before {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-position: -46px 0;
	}

.icon-arrow-w-white { width: 15px; }

.icon-arrow-w-white:before {
	width: 15px;
	height: 16px;
	margin-top: -8px;
	background-position: -15px 0;
	}

.icon-caret-n-gray { width: 19px; }

.icon-caret-n-gray:before {
	width: 19px;
	height: 19px;
	margin-top: -9px;
	background-position: -24px -16px;
	}

.hover .icon-caret-n-gray:before { background-position: -19px -143px; }

.icon-caret-e-gray { width: 12px; }

.icon-caret-e-gray:before {
	width: 12px;
	height: 19px;
	margin-top: -9px;
	background-position: 0 -16px;
	}

.hover .icon-caret-e-gray:before { background-position: -37px -140px; }

.icon-caret-s-gray { width: 19px; }

.icon-caret-s-gray:before {
	width: 19px;
	height: 19px;
	margin-top: -7px;
	background-position: -43px -16px;
	}

.hover .icon-caret-s-gray:before { background-position: 0 -143px; }

.icon-caret-w-gray { width: 12px; }

.icon-caret-w-gray:before {
	width: 12px;
	height: 19px;
	margin-top: -9px;
	background-position: -12px -16px;
	}

.hover .icon-caret-w-gray:before { background-position: -48px -140px; }

.icon-caret-n-green { width: 19px; }

.icon-caret-n-green:before {
	width: 19px;
	height: 18px;
	margin-top: -9px;
	background-position: -81px -16px;
	}

.hover .icon-caret-n-green:before { background-position: -19px -143px; }

.icon-caret-e-green { width: 11px; }

.icon-caret-e-green:before {
	width: 11px;
	height: 18px;
	margin-top: -9px;
	background-position: -99px -16px;
	}

.hover .icon-caret-e-green:before { background-position: -37px -140px; }

.icon-caret-s-green { width: 19px; }

.icon-caret-s-green:before {
	width: 19px;
	height: 18px;
	margin-top: -7px;
	background-position: -62px -16px;
	}

.hover .icon-caret-s-green:before { background-position: 0 -143px; }

.icon-caret-w-green { width: 11px; }

.icon-caret-w-green:before {
	width: 11px;
	height: 18px;
	margin-top: -9px;
	background-position: -110px -16px;
	}

.hover .icon-caret-w-green:before { background-position: -48px -140px; }

.icon-caret-n-purple { width: 15px; }

.icon-caret-n-purple:before {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-position: -158px 0;
	}

.hover .icon-caret-n-purple:before { background-position: -110px -3px; }

.icon-caret-e-purple { width: 9px; }

.icon-caret-e-purple:before {
	width: 9px;
	height: 15px;
	margin-top: -7px;
	background-position: -140px 0;
	}

.hover .icon-caret-e-purple:before { background-position: -92px 0; }

.icon-caret-s-purple { width: 15px; }

.icon-caret-s-purple:before {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-position: -173px 0;
	}

.hover .icon-caret-s-purple:before { background-position: -125px -3px; }

.icon-caret-w-purple { width: 9px; }

.icon-caret-w-purple:before {
	width: 9px;
	height: 15px;
	margin-top: -7px;
	background-position: -149px 0;
	}

.hover .icon-caret-w-purple:before { background-position: -101px 0; }

.icon-caret-n-white { width: 15px; }

.icon-caret-n-white:before {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-position: -110px 0;
	}

.icon-caret-e-white { width: 9px; }

.icon-caret-e-white:before {
	width: 9px;
	height: 15px;
	margin-top: -7px;
	background-position: -92px 0;
	}

.icon-caret-s-white { width: 15px; }

.icon-caret-s-white:before {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-position: -125px 0;
	}

.icon-caret-w-white { width: 9px; }

.icon-caret-w-white:before {
	width: 9px;
	height: 15px;
	margin-top: -7px;
	background-position: -101px 0;
	}

.icon-check-green { width: 18px; }

.icon-check-green:before {
	width: 18px;
	height: 15px;
	margin-top: -7px;
	background-position: -188px 0;
	}

.icon-close-gray { width: 26px; }

.icon-close-gray:before {
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background-position: 0 -83px;
	}

.icon-close-white { width: 26px; }

.icon-close-white:before {
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background-image: url(../img/icon-close-white.png) !important;
	background-position: 50% 50%;
	background-size: 26px 26px;
	}

.icon-facebook-gray { width: 38px; }

.icon-facebook-gray:before {
	width: 38px;
	height: 38px;
	margin-top: -19px;
	background-position: -222px 0;
	}

.icon-facebook-gray:hover:before, .icon-facebook-gray:active:before { background-position: -222px -38px; }

.icon-heart-purple {
	width: 28px;
	height: 29px;
	}

.icon-heart-purple:before {
	width: 28px;
	height: 29px;
	margin-top: -14px;
	background-image: url(../img/icon-heart-rev.png);
	background-position: -28px 0;
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.icon-heart-purple:before {
	background-image: url(../img/icon-heart@2x-rev.png);
	background-size: 56px 29px;
	}
}

.icon-heart-white {
	width: 28px;
	height: 29px;
	}

.icon-heart-white:before {
	width: 28px;
	height: 29px;
	margin-top: -14px;
	background-image: url(../img/icon-heart-rev.png);
	background-position: 0 0;
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.icon-heart-white:before {
	background-image: url(../img/icon-heart@2x-rev.png);
	background-size: 56px 29px;
	}
}

.icon-location-promo {
	width: 33px;
	height: 30px;
	}

.icon-location-promo:before {
	width: 33px;
	height: 30px;
	margin-top: -14px;
	background-image: url(../img/location_promo_badge_small.png);
	background-position: 0 0;
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.icon-location-promo:before {
	background-image: url(../img/location_promo_badge_small@2x.png);
	background-size: 33px 30px;
	}
}

.icon-leaf { width: 34px; }

.icon-leaf:before {
	width: 34px;
	height: 38px;
	margin-top: -19px;
	background-position: -26px -83px;
	}

.icon-map-green { width: 21px; }

.icon-map-green:before {
	width: 21px;
	height: 28px;
	margin-top: -14px;
	background-position: -164px -36px;
	}

.icon-map-white { width: 18px; }

.icon-map-white:before {
	width: 18px;
	height: 22px;
	margin-top: -11px;
	background-position: -185px -40px;
	}

.icon-map-marker-gray {
	width: 36px;
	height: 47px;
	}

.icon-map-marker-gray:before {
	width: 36px;
	height: 47px;
	margin-top: -23px;
	background-position: -72px -36px;
	}

.icon-map-marker-green {
	width: 36px;
	height: 47px;
	}

.icon-map-marker-green:before {
	width: 36px;
	height: 47px;
	margin-top: -23px;
	background-position: 0 -36px;
	}

.icon-map-marker-purple {
	width: 36px;
	height: 47px;
	}

.icon-map-marker-purple:before {
	width: 36px;
	height: 47px;
	margin-top: -23px;
	background-position: -36px -36px;
	}

.icon-nav-currency { width: 28px; }

.icon-nav-currency:before {
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -60px -111px;
	}

.selected .icon-nav-currency:before, a:hover .icon-nav-currency:before, a:active .icon-nav-currency:before { background-position: -60px -83px; }

.icon-nav-book { width: 32px; }

.icon-nav-book:before {
	width: 32px;
	height: 28px;
	margin-top: -14px;
	background-position: -274px -111px;
	}

.selected .icon-nav-book:before, a:hover .icon-nav-book:before, a:active .icon-nav-book:before { background-position: -274px -83px; }

.icon-nav-cares { width: 28px; }

.icon-nav-cares:before {
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-image: url(../img/icon-cares.png);
	background-position: 0 -28px;
	}

.selected .icon-nav-cares:before, a:hover .icon-nav-cares:before, a:active .icon-nav-cares:before { background-position: 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.icon-nav-cares:before {
	background-image: url(../img/icon-cares2x.png);
	background-size: 28px 56px;
	}
}

.icon-nav-gear { width: 28px; }

.icon-nav-gear:before {
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -148px -111px;
	}

.selected .icon-nav-gear:before, a:hover .icon-nav-gear:before, a:active .icon-nav-gear:before { background-position: -148px -83px; }

.icon-nav-globe { width: 28px; }

.icon-nav-globe:before {
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -306px -111px;
	}

.selected .icon-nav-globe:before, a:hover .icon-nav-globe:before, a:active .icon-nav-globe:before { background-position: -306px -83px; }

.icon-nav-help { width: 28px; }

.icon-nav-help:before {
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -176px -111px;
	}

.selected .icon-nav-help:before, a:hover .icon-nav-help:before, a:active .icon-nav-help:before { background-position: -176px -83px; }

.icon-nav-people { width: 39px; }

.icon-nav-people:before {
	width: 39px;
	height: 28px;
	margin-top: -14px;
	background-position: -204px -111px;
	}

.selected .icon-nav-people:before, a:hover .icon-nav-people:before, a:active .icon-nav-people:before { background-position: -204px -83px; }

.icon-nav-pulse { width: 30px; }

.icon-nav-pulse:before {
	width: 30px;
	height: 28px;
	margin-top: -14px;
	background-position: -88px -111px;
	}

.selected .icon-nav-pulse:before, a:hover .icon-nav-pulse:before, a:active .icon-nav-pulse:before { background-position: -88px -83px; }

.icon-nav-speech { width: 29px; }

.icon-nav-speech:before {
	width: 29px;
	height: 28px;
	margin-top: -14px;
	background-position: -119px -111px;
	}

.selected .icon-nav-speech:before, a:hover .icon-nav-speech:before, a:active .icon-nav-speech:before { background-position: -119px -83px; }

.icon-nav-speech-text { width: 30px; }

.icon-nav-speech-text:before {
	width: 30px;
	height: 28px;
	margin-top: -14px;
	background-position: -244px -111px;
	}

.selected .icon-nav-speech-text:before, a:hover .icon-nav-speech-text:before, a:active .icon-nav-speech-text:before { background-position: -244px -83px; }

.icon-plus-white { width: 19px; }

.icon-plus-white:before {
	width: 19px;
	height: 19px;
	margin-top: -9px;
	background-position: -203px -36px;
	}

/*.icon-puree {
	width: 27px;
	padding: 0;
	}

.icon-puree:before {
	width: 27px;
	height: 27px;
	margin-top: -13px;
	background-position: -298px 0;
	}

.hover .icon-puree:before { background-position: -298px -27px; }*/

.icon-puree {
	width: 15px;
	padding: 0;
	}

.icon-puree:before {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-position: -298px 0;
	}

.hover .icon-puree:before { background-position: -298px -27px; }

.icon-sauce {
	width: 27px;
	padding: 0;
	}

.icon-sauce:before {
	width: 27px;
	height: 27px;
	margin-top: -13px;
	background-position: -325px 0;
	}

.hover .icon-sauce:before { background-position: -325px -27px; }

.icon-twitter-gray { width: 38px; }

.icon-twitter-gray:before {
	width: 38px;
	height: 38px;
	margin-top: -19px;
	background-position: -260px 0;
	}

.icon-twitter-gray:hover:before, .icon-twitter-gray:active:before { background-position: -260px -38px; }

.jq-dropdown .jq-dropdown-panel {
	background: rgba(135, 7, 75, 0.9);
	border: none;
	border-radius: 10px;
	box-shadow: none;
	}

.jq-dropdown.jq-dropdown-tip { margin-top: 12px; }

.jq-dropdown.jq-dropdown-tip:before {
	top: -11px;
	left: 30px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 11px solid rgba(135, 7, 75, 0.9);
	}

.jq-dropdown.jq-dropdown-tip:after { display: none; }

.large-list {
	margin-bottom: 40px;
	padding-left: 20px;
	}

.large-list li { font-size: 1.14285714rem; }

.large-list li + li { margin-top: 5px; }

.map-embed {
	position: relative;
	min-height: 480px;
	}

.map-embed #map {
	width: 100%;
	height: 200px;
	margin: 20px 0;
	}

@media only screen and (min-width: 48em) {
.map-embed #map {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	height: 100%;
	min-height: 400px;
	margin: 0;
	border-right: 10px solid #fff;
	border-bottom: 80px solid #fff;
	border-left: 10px solid #fff;
	}
}

.map-embed .map-tools { margin: 20px 0; }

@media only screen and (min-width: 48em) {
.map-embed .map-tools {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
	}
}

.map-embed .map-tools .pure-button {
	float: left;
	margin-right: 10px;
	}

.map-wrap { flex-direction: column; }

@media only screen and (min-width: 48em) {
.map-wrap {
	flex-direction: row;
	align-items: stretch;
	}
}

.mood-board { max-width: 1300px; }

@media only screen and (min-width: 64em) {
.mood-board { padding-top: 40px; }
}

.mood-board img {
	margin-top: 10px;
	margin-bottom: 10px;
	}

.mood-board .pure-u-md-12-24 img {
	margin-top: 15px;
	margin-bottom: 15px;
	}

.new-card-flow { margin: 20px 0; }

.overlay-page {
	display: none;
	max-width: 815px;
	padding: 20px;
	}

@media only screen and (min-width: 35.5em) {
.overlay-page { padding: 40px; }
}

.overlay-page h2 { font-size: 1.71428571rem; }

@media only screen and (min-width: 64em) {
.overlay-page h2 { font-size: 2.28571429rem; }
}

.overlay-page .pure-button.overlay-close {
	float: right;
	border: none;
	}

.overlay-page .pure-button.overlay-close:focus {
	box-shadow: 0px 0px 0px 3px rgba(204, 204, 204, 0.5);
}

.page-intro {
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.14285714rem;
	text-align: center;
	}

.pill {
	padding: 0.625em 1.25em;
	background-color: #e1e1e1;
	border-radius: 1em;
	color: #36454f;
	}

.pill.green {
	background-color: #36820D;
	color: #fff;
	}

.pill.purple {
	background-color: #a62d6d;
	color: #fff;
	}

.pill.red {
	background-color: #e32323;
	color: #fff;
	}

h6.pill {
	margin-top: 1.25em;
	font-size: 1rem;
	text-transform: uppercase;
	}

@media only screen and (min-width: 48em) {
.post { font-size: 1.14285714rem; }
}

.post h6 {
	margin: 20px 0 0;
	color: #a12265;
	font-size: 1.28571429rem;
	text-transform: uppercase;
	}

.post p { margin: 15px 0; }

.post-image {
	background-color: #ebebeb;
    margin-bottom: 2em;
}

.post-image img {
	width: 100%;
}

.post-image .post-caption {
	padding: 0.5em 1em 1em;
}

.post-image-left,
.post-image-right {
	margin-bottom: 15px;
}

.post-image-left img,
.post-image-right img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media only screen and (min-width: 35.5em) {
	.post-image-left {
		float: left;
		margin: 15px 15px 15px 0;
	}

	.post-image-right {
		float: right;
		margin: 15px 0 15px 15px;
	}
}

.post-brief { position: relative; }

.post-brief h4 { font-weight: 700; }

.post-brief h4 a { text-decoration: none; }

.post-brief p {
	margin: 5px 0;
	line-height: 1.35;
	}

.post-brief img.pure-img { margin: 0 0 15px; }

@media only screen and (min-width: 35.5em) {
.post-brief img.pure-img { margin: 0; }
}

.post-brief time {
	display: block;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #36820D;
	border-radius: 5px;
	color: #fff;
	font-size: 1.28571429rem;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	}

@media only screen and (min-width: 80em) {
.post-brief time {
	position: absolute;
	top: 50%;
	left: -58px;
	width: 65px;
	height: 53px;
	margin-top: -32px;
	padding: 12px 0 0;
	border-radius: 32px;
	text-align: center;
	}

.post-brief time strong { display: block; }
}

.post-brief .pure-button.clear {
	margin: 0;
	padding: 0;
	}

.post-brief .post-details { color: #a12265; }

.post-brief .post-details span { display: block; }

@media only screen and (min-width: 35.5em) {
.post-brief .post-details span {
	display: inline-block;
	padding-right: 10px;
	}
}

.post-brief .post-details time {
	display: inline-block;
	position: static;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
	color: #a12265;
	font-size: 1em;
	text-align: left;
	text-transform: none;
	}

.post-head h2 {
	text-align: left;
	margin-bottom: 5px;
	}

.post-head .byline {
	padding: 10px 0;
	border-top: 1px solid #36454f;
	}

.post-list h6 {
	margin-bottom: 0;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	}

.post-list h6 span {
	display: inline-block;
	padding: 10px 40px 8px;
	background-color: #af0861;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	color: #f8b9d4;
	line-height: 1;
	}

.post-list ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	}

.post-list li {
	border-bottom: 1px dashed #929292;
	font-size: 1.14285714rem;
	}

.post-list li a {
	display: block;
	padding: 10px 0;
	color: #a12265;
	text-decoration: none;
	}

.post-list img.pure-img { margin-top: 0; }

.post-list .box-summary h6 {
	text-align: left;
	text-transform: none;
	}

.post-list .pure-button { padding: 0.875rem 0.25rem; }

.post-list .pure-button.clear { padding: 0; }

.post-list .pure-button.green-fill { font-weight: 400; }

.promo-intro { margin-bottom: 60px; }

.promo-intro p { font-size: 1.28571429rem; }

.promo-overlay {
	display: none;
	box-sizing: border-box;
	max-width: 800px;
	background: #fff;
	}
	
.promo-overlay .pure-button.overlay-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 48px;
	height: 48px;
	padding: 0;
	background: #a62d6d;
	border: none;
	border-radius: 24px;
	text-align: center;
	}

@media only screen and (max-width: 63.9375em) {
	.promo-overlay .pure-button.overlay-close {
		top: 5px;
		right: 5px;
		width: 32px;
		height: 32px;
		border-radius: 16px;
	}

	.promo-overlay .icon-close-white { width: 14px; }

	.promo-overlay	.icon-close-white:before {
		width: 14px;
		height: 14px;
		margin-top: -7px;
		background-image: url(../img/icon-close-white.png) !important;
		background-size: 14px 14px;
	}
}
	
.promo-overlay-wrap .fancybox-skin {
	border: none;
	border-radius: 0;
	}

.pure-g [class *= "pure-u"] h6.pill:first-child { margin-top: 0; }

.pure-button {
	padding: 0.875rem 1rem;
	background: transparent;
	border: 2px solid #ccc;
	border-radius: 10px;
	color: #ccc;
	font-size: 1.14285714rem;
	white-space: normal;
	}

@media only screen and (min-width: 48em) {
.pure-button {
	padding-right: 2.25rem;
	padding-left: 2.25rem;
	}
}

.pure-button:focus { background-image: none; }

.pure-button:hover, .pure-button:active {
	background-image: none;
	background-color: #ccc;
	box-shadow: none;
	color: #fff;
	-webkit-transition: background-color 250ms, color 250ms;
	transition: background-color 250ms, border-color 250ms, color 250ms;
	}

.pure-button:focus {
	box-shadow: 0px 0px 0px 3px rgba(204, 204, 204, 0.5);
}

.pure-button.block-button { width: 100%; }

.pure-button.block-button + .block-button { margin-top: 10px; }

.pure-button.small-button {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 0.8571429rem;
	line-height: 1;
}

.pure-button.clear {
	padding: 0.875rem 0.5rem;
	border: none;
	color: #36820D;
	text-decoration: none;
	}

.pure-button.clear:hover, .pure-button.clear:active { background: transparent; }

.pure-button.clear:focus {
	background: transparent;
	/*box-shadow: 0px 0px 0px 3px rgba(204, 204, 204, 0.5);*/
	box-shadow: none;
}

.pure-button.icon-button {
	padding: 0.25rem;
	background: transparent;
	border: none;
	}

.pure-button.icon-button:hover, .pure-button.icon-button:active { background: transparent; }

.pure-button.icon-button:focus {
	background: transparent;
	/*box-shadow: 0px 0px 0px 3px rgba(204, 204, 204, 0.5);*/
	box-shadow: none;
}

.pure-button.charcoal {
	border-color: #36454f;
	color: #36454f;
	}

.pure-button.charcoal:hover, .pure-button.charcoal:active {
	background-color: #36454f;
	color: #fff;
	}

.pure-button.charcoal:focus {
	box-shadow: 0px 0px 0px 3px rgba(54, 69, 79, 0.5);
	}

.pure-button.gray-fill {
	background-color: #757575;
	border-color: #757575;
	color: #fff;
	}

.pure-button.gray-fill:hover, .pure-button.gray-fill:active {
	background-color: #555;
	border-color: #555;
	}

.pure-button.gray-fill:focus {
	box-shadow: 0px 0px 0px 3px rgba(170, 170, 170, 0.5);
	}

.pure-button.green {
	border-color: #36820D;
	color: #36820D;
	}

.pure-button.green:hover, .pure-button.green:active {
	background-color: #266803;
	border-color: #36820D;
	color: #fff;
	}

.pure-button.green:focus {
	box-shadow: 0px 0px 0px 3px rgba(142, 196, 73, 0.5);
	}

.pure-button.green-fill {
	background-color: #36820D;
	border-color: #36820D;
	color: #fff;
	}

.pure-button.green-fill:hover, .pure-button.green-fill:active {
	background-color: #266803;
	border-color: #266803;
	}

.pure-button.green-fill:focus {
	box-shadow: 0px 0px 0px 3px rgba(117, 167, 54, 0.5);
	}

.pure-button.pink-fill {
	background-color: #e17ead;
	border-color: #e17ead;
	color: #fff;
	}

.pure-button.pink-fill:hover, .pure-button.pink-fill:active {
	background-color: #d65b96;
	border-color: #d65b96;
	}

.pure-button.pink-fill:focus {
	box-shadow: 0px 0px 0px 3px rgba(218, 97, 155, 0.5);
	}

.pure-button.purple {
	border-color: #a62d6d;
	color: #a62d6d;
	}

.pure-button.purple:hover, .pure-button.purple:active {
	background-color: #a62d6d;
	color: #fff;
	}

.pure-button.purple:focus {
	box-shadow: 0px 0px 0px 3px rgba(166, 45, 109, 0.5);
	}

.pure-button.purple-fill {
	background-color: #a62d6d;
	border-color: #a62d6d;
	color: #fff;
	}

.pure-button.purple-fill:hover, .pure-button.purple-fill:active {
	background-color: #831a52;
	border-color: #831a52;
	}

.pure-button.purple-fill:focus {
	box-shadow: 0px 0px 0px 3px rgba(166, 45, 109, 0.5);
	}

.pure-button.white {
	border-color: #fff;
	color: #fff;
	}

.pure-button.white:hover, .pure-button.white:active {
	background-color: #fff;
	color: #36454f;
	}

.pure-button.white:focus {
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5);
	}

.pure-button.white-fill {
	background-color: #fff;
	border-color: #fff;
	color: #36454f;
	}

.pure-button.white-fill:hover, .pure-button.white-fill:active {
	background-color: rgba(255, 255, 255, 0.85);
	border-color: rgba(255, 255, 255, 0.85);
	}

.pure-button.white-fill:focus {
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5)
	}

.pure-button.slide-prev, .pure-button.slide-next {
	padding-right: 0.875rem;
	padding-left: 0.875rem;
	}

.pure-button.float-right { margin-left: 1rem; }

.pure-button.float-left { margin-right: 1rem; }

.pure-button.purple-fill.find-location-button {
	display: inline-block;
	padding: 10px 18px 10px 35px;
	background-image: url(../img/icon-map-marker-white.png);
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-size: 12px 16px;
	border-radius: 8px;
	font-size: 1rem;
}

.pure-button.is-loading {
	position: relative;
	padding-left: 50px;
}

.pure-button.is-loading::before {
	content: '';
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 20px 20px;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -10px;
}

.pure-button.green.is-loading::before {
	background-image: url(../img/loading-icon-white-green.gif);
}

.pure-button.purple.is-loading::before {
	background-image: url(../img/loading-icon-white-purple.gif);
}

.pure-button.green-fill.is-loading::before {
	background-image: url(../img/loading-icon-white-green-fill.gif);
}

.pure-button.purple-fill.is-loading::before {
	background-image: url(../img/loading-icon-white-purple-fill.gif);
}

.storeData-delivery {
	margin-bottom: 10px;
	margin-top: 10px;
}

.storeData-delivery a {
	display: inline-block;
	margin-right: 20px;
}

.delivery-button {
	margin-bottom: 10px;
	padding: 0;
	border: none;
	transition: filter 250ms;
}

.delivery-button:hover,
.delivery-button:active,
.delivery-button:focus {
	filter: brightness(75%);
}

.redirect-container .hero-img {
	max-width: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 64em) {
	.redirect-container .hero-img {
		max-width: 180px;
		margin-top: 0;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 47.9375em) {
	.redirect-container h2 {
		font-size: 1.71428571rem;
	}

	.redirect-container h4 {
		font-size: 1.28571429rem;
	}

	.redirect-container h5 {
		font-size: 1rem;
	}
}

.reward-card {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #64aa28;
	background: radial-gradient(circle, rgba(153, 210, 76, 1) 10%, rgba(120, 190, 60, 1) 50%, rgba(87, 158, 25, 1));
	border-radius: 20px;
	box-shadow: 0 2px 0 #4a7f0a;
	color: #fff;
	font-size: 1rem;
	text-shadow: 0 2px 0 #4a7f0a;
	}

@media only screen and (min-width: 35.5em) {
.reward-card {
	font-size: 1.5rem;
	padding: 20px;
	}
}

.reward-card.purple {
	background-color: #a3115e;
	background: radial-gradient(circle, rgba(205, 76, 143, 1) 10%, rgba(196, 58, 131, 1) 50%, rgba(149, 11, 84, 1));
	box-shadow: 0 2px 0 #4a0228;
	text-shadow: 0 2px 0 #4a0228;
	}

.reward-card.platinum {
	background-color: #8a8a8a;
	background: radial-gradient(circle, rgba(181, 181, 181, 1) 10%, rgba(143, 143, 143, 1) 50%, rgba(89, 89, 89, 1));
	box-shadow: 0 2px 0 #323232;
	text-shadow: 0 2px 0 #323232;
	}

.reward-card div {
	padding: 10px;
	border: 4px double #fff;
	border-radius: 20px;
	}

@media only screen and (min-width: 35.5em) {
.reward-card div { padding: 20px; }
}

.reward-card img {
	max-width: 50%;
	margin-bottom: 20px;
	}

@media only screen and (min-width: 35.5em) {
.reward-card img { max-width: 250px; }
}

.reward-card span {	display: block; }

@media only screen and (min-width: 35.5em) {
.reward-card span.card-date { font-size: 1.25rem; }
}

.reward-card span.card-name {
	margin-bottom: 5px;
	font-weight: 700;
	}

.reward-card span.card-number {
	margin-bottom: 10px;
	font-weight: 300;
	letter-spacing: 4px;
	white-space: nowrap;
	}

@media only screen and (min-width: 35.5em) {
.reward-card span.card-number { letter-spacing: 8px; }
}

.reward-flow .pill {
	position: relative;
	padding: 1.25em;
	}

@media only screen and (min-width: 48em) {
.reward-flow .pill { border-radius: 9999em; }
}

.reward-flow .pill.purple::after {
	display: inline-block;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -30px;
	content: '';
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 18px solid #a62d6d;
	}

.reward-flow .pill.purple h5, .reward-flow .pill.purple p { color: #fff; }

.reward-flow .pill.purple h5 { margin: 0 0 10px; }

.reward-flow .pill.purple p { margin: 0; }

.reward-flow .pill img {
	display: block;
	width: 100%;
	height: auto;
	}

.reward-footer {
	margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #fff;
	border-top: 2px solid #d7d7d7;
	border-bottom: 2px solid #d7d7d7;
	}

.reward-footer .pure-g div {
	padding-top: 10px;
	padding-bottom: 10px;
	}

@media only screen and (min-width: 35.5em) {
.reward-footer .pure-g div { border-left: 1px solid #d7d7d7; }
}

.reward-footer .pure-g div:first-child { border: none; }

.reward-progress {
	position: relative;
	margin-bottom: 20px;
	}

.reward-progress img {
	display: block;
	width: 100%;
	height: auto;
	}

.reward-progress .reveal {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/reward-progress-gray.png) no-repeat top left;
	background-size: 100% auto;
	}

.reward-progress .reward-tally {
	display: block;
	position: absolute;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: 50%;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	}

@media only screen and (min-width: 35.5em) {
.reward-progress .reward-tally { padding-top: 52%; }
}

.reward-progress .reward-tally .text-jumbo {
	display: block;
	font-size: 4.1875rem;
	font-weight: 700;
	line-height: 1;
	}

.reward-progress .reward-goal {
	display: block;
	position: absolute;
	bottom: 10%;
	width: 100%;
	font-size: 1.375rem;
	font-weight: 700;
	text-align: center;
	}

.reward-tiers {
	margin: 50px 0 20px;
	background: url(../img/bg-dots.png) repeat-y 50% 0;
	}

@media only screen and (min-width: 35.5em) {
.reward-tiers {
	margin: 50px 0 20px 50px;
	background: none;
	border-left: 4px dotted #d1d2d4;
	}
}

@media only screen and (min-width: 64em) {
.reward-tiers { margin: 50px 50px 20px 100px; }
}

.reward-tiers .box {
	position: relative;
	margin-bottom: 40px;
	padding: 15px;
	background-color: #fff;
	border: 2px solid #ebebeb;
	border-radius: 1em;
	}

.reward-tiers .box.green {
	background-color: #36820D;
	border-color: #36820D;
	color: #fff;
	}

.reward-tiers .box.platinum {
	background-color: #777674;
	border-color: #777674;
	color: #fff;
	}

.reward-tiers .box.purple {
	background-color: #a62d6d;
	border-color: #a62d6d;
	color: #fff;
	}

.reward-tiers .box.green h6, .reward-tiers .box.platinum h6, .reward-tiers .box.purple h6 { color: #fff; }

@media only screen and (min-width: 35.5em) {
.reward-tiers .box {
	margin-bottom: 80px;
	padding: 15px 15px 15px 70px;
	border-radius: 4px;
	}

.reward-tiers .box.green, .reward-tiers .box.platinum, .reward-tiers .box.purple {
	background-color: #fff;
	border-color: #ebebeb;
	}

.reward-tiers .box.green { color: #36820D; }

.reward-tiers .box.platinum { color: #777674; }

.reward-tiers .box.purple { color: #a62d6d; }
}

.reward-tiers .box:last-child {
	bottom: -4px;
	margin-bottom: 60px;
	}

@media only screen and (min-width: 35.5em) {
.reward-tiers .box h6 { display: none; }
}

.reward-tiers .box h6 span { font-weight: 400; }

.reward-tiers .box ul {
	margin: 0;
	padding-left: 20px;
	}

@media only screen and (min-width: 35.5em) {
.reward-tiers .box img {
	display: block;
	position: absolute;
	top: 50%;
	left: -53px;
	width: 107px;
	height: 114px;
	margin-top: -57px;
	}
}

.safety-measures {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}

.safety-measures li {
	position: relative;
	box-sizing: border-box;
	min-height: 78px;
	margin-bottom: 20px;
	padding-left: 95px;
}

.safety-measures li img {
	display: block;
	width: 78px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.safety-measures li strong {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media only screen and (min-width: 64em) {
	.safety-measures {
		flex-direction: row;
		flex-wrap: wrap;
		margin-right: -10px;
		margin-left: -10px;
	}
	
	.safety-measures li {
		flex: 0 0 50%;
		width: 50%;
		padding-right: 10px;
		padding-left: 105px;
	}

	.safety-measures li img {
		left: 10px;
	}
}

.share-post {
	padding: 15px 0;
	text-transform: uppercase;
	}

@media only screen and (min-width: 48em) {
.share-post { text-align: right; }
}

/* Locations > View - .StoreData & .store-data */
.store-data {
	padding-top: 10px;
	padding-left: 0;
	font-size: 1rem;
	}
	@media only screen and (min-width: 48em) {
		.store-data {
			padding-top: 0;
			padding-left: 10px;
		}
	}

.storeData-name-desktop {
	display: none;
	font-size: 1.71428571rem;
	text-align: left;
	font-weight: 700;
	margin-bottom: 0;
	}
	@media only screen and (min-width: 48em) {
		.storeData-name-desktop {
			display: block;
			}
		.storeData-name-mobile {
			display: none;
			}
	}

.storeData-directions strong {
	font-size: 1.1428571rem;
	color: #36454f;
	font-weight: 800;
	}
.storeData-directions a {
	font-size: 1rem;
	color: #36820D;
	font-weight: 400;
	}

.storeData-section-header {
	font-size: 0.9285714rem;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-bottom: 20px;
	border-bottom: 2px solid #757575;
	}


.storeData-address,
.storeData-scheduled,
.storeData-contact {
	margin-top: 20px;
	margin-bottom: 20px;
	}

.storeData-offerings-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	}

.storeData-offerings-item {
	margin: 0 0 15px 0;
	padding: 0;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	}


.storeData-offerings-item .offering-img-wrap {
	width: 45px;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	}

.offering-img-wrap img {
	max-width: 100%;
	height: auto;
	}

.storeData-offerings-item figcaption {
	padding-left: 10px;
	padding-right: 10px;
	}

.store-data .block-button {
	padding-right: 5px;
	padding-left: 5px;
	}

.store-data .pure-img { margin-top: 10px; }

.storeData-section { margin-bottom: 40px; }

.storeData-section-hours .store-hours-list {
	font-size: 14px;
	padding-left: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	}

.storeData-section-hours .store-hours-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	}

.storeData-section-hours .store-hours-item > span {
	width: 50%;
	}


.taxonomy {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	text-align: center;
	}

.taxonomy li {
	display: inline-block;
	margin: 10px 5px;
	}

.taxonomy li a {
	display: block;
	padding: 5px 15px;
	background-color: #757575;;
	border-radius: 10px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	}

.taxonomy li a:hover, .taxonomy li a:active {
	color: #fff;
	background-color: #555;
	}

@media only screen and (min-width: 48em) {
.valign-box-wrap {
	display: table;
	width: 100%;
	}

.valign-box {
	display: table-cell;
	vertical-align: middle;
	}
}

.flavor-attributes { padding-bottom: 20px; }

@media only screen and (min-width: 48em) {
.flavor-attributes { padding: 0 40px 20px; }
}

.flavor-attributes img {
	margin-top: 15px;
	margin-bottom: 15px;
	}

#flavors {
	position: relative;
	z-index: 1;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #fff;
	border-top: 10px solid #960853;
	}

#flavors .feature-img { display: none; }

@media only screen and (min-width: 48em) {
#flavors .feature-img { display: block; }
}

@media only screen and (min-width: 48em) {
	#flavors .flavorfinder {
		padding-top: 40px;
	}
}

#flavors .flavorfinder .pure-img { display: none; }

@media only screen and (min-width: 64em) {
#flavors .flavorfinder .pure-img { display: block; }
}

@media only screen and (min-width: 64em) {
#flavors .text-ruled {
	margin-top: 50px;
	margin-bottom: 40px;
	}
}

#gift-cardbalance .pure-g [class *= "pure-u"] {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	}

#gift-cardbalance .pure-g [class *= "pure-u"]:last-child { border: none; }

@media only screen and (min-width: 35.5em) {
#gift-cardbalance .pure-g [class *= "pure-u"] {
	padding-bottom: 0;
	border: none;
	}
}

#intro {
	position: relative;
	background-color: #960853;
}

#intro h2 {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 210px;
	height: 210px;
	margin: -105px 0 0 -105px;
	background: url('../img/title-make-a-bad-day-good.png') no-repeat top left;
	background-size: 210px 210px;
	text-indent: -9999rem;
	overflow: hidden;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	}

@media only screen and (min-width: 48em) {
#intro h2 {
	width: 420px;
	height: 420px;
	margin: -210px 0 0 -210px;
	background-size: 420px 420px;
	}
}

#intro h2.animate-out {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	}

#intro h2.alternative { background-image: url('../img/title-make-a-good-day-great.png'); }

#intro img {
	display: block;
	width: 100%;
	height: auto;
	}

#intro video {
	width: 100%;
	height: auto;
	}

#intro .container {
	max-width: none;
	padding: 0;
	}

#intro #intro-loop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	}

@media only screen and (min-width: 72em) {
#intro #intro-loop { display: block; }
}

#intro #splash-video-wrapper {
	position: relative;
	z-index: 0;
	}

#intro #splash-video-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: auto;
	}

#intro #splash-video-wrapper.active { z-index: 5; }

#intro #video-play {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 68px;
	height: 68px;
	margin-top: -34px;
	margin-left: -34px;
	background: url('../img/btn-play.png') no-repeat top left;
	background-size: 68px 68px;
	box-shadow: none;
	border: none;
	text-indent: -9999rem;
	overflow: hidden;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	}

#intro #video-play:focus { outline: 0; }

@media only screen and (min-width: 48em) {
#intro #video-play {
	width: 135px;
	height: 135px;
	margin-top: -67px;
	margin-left: -67px;
	background-size: 135px 135px;
	}
}

#results-filter .filter-button {
	display: block;
	padding: 0;
	border: none;
	border-radius: 0;
	color: #fff;
	font-size: 1.71428571rem;
	line-height: 1.5;
	font-weight: 300;
}

#results-filter .filter-button:hover, #results-filter .filter-button:active {
	background: transparent;
}

@media only screen and (max-width: 47.9375em) {
#results-filter {
	left: 0 !important;
	box-sizing: border-box;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	}

#results-filter:before {
	left: 50%;
	margin-left: -12px;
	}

#results-filter .jq-dropdown-panel {
	max-width: none;
	}
}

#location-results { vertical-align: top; }

#location-results .location-summary:last-child { margin-bottom: 0; }

#main {
	position: relative;
	z-index: 1;
	padding-top: 5%;
	padding-bottom: 10%;
	background: transparent url(../img/bg-circle-white-cropped.png) no-repeat 50% 50%;
	background-size: cover;
	}

body#full-bleed #main { padding: 0; }

body#home #main { margin-top: -5%; }

@media only screen and (min-width: 64em) {
body#home #main { margin-bottom: -5%; }
}

#page-nav {
	display: none;
	position: relative;
	z-index: 5;
	background-color: #87074b;
	text-align: left;
	}

@media only screen and (min-width: 64em) {
#page-nav {
	display: block;
	text-align: center;
	}
}

#page-nav ul {
	margin: 0;
	padding: 10px 0;
	list-style-type: none;
}

#page-nav li {
	display: block;
	border-bottom: 1px solid #bb4784;
	font-size: 1.14285714rem;
	}

@media only screen and (min-width: 64em) {
#page-nav li {
	display: inline-block;
	padding: 0 30px;
	border-left: 1px solid #f8b9d4;
	border-bottom: none;
	}
}

#page-nav li:first-child { border-left: none; }

#page-nav li:last-child { border-bottom: none; }

#page-nav li a {
	display: block;
	padding: 10px;
	color: #f8b9d4;
	text-decoration: none;
	}

@media only screen and (min-width: 64em) {
#page-nav li a {
	display: inline-block;
	padding: 0;
	}
}

#page-nav li a:hover, #page-nav li a:active, #page-nav li.selected a { color: #fff; }

#page-nav-large {
	display: block;
	position: relative;
	z-index: 5;
	background-color: #87074b;
	}

#page-nav-large img {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	width: 87px;
	height: 120px;
	margin-top: -55px;
	margin-left: -43px;
	}

@media only screen and (min-width: 64em) {
#page-nav-large img { display: block; }

#page-nav-large .selected { background-color: #9d2464; }

#page-nav-large .flavors-button {
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../img/icon-yogurt.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}

#page-nav-large .flavors-button.selected { background-image: url(../img/icon-yogurt-selected.png); }

#page-nav-large .location-button {
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../img/icon-globe.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}

#page-nav-large .location-button.selected { background-image: url(../img/icon-globe-selected.png); }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-device-pixel-ratio: 2) {
#page-nav-large .flavors-button {
	background-image: url(../img/icon-yogurt@2x.png);
	background-size: 127px 122px;
	}

#page-nav-large .flavors-button.selected { background-image: url(../img/icon-yogurt-selected@2x.png); }

#page-nav-large .location-button {
	background-image: url(../img/icon-globe@2x.png);
	background-size: 127px 122px;
	}

#page-nav-large .location-button.selected { background-image: url(../img/icon-globe-selected@2x.png); }
}

#page-nav-large .pure-button {
	display: block;
	float: none;
	margin: 0;
	padding: 10px 20px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #bb4784;
	border-radius: 0;
	color: #f8b9d4;
	text-align: left;
	}

#page-nav-large .pure-button:hover, #page-nav-large .pure-button:active, #page-nav-large .selected .pure-button { color: #fff; }

#page-nav-large .pure-button.float-left { border-bottom: none; }

@media only screen and (min-width: 64em) {
#page-nav-large .pure-button, #page-nav-large .pure-button.float-left {
	display: inline-block;
	padding: 0.875rem 2.25rem;
	border: 2px solid #fff;
	border-radius: 10px;
	color: #fff;
	font-size: 1.28571429rem;
	text-align: center;
	text-transform: uppercase;
	}

#page-nav-large .pure-button:hover, #page-nav-large .pure-button:active, #page-nav-large .selected .pure-button {
	background-color: #36820D;
	border-color: #36820D;
	color: #fff;
	}

#page-nav-large .pure-button.float-right {
	float: right;
	padding-right: 4.5rem;
	}

#page-nav-large .pure-button.float-left {
	float: left;
	padding-left: 4.5rem;
	}

#page-nav-large .selected .pure-button { background-color: #36820D; }
}

#page-nav-secondary {
	display: block;
	position: relative;
	z-index: 5;
	background-color: #bb4784;
	text-align: center;
	}

#page-nav-secondary ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	}

#page-nav-secondary li {
	display: inline-block;
	padding: 0 40px;
	font-size: 1.14285714rem;
	}

@media only screen and (min-width: 64em) {
#page-nav-secondary li { border-left: 1px solid #f8b9d4; }

#page-nav-secondary li:first-child { border-left: none; }
}

#page-nav-secondary li a {
	color: #fff;
	text-decoration: none;
	}

#page-nav-reveal {
	display: block;
	position: relative;
	z-index: 5;
	width: 100%;
	margin: 0;
	padding: 10px 20px;
	background: #87074b;
	border: none;
	border-bottom: 1px solid #bb4784;
	color: #fff;
	font-size: 1.14285714rem;
	text-align: left;
	}

@media only screen and (min-width: 64em) {
#page-nav-reveal { display: none; }
}

#page-nav-reveal:focus { outline: 0; }

#page-nav-reveal.selected span.icon {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	}

#promo a {
	display: block;
	width: 100%;
	height: 485px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	text-indent: -9999rem;
	overflow: hidden;
	}

@media only screen and (min-width: 48em) {
#promo a { height: 395px; }
}

@media only screen and (min-width: 64em) {
#promo a {
	height: 755px;
	border: none;
	}
}

#promo .container {
	max-width: none;
	padding: 0;
	}

#promo-badge {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 52px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	text-indent: -9999rem;
	overflow: hidden;
	}

@media only screen and (min-width: 48em) {
#promo-badge {
	position: absolute;
	top: 20px;
	right: 0;
	width: 175px;
	height: 188px;
	background-size: 175px 188px;
	}
}

@media only screen and (min-width: 64em) {
#promo-badge {
	width: 350px;
	height: 376px;
	background-size: auto;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
#promo-badge { background-size: 768px 52px; }
}

#promo-badge:focus { outline: 0; }

#real-rewards-signup-trigger {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	left: 0;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px;
	background: #F7C1DA;
	border: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #a12265;
	font-size: 1.28471429rem;
	font-weight: 400;
	text-transform: uppercase;
}

#real-rewards-signup-trigger.hover .icon-caret-s-purple:before {
	background-position: -173px 0;
}

#real-rewards-signup {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	transform: translateY(100%);
}

#real-rewards-signup.is-active {
	transform: translateY(0);
}

#real-rewards-signup > div {
	padding: 20px;
}

#real-rewards-signup .real-rewards-signup-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	font-size: 1.28571429rem;
	text-transform: uppercase;
}

#real-rewards-signup .real-rewards-signup-title h6 {
	margin: 0;
	color: #fff;
	font-size: 1.71428571rem;
	font-weight: 400;
	text-transform: uppercase;
}

#real-rewards-signup .real-rewards-signup-title img {
	display: block;
	width: 100px;
	height: auto;
	margin-left: -15px;
}

#real-rewards-signup .real-rewards-signup-form {
	position: relative;
	background-color: #F7C1DA;
}

#real-rewards-signup .real-rewards-signup-form h6 {
	margin: 0 0 20px;
	color: #a12265;
	font-size: 1.71428571rem;
	font-weight: 400;
	text-transform: uppercase;
}

#real-rewards-signup .real-rewards-signup-form form {
	margin: 0;
}

#real-rewards-signup .real-rewards-signup-form input {
	margin: 0 0 20px;
	padding: 5px;
	border-color: #960853;
	font-size: 1rem;
}

#real-rewards-signup .real-rewards-signup-form label {
	color: #2b2b2b;
	font-size: 1rem;
}

#real-rewards-signup .real-rewards-signup-form button[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 7px;
}

#real-rewards-signup .real-rewards-signup-form .pure-button.overlay-close {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 10;
	padding: 9px 10px;
	background: #960853;
	border: none;
	border-radius: 9999em;
	line-height: 1;
	}

#real-rewards-signup .real-rewards-signup-form .pure-button.overlay-close:hover,
#real-rewards-signup .real-rewards-signup-form .pure-button.overlay-close:active {
	background: #6d023a;
}

#real-rewards-signup .real-rewards-signup-form .pure-button .icon-close-white {
	width: 15px;
	height: 15px;
	padding: 0;
}

#real-rewards-signup .real-rewards-signup-form .pure-button .icon-close-white:before {
	top: 0;
	margin-top: 0;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
}

#real-rewards-signup .real-rewards-signup-intro {
	background-color: #960853;
	color: #fff;
	font-size: 1rem;
}

@media only screen and (min-width: 64em) {
	#real-rewards-signup-trigger {
		display: none;
	}

	#real-rewards-signup {
		flex-direction: row;
		transform: translateY(0);
	}	

	#real-rewards-signup > div {
		padding: 20px 30px;
	}

	#real-rewards-signup .real-rewards-signup-form {
		width: 66.666666%;
	}

	#real-rewards-signup .real-rewards-signup-form h6:first-child {
		display: none;
	}

	#real-rewards-signup .real-rewards-signup-form input {
		margin-bottom: 0;
	}

	#real-rewards-signup .real-rewards-signup-form button[type="submit"] {
		width: auto;
	}

	#real-rewards-signup .real-rewards-signup-form .pure-g > div:last-child {
		display: flex;
		align-items: flex-end;
	}

	#real-rewards-signup .real-rewards-signup-intro {
		width: 33.333333%;
	}
}

#refer-badge {
	display: none;
	position: absolute;
	top: 416px;
	right: 0;
	z-index: 1;
	width: 260px;
	height: 218px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -9999rem;
	overflow: hidden;
	}

@media only screen and (min-width: 80em) {
#refer-badge { display: block; }
}

#refer-badge.option-a { background-image: url(../img/refer-friends-badge.png); }

#refer-badge.option-b { background-image: url(../img/refer-friends-badge.png); }

#rewards {
	display: block;
	padding-top: 5%;
	background-color: #36820D;
	color: #fff;
	text-align: center;
	}

#rewards h4 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.28571429rem;
	}

#rewards .container { max-width: 500px; }

#rewards .menu {
	margin: -20px 0 0;
	padding: 20px;
	background-color: #73ae23;
	list-style: none;
	text-align: center;
	}

#rewards .menu li {
	display: inline-block;
	padding: 10px 15px;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	}

#rewards .menu li:first-child {
	border: none;
	padding-left: 0;
	}

#rewards .menu li:last-child { padding-right: 0; }

#rewards .menu li a {
	color: #fff;
	text-decoration: none;
	}

#rewards .realrewards-logo {
	max-width: 275px;
	width: 100%;
	height: auto;
	}

@media only screen and (min-width: 35.5em) {
	#rewards h4 {
		font-size: 1.928571429rem;
	}

	#rewards .menu li {
		padding-left: 30px;
		padding-right: 30px;
		font-size: 1.125rem;
	}
}

@media only screen and (min-width: 64em) {
	#rewards { display: none; }
}

#social-feed {
	padding-top: 20px;
	padding-bottom: 0;
}

#social-feed h3 {
	max-width: 680px;
	margin-bottom: 40px;
	line-height: 1.5;
}

	#social-feed .pure-button {
	font-size: 1.71428571rem;
	border-radius: 9999px;
}

@media only screen and (min-width: 64em) {
	#social-feed {
    padding-bottom: 180px;
	}

	#social-feed .pure-button {
		font-size: 3rem;
	}
}

#social-feed small {
	display: inline-block;
	margin-top: 20px;
	font-size: 70%;
}

#social-feed .instagram-feed {
	max-width: 1080px;
	margin: 0 auto;
	border: 30px solid #fff;
}

#social-feed .instagram-button {
	display: inline-block;
	min-height: 21px;
	margin-bottom: 30px;
	padding-left: 40px;
	background: url('../img/logo-instagram-fill.png') no-repeat 10px 50%;
	background-size: 21px 21px;
	color: #a62d6d;
	font-size: 1rem;
	line-height: 21px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

#social-feed .instagram-button:hover, #social-feed .instagram-button:active {
	color: #831a52;
}

@media only screen and (min-width: 48em) {
	#social-feed .instagram-button {
		margin-bottom: 50px;
		font-size: 1.28571429rem;
	}
}

#social-board { display: none; }

@media only screen and (min-width: 64em) {
#social-board { display: block; }
}

#social-board a { display: block; }

#social-board img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0.35;
	}

#social-board .container {
	max-width: none;
	padding: 0;
	}

@media only screen and (min-width: 64em) {
#social-slider { display: none; }
}

.instagram-card {
	position: relative;
}

.instagram-card-meta {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2px 3px;
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 0.78571429rem;
}

#social-feed .instagram-card {
	margin-bottom: 20px;
}

.social-wrap .fancybox-skin { border: none; }

.social-wrap .overlay-page {
	position: relative;
	max-width: 800px;
	padding: 0;
	border: none;
	}

.social-wrap .overlay-page img.pure-img {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	}

@media only screen and (min-width: 35.5em) {
.social-wrap .overlay-page img.pure-img {
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	}
}

.social-wrap .overlay-page .pure-g [class *= "pure-u"]:last-child {
	box-sizing: border-box;
	padding: 15px 15px 40px;
	}

.social-wrap .overlay-close {
	padding-right: 0;
	padding-left: 0;
	}

.social-post {
	line-height: 1.5;
	word-break: break-all;
	word-wrap: break-word;
	}

@media only screen and (min-width: 35.5em) {
.social-post { font-size: 1.14285714rem; }
}

.social-post a {
	color: #36454f;
	font-weight: 700;
	text-decoration: none;
	}

.social-post a:hover, .social-post a:active { color: #36820D; }

.social-post a:focus { outline: 0; }

.social-post time {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 1.125em;
	}

.social-post .byline {
	display: table;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.125em;
	font-weight: 500;
	}

.social-post .byline a {
	display: table-cell;
	vertical-align: middle;
	color: #36820D;
	}

.social-post .byline img {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	border-radius: 18px;
	}

.page-banner {
	position: relative;
	background-color: #960853;
	color: #fff;
	}

.page-banner-container {
	position: relative;
	box-sizing: border-box;
	max-width: 1440px;
	min-height: 300px;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	}

.page-banner-figure {
	display: none;
	}

.page-banner-title h1 {
	margin: 0;
	color: #fff;
	font-size: 1.71428571rem;
	text-align: left;
	}

.page-banner-title p {
	font-size: 0.92857143rem;
	line-height: 1.85;
	}

.page-banner-title .pure-button {
	margin-top: 10px;
	padding: 10px 25px;
	border-radius: 9999em; /* 'Pill' shape */
	font-size: 1.14285714rem;
	font-weight: normal;
	line-height: 1;
	}

.page-banner-condensed .page-banner-container {
	min-height: 0;
	}

.page-banner-condensed .page-banner-title h1 {
	font-size: 2.28571429rem;
	font-weight: 700;
	text-align: center;
	}

@media only screen and (min-width: 64em) {
	.page-banner-container {
		min-height: 500px;
		flex-direction: row;
		align-items: center;
	}

	.page-banner-container > div {
		flex: 0 0 50%;
		width: 50%;
	}

	.page-banner-figure {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.page-banner-figure img {
		display: block;
		width: 100%;
		max-width: 620px;
		height: auto;
	}

	.page-banner-title p {
		display: inline-block;
		font-size: 1.28571429rem;
	}

	.page-banner-condensed .page-banner-container {
		min-height: 150px;
		}

	.page-banner-condensed .page-banner-title h1 {
		font-size: 3.42857143rem;
		}
}

.page-billboard {
	min-height: 150px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

@media only screen and (min-width: 48em) {
	.page-billboard {
		min-height: 300px;
	}
}

@media only screen and (min-width: 64em) {
	.page-billboard {
		min-height: 425px;
	}
}

.our-story h1,
.our-story h2 {
	margin: 0;
	padding: 60px 0;
	color: #2B2B2B;
	font-size: 2.57142857rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.our-story h3 {
	margin: 0 0 20px;
	color: #9B0D4F;
	font-size: 1.71428571rem;
	text-align: center;
}

.our-story p {
	color: #2B2B2B;
	font-size: 1.14285714rem;
}

#content.our-story {
	background-color: #f8f8f8;
}

.our-story .narrow .container {
	max-width: 940px;
}

.our-story .contrast {
	background-color: #fff;
}

.our-story-group {
	margin-bottom: 60px;
}

.our-story-group img:first-child {
	margin-bottom: 40px;
}

.our-story-awards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 0 60px;
	padding: 0;
	list-style: none;
}

.our-story-awards li {
	box-sizing: border-box;
	flex: 0 0 50%;
	width: 50%;
	margin: 0;
	padding: 10px 10px 30px;
	color: #2B2B2B;
	font-weight: 400;
	font-style: italic;
	text-align: center;
}

.our-story-awards li strong {
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
	font-style: normal;
}

@media only screen and (min-width: 64em) {
	.our-story h1,
	.our-story h2 {
		padding: 80px 0;
		font-size: 3.57142857rem;
	}

	.our-story h3 {
		margin: 0 0 30px;
		font-size: 2.28571429rem;
	}

	.our-story p {
		font-size: 1.28571429rem;
	}

	.our-story-group {
		margin-bottom: 100px;
	}

	.our-story-group img:first-child {
		margin-bottom: 60px;
	}

	.our-story-copy {
		padding: 0 40px;
	}

	.our-story-awards {
		margin-bottom: 160px;
	}

	.our-story-awards li {
		flex: 0 0 33.333333%;
		width: 33.333333%;
	}
}

.real-rewards-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 0;
}

.real-rewards-actions div + div {
	margin-top: 40px;
}

.real-rewards-actions h4 {
	margin-bottom: 20px;
	color: #2B2B2B;
	font-size: 1.28571429rem;
	line-height: 1.5;
	text-align: center;
}

.real-rewards-banner .page-banner-container {
	max-width: 600px;
}

.real-rewards-banner .page-banner-figure {
	display: flex;
	align-items: center;
	justify-content: center;
	order: -1;
}

.real-rewards-banner .page-banner-figure img {
	margin-bottom: 40px;
	max-width: 250px;
}

.real-rewards-benefits {
	max-width: 1212px;
	margin: 40px auto;
	padding-bottom: 0;
}

.real-rewards-benefits .fineprint {
	margin: 60px 0 0;
	color: #000;
	text-align: center;
}

.real-rewards-benefits-header {
	padding: 20px 0 60px;
	text-align: center;
}

.real-rewards-benefits-header h2 {
	margin: 0;
	color: #000;
	font-size: 1.92857143rem;
	font-weight: bold;
	text-transform: uppercase;
}

.real-rewards-benefits-header h3 {
	margin: 0;
	color: #000;
	font-size: 1.28571429rem;
}

.real-rewards-benefits-header h2 + h3 {
	margin-top: 15px;
}

.real-rewards-benefits-row {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.real-rewards-benefits-tile {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 344px;
	padding: 30px 15px;
	outline: 2px solid #95C11F;
	text-align: center;
}

.real-rewards-benefits-tile::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transform: translateX(-10px) translateY(-10px);
	background-color: rgba(150, 8, 83, 0.1);
}

.real-rewards-benefits-tile:nth-child(2)::before {
	background-color: rgba(150, 8, 83, 0.15);
}

.real-rewards-benefits-tile:nth-child(3)::before {
	background-color: rgba(150, 8, 83, 0.2);
}

.real-rewards-benefits-tile + .real-rewards-benefits-tile {
	margin-top: 60px;
}

.real-rewards-benefits-tile::after {
	content: '';
	position: absolute;
	top: -27px;
	left: -31px;
	display: block;
	width: 31px;
	height: 52px;
	background: url(../img/green-leaf.svg) no-repeat top left;
	background-size: 31px 52px;
}

.real-rewards-benefits-tile h4 {
	margin: 0 0 20px;
	color: #960853;
	text-transform: uppercase;
}

.real-rewards-benefits-tile ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.real-rewards-benefits-tile li {
	color: #2B2B2B;
	font-size: 1.28571429rem;
	text-align: center;
}

.real-rewards-benefits-tile li + li {
	margin-top: 30px;
}

.real-rewards-benefits-tile li small {
	display: block;
	font-size: 1rem;
}	

.real-rewards-download {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-top: 40px;
}

.real-rewards-download > a + a {
	margin-left: 20px;
}

.real-rewards-download img {
	display: block;
	width: auto;
	height: 40px;
}

.real-rewards-register-banner {
	background: #f7f7f7;
}

.real-rewards-register-banner .feature-banner-body-tile {
	text-align: left;
}

.real-rewards-register-banner .feature-banner-body-tile h3 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-size: 1.71428571rem;
	font-weight: 400;
}

.real-rewards-register-banner .pure-button {
	border-color: #000;
	color: #000;
}

.real-rewards-register-banner .pure-button:hover,
.real-rewards-register-banner .pure-button:active {
	background-color: #000;
	color: #f7f7f7;
}

.real-rewards-works-banner .feature-banner-header h2 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 400;
	text-transform: uppercase;
}

.real-rewards-works-banner .feature-banner-body {
	background: #000;
}

.real-rewards-works-banner .feature-banner-body-tile h2 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 400;
	text-transform: uppercase;
}

.real-rewards-works-banner .feature-banner-body-tile h3,
.real-rewards-works-banner .feature-banner-body-tile p,
.real-rewards-works-banner .feature-banner-body-tile p small,
.real-rewards-works-banner .feature-banner-note {
	color: #fff;
}

.real-rewards-works-banner .feature-banner-body-tile h3 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-size: 1.71428571rem;
	font-weight: 400;
}

.real-rewards-works-banner .pure-button:hover,
.real-rewards-works-banner .pure-button:active {
	color: #000;
}

.real-rewards-errata {
	box-sizing: border-box;
	max-width: 600px;
	margin: 60px auto 80px;
	padding: 0 20px;
}

.real-rewards-errata ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.real-rewards-errata li {
	color: #36454F;
	font-size: 1.14285714rem;
}

.real-rewards-errata li + li {
	margin-top: 30px;
}

.real-rewards-perks {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 60px 0;
	text-align: center;
}

.real-rewards-perks > div {
	max-width: 350px;
}

.real-rewards-perks > div + div {
	margin-top: 40px;
}

.real-rewards-perks h4 {
	margin-bottom: 15px;
	color: #2B2B2B;
	font-size: 1.71428571rem;
	font-weight: 400;
}

.real-rewards-perks p {
	margin: 0;
	color: #2B2B2B;
}

.real-rewards-perks img {
	display: block;
	max-width: 100px;
	height: auto;
	margin: 0 auto 10px;
}

.real-rewards-card-reg {
	box-sizing: border-box;
	max-width: 600px;
	margin: 60px auto 80px;
	padding: 20px 20px 0;
}

.real-rewards-card-reg h3 {
	margin-bottom: 30px;
	color: #36454f;
	font-size: 1.71428571rem;
	font-weight: 400;
}

.real-rewards-card-reg .pure-form input + .error-message {
	color: #a12265;
	font-weight: bold;
}

@media only screen and (min-width: 64em) {
	.real-rewards-actions {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		max-width: none;
		padding: 75px 0;
	}

	.real-rewards-actions > div {
		margin: 0 20px;
		min-width: 300px;
	}

	.real-rewards-actions div + div {
		margin-top: 0;
	}

	.real-rewards-actions div:last-child {
		margin-top: 40px;
	}

	.real-rewards-banner .page-banner-container {
		max-width: 1440px;
	}

	.real-rewards-banner .page-banner-figure {
		order: initial;
	}

	.real-rewards-banner .page-banner-figure img {
		max-width: 420px;
		transform: translateY(-45px);
	}

	.real-rewards-benefits-row {
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;
	}
	
	.real-rewards-benefits-tile {
		margin: 0 30px;
	}

	.real-rewards-benefits-tile + .real-rewards-benefits-tile {
		margin-top: 0;
	}

	.real-rewards-download {
		margin-top: 80px;
	}

	.real-rewards-errata {
		max-width: 1440px;
		margin-bottom: 160px;
		padding: 0 30px;
	}

	.real-rewards-errata li {
		font-size: 1.28571429rem;
	}

	.real-rewards-perks {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: center;
		margin: 90px 0 115px;
	}

	.real-rewards-perks > div {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
		width: 33%;
		max-width: none;
		margin: 0;
		padding: 0 20px;
	}

	.real-rewards-perks > div + div {
		margin-top: 0;
	}

	.real-rewards-card-reg {
		max-width: 1440px;
		margin-bottom: 80px;
		padding: 20px 30px 0;
	}

	.real-rewards-card-reg .pure-g {
		flex-wrap: nowrap;
	}

	.real-rewards-card-reg .pure-form button[type="submit"] {
		margin-top: 27px;
	}

	/* Exception to the usual pattern, for this inline form */
	.real-rewards-card-reg .pure-form div.required label::after {
		display: none;
	}
}

@media only screen and (min-width: 80em) {
	.real-rewards-banner .page-banner-title {
		box-sizing: border-box;
		padding-left: 60px;
	}

	.real-rewards-benefits {
		padding: 40px 0 0;
	}

	.real-rewards-benefits-header h2 {
		font-size: 3.57142857rem;
	}
	
	.real-rewards-benefits-header h3 {
		font-size: 1.71428571rem;
	}
	
	.real-rewards-benefits-header h2 + h3 {
		margin-top: 30px;
	}

	.real-rewards-errata {
		padding: 0 78px;
	}

	.real-rewards-perks p {
		font-size: 1.28571429rem;
	}

	.real-rewards-perks img {
		max-width: 175px;
		margin-bottom: 40px;
	}

	.real-rewards-card-reg {
		padding: 0 78px;
	}
}

.header-group {
	max-width: 720px;
	margin: 0 auto;
	padding: 20px 0 60px;
	text-align: center;
}

.header-group h2 {
	margin: 0;
	font-size: 1.92857143rem;
	font-weight: bold;
	text-transform: uppercase;
}

.header-group h3 {
	margin: 0;
	color: #2B2B2B;
	font-size: 1.28571429rem;
	line-height: 1.5;
}

.header-group h2 + h3 {
	margin-top: 15px;
}

.header-group h3 + .pure-button {
	margin-top: 30px;
}

.header-group .pure-button {
	padding-right: 3em;
	padding-left: 3em;
}

@media only screen and (min-width: 48em) {
	.header-group .pure-button {
		padding-right: 7em;
		padding-left: 7em;
	}
}

@media only screen and (min-width: 80em) {
	.header-group h2 {
		font-size: 3.57142857rem;
	}
	
	.header-group h3 {
		font-size: 1.71428571rem;
	}
	
	.header-group h2 + h3 {
		margin-top: 30px;
	}

	.header-group h3 + .pure-button {
		margin-top: 50px;
	}
}

.signup-body {
	max-width: 725px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.signup-body-container {
	max-width: 725px;
	margin: 0 auto;
	padding: 0 20px;
}

.signup-body-intro {
	max-width: 624px;
	margin: 0 auto 40px;
	font-size: 1.14285714rem;
}

.signup-body-intro h2 {
	color: #000;
	font-size: 2.28571429rem;
	text-align: left;
}

.signup-body-intro p {
	font-size: 1.14285714rem;
	line-height: 1.5;
}

.signup-body-intro ul {
	margin-left: 0;
	padding-left: 20px;
}

.signup-body h3 {
	color: #36454F;
	font-size: 1.5rem;
}

.signup-body p {
	color: #36454F;
	font-size: 1.14285714rem;
}

.signup-body .pure-form fieldset {
	margin-bottom: 40px;
}

.signup-body .pure-form legend {
	margin-bottom: 24px;
	color: #36454F;
	font-size: 1.71428571rem;
	font-weight: bold;
}

.signup-body-success h3 {
	font-size: 2.57142857rem;
}

.signup-body-success h3 .icon-success {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.signup-body-success h4 {
	color: #36454F;
	font-size: 1.71428571rem;
}

.signup-header {
	position: relative;
	background: #a62d6d;
}

.signup-header-fundraising {
	background: url('../img/bg-gradient-fundraising.jpg')no-repeat 50% 50%;
	background-size: cover;
}

.signup-header::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: #FFFFFF;
	clip-path: ellipse(68% 80px at 50% 100%);
}

.signup-header-container {
	position: relative;
	max-width: 1300px;
	min-height: 300px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

@media only screen and (max-width: 48em) {
	.signup-header-fundraising .signup-header-container {
		padding-bottom: 60px;
	}
}

.signup-header-figure {
	display: none;
}

.signup-header-description {
	transform: translateY(20px);
	color: #fff;
	text-align: left;
}

.signup-header-description h1 {
	color: #fff;
	font-size: 2.28571429rem;
	text-align: left;
}

.signup-header-description h2 {
	color: #fff;
	font-size: 1.28571429rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
}

@media only screen and (min-width: 64em) {
	.signup-body {
    padding-bottom: 180px;
	}

	.signup-body-intro {
		margin-bottom: 64px;
		font-size: 1.28571429rem;
	}

	.signup-body-intro h2 {
		font-size: 3.57142857rem;
	}

	.signup-body-intro p {
		font-size: 1.28571429rem;
	}

	.signup-body h3 {
		font-size: 2.571428571rem;
	}

	.signup-body .pure-form fieldset {
		margin-bottom: 60px;
	}

	.signup-body-success h3 .icon-success {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}

	.signup-header::before {
		height: 100px;
		clip-path: ellipse(68% 100px at 50% 100%);
	}

	.signup-header-container {
		min-height: 500px;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.signup-header-container > div {
		flex: 0 0 50%;
		width: 50%;
	}

	.signup-header-figure {
		display: flex;
		max-width: 547px;
		align-items: center;
		justify-content: center;
		transform: translateY(20px);
	}

	.signup-header-figure img {
		display: block;
		width: 100%;
		height: auto;
	}

	.signup-header-description {
		justify-content: center;
		transform: translateY(-30px);
		max-width: 630px;
		padding-right: 40px;
	}

	.signup-header-description h1 {
		font-size: 3.57142857rem;
	}
	
	.signup-header-description h2 {
		font-size: 1.71428571rem;
	}
}

@media only screen and (min-width: 80em) {
	.signup-header::before {
		height: 150px;
		clip-path: ellipse(68% 150px at 50% 100%);
	}

	.signup-header-container {
		min-height: 700px;
	}

	.signup-header-figure {
		transform: translateY(30px);
	}

	.signup-header-description {
		transform: translateY(-60px);
	}
}

.froyogames-mini-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 20px;
	background: url('../img/froyogames/bg-gradient.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.froyogames-mini-banner img {
	display: block;
	width: 100%;
	max-width: 260px;
	height: auto;
}

.froyogames-mini-banner a {
	display: block;
	margin-top: 10px;
}

.froyogames-mini-banner a img {
	max-width: 180px;
}

@media only screen and (min-width: 48em) {
	.froyogames-mini-banner {
		flex-direction: row;
		justify-content: center;
	}

	.froyogames-mini-banner img {
		max-width: 412px;
	}

	.froyogames-mini-banner a {
		margin: 0 0 0 40px;
	}

	.froyogames-mini-banner a img {
		max-width: 240px;
	}
}



/* Footer
-------------------------------------------------------------- */

footer .menu {
	display: none;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}

@media only screen and (min-width: 64em) {
footer .menu { display: block; }
}

footer .menu:first-child { border-bottom: 1px solid #b0467e; }

footer .menu li {
	display: inline-block;
	margin-left: 40px;
	padding: 10px 0;
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1;
	}

footer .menu li:first-child { margin-left: 0; }

footer .menu li a {
	color: #fff;
	text-decoration: none;
	}

footer .credits {
	padding-top: 15px;
	color: #f8b9d4;
	font-size: 0.85714286rem;
	}

footer .credits a {
	color: #f8b9d4;
	text-decoration: none;
	}

footer .credits ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}

footer .credits ul li {
	display: inline-block;
	padding: 5px;
	}

footer .fineprint {
	color: #f8b9d4;
	font-size: 0.85714286rem;
	text-align: justify;
	}

footer .site-logo {
	display: block;
	width: 190px;
	height: 54px;
	margin: 0 auto;
	}

@media only screen and (min-width: 64em) {
footer .site-logo {
	width: 100%;
	max-width: 220px;
	height: auto;
	}
}

.social-tools {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	text-align: center;
	}

@media only screen and (min-width: 64em) {
.social-tools {
	justify-content: flex-start;
	margin-bottom: 0;
	text-align: left;
	}
}

.social-tools li {
	display: inline-block;
	margin-left: 10px;
	}

.social-tools li:first-child { margin-left: 0; }

.social-tools li img {
	display: block;
	width: 40px;
	height: 40px;
	}

span.term {
	display: block;
	color: #939598;
	font-weight: 700;
	text-transform: uppercase;
	}

#sub-footer {
	position: relative;
	z-index: 2;
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #87074b;
	text-align: center;
	}

#sub-footer .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	}

#sub-footer .container::before,
#sub-footer .container::after {
	display: none;
	}

#sub-footer .footer-feature {
	display: none;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}

#sub-footer .footer-feature.title-get-real-rewards {
	width: 346px;
	height: 191px;
	padding: 0 9px;
	}

#sub-footer .footer-feature.title-get-real-rewards a {
	display: block;
	width: 346px;
	height: 346px;
	margin-top: 18px;
	background: #fff;
	border-radius: 173px;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
	-webkit-transition: margin-top 250ms;
	transition: margin-top 250ms;
	}

#sub-footer .footer-feature.title-get-real-rewards a:hover,
#sub-footer .footer-feature.title-get-real-rewards a:active,
#sub-footer .footer-feature.title-get-real-rewards a:focus {
	margin-top: 9px;
	outline: 0;
	}

#sub-footer .footer-feature.title-get-real-rewards img {
	position: relative;
	top: 40px;
	display: block;
	width: 227px;
	height: 117px;
	margin: 0 auto;
	transform: translateX(15px);
	}

#sub-footer .footer-feature.title-unique-flavors {
	width: 268px;
	height: 205px;
	}

#sub-footer .footer-feature.title-unique-flavors a {
	display: block;
	box-sizing: border-box;
	width: 268px;
	height: 268px;
	margin-top: 11px;
	background: #fff;
	border-radius: 134px;
	border: 5px solid #f8b9d4;
	-webkit-transition: margin-top 250ms;
	transition: margin-top 250ms;
	}

#sub-footer .footer-feature.title-unique-flavors a:hover,
#sub-footer .footer-feature.title-unique-flavors a:active,
#sub-footer .footer-feature.title-unique-flavors a:focus {
	margin-top: 0;
	outline: 0;
	}

#sub-footer .footer-feature.title-unique-flavors img {
	position: relative;
	top: 35px;
	display: block;
	width: 217px;
	height: 119px;
	margin: 0 auto;
	}

#sub-footer .pure-button.white:hover, #sub-footer .pure-button.white:active { color: #87074b; }

@media only screen and (min-width: 48em) {
	#sub-footer .container {
		flex-direction: row;
		justify-content: space-between;
		}
}

@media only screen and (min-width: 64em) {
	#sub-footer {
		padding-top: 15px;
		padding-bottom: 15px;
		}

	#sub-footer .footer-feature { display: block; }
}



/* Forms and Tables
-------------------------------------------------------------- */

::placeholder {
	color: #757575;
	opacity: 1;
}

.pure-form fieldset {
	margin: 0 0 15px;
	padding: 0;
	border: none;
	}

.pure-form label {
	color: #36454F;
	font-size: 1.14285714rem;
	font-weight: normal;
	}

.pure-form-stacked label {
	margin-bottom: 7px;
	}

.pure-form label.pure-checkbox {
	margin-bottom: 10px;
	}

.pure-form legend {
	padding: 0;
	border: none;
	color: #960953;
	font-size: 1.07142857rem;
	font-weight: 700;
	}

.pure-form legend.heading {
	color: #36820D;
	font-size: 1.71429rem;
	font-weight: 700;
	}

.pure-form legend.pill {
	box-sizing: border-box;
	margin-top: 1.25em;
	padding: 0.625em 1.25em;
	color: #36454f;
	font-size: 1rem;
	text-transform: uppercase;
	}

.pure-form legend.quiet {
	margin-bottom: 7px;
	color: #36454F;
	font-size: 1.14285714rem;
	font-weight: normal;
	}

.pure-form-stacked legend {
	margin-top: 0.25em;
	}

.pure-form div.required label:after,
.pure-form label.required::after,
.pure-form legend.required::after {
	content: '*';
	display: inline-block;
	color: #e32323;
	font-size: inherit;
	}

.pure-form .form-description {
	display: block;
	margin-bottom: 10px;
	color: #36454F;
	font-size: 1.14285714rem;
	}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form textarea,
.pure-form .pure-input-style {
	margin: 0 0 20px;
	padding: 0.8571429rem;
	background: #fff;
	border: 1px solid #757575;
	border-radius: 4px;
	box-shadow: none;
	color: #36454f;
	font-size: 1.14285714rem;
	}

.pure-form input[type="file"] {
	margin-bottom: 10px;
	color: #36454F;
	}

.pure-form input[type="submit"] {
	text-transform: uppercase;
	}

.pure-form select {
	box-sizing: border-box;
	height: 2.875em;
	margin: 0 0 20px;
	padding: 0.8571429rem;
	border: 1px solid #757575;
	border-radius: 4px;
	box-shadow: none;
	color: #36454f;
	font-size: 1.14285714rem;
	}

.pure-form input:focus,
.pure-form select:focus,
.pure-form textarea:focus,
.pure-form .pure-input-focus {
	border-color: #36820D !important;
	box-shadow: 0px 0px 0px 3px rgba(54, 69, 79, 0.5);
	}

.pure-form input.valid { color: #1db200; }

.pure-form input.form-error,
.pure-form textarea.form-error,
.pure-form select.form-error,
.pure-form #store-list.form-error {
	border-color: #FF0000;
	}

.pure-form input + .error-message,
.pure-form textarea + .error-message,
.pure-form select + .error-message,
.pure-form .g-recaptcha + .error-message {
	position: relative;
	top: -10px;
	}

.pure-form .pure-group input,
.pure-form .pure-group textarea {
	border-radius: 0 !important;
	}

.pure-form .g-recaptcha {
	margin-bottom: 30px;
	}

.pure-form .g-recaptcha.recaptcha-inline {
	display: inline-block;
	}

@media only screen and (min-width: 64em) {
	.pure-form fieldset {
		margin-bottom: 20px;
		}

	.pure-form input[type="text"],
	.pure-form input[type="password"],
	.pure-form input[type="email"],
	.pure-form input[type="url"],
	.pure-form input[type="date"],
	.pure-form input[type="month"],
	.pure-form input[type="time"],
	.pure-form input[type="datetime"],
	.pure-form input[type="datetime-local"],
	.pure-form input[type="week"],
	.pure-form input[type="number"],
	.pure-form input[type="search"],
	.pure-form input[type="tel"],
	.pure-form input[type="color"],
	.pure-form textarea,
	.pure-form .pure-input-style {
		margin-bottom: 40px;
		}

	.pure-form input[type="file"] {
		margin-bottom: 30px;
		}

	.pure-form select {
		margin-bottom: 40px;
		}

	.pure-form input + .error-message,
	.pure-form textarea + .error-message,
	.pure-form select + .error-message,
	.pure-form .g-recaptcha + .error-message {
		top: -30px;
		}
}

.pure-form .input-combo {
	margin-bottom: 20px;
	padding: 4px;
	background: #fff;
	border: 2px solid #757575;
	border-radius: 10px;
	}

.pure-form .input-combo div:first-child {
	display: flex;
	align-items: stretch;
	}

.pure-form .input-combo input[type="text"] {
	margin: 0;
	padding: 0.625rem 0 0.625rem 11px;
	background: transparent;
	border: none;
	border-radius: 10px;
	box-shadow: none;
	}

.pure-form .input-combo input[type="text"]:focus {
	background: #fff;
	box-shadow: inset 0px 0px 0px 2px #757575;
	}

.pure-form .input-combo button[type="submit"] {
	margin: 0;
	padding: 8px;
	}

.pure-form .alert { font-size: 1rem; }

.pure-form .alert .pill { display: block; }

.pure-form .alert-north .pill { margin-bottom: 5px; }

.pure-form .alert-south .pill { margin-top: 5px; }

.pure-form .box-scroll {
	margin-bottom: 20px;
	}

.pure-form .form-filter {
	margin: 25px 0 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
	text-align: left;
	}

@media only screen and (min-width: 48em) {
.pure-form .form-filter { text-align: center; }
}

.pure-form .form-filter label.pure-checkbox {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #36454f;
	font-size: 0.92857143rem;
	text-transform: uppercase;
	}

@media only screen and (min-width: 48em) {
.pure-form .form-filter label.pure-checkbox {
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	}
}

.pure-form .form-filter label.pure-checkbox.selected { color: #36820D; }

.pure-form .form-filter label.pure-checkbox input[type="checkbox"] { margin-left: 0; }

.pure-form .form-filter .pure-button {
	/*
	padding: 0;
	border: none;
	*/
	}

@media only screen and (min-width: 48em) {
.pure-form .form-filter .pure-button { color: #36454f; }
}

.pure-form .form-filter button.clear span.icon { display: none; }

@media only screen and (min-width: 48em) {
.pure-form .form-filter button.clear span.icon { display: inline-block; }
}

.pure-form .form-filter button.clear:before { content: 'Clear All'; }

@media only screen and (min-width: 48em) {
.pure-form .form-filter button.clear:before { content: ''; }
}

button#flavor-filters-reveal:before {
	content: '';
}

#flavor-filters-reveal small {
	display: inline-block;
}

#flavor-filters-reveal.selected small {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media only screen and (max-width: 48em) {
#flavor-filters { display: none; }
}

@media only screen and (min-width: 48em) {
	#flavor-filters {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	#flavor-filters-reveal { display: none; }
}

.pure-form.find-your-flavor { padding-bottom: 25px; }

.pure-form.find-your-flavor .input-combo {
	margin-top: 10px;
	margin-bottom: 0;
	}

@media only screen and (min-width: 48em) {
.pure-form.find-your-flavor .input-combo { margin-top: 0; }
}

.pure-form.find-your-flavor .combo-adjacent {
	margin-top: 10px;
	}

@media only screen and (min-width: 48em) {
.pure-form.find-your-flavor .combo-adjacent { margin-top: 0; }
}

.pure-form.find-your-flavor .combo-adjacent-rev {
	margin-top: 0;
	}

@media only screen and (min-width: 48em) {
.pure-form.find-your-flavor .combo-adjacent-rev { margin-top: 10px; }
}

h4.filter-dropdown {
	margin: 0;
	color: #36454f;
	text-align: center;
	}

@media only screen and (min-width: 48em) {
h4.filter-dropdown { text-align: right; }
}

h4.filter-dropdown .pure-button {
	margin: 0;
	padding: 0;
	color: #36820D;
	font-size: 1.71428571rem;
	vertical-align: top;
	}

@media only screen and (min-width: 48em) {
p.filter-search { text-align: center; }
}

.reload-normal { display: none; }

.reload-mobile { display: block; }

@media only screen and (min-width: 48em) {
.reload-normal { display: block; }

.reload-mobile { display: none; }
}

.results-filter {
	margin-bottom: 25px;
	padding: 15px 0;
	border-bottom: 1px solid #757575;
	}

.results-filter .filter-dropdown { text-align: left; }

.results-filter label {
	display: block;
	color: #36454f;
	font-size: 1.28571429rem;
	}

@media only screen and (min-width: 48em) {
.results-filter label {
	display: inline-block;
	padding-left: 25px;
	}
}

.results-filter .text-right { text-align: left; }

@media only screen and (min-width: 48em) {
.results-filter .text-right { text-align: right; }
}

.pure-form .placeholder-combo {
	margin-bottom: 20px;
	background: #fff;
	border: 2px solid #757575;
	}
.pure-form .placeholder-combo.disabled {
	background: #e9e9e9;
	}

.pure-form .placeholder-combo input[type="text"] {
	margin: 0;
	background: transparent;
	border: none;
	}

.pure-form .placeholder-combo span {
	display: block;
	padding: 0.875rem 0 0.875rem 1.3125rem;
	font-size: 1.14285714rem;
	}
.pure-form .placeholder-combo.disabled span {
	color: #cad2d3;
	}

.sidebar .pure-form input { margin-bottom: 10px; }

.sidebar .pure-form button { margin-top: 0; }

#contact-form img {
	display: none;
	position: relative;
	margin: -80px auto 0;
	}

@media only screen and (min-width: 48em) {
#contact-form img { display: block; }
}

#contact-form input[type="text"],
#contact-form select,
#contact-form textarea {
	margin-bottom: 20px;
	}

#contact-form legend,
#contact-form legend.quiet {
	padding: 0;
	border: none;
	color: #960953;
	font-size: 1.07142857rem;
	font-weight: 700;
	}

#results-filter .pure-form .input-combo { margin-bottom: 0; }

#rewards-registration .input-combo input[type="text"] {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	}

#rewards-registration .input-combo button[type="submit"] {
	padding-top: 0.42857143rem;
	padding-bottom: 0.42857143rem;
	}

#rewards-registration img#near-me-loading,
#contact-us img#related-near-me-loading {
	display: block;
	margin: 0 auto 20px;
	}

#rewards-registration .input-combo { border-radius: 0; }

@media only screen and (min-width: 64em) {
	#rewards-registration img#near-me-loading,
	#contact-us img#related-near-me-loading {
		margin: 17px 0 0 10px;
	}
}

textarea#contact-message { min-height: 200px; }

textarea#refer-message {
	min-height: 200px;
	font-size: 1rem;
	}

.career-application textarea { resize: vertical; }

.time-input {
	line-height: 3em;
	}

.time-input .colon {
	position: absolute;
	margin-left: -0.5em;
	}

.checkbox-group fieldset {
	display: block;
	margin-bottom: 20px;
}

.fieldset-alt label {
	color: #36454f;
	font-weight: normal;
	line-height: 1.5;
}

.fieldset-alt ol {
	padding-left: 20px;
}

.table-wrap {
	overflow-x: auto;
	margin-bottom: 40px;
	}

table {
	width: 100%;
	margin: 0;
	border-bottom: 2px solid #757575;
	}

th {
	padding: 10px 15px;
	background: transparent;
	border-bottom: 2px solid #6fa920;
	color: #36820D;
	font-size: 1.07142857rem;
	font-weight: 700;
	text-align: left;
	}

tbody th[scope='row'] {
	border-bottom: 1px solid #757575;
	color: #36454f;
	font-size: 1rem;
	font-weight: 400;
}

td {
	padding: 10px 15px;
	border-left: 1px solid #757575;
	border-bottom: 1px solid #757575;
	font-size: 1rem;
	text-align: left;
	}

td:first-child { border-left: none; }

tr:last-child td { border-bottom: none; }

td.indent { padding-left: 40px; }

td.inset-table {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}

tr.break td { border-top: 2px solid #757575; }

tr.warning td {
	background-color: #fef6f9;
	font-weight: 300;
	}

tr.warning.break td { border-top: 2px solid #f8b9d4; }

td .pure-button {
	padding: 0;
	border: none;
	color: #36820D;
	font-size: 1rem;
	text-decoration: underline;
	}

td .pure-button:hover, td .pure-button:focus, td .pure-button:active {
	background-color: transparent;
	color: #266803;
	text-decoration: none;
	}

tr.warning td .pure-button { color: #36454f; }

.data-user-activity td.data-user-activity-type,
.data-user-activity td.data-user-wallet {
	border-left: 1px solid #757575;
}

.detail-data { margin: 20px 0 0; }

.detail-data td {
	padding: 10px 0 10px 10px;
	border-left: none;
	border-bottom: 1px solid #f8b9d4;
	font-size: 0.92857143rem;
	line-height: 1.38461538;
	}

.detail-data td:first-child { padding-left: 0; }

.detail-data tr:last-child td { border-bottom: none; }

.detail-data td.term {
	color: #36454f;
	font-weight: 700;
	text-transform: uppercase;
	}

.detail-data td.inset-term {
	padding-bottom: 5px;
	border: none;
	}

.detail-data .nutrition-data td {
	margin-right: -5px;
	margin-left: -5px;
	padding: 5px;
	border: none;
	}

.detail-data .nutrition-data tr:nth-child(even) td { background-color: #ebebeb; }

.detail-data .nutrition-data tr:last-child td {
	padding-bottom: 10px;
	border-bottom: 1px solid #f8b9d4;
	}

.detail-data .nutrition-data td.term {
	font-weight: normal;
	text-transform: none;
	}

.privacy-data {
	min-width: 500px;
}

.privacy-data td,
.privacy-data th {
	vertical-align: top;
}

.profile-data td:last-child { border-left: none; }

.rewards-data td {
	padding: 20px 10px;
	border-left: none;
	font-size: 1.71428571rem;
	}

.rewards-data td a { text-decoration: none; }

.rewards-data td small { font-size: 0.75em; }

.ifyd-before { display: none; }
.ifyd-during { display: none; }



/* Home Page
-------------------------------------------------------------- */

.splash {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.splash::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
	left: 0;
	z-index: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.splash-body {
	position: relative;
	max-width: 970px;
	padding: 20px;
}

.splash-body h1,
.splash-body h2 {
	margin: 0;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.splash-body p {
	color: #fff;
	font-size: 1.28571429rem;
	text-align: center;
}

@media only screen and (min-width: 64em) {
	.splash {
		min-height: 800px;
	}

	.splash-body h1,
	.splash-body h2 {
		font-size: 4.42857143rem;
		text-align: left;
	}

	.splash-body p {
		font-size: 2rem;
		text-align: left;
	}
}

@media only screen and (min-width: 80em) {
	.splash {
		min-height: 910px;
	}
}

.feature-cta-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 10px solid #fff;
}

.feature-cta {
	position: relative;
  width: 220px;
  padding: 10px;
  box-sizing: border-box;
}

.feature-cta + .feature-cta {
	margin-top: 40px;
}

.feature-cta a {
	text-decoration: none;
}

.feature-cta .feature-cta-figure {
  position: relative;
  display: block;
	margin-bottom: 30px;
  padding-top: 100%;
  border-radius: 9999em;
  overflow: hidden;
}

.feature-cta .feature-cta-figure::before {
  content: '';
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.25s;
}

.feature-cta a:hover .feature-cta-figure::before,
.feature-cta a:active .feature-cta-figure::before,
.feature-cta a:focus .feature-cta-figure::before {
	display: block;
  background-color: rgba(135, 7, 75, 0.5);
}

.feature-cta .feature-cta-figure img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature-cta .feature-cta-title {
  display: block;
  width: 100%;
  color: #000;
	font-family: 'Poppins', Arial;
  font-size: 1.64285714rem;
	font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

.feature-cta a:hover .feature-cta-title,
.feature-cta a:active .feature-cta-title,
.feature-cta a:focus .feature-cta-title {
	color: #87074B;
}

@media only screen and (min-width: 64em) {
	.feature-cta-row {
    flex-direction: row;
		padding: 0;
    border-top-width: 30px;
		border-bottom-width: 30px;
  }
  
  .feature-cta {
		display: flex;
		align-items: center;
		justify-content: center;
    flex: 0 0 33.333333%;
    width: 33.333333%;
    max-width: none;
    padding: 7px 25px;
  }

	.feature-cta + .feature-cta {
		margin-top: 0;
	}

	.feature-cta > a {
		display: block;
		width: 100%;
		max-width: 300px;
		height: auto;
	}
}

@media only screen and (min-width: 80em) {
	.feature-cta-row {
		border-top-width: 140px;
		border-bottom-width: 140px;
	}
}

.feature-banner {
	max-width: 600px;
	margin: 0 auto;
	border: 10px solid #fff;
}

.feature-banner-narrow {
	border-top-width: 30px;
	border-bottom-width: 30px;
}

#content .feature-banner:first-child {
	border-top: none;
}

.feature-banner-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.feature-banner-body {
	position: relative;
}

.feature-banner-body-tile {
	box-sizing: border-box;
	max-width: 760px;
	padding: 30px 20px;
	background: transparent;
	text-align: center;
}

.feature-banner-narrow .feature-banner-body-tile {
	padding: 0 20px 60px 20px;
	text-align: left;
}

.feature-banner-body-tile a {
	color: #950753;
	font-weight: bold;
}

.feature-banner-body-tile h2 {
	margin: 0 0 20px;
	color: #36454f;
	font-family: 'Poppins', Arial;
	font-size: 1.92857143rem;
	font-weight: 700;
}

.feature-banner-narrow .feature-banner-body-tile h2 {
	text-align: left;
}

.feature-banner-body-tile h3 {
	margin: 0 0 15px;
	color: #36454f;
	font-family: 'Poppins', Arial;
	font-size: 1.64285714rem;
	font-weight: 700;
}

.feature-banner-body p {
	margin-bottom: 15px;
}

.feature-banner-body-tile p,
.feature-banner-body-tile p small {
	color: #36454f;
	font-size: 0.92857143rem;
	line-height: 1.85;
}

.feature-banner-body-tile .pure-button {
	margin-top: 10px;
	padding: 10px 25px;
	border-radius: 9999em; /* 'Pill' shape */
	font-size: 1.14285714rem;
	font-weight: normal;
	line-height: 1;
}

.feature-banner-flag {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 17px;
	background: #a62d6d;
	border-radius: 6px;
	color: #fff;
	font-size: 1.14285714rem;
	font-weight: bold;
	line-height: 1.15;
	text-transform: uppercase;
}

.feature-banner-figure {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.feature-banner-figure img {
	display: block;
	width: 100%;
	height: auto;
}

.feature-banner-header {
	padding: 20px 0 40px;
	text-align: center;
}

.feature-banner-header h2 {
	margin: 0;
	color: #000;
	font-family: 'Poppins', Arial;
	font-size: 1.92857143rem;
	font-weight: 800;
}

.feature-banner-note {
	margin-top: 20px;
	color: #36454f;
	font-size: 0.71428571rem;
	line-height: 1.25;
	text-align: center;
}

.feature-banner-poster {
	position: relative;
}

.feature-banner-poster::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.feature-banner-poster .feature-banner-figure {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.feature-banner-poster .feature-banner-figure img,
.feature-banner-poster .feature-banner-figure video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.feature-banner-poster .feature-banner-body {
	position: relative;
	z-index: 2;
}

.feature-banner-poster .feature-banner-body-tile {
	padding: 30px;
}

.feature-banner-poster .feature-banner-body-tile,
.feature-banner-poster .feature-banner-body-tile h2,
.feature-banner-poster .feature-banner-body-tile p {
	color: #fff;
	text-align: left;
}

@media only screen and (min-width: 64em) {
	.feature-banner {
		max-width: 1440px;
	}

	.feature-banner-narrow {
		max-width: 1280px;
	}

	.feature-banner-row {
		flex-direction: row;
	}

	.feature-banner-body,
	.feature-banner-figure {
		box-sizing: border-box;
		flex: 0 0 50%;
		width: 50%;
		margin: 0;
	}

	.feature-banner-body {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		padding: 30px;
	}

	.feature-banner-narrow .feature-banner-body {
		justify-content: flex-start;
	}

	.feature-banner-body-tile,
	.feature-banner-narrow .feature-banner-body-tile {
		max-width: 554px;
		padding: 0;
	}

	.feature-banner-note {
		position: absolute;
		right: 0;
		bottom: 30px;
		left: 0;
		width: 100%;
		font-size: 0.928571429rem;
	}

	.feature-banner-poster::before {
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0) 70%);
	}

	.feature-banner-poster .feature-banner-body {
		justify-content: flex-start;
		padding: 90px 0 90px 90px;
	}

	.feature-banner-poster .feature-banner-body-tile {
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (min-width: 80em) {
	.feature-banner {
		min-height: 400px;
		border-width: 35px;
	}

	.feature-banner-body-tile h2 {
		margin-bottom: 25px;
		font-size: 3.57142857rem;
	}

	.feature-banner-body-tile h3 {
		font-size: 2.28571429rem;
	}

	.feature-banner-body-tile p {
		margin-bottom: 20px;
		font-size: 1.64285714rem;
	}

	.feature-banner-body-tile p small {
		display: inline-block;
		font-size: 1.28571429rem;
	}

	.feature-banner-narrow {
		border-top-width: 140px;
		border-bottom-width: 140px;
	}

	.feature-banner-narrow .feature-banner-body-tile p {
		font-size: 1.28571429rem;
	}

	.feature-banner-body-tile .pure-button {
		margin-top: 15px;
	}

	.feature-banner-header {
		padding: 40px 0 60px;
	}
	
	.feature-banner-header h2 {
		font-size: 3.57142857rem;
	}

	.feature-banner-poster .feature-banner-row {
		min-height: 650px;
	}

	.feature-banner-poster .feature-banner-body-tile p {
		font-size: 1.28571429rem;
	}
}

.feature-carousel {
	position: relative;
	border-top: 30px solid #fff;
	border-bottom: 30px solid #fff;
}

.feature-carousel-intro {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
}

.feature-carousel-intro h2 {
	margin: 0 0 20px;
	color: #000;
	font-family: 'Poppins', Arial;
	font-size: 1.92857143rem;
	font-weight: 400;
}

.feature-carousel-intro h2 strong {
	display: inline;
	font-weight: 700;
}

.feature-carousel-intro p {
	margin-bottom: 15px;
}

.feature-carousel-intro p,
.feature-carousel-intro p small {
	color: #000;
	font-size: 0.92857143rem;
	line-height: 1.85;
}

.feature-carousel-intro-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin-top: 40px;
}

.feature-carousel-intro-actions .pure-button {
	margin-bottom: 20px;
	border-radius: 8px;
}

.feature-carousel-slider {
	position: relative;
	max-width: 1440px;
	margin: 40px auto 0;
	padding-right: 10px;
	padding-left: 10px;
}

.feature-carousel-slider .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 100;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	background: #fff;
	border: 1px solid #8A8A8A;
	border-radius: 21px;
	}

.feature-carousel-slider .slide-prev { left: 5px; }

.feature-carousel-slider .slide-next { right: 5px; }

.feature-carousel-slider .slick-arrow:active,
.feature-carousel-slider .slick-arrow:hover {
	background-color: rgba(255, 255, 255, 0.85);
}

.feature-carousel-slider .slick-arrow:focus {
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5)
}

.feature-carousel-slider .slick-arrow.slick-disabled {
	display: none !important;
}

.banner-carousel-slider .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 100;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	background: #fff;
	border: 1px solid #8A8A8A;
	border-radius: 21px;
	}

.banner-carousel-slider .slide-prev { left: 5px; }

.banner-carousel-slider .slide-next { right: 5px; }

.banner-carousel-slider .slick-arrow:active,
.banner-carousel-slider .slick-arrow:hover {
	background-color: rgba(255, 255, 255, 0.85);
}

.banner-carousel-slider .slick-arrow:focus {
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5)
}

.banner-carousel-slider .slick-arrow.slick-disabled {
	display: none !important;
}

.flavor-slide {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
}

.flavor-slide img {
	display: block;
	width: 100%;
	height: auto;
}

.flavor-slide-body {
	color: #000;
	font-size: 1.14285714rem;
	text-align: center;
}

.flavor-slide-flag {
	margin-bottom: 5px;
	color: #9B0D4F;
	font-size: 0.92857143rem;
	font-weight: bold;
	letter-spacing: 1.63;
	text-transform: uppercase;
}

.flavor-slide-note {
	margin-top: 5px;
	color: #000;
	font-size: 0.78571429rem;
}

@media only screen and (min-width: 64em) {
	.feature-carousel-slider {
		margin-top: 90px;
	}

	.feature-carousel-intro {
		max-width: none;
	}

	.feature-carousel-intro-actions {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-top: 60px;
	}

	.feature-carousel-intro-actions .pure-button {
		min-width: 304px;
		margin: 0 20px;
		font-size: 1.71428571rem;
	}
}

@media only screen and (min-width: 80em) {
	.feature-carousel {
		border-top-width: 140px;
		border-bottom-width: 140px;
	}

	.feature-carousel-intro h2 {
		margin-bottom: 25px;
		font-size: 3.57142857rem;
	}

	.feature-carousel-intro p {
		margin-bottom: 20px;
		font-size: 1.64285714rem;
	}

	.feature-carousel-intro p small {
		display: inline-block;
		font-size: 1.28571429rem;
	}
}

.theme-banner {
	position: relative;
	overflow-x: hidden;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	padding: 20px 10px;
}

.theme-banner-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 1470px;
}

.theme-banner-row .theme-banner-feature + .theme-banner-feature {
	margin-top: 20px;
}

.theme-banner-feature {
	position: relative;
	display: block;
	box-sizing: border-box;
	max-width: 460px;
}

.theme-banner-feature .pure-button {
	margin-top: 10px;
	padding: 10px 25px;
	border-radius: 9999em; /* 'Pill' shape */
	font-size: 1.14285714rem;
	font-weight: normal;
	line-height: 1;
}

.theme-banner-feature-inner {
	position: relative;
	box-sizing: border-box;
	padding: 30px;
}

@media only screen and (min-width: 64em) {
	.theme-banner {
		padding: 100px 0;
	}
	
	.theme-banner-row {
		flex-direction: row;
		align-items: stretch;
		width: 100%;
		margin: 0 -15px;
	}

	.theme-banner-feature {
		flex: 0 1 calc(33.333333% - 30px);
		width: calc(33.333333% - 30px);
		max-width: none;
		margin-top: 0 !important;
		margin: 0 15px;
	}

	.theme-banner-feature-inner {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.feature-tools {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 600px;
	margin: 40px auto;
	border: 10px solid #fff;
}

.feature-tool {
	padding: 0 0 30px;
}

.feature-tool-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.feature-tool-actions .pure-button {
	padding-right: 5px;
	padding-left: 5px;
}

.feature-tool-actions .pure-button + .pure-button {
	margin-top: 10px;
}

.feature-tool-body {
	max-width: 420px;
	margin-right: auto;
	margin-left: auto;
}

.feature-tool h3,
.feature-tool-body h3 {
	margin-bottom: 15px;
	color: #000;
	text-align: center;
}

.feature-tool-body h4 {
	margin-bottom: 5px;
	color: #a62d6d;
	font-size: 1.28571429rem;
	font-weight: bold;
	text-align: center;
}

.feature-tool-body p {
	margin: 0 0 10px;
	color: #36454f;
	font-size: 0.92857143rem;
	text-align: center;
}

.feature-tool-body .feature-tool-flavor {
	max-width: 120px;
	margin: 20px auto;
}

.feature-tool-body .pure-button {
	text-transform: lowercase;
}

.feature-tool-figure {
	display: none;
}

@media only screen and (min-width: 48em) {
	.feature-tools {
		flex-direction: row;
		justify-content: center;
		max-width: 1500px;
		border-width: 30px;
	}

	.feature-tool {
		box-sizing: border-box;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex: 0 0 50%;
		width: 50%;
		padding-right: 10px;
		padding-left: 10px;
	}

	.feature-tool-actions {
		flex-direction: row;
	}

	.feature-tool-actions .pure-button + .pure-button {
		margin-top: 0;
		margin-left: 10px;
	}

	.feature-tool-body h4 {
		font-size: 1.71428571rem;
	}
}

@media only screen and (min-width: 80em) {
	.feature-tool {
		padding-right: 30px;
		padding-left: 30px;
	}

	.feature-tool-body {
		max-width: none;
	}

	.feature-tool-body h3,
	.feature-tool-body h4,
	.feature-tool-body p {
		text-align: left;
	}

	.feature-tool-body p {
		font-size: 1.28571429rem;
	}

	.feature-tool-body .feature-tool-flavor {
		display: none;
	}
}

@media only screen and (min-width: 1400px) {
	.feature-tool-figure {
		display: block;
		flex: 0 0 180px;
		width: 180px;
		margin-right: 20px;
	}
}

@media only screen and (min-width: 1600px) {
	.feature-tool-figure {
		flex: 0 0 230px;
		width: 230px;
		margin-right: 40px;
	}
}



/* Iubenda Banner
-------------------------------------------------------------- */

#iubenda-cs-banner.iubenda-cs-overlay::before {
	background-color: rgba(255, 255, 255, 0.85) !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-close-btn {
	width: 26px !important;
	height: 26px !important;
	margin: 15px !important;
	padding: 0 !important;
	background-image: url(../img/icon-close-white.png) !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-size: 26px 26px !important;
	border: none !important;
	border-radius: 0 !important;
	color: transparent !important;
	text-indent: -9999em !important;
	overflow: hidden: !important;
	opacity: 1 !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iub-p a {
	opacity: 1 !important;
	color: #fff !important;
	font-weight: bold !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content #iubenda-cs-title {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group button {
	padding: 0.875rem 2.25rem !important;
	background: transparent !important;
	border: 2px solid #fff !important;
	border-radius: 9999em !important;
	color: #fff !important;
	font-size: 1.14285714rem !important;
	white-space: normal !important;
	text-transform: uppercase !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group button:hover {
	background-image: none !important;
	background-color: #fff !important;
	color: #960853 !important;
	-webkit-transition: background-color 250ms, color 250ms !important;
	transition: background-color 250ms, border-color 250ms, color 250ms !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group button:focus {
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.5) !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-granular-controls-container .granular-control-checkbox input.style1 {
	background-color: #560b33 !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked {
	background-color: #1cc691 !important;
}

@media only screen and (min-width: 48em) {
	#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group {
		justify-content: flex-end !important;
	}

	#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group-custom {
		align-self: flex-end !important;
		margin-right: 0 !important;
	}

	#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group-consent {
		margin-left: 15px !important;
	}
}