﻿/* Fonts */

@font-face {
	font-family: 'Circular';
	src: url('../font/Circular-Bold.woff2') format('woff2'), url('../font/Circular-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Circular';
	src: url('../font/Circular-Medium.woff2') format('woff2'), url('../font/Circular-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Circular';
	src: url('../font/Circular-BookItalic.woff2') format('woff2'), url('../font/Circular-BookItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Circular';
	src: url('../font/Circular-MediumItalic.woff2') format('woff2'), url('../font/Circular-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Circular';
	src: url('../font/Circular-Book.woff2') format('woff2'), url('../font/Circular-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html {
	font-family: 'Circular', sans-serif;
	line-height: 1.5;
	letter-spacing: -0.03em;
}

/* scrollbars */
html {
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}
::-webkit-scrollbar {
	width: 8px;
	scrollbar-width: thin;
	scrollbar-gutter: stable;
}
::-webkit-scrollbar-track {
	background: #f1f1f1; 
	width:8px;
	border-radius:4px; 
}
::-webkit-scrollbar-thumb {
	background: #888; 
	border-radius:4px; 
	width:8px;
}
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}


body {
	overflow: hidden;
	font-weight:500;
}

main {
	background: #fff;
	overflow:hidden;
}
main > div {
}
main[tabindex]:focus {
	outline:none;
}
section {
	margin:0;
}
@media (min-width: 64em) {
	.content_wrapper {
		width: calc(100% - 4em);
	}
}

main > div {
	
	margin:0 auto;
}

/* Navigation */

#critical_communications {line-height: 1;font-weight: 400;}

#critical_communications a {text-decoration: none;}

#critical_communications  + div#rendered-custom-offer {
	top: 3em;
}

header {
	text-transform: uppercase;
	background: #fff;
	max-width: 100vw;
	outline: 5px solid #000;
}

.header-logo {
	background: transparent;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	width: 7em;
	margin-top: 1em;
	height: auto;
}

.header-logo img {
	display: block;
}


/* Hide the final addthis element's hover to patch the reverse-tab-nav keyboard trap */

div#at15s {
	display: none !important;
}

.mobile-menu--active .navicon span:after {
	width: 2em;
	margin-left: 0;
}

header a,
header button,
footer a,
nav a {
	color: #000;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}
footer a[href="#"] {
	pointer-events:auto;
}
header a {
	position: relative;
}

.menu-button,
.search-button {
	transform: scale(0.75);
	z-index: 5;
}

.menu-button {
	margin-left:-0.75em
}
#search .search-label--submit::before,
.searchicon span::before {
	/* border-width: 0.2em; */
	/* height: 1.33em; */
	/* width: 1.33em; */
}
.searchicon span:after {
	/* height:0.2em; */
}
body.search--active .searchicon span::before {
	border: 0.12em solid currentcolor;
	width: 2em;
	top: 1.5em;
}
body.search--active .searchicon span::after {
	height: 0.24em;
	width: 2.24em;
	top: 1.7em;
}

.page--search-results #search {
	background: #fff;
	position: relative;
	color: inherit;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	padding: 3em 0 1em;
	z-index: auto;
}
.nav--container {
	background: #fff;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}
.nav--container li {
	position: relative;
}
.nav--main,
.nav--featured,
.nav--secondary ul {
	font-weight: bold;
}

.nav--featured {
	background: #fff;
	padding: 0 0.5em;
	top: 4em;
	height: 3em;
	text-align: center;
}

.nav--featured ul {
	padding-top: 0.65em;
}

.nav--featured li {
	width: 8em;
	text-align: center;
}

.nav--featured li:first-child {
	text-align: left;
}

.nav--featured li:last-child {
	text-align: right;
}

.nav--featured a {
	padding: 0.5em;
	display: inline-block;
}

@media (max-width:28em) {
	.nav--featured a {
		font-size: 0.875em;
	}
}

.nav--featured a:hover {
	background: inherit;
}

.nav--featured .nav-item--current>a {
	text-decoration: underline;
}

.nav--main {
	margin-left: -0.75em;
}

.nav--main ul {
	background: transparent;
}

.nav--mobile-extras {
	margin: 1em auto 0;
	text-align: center;
	padding: 0 1em;
}

.nav--mobile-extras a {
	text-transform: none;
	display: inline-block;
}

.nav--mobile-extras .social_icons {
	font-size: 1.5rem;
	padding: 0.5em 0;
}

.nav--mobile-extras .social_icons a {
	
}

.nav--mobile-extras p {
	font-size: 90%;
	color: #fff;
	text-transform: none;
	margin:0;
	padding:0 0 6em; 
}

.nav--mobile-extras p a {
	text-decoration: underline;
	padding: 0.5em;
}

nav a:hover {
	background: transparent;
}

.nav--main a.nav-list-title {
	padding-left: 3em;
}

header li.menu-dropdown ul li {
	text-transform: none;
}

body.custom-offer header {
	top: 2em;
}

body.custom-offer main {
	margin-top: 2em;
}

.critcomm-enabled body.custom-offer header {
	top: 5em;
}

.critcomm-enabled body.custom-offer main {
	margin-top: 5em;
}

.nav--featured {
	display: none;
}

.cart-links {
	list-style-type: none;
	font-size: 1.1em;
	margin:0 -0.5em 0 0;
	padding:0;
}

.cart-links a {
	padding: 0.5em;
}
.link--cart {
	position:relative;
}
.cart-links .link--cart span {
	display:none;
	background:#bb29bb;
	border-radius: 0.7em; min-width: 1.2em; height: 1.4em;
	font-size: 80%;text-align:center;
	line-height: 1.3435;
	position:absolute; padding: 0 0.1em;top: 0.15em; right: 0.1em;
	color: #ffffff;
}
.cart-links-active .link--cart span {
	display:block;
}


@media (max-width:47.95em) {
	header {
		height: 5em;
		/* position:absolute; */
	}
	main {
		padding-top: 5em;
	}

	#search {
		top: 4em;
	}
	.search-button {
		position: absolute;
        color: #000;
        top: 1em;
        left: 3em;
	}
	header .content_wrapper {
		height: 5em;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		padding: 0 1em;
		background: #fff;
		z-index: 199;
	}
	#critical_communications+header .content_wrapper {
		top: 3em;
	}
	.nav--container {
		left: 0;
		text-align: center;
	}
	.header-logo img {
		pointer-events: none;
	}
	.mobile-menu--active .header-logo img {}
	.mobile-menu--active .nav--featured {
		visibility: visible;
	}
	.nav--container nav {
		padding: 0;
	}
	.nav--container,
	.nav--container .nav--secondary,
	.nav--mobile-extras {
		border-top: 5px solid;
	}
	header a {
		padding: 0.5em 1em;
	}
	.nav--main a {
		margin-right: 3.5em;
	}
	.nav--main a::after {
		margin-left: 1em;
	}
	.nav--main li.mobile-nav--opened>a::after {
		margin-left: 5em;
	}
	.nav--main ul,
	.nav--secondary ul {
		text-align: left;
	}
	.nav--main ul ul a {
		text-transform: none;
	}
	.nav--container {
		height: 100vh;
		padding: 0;
		position: fixed;
		top:5em;
	}
	.critcomm-enabled  .nav--container {
		top:8em;
	}
	body.custom-offer .nav--container {
		top:7em;
	}
	.critcomm-enabled body.custom-offer .nav--container {
		top:10em;
	}
	.nav--secondary > ul {
		margin:0 !important;
	}
	body.custom-offer header .content_wrapper {
		top: 2em;
	}
	.critcomm-enabled  body.custom-offer header .content_wrapper {
		top: 5em;
	}
	.mobile-menu--active .nav--container {
		max-height: calc(100% - 5em);
		padding: 0;
	}
	body.custom-offer.mobile-menu--active .nav--container {
		max-height: calc(100% - 7em);
	}
	.mobile-menu--active #critical_communications + header .nav--container {
		max-height: calc(100% - 8em);
	}
	body.custom-offer.mobile-menu--active #critical_communications ~ header .nav--container {
		max-height: calc(100% - 10em);
	}
	
	.nav--main ul {
		padding: 0.5em 0;
	}
	.nav--main li > div {
		padding-top:0.5em;
	}
	.nav--container .nav--secondary {
		padding:1em 0 0;
	}
	.nav--secondary ul> li > a {
		padding:0.5em 1em;
	}
	.nav--secondary ul>li:last-child {		display: none;
	}

}

@media (max-width:47.95em) and (min-aspect-ratio:10/7) {
	
	html, body {
		font-size:1em;
	}
	#search {
		top:0;
		z-index: 199;
		padding: 1.125em 0 0;
	}
	.global-search-results #search {
		top:6.5em;
	}
	#search::before {
		height:0;
	}
	.page--search-results #search {
		top:5em;
	}
	/* layering elements  */
	body.search--active header .content_wrapper {
		top: 0;
		position: fixed;
		background:transparent;
	}
	.search-button { 
		top:auto; 
	}
	.search--active header::before {
		content:'';
		background:#000;
		width:100%; 
		position:fixed;
		height:5em;
		top:0;
		z-index:99;
	}
	.search--active .nav--featured {
		position:fixed;
		z-index:99;
	}
	.search--active #critical_communications ~ #search {
		margin-top:0;
	}
	.search--active #critical_communications + header .nav--featured {
		margin-top:3em;
	}
	.search--active header {
		z-index:auto;
		position:static;
		margin-bottom:-6.5em;
	}
	.header-logo {
		transition:opacity 0.15s;
	}
	.search--active .header-logo {
		opacity:0;
		visibility:hidden;
	}
	header .content_wrapper {
		position:fixed;
		left:0; right:1e0m;
		top:0;
		z-index:999;
	}
	#critical_communications + header .content_wrapper {
		margin-top:3em;
	}
	.search--active .menu-button, 
	.search--active .search-button {
		z-index:9999;
		color: #fff;
	}
	.nav-dropdown--products {
		columns:2;
	}
	.nav--mobile-extras .social_icons {
		display:inline-block;
		vertical-align:middle;
		margin:0 1em;
		padding:0;
	}
	header .content_wrapper {
		max-width:none;
	}
	/* no real estate */
	#rendered-custom-offer {
	}
	body.custom-offer header {
	}
	body.custom-offer header .content_wrapper {
	}
}

@media screen and (min-width:48em) {
	
	header nav {
		font-size: .9em;
	}
	.header-logo img {
		padding: 0;
	}
	.header-logo {
		margin-left: 0;
		margin-right: 1em;
		margin-top: 0;
		width: 9em;
	}
	.search-button {
		margin-top: -3.1em;
		margin-right: -1.2em;
	}
	.nav--container {
		background: transparent;
		box-shadow: none;
	}
	.nav--main ul div {
		background: rgba(0, 0, 0, 0);
		left: 0;
		transform: none;
		right: auto;
	}
	.nav--main ul div>ul a:last-child {
		padding-right: 1.5em;
	}
	.nav--main a {
		white-space: nowrap;
		transition: color 0.1s;
	}
	.nav--main>ul>li::after,
	.nav--secondary>ul>li::after {
		background: transparent;
		content: '';
		display: block;
		height: 0.2em;
		position: absolute;
		bottom: 0.25em;
		left: 0.75em;
		right: 0.75em;
		pointer-events: none;
		transition: background 0.1s;
	}
	.nav--main>ul>li:hover::after,
	.nav--main>ul>.nav-item--current::after,
	.nav--main>ul>.nav-item--current-parent::after {
		background: #333;
	}
	.nav--main>ul>.nav-item--current.li--products::after,
	.nav--main>ul>.nav-item--current-parent.li--products::after {
		/*right: 2.75em;*/
	}
	.nav--secondary a {
		position: relative;
		vertical-align:middle;
	}
	.nav--secondary img {
		width: 1.33em;
		height: 2em;
		position: absolute;
		top: 0.25em;
		left: 0.25em;
		display: none;
	}
	.nav--secondary a:hover > span,
	.nav--secondary a:focus > span {
		bottom:-1.5em;
	}
	.cart-links {
		display: none;
	}
	.nav--secondary ul>li:first-child {
		display: none;
	}
	.nav--main ul div > ul {
		background: #fff;
		box-shadow: .1em .1em .01em rgba(0, 0, 0, .2);
		position: relative;
		z-index: 1;
	}
	header .content_wrapper .nav--secondary {
		right: 1.4em;
	}
}

@media screen and (min-width:64em) {
	header nav {
		font-size: 1em;
	}
}

@media screen and (min-width:48em) and (max-width:79.95em) {
	.header-logo {
		width: 7em;
		margin-top: 0.8em;
		margin-bottom: 0.33em;
	}
	main {
		padding-top: 6.5em;
	}
	
	header {
		height: 6.5em;
	}
	header .content_wrapper {
		display: block;
	}
	header .content_wrapper .search-button {
		position: absolute;
		top: -0.35em;
		right: -1em;
		margin: 0;
	}
}


/* largest size */

@media (min-width:80em) {
	header nav {
		font-size: 1.125em;
	}
	.nav--container {
		flex-grow: 1;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-self: center;
		height: 100%;
	}
	.nav--container ul {
		height: 100%
	}
	.nav--main {
		margin-left:0;
	}
	.nav--main,
	.nav--secondary {
		margin-top: 0;
		position: static;
		height: 100%;
	}
	.search-button {
		margin-top: 0;
		margin-left: 0;
	}
	.nav--main>ul>li>a  {
		padding-top: 1.7em;
		padding-bottom: 1.7em;
		outline-offset: -2px;

	}
	.nav--secondary>ul>li>a {
		margin-top: 1.33em;
		margin-bottom: 1.33em;
	}
	.nav--main>ul>li::after,
	.nav--secondary>ul>li::after {
		bottom: 1em;
	}
	header .content_wrapper .search-button {
		margin-left:-0.3em;
	}
}

footer {
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
	background: #fff;
	border-top: 5px solid #000;
}

footer .content_wrapper {
	position: relative;
	background: #fff;
	box-shadow: 20em 0 0 2em #fff, -20em 0 0 2em #fff, 0em 0 0 2em #fff;
	z-index: 1;
	margin-top: 10vw;
	margin-bottom: 2em;
}
footer li {
	margin: 0 1em 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	break-inside: avoid;
}

.footer-nav--main {
	display: block;
}

.footer-nav--main ul {
	position: relative;
	display: block;
	text-align: left;
	columns: 3;
	font-size:87.5%;
	max-width: 48em;
	margin: 0 auto;
}
.footer-nav--main li {
	display: block;
	text-align: left;
	margin:0;
}


.footer-nav--main a:hover {
	background: none;
	text-decoration: underline;
}
.footer-nav--main a {
	font-weight: bold;
}
.footer-nav--main a[href="%20"] {
	display:none;
}

.footer-nav--secondary a {
	text-decoration: underline;
	font-size: .8em;
}

.legalcomponent {
	padding-bottom: 4.5em;
	position: relative;
	z-index: 1;
}

.page-specific-legal {
	overflow: hidden;
	padding: 0 1em;
}

footer .copyright {
	color: #000;
	font-size: .8em;
	margin: 2em 0 0 0;
}

.social_icons {
	display: inline-block;
	vertical-align: top;
	margin: 1em 0 0;
}

@media (min-width:24em) {
	.footer-nav--main ul { 
		font-size:inherit;
	}
}
@media (min-width:48em) {
	.search-results {
		margin: 1em 0
	}
	footer .content_wrapper {
		margin-top: 5em;
	}
	.footer-nav--main li:first-child a::before {
		width: 6em;
		height: 7em;
		left: -0.66em;
		margin-left: 0em;
		top: -8em;
	}
	
}


/* Headings and paragraph styles */

h1,
h2,
.pretend-h2 {
	font-size: 2em;
	font-weight: 900;
	line-height: 1.1;
}
.h1-xl {
	font-size:3em;
	text-indent: -0.06em;
}
h3,
.pretend-h3 {
	font-weight: 500;
	font-size: 1.5em;
	line-height: 1.1;
}
.h1-xl + .pretend-p {
	font-size:1.25em;
	max-width:28em;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
.pretend-p {
	margin: 1rem 0;
}
p,
.pretend-p {
	font-size:inherit;
	font-weight:inherit;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	white-space: nowrap;
}

.disclaimer {
	font-size: 0.8em;
}

.article-disclaimer {
    padding-top: 4.5em;
}

small {
	font-size: 0.667em;
}

@media (min-width:75em) {
	h1,
	h2,
	.pretend-h2 {
		font-size: 3em;
	}
	.h1-xl {
		font-size:4.5em;
	}
	h3,
	.pretend-h3 {
		font-size: 2em;
	}
	.h1-xl + .pretend-p {
		font-size:1.5em;
	}
}


/* Tables */

table {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

tr {}

td {
	padding: 0.5em 0;
}


/* Links and CTA Buttons */

a {
	color: #000;
}

a:hover,
button:hover {
	color: #bb29bb;
}

.button-cta,
.btn-primary {
	background: #000;
	color: #fff;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1;
	padding: 0.6em 2em 0.65em;
	transition: color 0.15s, background 0.15s;
	white-space: nowrap;
}
a:hover .button-cta,
.button-cta:hover,
.btn-primary:hover {
	background: #bb29bb;
	color: #fff;
}

.hero-slide--blackfriday .button-cta{
	background-color: #15bef0;
	color: #fff;
	margin: 0 auto;
	display: block;
	position: relative;
	bottom: 7em;
	width: 80%;
	max-width: 10em;
}

@media (min-width:48em) {
	.hero-slide--blackfriday .button-cta{
		bottom: 10vw;
		
	}
	.hero--homepage .hero-slide--blackfriday .content_wrapper::before {
		height: 100%;
	}
}

@media (min-width:75em) {
	.button-cta {
		font-size:1.33rem;
	}
	.hero-slide--blackfriday .button-cta{
		bottom: 6em;
		
	}
}
.video-fullwidth .ytplayer-wrapper {
	margin: 0 -1em;
	height: auto;
}

.ytplayer .icon--player {
	opacity: 0.33;
	transform: translate(-50%, -50%) scale(0.75);
}

.yt-link-initialized .icon--player {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	transition: opacity 0.15s, transform 0.15s, color 0.15s;
}

.icon--player {
	color: #fff;
	border: none;
	border-radius: 100%;
	box-shadow: 0.05em 0.05em 0.2em rgba(0, 0, 0, .5);
	overflow: hidden;
	width: 5em;
	height: 5em;
}

.icon--player::before {
	display: block;
	content: '';
	background: currentcolor;
	box-shadow: 1.65em 0 0.2em -1.55em rgba(0, 0, 0, 0.5);
	height: 5em;
	width: 4em;
	left: -2.2em;
	position: absolute;
	z-index: 1;
}

.icon--player::after {
	display: block;
	content: '';
	border: none;
	height: 5em;
	width: 5em;
	position: absolute;
	top: -1em;
	left: -3.7em;
	transform: translate3d(0, 0, 0) scaley(.6) rotate(-45deg);
	box-shadow: inset 0em 0em 0.3em rgba(0, 0, 0, .5), 2em 2em 0 2em currentcolor;
}

.ytplayer {
	opacity: 0.8;
	pointer-events: none;
}

.yt-link-initialized {
	opacity: 1;
	pointer-events: auto;
}

@media (min-width:48em) {
	.icon--player {
		font-size: 1em;
	}
	.video-fullwidth .ytplayer-wrapper {
		width: 66.67%;
		margin: 0 auto;
	}
}

.nav--main li:hover>div {
	max-height: 100vh !important;
}


/* Forms */

input,
textarea {
	border-radius: 0.2em;
}

select {
	font-weight: bold;
	padding: 0.45em 2em 0.5em 1em;
	transition: color 0.15s, background 0.15s;
}

.pagination {
	margin-bottom: 6em;
	font-weight:bold;
}
.pagination a,
.pagination input {
	background: rgba(0, 0, 0, 0);
	border-radius: 0;
}
.pagination a {
	background:#000;
	color:#fff;
}
.pagination a:hover {
	background:#bb29bb;
	color:#fff;
}
.pagination input {
	background: rgba(0, 0, 0, 0);
}
.pagination input[placeholder="Page 1 of 1"] {
	pointer-events:none;
}
.pagination input::placeholder {
	color: #000;
}
.pagination input:-ms-input-placeholder {
	color: #000;
}

.pagination a.first::after,
.pagination a.last::after,
.pagination a.first::before,
.pagination a.last::before,
.pagination a.next::before,
.pagination a.previous::before {
	content: "";
	height: 0.6em;
	width: 0.6em;
	margin: 0.7em -0.11em;
	border-bottom: 2px solid currentcolor;
	border-right: 2px solid currentcolor;
	border-top: none;
	border-left: none;
}
.pagination a.previous::before,
.pagination a.first:before,
.pagination a.first:after {
	transform: translate(0.15em, 0) rotate(135deg);
}
.pagination a.next::before,
.pagination a.last:before,
.pagination a.last:after {
	transform: translate(-0.15em, 0) rotate(-45deg);
}

#search {
	background: rgba(0, 0, 0, 0.9);
	line-height: 1;
}
#search .search-label--large {
	height:1.5em;
}
.search--active .search-button {
	display:block;
}
#search input[type="text"] {
	border-radius: 0;
	font-size: 1.5em;
	cursor: text;
	padding: 0.5rem 2.5rem 0.5rem 0;
	height: 2em;
}

@media (min-width:48em) {
	#search .content_wrapper {
		max-width: 29em;
	}
	#search input[type="text"] {
		width: calc(100% - 10rem);
	}
	#search .search-label--small {
		margin:0;
	}
	.search--active .search-button {
		display:block;
	}
}


/* Some active styles */

a:focus,
a:focus .button-cta,
a:active,
[tabindex]:focus,
form input[type="checkbox"]:focus+label:before,
form input[type="radio"]:focus+label:before {
	outline: 2px solid #bb29bb;
   
}

.am-banner:focus {
    outline-offset: -2px;
}
#search input[type=text]:focus {
	border-bottom-color: #bb29bb;
	outline:none;
}

input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
button:focus,
button:active {
	outline: 2px solid #f8cb10;
}
input:hover:focus,
input:hover:active,
textarea:hover:focus,
textarea:hover:active,
select:hover:focus,
select:hover:active,
button:hover:focus,
button:hover:active,
a:hover:focus,
a:hover:active {
	outline: none;
}

@media (max-width:47.95em) {
	.nav--container a:focus,
	.nav--container a:active {
		outline: 2px solid #bb29bb;
	}
}

.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
a:focus:hover,
a:active:hover {
	outline: none;
	box-shadow: none;
}


/* Change autocomplete styles in WebKit */

#search input[type=text]:-webkit-autofill,
#search input[type=text]:-webkit-autofill:hover,
#search input[type=text]:-webkit-autofill:focus,
#search input[type=text]:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
}

.tns-controls[tabindex]:focus {
	outline: none;
}

.tns-controls[tabindex]:focus::after {
	content: '';
	display: block;
	border: medium solid #bb29bb;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.tns-outer:hover .tns-controls[tabindex]:focus::after {
	display:none;
}


/* 
Home page sections 
*/


/* Basic Hero */
.pagehero {
	background: #fff;
	max-height: none;
	height: calc(12em + 50vw);
	min-height: 0;
	text-align: left;
	position:relative;
	overflow: hidden;
}
.pagehero section {
	margin: 0;
	background: transparent;
}

.pagehero h1 {
	margin-top:0;
	line-height:1;
}
.pagehero img {
	height: 100%;
	width: auto;
	max-width: none;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
.pagehero .content_wrapper::before {
	height:10em;
}
.hero--homepage .content_wrapper::before {
	height:100%;
}
. {
	height: calc(75vw + 8em);
	overflow: visible;
}
.hero--homepage .tns-nav {
	bottom:0.5em;
}
.hero-slide--new {
	background-color:#a4f2fe;
	background:url(../image/new-banner-mobile.jpg) right -8vw bottom / 110vw auto no-repeat, #a4f2fe; 
}
.hero-slide .content_wrapper {
	width:calc(100% - 4em);
}
.hero-slide .rich-text {
	font-size: 4vw;
	padding:1em 0;
	color:#fff;
}
.hero-slide .rich-text img {
	display: block;
	position: relative;
	left: auto;
	transform: none;
	width:6em;
	height:auto; 
	margin:0 0 0.5em; 
}
.hero-slide .rich-text img + img {
	margin-top:-1em;
}
.hero-slide h1, 
.hero-slide h2 {
	font-size:2em;
}
.hero-slide h1 + h2 {
	font-size:1.33em;
	line-height:1;
}
.hero-slide .button-cta {
	margin:0.5em 0;
}
.hero-slide a.button-cta:focus  {
	outline: 2px solid #fff;
}
 
.hero-slide a.button-cta:hover {
	background:#fff;
	color:#000;
}
.pagehero .hero-slide > picture img {
	min-width:0;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transform: none;
}

@media (min-width:48em) {
	.pagehero {
		height: 26vw;
		max-height: 31.2em;
		margin: 0 auto;
		background:#eee;
	}
	.pagehero .content_wrapper::before {
		height:100%;
	}
	.hero--homepage .content_wrapper::before {
		height:50%;
	}
	.hero--homepage {
		height: 48.25vw;
		max-height: calc(40.25em * 1.2);
	}
	.hero-slide .content_wrapper {
		width:calc(100% - 6em);
	}
	.hero-slide .rich-text {
		font-size:3vw;
		padding:0.5em 0;
	}
	.hero-slide .rich-text img {
		display:inline-block;
		margin:0 0.25em 0 0;
		vertical-align:middle;
		width:4em;
	}
	.hero-slide--spring2024 .button-cta {
		width:40%
	}
}
@media (min-width:100em) {
	.hero-slide .rich-text {
		font-size:3em;
	}
}


/* new slide */
.hero-slide--new .rich-text {
	color: #4492a8;
}
.hero-slide--new h1 {
	max-width:6em;
}
.hero-slide--new .content_wrapper::before {
	height:50%; /* vertical text position */
}
.pagehero .hero-slide--new > picture img {
    height: auto;
    width: 80%;
    left: 20%;
    bottom: 0;
	min-height: 0;
	top: auto;
}
@media (min-width:48em) {
	.hero-slide--new .content_wrapper::before {
		height:100%; /* vertical text position */
	}
	.hero-slide--new h1 {
		font-size:2.4em;
	}
	.hero-slide--new {
		background: url(../image/new-banner-desktop.jpg) right  / contain no-repeat, #a4f2fe;
	}
	.pagehero .hero-slide--new > picture img {
		width: 42%;
		left: 50%;
		bottom:5%;
	}
}




/* gym slide */
.hero-slide--gym .content_wrapper::before {
	height:100%; /* vertical text position */
}
.hero-slide--gym h1, .hero-slide--gym h2{
	padding-top:3em;
	font-size:2.2em;
}
.hero-slide--gym .rich-text {
	width:100%;
}
.hero-slide--gym .button-cta {
	background: #f8cb10;
	color: #000;
	position: absolute;
	right:0;
	bottom:2em;
}
.pagehero .hero-slide--gym > picture img {
	object-position: top;
}
@media (min-width:48em) {
	.hero-slide--gym h1, .hero-slide--gym h2 {
		padding:0 0 1em;
	}
	.hero-slide--gym .button-cta {
		margin-top: 2vw;
	}
}



/* matt james slide */
.hero-slide--mattjames .content_wrapper::before {
	height:100%; /* vertical text position */
    vertical-align: top;
}
.hero-slide--mattjames {
	background: url(../image/matt-james-banner-mobile.jpg) center / cover;
	text-align: center;
}
.hero-slide--mattjames h1, .hero-slide--mattjames h2{
	font-size:1.8em;
    color: #6cbdee;
    
}
.hero-slide--mattjames h1 span, .hero-slide--mattjames h2 span{
    font-size:.8em;
	color: #fff;
}
.hero-slide--mattjames .rich-text {
	width:100%;
    text-align: left;
    padding: 2em 0;
}
.hero-slide--mattjames .button-and-qr{
    position: absolute;
	right:1em;
	bottom:1em;
    width: 40%;
    text-align: center
}
.hero-slide--mattjames .button-cta {
	background: #6cbdee;
	color: #000;
	position: relative;
    padding: 0.4em .5em 0.45em;
    font-size: 1em;
}
.hero-slide--mattjames .matt-james-qr {
	position: relative;
    width: 7em;
    height: auto;
}

.pagehero .hero-slide--mattjames > picture img {
    object-position: bottom;
    width: 100%;
    object-fit: contain;
    left: -1em;
}

.hero-slide--mattjames .rich-text .rxbar-mj-logo{
    display: none;
}

@media (min-width:30em) {
    .pagehero .hero-slide--mattjames > picture img {
        width: 79%;
       left: 10%;
    }

}

@media (min-width:48em) {
    .hero-slide--mattjames .rich-text .rxbar-mj-logo{
        display: inline-block;
    }
	.hero-slide--mattjames h1, .hero-slide--mattjames h2 {
		padding:0;
        font-size:1.7em;
	}
	.hero-slide--mattjames .button-cta {
		margin-top: 2vw;
        padding: 0.6em .9em 0.65em;
	}
    .hero-slide--mattjames {
        background: url(../image/matt-james-banner-desktop.jpg) center / cover;
        text-align: left;
    }
    .hero-slide--mattjames .rich-text {
        text-align: center;
        padding: 8% 0 0 0%;
        width: 45%;
    }
    .pagehero .hero-slide--mattjames > picture img {
        width: 56%;
        left: 28%;
    }
    .hero-slide--mattjames .button-and-qr{
        font-size: 1.6vw;
    }
}

@media (min-width:76em) {
    .hero-slide--mattjames .button-and-qr{
        font-size: 1.4em;
        left: calc(50% + 15em);
        bottom: 1em;
        width: 20%;
        right: auto;
    }
    .hero-slide--mattjames .rich-text {
        font-size: 2.4em;
    }
    
    
}




/* am orange slide */
.hero-slide--am-orange .content_wrapper::before {
	height:100%; /* vertical text position */
}
.hero-slide--am-orange .button-cta {
	background: #f8cb10;
	color: #000;
}
.hero-slide--am-orange h1 {
	max-width:6em;
}




/* seasons greetings slide */
.hero-slide--seasonsgreetings .content_wrapper::before {
	height:50%; /* vertical text position */
}
.hero-slide--seasonsgreetings {
	text-align: center;
}
.hero-slide--seasonsgreetings h1 {
	max-width:6em;
	margin: 0.25em auto;
}
.hero-slide--seasonsgreetings h2 {
	max-width:10em;
	margin: 0.25em auto;
	padding-bottom: .3em;
}







/* bogo slide */
.hero-slide--bogo { 
	background:url(../image/RX_D2C_BOGO_Mobile.jpg) center / cover;
}
.hero-slide--bogo .rich-text { 
	font-size:4vw; 
	position:absolute; 
	left: 50%; 
	top:57%; 
	transform:translate(-50%,-50%); 
	color:#449e3d; 
	text-align:center; 
	line-height:1em; 
}
.hero-slide--bogo .rich-text .huge { 
	color:#fff; 
	display:block; 
	font-size:3.5em; 
	text-transform:uppercase; 
	margin:-0.15em 0; 
}
.hero-slide--bogo .rich-text small { 
	font-size:0.8em; 
	color:#fff; 
	display:block; 
	line-height:1em; 
	margin-bottom:1.5em;  
}
@media (min-width:48em) {
	.hero-slide--bogo { 
		background:url(../image/RX_D2C_BOGO_Desktop.jpg) center / cover;
	}
	.hero-slide--bogo .rich-text { 
		font-size:2vw;
		padding: 1em
	}
}
@media (min-width:120em) {
	.hero-slide--bogo .rich-text {
		font-size:2.4em; 
		
	}
}

/* move the couch slide */
.hero-slide--barthecouch .content_wrapper::before {
	height:100%; /* vertical text position */
}
.hero-slide--barthecouch h1 {
	font-size:1.5em;
	margin: 1rem 0 0;

}
.hero-slide--barthecouch .rich-text {
	width:100%;
	text-align: center;
	vertical-align: top;
}
.hero-slide--barthecouch .button-cta {
	background: #f8cb10;
	color: #000;
	display: inline-block;
	padding: 0.6em 1em 0.65em;
}
.pagehero .hero-slide--barthecouch > picture img {
	
}
.pagehero .hero-slide--barthecouch .couch {
	display: block;
    position: absolute;
	width: calc(12em + 24vw);
    height: auto;
	bottom: 2em;
}
.hero-slide--barthecouch .rich-text img{
	width:7em;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.hero-slide--barthecouch .rich-text img + img {
    margin-top: 0;
	
}
@media (min-width:48em) {
	.hero-slide--barthecouch .content_wrapper{
		display: flex;
		align-items: center;
	}
	.hero-slide--barthecouch h1 {
		font-size: 1em;
	}
	.hero-slide--barthecouch .button-cta {
		margin-top: 2vw;
	}
	.hero-slide--barthecouch .rich-text {
		width: 40%;
	}
	.pagehero .hero-slide--barthecouch .couch {
		display: none;
		visibility: hidden;
	}
	.hero-slide--barthecouch .rich-text img {
		width: 5em;
		display: block;
		margin: .5em auto;
	}
}



/* No BS slide */
.hero-slide--nobs {
	background:#df1698;
	text-align: center;
}
.hero-slide--nobs .rich-text {
	margin: 0 -2em;
	padding: 0;
	vertical-align: top;
}
.hero-slide--nobs h1, .hero-slide--nobs h2  {
	font-size:1.5em;
	text-align: inherit;
}
@media (min-width:48em) {
	.hero-slide--nobs {
		text-align:left;
	}
	.hero-slide--nobs .rich-text {
		text-align:left;
		padding: 10% 0 0 43%;
		width: auto;
	}
	.hero-slide--nobs h1, .hero-slide--nobs h2 {
		font-size:2em;
		max-width:7em;
	}
	.pagehero .hero-slide--nobs > img, 
	.pagehero .hero-slide--nobs > picture img {
		object-fit:contain;
	}
}


/* Pumpkin slide */
.hero-slide--pumpkin {
	background: url(../image/pumpkin-spice-2024-back.jpg) center / cover;
	text-align: center;
}
.hero-slide--pumpkin .rich-text {
	margin: 0 -2em;
	padding: 0;
	vertical-align: top;
}
.hero-slide--pumpkin h1, .hero-slide--pumpkin h2  {
	font-size:1.5em;
	text-align: inherit;
    margin: 1em 0;
}

.pagehero .hero-slide--pumpkin > img, 
	.pagehero .hero-slide--pumpkin > picture img {
		object-fit:contain;
        top: 18%;
	}
@media (min-width:48em) {
	.hero-slide--pumpkin {
		text-align:left;
	}
	.hero-slide--pumpkin .rich-text {
		text-align:left;
		padding: 8% 0 0 14%;
        width: 39%;
	}
	.hero-slide--pumpkin h1, .hero-slide--pumpkin h2 {
		font-size:2em;
		max-width:7em;
	}
	.pagehero .hero-slide--pumpkin > img, 
	.pagehero .hero-slide--pumpkin > picture img {
		object-fit:contain;
        top: 0;
        left: 16%;
	}
}



/* Pumpkin Ginger slide */
.hero-slide--pumpkin-ginger {
	background: url(../image/pumpkin-gingerbread-2024-back.jpg) center / cover;
	text-align: center;
}
.hero-slide--pumpkin-ginger .rich-text {
	margin: 2em -2em;
	padding: 0;
	vertical-align: top;
}
.hero-slide--pumpkin-ginger h1, .hero-slide--pumpkin-ginger h2  {
	font-size:2.5em;
	text-align: inherit;
    margin: .5em 0;
}

.pagehero .hero-slide--pumpkin-ginger > img, 
	.pagehero .hero-slide--pumpkin-ginger > picture img {
		object-fit:contain;
        top: 22%;
	}
@media (min-width:48em) {
	.hero-slide--pumpkin-ginger {
		text-align:center;
	}
	.hero-slide--pumpkin-ginger .rich-text {
		text-align:center;
		padding: 0;
        width: 50%;
	}
	.hero-slide--pumpkin-ginger h1, .hero-slide--pumpkin-ginger h2 {
		font-size:2em;
		max-width:7em;
         margin: 0;
	}
	.pagehero .hero-slide--pumpkin-ginger > img, 
	.pagehero .hero-slide--pumpkin-ginger > picture img {
		object-fit:contain;
        top: 1.2em;
        left: 0;
	}
}




/* More Delicious slide */
.hero-slide--delicious {
	background: url(../image/home-slide-more-delicious-back.jpg) center / cover;
	text-align: center;
}
.hero-slide--delicious .rich-text {
	vertical-align: top;
	width: 100%;
	display: flex;
	padding: 0;
	height: 100%
}
.hero-slide--delicious .rich-text>div{
	text-align: left;
	width: 46%;
	padding: 0 2%;
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.hero-slide--delicious h1, .hero-slide--delicious h2 {
	font-size:calc(1.3em + 5vw);
	text-align: center;
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-shadow: 0px 2px 8px rgba(0,0,0,0.9);
}
.hero-slide--delicious h1 span {
	
}
.hero-slide--delicious .content_wrapper {
    width: 100%;
	z-index: 3;
    position: relative;
}
.hero-slide--delicious .content_wrapper::before {
   content: none
}
.hero-slide--delicious .rich-text img{
	display: inline-block;
	width: 5em;
	margin: 0;
}

.pagehero .hero-slide--delicious > picture img {
    min-width: 0;
    height: 100%;
    width: 66%;
    left: 39%;
    top: -11%;
    transform: none;
    overflow: visible;
    object-fit: contain;
}


.hero-slide--delicious .button-cta{
	background-color: #fff;
	border-radius: 20px;
	color: #D13B00;
	margin-bottom: 2em;
}

.hero-slide--delicious .rich-text p{
	display: none;
}

.less-is-more {
	height: 100%;
	width: 50vw;
	position: absolute;
	z-index: 2;
    top: 0%;
   
}
.less-is-more .less{
	height: 33%;
	border-right: 2px solid #fff;
	background:url(../image/home-slide-more-delicious-peanuts-mobile.jpg) center / cover;
}
.less-is-more .is-more{
	height: 34%;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background:url(../image/home-slide-more-delicious-peanutbutter-mobile.jpg) center / cover;
}
.less-is-more .delicious{
	height: 33%;
	border-right: 2px solid #fff;
	background:url(../image/home-slide-more-delicious-honey-mobile.jpg) center / cover;
}

@media (min-width:48em) {
	.hero-slide--delicious {
		text-align:left;
		background:url(../image/home-slide-more-delicious-back.jpg) center / cover;
	}
	.hero-slide--delicious .rich-text {
		text-align:left;
		width: auto;
		justify-content: space-between;
		
	}
	.hero-slide--delicious h1, .hero-slide--delicious h2 {
		font-size:2em;
		width: 44%;
	}
	.hero-slide--delicious .rich-text img{
		width: 40%;
	}
	
	.pagehero .hero-slide--delicious > img, 
	.pagehero .hero-slide--delicious > picture img {
		object-fit:contain;
	}
	.hero-slide--delicious .rich-text>div{
		width: 23%;
        padding: 0 5% 0 0;
		justify-content: center;
	}
	.hero-slide--delicious .rich-text p{
		display: inline;
	}
	.hero-slide--delicious .button-cta{
		width: 8em;
		padding: .5em .2em;
		margin: 1.5em 0;
	}
	.hero-slide .rich-text img + img{
		margin-top: -.5em;
	}
	.less-is-more .less{
		height: 33%;
		border-right: 2px solid #fff;
		background:url(../image/home-slide-more-delicious-peanuts-mobile.jpg) center / cover;
	}
	.less-is-more .is-more{
		height: 34%;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		background:url(../image/home-slide-more-delicious-peanutbutter-mobile.jpg) center / cover;
	}
	.less-is-more .delicious{
		height: 33%;
		border-right: 2px solid #fff;
		background:url(../image/home-slide-more-delicious-honey-mobile.jpg) center / cover;
	}
	.pagehero .hero-slide--delicious > picture img {
		min-width: 0;
		height: 100%;
		width: 50%;
        left: 31%;
        top: 0%;
		transform: none;
	}
	.less-is-more {
		width: 37vw;
	}
	
}

@media (min-width:70em) {
	.less-is-more {
		width: 50vw;
        transform: translate(-100%, 0%);
        right: 9em;
	}

	.pagehero .hero-slide--delicious > picture img {
		left: auto;
        top: 0%;
        transform: translate(-50%, 0%);
        right: -6em;

	}
	
	.hero-slide--delicious .content_wrapper {
		max-width: 102em;
	}


}


/* Spring 2024 */
.hero-slide--spring2024 {
	background:#7ad2f7;
	text-align: center;
}
.hero-slide--spring2024 .rich-text {
	margin: 0.5em 0em;
    padding: 0.5em 0 0.5em 0;
    vertical-align: middle;
    width: 80%;
	background-color: #b3e3fa;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16),
0px 3px 6px 0px rgba(0,0,0,0.23);
}
.hero-slide--spring2024 h1  {
	font-size:calc(2vw + .89em);
	color: #1F6884;
	text-transform: uppercase;
	line-height: 1;
	margin: 0;
}

.hero-slide--spring2024 h1 span  {
	font-size:1.5em;
	color: #1F6884;
	display: block;
}

.hero-slide--spring2024 h1 span:nth-of-type(1)  {
	font-size:3.5em;
	line-height: .7;
	text-shadow: 0.1800rem 0.0000rem 0 #000, 
 0.1456rem 0.1058rem 0 #000, 
 0.0556rem 0.1712rem 0 #000, 
 -0.0556rem 0.1712rem 0 #000, 
 -0.1456rem 0.1058rem 0 #000, 
 -0.1800rem 0.0000rem 0 #000, 
 -0.1456rem -0.1058rem 0 #000, 
 -0.0556rem -0.1712rem 0 #000, 
 0.0556rem -0.1712rem 0 #000, 
 0.1456rem -0.1058rem 0 #000; 
	color: #fff;
}
.hero-slide--spring2024 h1 span:nth-of-type(2)  {
	font-size:3.5em;
	line-height: .9;
	text-shadow: 0.1800rem 0.0000rem 0 #000, 
 0.1456rem 0.1058rem 0 #000, 
 0.0556rem 0.1712rem 0 #000, 
 -0.0556rem 0.1712rem 0 #000, 
 -0.1456rem 0.1058rem 0 #000, 
 -0.1800rem 0.0000rem 0 #000, 
 -0.1456rem -0.1058rem 0 #000, 
 -0.0556rem -0.1712rem 0 #000, 
 0.0556rem -0.1712rem 0 #000, 
 0.1456rem -0.1058rem 0 #000; 
	color: #fff;
}

.hero-slide--spring2024 h1 span:nth-of-type(4)  {
	font-size:.45em;
	line-height: 1.7;
	
	color: #000;
}

.hero-slide--spring2024 h1 span:nth-of-type(5)  {
	font-size:.6em;
	line-height: 1.3;
}



@media (min-width:48em) {
	
	.hero-slide--spring2024 .rich-text {
		width: 60%;
		max-width: 15em;
		
	}
	.hero-slide--spring2024 h1 {
		font-size:calc(2vw + .5em);
	}
	
	.pagehero .hero-slide--spring2024 > img, 
	.pagehero .hero-slide--spring2024 > picture img {
		object-fit:contain;
	}
}

@media (min-width:72em) {
	
	.hero-slide--spring2024 h1 {
		font-size:1.2em;
	}

}	


/*Rewards Slide*/


.hero-slide--rewards {
	background-color: #6e31c9;
}

.hero-slide--rewards h2, .hero-slide--rewards h1{
	line-height: 1;
}

.hero-slide--rewards h2 span, .hero-slide--rewards h1 span{
	font-size: .5em;
	font-weight: 400;
    margin: 0;
    padding: 0;
	display: block;
}

.hero-slide--rewards .rich-text {
    vertical-align: top;
	width: 100%
}

.hero-slide--rewards .rich-text img {
	position: absolute;
    top: 1em;
    right: 0;
	width: 21%
}

.hero-slide--rewards .content_wrapper p {
	position: absolute;
    bottom: 1em;
    left: .5em;
	color: #fff;
	font-size: 2.5vw;
}

@media (min-width:48em) {
	.hero-slide--rewards .rich-text img {
		width: 4em
	}
	.hero-slide--rewards .content_wrapper p {
	left: auto;
		font-size: .8em;
	}
	.pagehero .hero-slide--rewards > picture img{
		transform: translate(-50%, 0);
		max-width: 90em;
		left: 50%;
		right: auto;
		top: auto;
	}
	
}


.hero--recipes-search {
	background:url(../image/recipes.jpg) right bottom / auto calc(100% - 12em) no-repeat, #feb5bf;
    height: calc(12em + 88vw);
}
.hero--recipes-search h1 {
	text-indent:-0.08em;
	padding-top:1rem;
}
.hero--recipes-search h1 + h2,
.hero--recipes-search h2 + p {
	font-size:inherit;
	font-weight:500;
	max-width:16em;
}
@media (min-width:32em) {
	.hero--recipes-search {
		background-size: auto calc(100% - 4em);
		background-position: right center;
		height: calc(12em + 20vw);
	}
}
@media (min-width:48em) {
	.hero--recipes-search {
		background:url(../image/recipes.jpg) center / auto 90% no-repeat, #feb5bf; 
		min-height:20em;
		height:33vw;
		max-height:36em;
	}
	.hero--recipes-search h1 + h2,
	.hero--recipes-search h2 + p {
		font-size:1.25em;
		max-width: 16em;
	}
}

.breadcrumbs section {
	margin:0;
	padding:1.33em 0;
}
.breadcrumbs {
	position:relative;
	display:none;
	height:4em;
	z-index:2;
}
.breadcrumbs a {
	margin-right:1.25em;
	position:relative;
	display:inline-block;
}
.breadcrumbs a::after {
	position:absolute;
	content:'';
	display:block;
	width:1em;
	height:100%; 
	top:0; 
	right:-1em;
}
.breadcrumbs a::before {
	position:absolute;
	content:'';
	display:block;
	border-right:0.15em solid;
	border-bottom:0.15em solid;
	width:0.4em;
	height:0.4em;
	top:0.55em; 
	right:-0.8em;
	transform:rotate(-45deg)
}

@media (min-width:48em) {
	.breadcrumbs { 
		display:block;
	}
	.breadcrumbs + .pagehero {
		margin-top:-4em;
	}
}



/* home page stuff */

.home-promo-bogo {
	position: relative;
}
.home-promo-bogo .button-cta {
	margin:1em auto;
	display:block; 
	width:6em;
}
.home-promo-bogo::after {
	content: '';
	display: block;
	background: url(../image/special-offer-products.jpg) center / contain no-repeat;
	padding-bottom: 60%;
	pointer-events:none;
}

@media (min-width:48em) {
	.home-promo-bogo {
		padding:2em 0;
	}
	.home-promo-bogo .button-cta {
		margin:1em 0;
	}
	.home-promo-bogo h3 {
		max-width:12em;
	}
	.home-promo-bogo p {
		max-width:34em;
	}
	.home-promo-bogo::after {
		position: absolute;
		width:calc(70% - 10em); 
		bottom: -2em;
		top: 3em;
		left:50%;
		max-width:40em;
		padding: 0;
		margin: 0;
	}
	.home-promo-bogo .rich-text {
		position: relative;
		z-index: 1;
		margin-right:24em;
	}
}
@media (min-width:80em) {
	.home-promo-bogo {
		padding:2em 0 4em;
	}
	.home-promo-bogo h2 {
		font-size:4em;
	}
}



.home-promo-ingredients {
	position: relative;
}

.home-promo-ingredients::after {
	content: '';
	display: block;
	width: 100%;
	background: url(../image/ingredients-mobile.jpg) center bottom / 100% auto no-repeat;
	padding-bottom: 80%;
	margin-top: -15%;
	pointer-events:none;
}

.home-promo-ingredients h2 span:last-child {
	font-size: 60%;
}

@media (min-width:48em) {
	.home-promo-ingredients::after {
		background: url(../image/ingredients-mobile.jpg) 0 center / contain no-repeat;
		position: absolute;
		left: 50%;
		bottom: 0;
		top: 0;
		right: 0;
		padding: 0;
		margin: 0;
	}
	.home-promo-ingredients .rich-text {
		padding: 4% 50% 4% 0;
		position: relative;
		z-index: 1;
	}
}

@media (min-width:75em) {
	.home-promo-ingredients h2 {
		font-size: 4em;
	}
}

.home-promo-instagram {
	position: relative;
	padding: 0 2em;
	margin: 4em auto;
	max-width: 80em;
}

.home-promo-instagram img {
	width:100%;
}

.home-keepitcoming {
	background:#000;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.home-keepitcoming .button-cta {
	background:#fff;
	color:#000;
	margin-bottom:2em;
}
.home-keepitcoming .button-cta:hover {
	background: #bb29bb;
	color: #fff;
}
.home-keepitcoming section{
	margin:0;
}
.home-keepitcoming .pretend-h3 {
	margin:1em auto;
	max-width:32em;
}

.home-keepitcoming-icons {
	display:flex;
	justify-content:space-evenly;
	margin-bottom:2em;
}
.home-keepitcoming-icons > div {
	flex-basis:4em; 
	max-width:12em;
}
.home-keepitcoming-icons > div::before {
	content:'';
	padding-top:2.5em;
	margin:0.5em 0;
	display:block;
}
.home-keepitcoming-icon-calendar::before {
	background:url(../image/icon-calendar.png) center top / contain no-repeat;
}
.home-keepitcoming-icon-truck::before {
	background:url(../image/icon-truck.png) center top / contain no-repeat;
}
.home-keepitcoming-icon-piggybank::before {
	background:url(../image/icon-piggybank.png) center top / contain no-repeat;
}
@media (min-width:32em) {
	.home-keepitcoming-icons > div {
		flex-basis:33%; 
	}
	.home-keepitcoming-icons > div::before {
		padding-top:4em;
	}
}

.home-wtb {
	position:relative;
	margin-top: 2em;
	background: url(../image/magnified-bar.jpg) left -19vw bottom -30vw / 130vw auto no-repeat;
}
.home-wtb section {
	margin:0; 
}
.home-wtb .content_wrapper {
	padding-bottom: 90%;
	min-height: 8em;
}
.home-wtb .button-cta {
	position:absolute;
	right:50%;
	bottom:2em; 
	box-shadow:0 0 0 0.2em #fff;
	transform:translate(50%,0);
}
@media (min-width:48em) {
	.home-wtb {
		background:none;
	}
	.home-wtb h2 {
		width:55%;
		max-width:10em;
		margin:6% 0 10%;
	}
	.home-wtb .button-cta {
		transform:none; right:0.15em; bottom:50%; margin-bottom:-1.5em;
	}
	.home-wtb .content_wrapper {
		background: url(../image/magnified-bar.jpg) left 92% top 2em / 60% auto no-repeat;
		position:relative;
		overflow:hidden;
		padding: 0em;
	}
}
@media (min-width:75em) {
	.home-wtb h2 {
		font-size:4em;
	}
}



.page-title {
	
}



/* basic promotions component */

.promotions-featured {
	text-align: center;
	margin:0 auto; 
}
.promotions-featured h2 {
	border-bottom:0.4rem solid;
	padding-bottom:0.5em;
	margin-bottom:1em;
}
.promotions-featured h3 {
	font-weight:bold;
}

.promotions-featured .pretend-h3 {
	border-bottom:none;
	padding-bottom:0;
}

.promotions-featured-row {
	justify-content:space-between;
}
.promotions-featured .promotions-featured-column {
	color:#000;
	flex-basis:calc(50% - 2em);
	margin:0 -1em 2em;
	max-width:36em; 
	display:inline-block;
	text-decoration:none;
}
.promotions-description {
	padding:0 1em; 
}
.promotions-description h3 {
	max-width:12em;
	margin:1rem auto;
}
.promotions-description p {
	max-width:26em;
	margin:1rem auto;
}
@media (min-width:48em) {
	.promotions-featured {
		margin:4em auto; 
	}
	.promotions-featured .promotions-featured-column {
		margin: 0;
		padding: .5em;
	}
}


/* featured products */

.products-featured {
	margin: 0 0 2em;
}

.products-featured-intro {
	background: #000;
	padding: 1em;
	color: #fff;
	margin: 0 -1em 2em;
}
.products-featured-intro a {
	color: #fff;
}

.products-featured .tns-ovh {
	min-width:100%;
}
.products-featured .tns-outer {
	position: relative;
	padding: 0 2em !important;
	margin: 0 -1em;
}

.products-featured-row {
	text-align: center;
}

.products-featured-row img {
	margin: 0 auto;
}

.products-featured-row h3 {
	font-size: 1.5em;
	position: relative
}

.product-category .product-primary-image::before {
	content:'';
	display:block;
	padding-top:120%;
}
.product-category .product-primary-image {
	position: relative;
	max-width: 16em;
	margin: 0 -8% -4%;
	display: inline-block;
	width: 116%;
	pointer-events: none;
}
.product-category .product-primary-image img + img {
	opacity:0;
	transition:opacity 0.15s;
}
.product-category .product-primary-image img {
	width:100%; height:100%; object-fit:contain;
	position:absolute; 
	top:0;
}
.product-category {
	display: block;
	position: relative;
	z-index:1;
	margin: 1em 0 1em;
	text-decoration:none;
	transition:background 0.1s, color 0.15s;
	mix-blend-mode: darken;
}
.product-category:focus {
	outline:none
}
.slider-instagram a {
	position:relative;
	display: inline-block;
}
.product-category:focus::after,
.slider-instagram a:focus::after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border: 2px solid #bb29bb;
	pointer-events:none;
}
.product-category:focus:hover::after,
.slider-instagram a:focus:hover::after {
	border:none;
}
.product-category:hover { 
	z-index:2;
}
.product-category:hover .product-primary-image img + img {
	opacity:1;
}
.products-featured-row .button-cta {
	display:none;
}

@media (min-width:48em) {
	.products-featured {
		margin: 0 auto 4em;
	}
	.products-featured-row {
		display: block;
	}
	.products-featured-intro {
		padding:1em 2em;
	}
	.products-featured-intro h2 {
		font-size: 2em;
	}
	.product-category-description {
	}
}

@media (min-width:64em) {
	.products-featured .content_wrapper {
		display: flex;
		justify-content: space-between;
	}
	.products-featured-intro {
		max-width: 16em;
		flex-basis: 33.33%;
		margin: 0 1em 3em -2em;
	}
	.products-featured .tns-outer,
	.products-featured-row {
		flex-basis: 76%;
		display: flex;
		flex-wrap: nowrap;
		margin-right:-2em;
	}
}

@media (min-width:80em) {
	.products-featured-intro {
		margin-left:0;
	}
	.products-featured .tns-outer,
	.products-featured-row {
		position: relative;
		
		margin: 0;
	}
}
/* new version, no slider just a grid */
.products-featured-v2 {
}
.products-featured-v2 .products-featured-intro {
	max-width:none;
	margin:0;
	padding:2em 0em;
	box-shadow:-48em 0 0 #000, 48em 0 0 #000, -50vw 0 0 #000, 50vw 0 0 #000; 
}
.products-featured-grid {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}
.products-featured-grid a {
	flex-basis:100%;
	text-align:center;
}
.products-featured-grid h3 {
	font-size:1.25em;
}
@media (min-width:21em) {
	.products-featured-grid a {
		flex-basis:calc(50% - 1em);
	}
}
@media (min-width:64em) {
	.products-featured-grid a {
		flex-basis:calc(25% - 1em);
	}
	.products-featured-grid h3 {
		font-size:1.67em;
	}
}
@media (min-width:75em) {
	.products-featured-grid {
		margin:0 -2em;
	}
}




/* Product Line Lists */

.products-line {
	text-align: center;
	position: relative;
}

.products-line p {
	width: 100%;
}

.products-line--related .content_wrapper {
	position: relative;
}

.products-line--related h2 {
	font-size: 2.5em;
	line-height: 1.25;
	margin: 0 0 0.25em;
	text-align: left;
	padding-bottom: 0.25em;
	padding-right: 2.66em;
	border-bottom: 0.12em solid currentcolor;
}

.products-line--related {
	text-align: left;
}

.products-line--related .products-list-product {
	text-align: left;
}

.products-line--related .tns-controls button[data-controls] {
	font-size: 80%;
	margin: 0;
	top: 0em;
	right: 0;
	left: auto;
	width: 3em;
	height: 4em;
}

.products-line--related .tns-controls button[data-controls]::before,
.products-line--related .tns-controls button[data-controls]::after {
	left: 2em;
	color: #000;
	background: currentcolor;
	outline: 0.15em solid;
	border-radius: 0;
}

.products-line--related .tns-controls button[data-controls="prev"]::before,
.products-line--related .tns-controls button[data-controls="prev"]::after {
	left: 0.66em;
}

.products-line--related .tns-controls button[data-controls][disabled] {
	opacity: 0.2;
	pointer-events: none;
}

.products-line--related .tns-controls button[data-controls="prev"] {
	right: 4em;
}

.products-line--related .product-list-title {
	font-size: 1.33em;
	text-align: center;
	line-height: 1.1;
}

@media (max-width:36em) {
	.products-line--related h2 {
		font-size: 2em;
	}
	.products-line--related .tns-controls button[data-controls] {
		top: -0.5em;
	}
	.products-line--related .product-list-title {
		font-size: 1.25em;
	}
}

@media (min-width:75em) {
	.products-line--related .product-list-title {
		font-size: 1.5em;
	}
}

.products-list {
	padding: 0 0em;
	font-weight: 700;
	margin: 0 -1em;
}

.products-list-product {
	padding: 1em 0;
	flex-basis: 50%;
}

.products-list-product a {
	text-decoration: none;
}

.products-list-product a:hover {
	text-decoration: underline;
}


/* bazaarvoice stars */

.products-list-product {
	position: relative;
	padding-bottom: 3em;
}

.products-list-product .bv_main_container {
	transform: translate(-50%, 0) scale(0.875) !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
}

.products-list-product .product-primary-image {
	width: 100%;
	height: 0;
	padding-top: 100%;
}

.product-list-title {
	display: block;
	padding: 0 0.5em;
}

.page--product-category .products-line h2 {
	padding-top: 2rem;
	position: relative;
}

@media (min-width:32em) {
	.products-list-product {
		flex-basis: 33%;
	}
}

@media (min-width:48em) {
	.products-list-product {
		flex-basis: 25%;
	}
	.page--product-category .products-line h2::after {
		left: auto;
		right: 4rem;
		transform: scalex(-1);
	}
	.page--product-category .products-line p {
		padding: 0 20%;
		margin: 0em 5em 2em;
	}
	.products-line--related h2 .line-1 {
		text-indent: -1.2em;
		font-size: 1.25em;
	}
	.products-line--related h2 .line-2 {
		text-indent: 1.2em;
		font-size: 1.25em;
	}
	.products-line p {
		width: 80%;
		margin: 0 auto;
		font-size: 1.3em;
		max-width: 40em;
	}
}

@media (min-width:64em) {
	.products-list-product {
		font-size: 1.25em;
	}
}


/* END Product Line Lists */


/* Product Detail page */

.product-slider-holder {
	margin-top: -1em;
}

.product-detail-overview {
	margin-top: 1em;
}

.product-slider-aspect-ratio {
	padding-top: 96.666%;
}

.js-product-thumbnails>div:first-child:last-child {
	display: none;
}

.product-detail-overview h1 {
	font-weight: 900;
	font-size: 2.5em;
	text-align: left;
}

.product-detail-overview p {
	font-size: 1.125em;
	margin: 1em 0;
	white-space: pre-wrap;
}

.sharer {
	text-align: left;
}

.sharer .at-icon-wrapper {
	background:black !important;
	border-radius:0;
}
.sharer .at-icon-wrapper:hover {
	background:#bb29bb !important;
}
.sharer .at-icon {
	width: 2.5em !important;
	height: 2.5em !important;
	margin:0;
}

.addthis_toolbox a {
	margin: 0 0.25em;
	padding:0 !important;
}
.addthis_toolbox a:first-child {
	margin-left:0;
}
.addthis_button_email,
.addthis_button_compact.at300m {
	display: none;
}


.product-nutrition h2 {
	color: inherit;
	font-family: inherit;
}

.product-nutrition-highlights h3:first-child {
	color: inherit;
}

.product-nutrition .content_wrapper {
	max-width: 24em;
}

.product-nutrition .content_wrapper>h2 {
	text-align: left;
	border-bottom: 2px solid currentcolor;
	padding-bottom: 0.2em;
}

.product-nutrition .content_wrapper>h2+p {
	display: none;
}

.product-nutrition h3 {
	font-size: 2em;
}

.product-nutrition-smartlabel-title+p {
	margin-bottom: 0.25em;
}

.product-nutrition p,
.product-nutrition table {
	max-width: 24em;
	line-height: 1.5;
	font-weight: 300;
}

.product-nutrition td {
	border-bottom: 1px solid currentcolor;
}

.product-nutrition td.spacer,
.product-nutrition tr:last-child td {
	border-bottom: none;
}

.product-nutrition {
	text-align: center;
	margin: 3em 0;
}

.product-nutrition .button-cta {
	position: relative;
	z-index: 4;
	width: 12em;
}

.product-nutrition select {
	font-size: 1.125rem;
	background: rgba(0, 0, 0, 0);
	padding: 0.5em 2.5em 0.5em 0.5em;
	color: currentcolor
}

.product-nutrition .select-wrapper::before {
	z-index: 1;
	pointer-events: none;
	border-bottom: 0.2em solid currentcolor;
	border-right: 0.2em solid currentcolor;
}

.product-nutrition-row {
	display: flex;
	flex-wrap: wrap;
}

.product-nutrition-row>div {
	text-align: left;
}

.product-nutrition-highlights {
	/* order: 1; */
}

.product-nutrition-highlights h3:first-child {
	display: block;
}

.product-nutrition-row .product-nutrition-smartlabel {
	margin: 2em 0;
}

.product-detail-actions .button-wtb {
	display: none;
	visibility: hidden;
}

.nutritionoverride section {
	margin: 0;
	padding: 2em 0 3em;
}

.nutritionoverride,
.nutritionoverride select {
	background: #231f20;
	color: #fff;
}

.nutritionoverride .button-cta {
	background: #fff;
	color: #231f20;
}

.nutrition--pb .nutritionoverride,
.nutrition--pb .nutritionoverride select {
	background: #a66221;
}

.nutrition--pb .nutritionoverride .button-cta {
	background: #fff;
	color: #a66221;
}

.nutrition--pb-choc .nutritionoverride,
.nutrition--pb-choc .nutritionoverride select {
	background: #613a29;
}

.nutrition--pb-choc .nutritionoverride .button-cta {
	background: #fff;
	color: #613a29;
}

.nutrition--choc .nutritionoverride,
.nutrition--choc .nutritionoverride select {
	background: #a66221;
}

.nutrition--choc .nutritionoverride .button-cta {
	background: #fff;
	color: #a66221;
}

.nutrition--choc-chip .nutritionoverride,
.nutrition--choc-chip .nutritionoverride select {
	background: #61b6cb;
	color: #000;
}

.nutrition--choc-chip .nutritionoverride .button-cta {
	background: #000;
	color: #61b6cb;
}

.nutrition--coconut .nutritionoverride,
.nutrition--coconut .nutritionoverride select {
	background: #d6d2c6;
	color: #000;
}

.nutrition--coconut .nutritionoverride .button-cta {
	background: #000;
	color: #d6d2c6;
}

.nutrition--banana .nutritionoverride,
.nutrition--banana .nutritionoverride select {
	background: #fcb600;
	color: #000;
}

.nutrition--banana .nutritionoverride .button-cta {
	background: #000;
	color: #fcb600;
}

.nutrition--blueberry .nutritionoverride,
.nutrition--blueberry .nutritionoverride select {
	background: #173c69;
}

.nutrition--blueberry .nutritionoverride .button-cta {
	background: #fff;
	color: #173c69;
}

.product-nutrition-smartlabel p {
	text-align: inherit;
	margin: 1em 0;
}

.product-nutrition-smartlabel .select-wrapper {
	margin: 1em 0;
}

@media (min-width:48em) {
	.product-nutrition .content_wrapper {
		max-width: 48em;
		width: calc(100% - 4em);
	}
	.product-nutrition-highlights {
		order: 0;
		padding: 0;
	}
	.product-nutrition-row .product-nutrition-smartlabel {
		margin: 0 0 1em;
	}
	.product-nutrition-row {
		margin: 0 -1em;
	}
	.product-nutrition-row>div {
		max-width: none;
		padding: 0 1em;
		flex-basis: calc(50% - 2em);
	}
	.product-nutrition p,
	.product-nutrition table {
		max-width: 18em;
	}
	.product-detail-overview h1 {
		font-size: 3.7em;
	}
	.product-nutrition::before,
	.product-nutrition::after {
		padding-top: 6%;
		margin: 0;
		box-shadow: none;
	}
	.product-nutrition-smartlabel .select-wrapper {
		width: 18em;
	}
	.sharer {
		text-align: center;
	}
}


/* recipe detail */
.recipe-highlights {
	
	text-align:center;
	justify-content:center;
	margin:2em 0;
}
.recipe-highlights strong {
	display:block;
	font-size:1.5em;
}
.recipe-highlights > div {
	width:11em;
	padding-top: 4em;
	margin: 1em auto;
}
.recipe-highlight--preptime {
	background: url(../image/icon-chef.png) center top / 4em auto no-repeat;
}
.recipe-highlight--totaltime {
	background:url(../image/icon-clock.png) center top / 4em auto no-repeat;
}
.recipe-highlight--yield {
	background:url(../image/icon-servings.png) center top / 4em auto no-repeat;
}
.recipe-slider-aspect-ratio {
	padding-top:75%;
}
.recipe-directions-row {
	line-height:1.5;
	width:100%;
}
.recipe-directions-row h3 {
	font-weight:bold;
}
.recipe-ingredients ul {
	list-style:none;
	padding:0;
}
.recipe-nutrition-button {
	text-align:left;
}

.recipeproduct, /* BS MT component name*/
.recipe-related-product {
	overflow:hidden;
}
.recipeproduct section, 
.recipe-related-product section {
	max-width:24em; margin:4em auto;
}
.recipe-related-product-tile {
	padding-top:calc(33vw + 5em);
	position:relative;
	text-align:center;
	margin-top:2em;
}
.recipe-related-product-tile:first-child {
	margin-top:0;
}
.recipe-related-product-tile img {
	position:absolute;
	height:calc(33vw + 4em);
	object-fit:contain;
	top:0; right:50%; 
	transform:translate(50%,0);
}
.recipe-related-product-tile h3 {
	font-size:1em;
	margin:0;
}
.recipe-related-product-tile p {
	font-size:1.5em;
	font-weight:bold;
	margin-top:0;
}
.recipe-detail-overview {
	max-width: 24em;
	margin: auto;
}
.recipe-detail-actions .button-cta {
	font-size:1.16rem;
	flex-basis: 13em;
}
.recipe-detail-actions .sharer {
	flex-basis: auto
}

.recipe-thumbnails-container .tns-nav-active, 
.product-thumbnails-container .tns-nav-active {
	box-shadow:inset 0 0 0 0.2em currentcolor
}

.recipe-detail-highlights h1 { text-align:inherit; color:inherit; } 
.recipe-detail-highlights section { margin:0; } 
.recipe-detail-highlights .content_wrapper { padding:0 0 2em; } 
.recipe-detail-highlights .content_wrapper:nth-child(1) { background: #ffb500; box-shadow:-40vw -10em 0 10em #ffb500,-20vw  -10em 0 10em #ffb500,20vw  -10em 0 10em #ffb500, 40vw  -10em 0 10em #ffb500; } 
.strawberry-shortcake .recipe-detail-highlights .content_wrapper:nth-child(1) { background: #ffeaf0; box-shadow:-40vw -10em 0 10em #ffeaf0,-20vw  -10em 0 10em #ffeaf0,20vw  -10em 0 10em #ffeaf0, 40vw  -10em 0 10em #ffeaf0; } 
.recipe-detail-highlights .content_wrapper:nth-child(2) { } 

.recipe-detail-overview { position:relative; padding-bottom: 10em; } 

.recipe-detail-actions .sharer { height:auto; } 
.recipe-detail-actions { position:absolute;bottom:0;width:100%;justify-content:}


@media (min-width:48em) { 
	.recipe-slider-holder { 
		flex-basis:40%;
	} 
	.recipe-detail-overview { 
		padding-bottom: 6em; max-width:none; 
	} 
	.recipe-related-product-tile {
		padding:1em 0 1em 40%;
		min-height:8em;
		text-align:left;
	}
	.recipe-related-product-tile img {
		position:absolute; top:50%; right:60%;
		height:10em; width:10em; margin:-5em 2em; transform:none; 
	}
	.recipeproduct section, 
	.recipe-related-product section {
		max-width:none;
	}
	
	.recipedetails .content_wrapper {
		display: flex;
	}
	.recipe-highlights {
		margin-left:-1.15em;
		justify-content:flex-start;
		display:flex;
	}
	
}





/* recipe search */
.recipe-search-text-field {
	max-width:22em;
	margin:1em auto;
	
}
#recipe_search_form {
	text-align:center;
}
#recipe-search-submit {
	width:100%;
	box-sizing:border-box;
	text-transform:uppercase;
	padding: 1.1em 1.5em;
	color:#fff;
	background:#000;
	border:none;
}
#recipe-search-q {
	border:0.2em solid #000; 
	padding: .72em 3.1em;
}
.recipe-search {
	text-align:center;
}
.recipe-search section {
	margin:0;
	position:relative;
}
.recipe-search p {
	color:#fff;
	max-width:28em;
	font-size:1.5em;
}
.recipe-results {
	margin-bottom:4em;
}
.recipe-search-filters-row {
	justify-content:center;
	max-width: 22em;
	margin: 0 auto;
}
.recipe-search-filter {
	flex-basis:100%;
	text-align:left;
}
.recipe-search-filter label {
	font-weight:bold;
	font-size:1.25em;
}
.recipe-search-filter .select-wrapper {
	width:100%;
}
.recipe-search-filter .select-wrapper select {
	width:100%;
	padding:0.8em 3em 0.8em 1em;
	border:0.2em solid #000; 
}
.recipe-list {
	margin: 0 -0.5em;
}
.recipe-list-image {
	overflow:hidden;
	position: relative;
	margin:-1px -1px 0;
	width:auto;
}
.recipe-list-image::before {
	content:'';
	display:block;
	padding-top:66.66%;
}
.recipe-list-image img {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	object-fit:cover;
}
.recipe-list-item {
	margin: 0 0.5em 1em;
	flex-basis: 22em;
	position:relative;
	box-sizing:border-box;
}
.recipe-list-item > a {
	text-decoration:none;
	overflow:hidden;
	border:0.2em solid #000;
	display:block;
	height:calc(100% - 0.4em);
	position:relative;
}

.recipe-list-description {
	padding:0 1em 4em;
	text-align:center;
	color: #000;
}
.recipe-list-description .button-cta {
	position:absolute;
	left:50%;
	bottom:1em;
	transform:translate(-50%,0);
}
.recipe-list-description h3 {
	font-size:1.66em;
	font-weight:bold;
}
.results-select-buttons { 
	text-align:center;
	margin:2em 0 3em;
}

.recipe-related {
	padding:4em 0;
}
.recipe-related .tns-controls button[data-controls] {
	top: 33%;
}
.recipe-related .recipe-list {
	display:block;
	max-width: none; 
	margin:0;
} 
.recipe-related .recipe-list-item {
	border:none;
	margin:0;
}
.recipe-related .tns-outer {
	padding: 0 3em !important;
	margin:0;
	position:relative;
}


.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2) .recipe-list-description {
	padding-bottom:3em;
}
.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2)::before {
	content:"Try this recipe";
	text-transform:uppercase;
	font-weight:bold;
	white-space:nowrap;
	display:block;
	width:auto;
	position:absolute;
	bottom:1em;
	left:50%;
	padding:0.5em 2em; 
	background:currentcolor;
	transform:translate(-50%,0);
}
.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2)::after {
	content:"Try this recipe";
	text-transform:uppercase;
	font-weight:bold;
	white-space:nowrap;
	display:block;
	width:auto;
	position:absolute;
	bottom:1em;
	left:50%;
	padding:0.5em 2em; 
	transform:translate(-50%,0);
	color:#fff;
}

@media (min-width:85em) {
	.recipe-related .tns-outer {
		margin:0 -3em;
	}
}
@media (min-width:48em) {
	.recipe-search-text-field {
		max-width:none;
	}
	#recipe-search-q {
		max-width: 50em;
		width: calc(80% - 9em);
		background: #fff;
		padding-right: 13em;
	}
	#recipe-search-submit {
		margin-left: -11.5em;
		width: auto;
		display: inline-block;
		vertical-align: top;
	}
	#recipe-search-submit:hover {
		background:#bb29bb;
		color:#fff;
	}
	.recipe-list {
		max-width:48em;
		margin: 0 auto;
		justify-content:flex-start;
	}
	.recipe-list-item {
		flex-basis: calc(50% - 1em);
		/* max-width: 24em; */
		margin: 0 0.5em 1em;
	}
}
@media (min-width:64em) {
	.recipe-search-filters-row {
		margin: 0 -0.5em;
		max-width: none;
	}
	.recipe-search-filter {
		text-align:left;
		flex-basis:calc(33.333% - 1em);
		margin:0 0.5em 0;
	}
	.recipe-list {
		max-width:none;
		margin: 0 -0.5em;
	}
	.recipe-list-item {
		flex-basis: calc(33.333% - 1em);
	}
}








/* Contact us -- based on old KSTL form */

main #KSTL-ContactUs-main .writeus {
	display:none;
}

main #KSTL-ContactUs-main .box-bordered {
	border: 0.15em solid #000;
}

main #KSTL-ContactUs-main .box-header {
	background:#000;
	margin:-1px -1px 0;
}
main #KSTL-ContactUs-main a {
	color:#1120d3;
}
main .qq-upload-button {
	background:#000;
}
main .qq-upload-button-hover {
	background:#bb29bb;
}
main #KSTL-ContactUs-main .box-header h2 {
	font-size:2em;
	color: #fff;
	text-align: left;
}

main #KSTL-ContactUs-main fieldset input,
main #KSTL-ContactUs-main fieldset textarea {
	width: 100%
}

main #KSTL-ContactUs-main fieldset select {
	max-width: 100%;
}

.kstl-contactus {
	margin: 0 auto;
}
.contact-intro {
}
.contact-wholesale {
	padding-bottom:2em; 
}
.contact-preliminary {
	margin: auto;
	text-align:center;
}

.contact-preliminary-option {
	margin:0 0 1em;
	padding:1em;
	color:#fff;
}
.contact-preliminary-option .button-cta {
	background:#fff;
}

.contact-preliminary-option:nth-child(1) {
	background:#78C5D5
}

.contact-preliminary-option:nth-child(1) .button-cta {
	color:#78C5D5
}

.contact-preliminary-option:nth-child(2) {
	background:#FFB500
}
.contact-preliminary-option:nth-child(2) .button-cta {
	color:#FFB500
}

.contact-preliminary-option:nth-child(3) {
	background:#A6631C;
}

.contact-preliminary-option:nth-child(3) .button-cta {
	color:#A6631C;
}

.contact-preliminary-option .button-cta:hover {
	background:#000;
}


.contact-preliminary-title h2 {
	font-size:2em;
}

.contact-preliminary-content {
	padding: 0 1em 1em;
	text-align: center;
}

.contact-preliminary-content p {
	text-align: center;
}

@media (min-width:64em) {
	.contact-preliminary .content_wrapper {
		display:flex;
		justify-content:space-between;
	}
	.contact-preliminary-option {
		flex-basis: calc(33% - 2.5em);
	}
	.contact-preliminary-content p {
		min-height: 4.5em;
	}
}

@media print {
	@page {
		size: 68em 90em;
		margin: 2em;
	}
	* {
		color: black !important;
	}
	.tns-controls button[data-controls] {
		color: transparent !important;
	}
	header {
		background: #fff;
		outline: none;
		border-bottom: 0.15em solid black;
	}
	.nav--container {
		background: #fff;
	}
	.searchicon span:after {
		height: 0;
		border-top: 0.15em solid black;
		border-bottom: 0.15em solid black;
	}
	.button-cta {
		border: 0.15em solid black;
		background: #fff;
	}
	.product-nutrition {
		background: none;
	}
	.product-nutrition select {
		background: #fff;
	}
	.product-nutrition::before,
	.product-nutrition::after,
	footer::before,
	footer::after {
		display: none;
	}
	footer {
		padding-top: 0;
		margin-bottom: 0;
	}
	footer .content_wrapper {
		background: none;
		box-shadow: none;
	}
	.contact-preliminary-title,
	main #KSTL-ContactUs-main .box-header {
		background: transparent;
		border-bottom: 0.15em solid black;
	}
	.contact-preliminary-option,
	main #KSTL-ContactUs-main .box-bordered {
		border-color: black;
	}
	#search {
		display: none;
		visibility: hidden;
	}
	.nav--container {
		box-shadow: none;
	}
	.MuiButton-containedPrimary {
		color: #fff;
		background-color: #dedede;
	}
}


/* Shim for contact form checkboxes + labels that are in the wrong order */

label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body #KSTL-ContactUs-main fieldset .checkbox>div {
	float: none;
}

#KSTL-ContactUs-main fieldset .checkbox {
	position: relative;
}

#KSTL-ContactUs-main fieldset .checkbox label[for] {
	padding-left: 1.75em;
	display: block;
	line-height: 1.15em;
}

#KSTL-ContactUs-main fieldset .checkbox label+div {
	float: none;
}

#KSTL-ContactUs-main fieldset .checkbox>div>div {
	position: static;
}

#KSTL-ContactUs-main fieldset .checkbox label+div span input#KSTL-ContactUs-Terms,
#KSTL-ContactUs-main fieldset .checkbox label+div span input#KSTL-ContactUs-Opt-In {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	margin: -1.25em 0.2em;
	float: left;
	position: static;
	outline: none;
	border: none;
}

#KSTL-ContactUs-main fieldset .checkbox label+div span input::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 2px solid #000000;
	background: #fff;
}

#KSTL-ContactUs-main fieldset .checkbox label+div span input::after {
	content: '✔';
	position: absolute;
	line-height: 0.8;
	color: #000;
	font-size: 154%;
	top: -0.1em;
	left: 0.1em;
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	transition: all .15s;
}

#KSTL-ContactUs-main fieldset .checkbox label+div span input:checked::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#KSTL-ContactUs-main fieldset .checkbox label+div span input:focus::before {
	outline: 2px solid #ffb100;
}


/* END Shim for contact form checkboxes + labels that are in the wrong order */


/* hide the custom checkbox in the bazaarvoice modal */

.bv-cleanslate input[type="checkbox"]:not(:checked)+label:before,
.bv-cleanslate input[type="checkbox"]:checked+label:before,
.bv-cleanslate input[type="checkbox"]:not(:checked)+label:after,
.bv-cleanslate input[type="checkbox"]:checked+label:after {
	display: none;
}



/* slider controls */

.tns-controls button[data-controls] {
	padding: 0;
}
.tns-nav[style*='display:none'] ~ div + div,
.tns-nav[style*='display: none'] ~ div + div {
	padding-bottom:0;
}
.tns-ovh {
	padding-bottom: 2em;
	
}
.tns-nav {
	font-size: 66%;
}
.tns-nav button {
	color: #000;
	background:transparent;
	transition: color 0.2s;
}
.tns-nav button::before {
	color:inherit;
	border: 2px solid currentcolor;
	background:transparent;
}
.tns-nav button.tns-nav-active::before {
	background:currentcolor;
}
.hero--homepage .tns-nav button {
	color: #fff;
}
.hero--homepage .tns-nav button:focus {
    outline: medium solid #fff;
}
.tns-controls button[data-controls][disabled] {
	opacity:0.2;
	cursor: default;
}
.tns-controls button[data-controls] {
	padding: 0;
	margin-left:0.1em;
	margin-right:0.1em;
	user-select:none;
}
.tns-controls button[data-controls]::before,
.tns-controls button[data-controls]::after {
	color: #000;
	background: currentcolor;
	width:1.5em;
	left: 1.2em;
}
.tns-controls button[data-controls="prev"]::before,
.tns-controls button[data-controls="prev"]::after {
	left: 0.3em;
}
.hero--homepage .tns-controls button {
	filter:drop-shadow(0 0 0.4em rgba(0,0,0,0.5));
}
.hero--homepage .tns-controls button[data-controls]::before,
.hero--homepage .tns-controls button[data-controls]::after {
	color: #fff;
}

.tns-inner a:not(.button-cta) {    
    outline-offset: -2px;
    padding: 0.25em;
}

@media (min-width:48em) {
	.tns-controls button[data-controls] {
		font-size:1.33em;
	}
	.tns-controls button[data-controls]:hover::before,
	.tns-controls button[data-controls]:hover::after {
		color:#f8cb10;
	}
}
@media (max-width:47.95em) {
	.home-promo-instagram .tns-outer,
	.products-featured .tns-outer {
		max-width:36em;
	}
	.home-promo-instagram .tns-ovh,
	.products-featured .tns-ovh {
		overflow: visible;
	}
	.home-promo-instagram .tns-item,
	.products-featured .tns-item {
		opacity:0.25;
		transition:opacity 0.2s;
	}
	.home-promo-instagram .tns-slide-active,
	.products-featured .tns-slide-active {
		opacity:1;
	}
}




div#at15s {
	display: none !important;
}

.kfr-tout--sticky {
	display: none;
	visibility: hidden;
}


/* hide the custom checkbox in the bazaarvoice modal */

.bv-cleanslate input[type="checkbox"]:not(:checked)+label:before,
.bv-cleanslate input[type="checkbox"]:checked+label:before,
.bv-cleanslate input[type="checkbox"]:not(:checked)+label:after,
.bv-cleanslate input[type="checkbox"]:checked+label:after {
	display: none;
}


/* Pricespider overrides */

.ps-wtb .ps-product-details>h1.ps-product-name {
	font-family: 'Circular';
	font-weight: bold;
	word-spacing: 0;
	padding-top: 3em;
}

.ps-wtb .ps-ribbon>div>label,
.ps-wtb .ps-ribbon>div>span,
.ps-wtb .ps-product-selector>div>select,
.ps-wtb .ps-product-selector>div>.single {
	font-family: 'Circular';
}


/* icon font for social media */


/* Icons

 Note: This is not used much currently but it is the best way to load icons. We created an icon font with a tool like icomoon (https://icomoon.io/) and embedded these icons in this css as a base64-ecoded woff font. This way nets ZERO additional server requests to load your icons.  */
@font-face {
	font-family: 'icomoon';
	src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	font-weight: bold;
	font-style: normal;
}

.social_icons {
	font-size: 1.5rem;
}

.social_icons a::before {
	font-family: 'icomoon' !important;
	margin:0;
}
.social_icons a {
	margin: 0.5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.icon-icon-hourglass:before {
	content: "\e90b";
}
.icon-icon-trash:before {
	content: "\e90c";
}
.icon-shop-bag:before {
	content: "\e902";
}
.icon-login-arrow:before {
	content: "\e903";
}
.icon-login1:before {
	content: "\e909";
}
.icon-icon-map-pin:before {
	content: "\e908";
}
.icon-icon-coupon:before {
	content: "\e907";
}
.icon-icon-map:before {
	content: "\e90a";
}
.icon-x_logo:before {
	content: "\e90d";
}
.icon-user2:before {
	content: "\e90e";
}
.icon-cart2:before {
	content: "\e90f";
}
.icon-smartlabel:before {
	content: "\e905";
}
.icon-tiktok:before {
	content: "\e906";
}
.icon-snapchat-ghost:before {
	content: "\e904";
}
.icon-envelope:before {
	content: "\e900";
}
.icon-pinterest-p:before {
	content: "\e901";
}
.icon-facebook:before {
	content: "\ea90";
}
.icon-facebook2:before {
	content: "\ea91";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}
.icon-youtube:before {
	content: "\ea9d";
}
.icon-flickr4:before {
	content: "\eaa6";
}
.icon-linkedin2:before {
	content: "\eaca";
}
.icon-pinterest2:before {
	content: "\ead2";
}


footer .social_icons a {
}



header .social_icons a,
footer .social_icons a {
	text-decoration: none;
	padding: 0.25em;
	font-size: 1.75rem;
	line-height: 1;
	margin: 0;
}
.social_icons a[href*="facebook.com"]:before, .social_icons a[data-tracking*="facebook-com"]:before {
}


.social_icons a[data-tracking*="instagram-com"] img,
.social_icons a[href*="instagram.com"] img,
.social_icons a[data-tracking*="twitter-com"] img,
.social_icons a[href*="twitter.com"] img,
.social_icons a[data-tracking*="facebook-com"] img,
.social_icons a[href*="facebook.com"] img,
.social_icons a[data-tracking*="pinterest-com"] img,
.social_icons a[href*="pinterest.com"] img,
.social_icons a[data-tracking*="youtube-com"] img,
.social_icons a[href*="youtube.com"] img,
.social_icons a[data-tracking*="tiktok-com"] img,
.social_icons a[href*="tiktok.com"] img {
	display: none;
}

.social_icons a[href*="facebook.com"]:before,
.social_icons a[data-tracking*="facebook-com"]:before {
	font-family: icomoon!important;
	content: "\ea90";
	font-size: 1.19em;
	top: -0.08em;
	position:relative;
}

.social_icons a[href*="twitter.com"]:before,
.social_icons a[data-tracking*="twitter-com"]:before {
	font-family: icomoon!important;
	content: "\e90d";
	font-size: 1.25em;
	padding: 0;
	top: -0.1em;
	left: -0.1em;
	position: relative;
}

.social_icons a[href*="instagram.com"]:before,
.social_icons a[data-tracking*="instagram-com"]:before {
	font-family: icomoon!important;
	content: "\ea92";
	font-size: 1em
}

.social_icons a[href*="pinterest.com"]:before,
.social_icons a[data-tracking*="pinterest-com"]:before {
	font-family: icomoon!important;
	content: "\e901";
	font-size: 1em
}

.social_icons a[href*="youtube.com"]:before,
.social_icons a[data-tracking*="youtube-com"]:before {
	font-family: icomoon!important;
	content: "\ea9d";
	font-size: 1em
}

.social_icons a[href*="tiktok.com"]:before,
.social_icons a[data-tracking*="tiktok-com"]:before {
	font-family: icomoon!important;
	content: "\e906";
	font-size: 1em
}
.nav--secondary ul a::before { /* default is wtb */
	font-family: icomoon!important;
	font-size:1.75em;
	content: "\e908";
	display:inline-block;
	vertical-align:top;
	margin:-0.35em 0 -0.5em 0;
	width:2rem;
	position:relative;
}
.nav--secondary ul .link--promotions::before {
	content: "\e907";
}
.nav--secondary ul .link--account::before,
.nav--secondary ul .link--my-account::before,
.cart-links ul .link--my-account::before,
.cart-links ul .link--account::before
{
	content: "\e90e";
	margin: -0.3em 0 -0.5em 0;
	font-size: 160%;
}
.nav--secondary ul .link--cart::before {
	content: "\e90f";
	font-size: 133%;
	margin: -0.2em 0 -0.5em 0;
	left:-0.3em
}
.nav--secondary ul .link--eningles::before,
.nav--secondary ul .link--in-english::before,
.nav--secondary ul .link--en-espa-ol::before,
.nav--secondary ul .link--enspanol::before {
	display:none;
}
@media (min-width:48em) {
	.nav--secondary ul .link--cart::before {
		margin: -0.2em -0.1em -0.5em -0.1em;
		left:-0.3em
	}
}
.nav--secondary li {
	vertical-align: top;
}
.nav--secondary .link--in-english {
	display:none;
}
html[lang="es"] 	.link--en-espa-ol,
html[lang="es-US"] 	.link--en-espa-ol {
	display:none;
}
html[lang="es"] 	.link--in-english,
html[lang="es-US"] 	.link--in-english {
	display:inline-block;
}
/* end social icons */


/* custom for RXBAR: make the secondary text a tooltip for desktop */
@media (min-width:48em) {
	.nav--secondary a {
		position:relative;
		text-align:center;
		padding:0.5em;
	}
	.nav--secondary ul a::before {
		width:auto;
	}
	.nav--secondary ul .link--cart::before {
		left:-0.1em;
	}
	.nav--secondary .link--where-to-buy span,
	.nav--secondary .link--promotions span,
	.nav--secondary .link--my-account span,
	.nav--secondary .link--account span,
	.nav--secondary .link--cart span {
		font-size: 1rem;
		font-weight:normal;
		position:absolute; 
		left:50%; bottom:-1em; 
		font-size: 0.75rem;
		background:#000;
		color:#fff;
		opacity:0;
		overflow:hidden;
		border-radius:0.4em;
		border:0.5em solid #000;
		border-top-width:0.2em;
		border-bottom-width:0.2em;
		transform:translate(-50%,0);
		pointer-events:none;
		text-transform:none;
	}
	.nav--secondary a > span {
		overflow:hidden;
	}
	.nav--secondary .link--account span {
		text-indent:-7.5em;
	}
	.nav--secondary [class]:focus span,
	.nav--secondary [class]:hover span {
		opacity:1;
	}

}
@media (max-width:47.95em) {
	.nav--secondary ul .link--account::before,
	.nav--secondary ul .link--my-account::before {
		vertical-align: middle;
	}
	.nav--secondary .link--account span {
		white-space: normal;
		display: inline-block;
		margin-right: 1em;
		vertical-align: middle;
	}
}


.nav--secondary a.link--search::before {
	display:none;
}
.nav--secondary ul a::before,
.link--cart::before,
.link--account::before
{
	text-shadow: 0.0075em 0.0000em 0, 
 0.0038em 0.0065em 0, 
 -0.0037em 0.0065em 0, 
 -0.0075em 0.0000em 0, 
 -0.0038em -0.0065em 0, 
 0.0038em -0.0065em 0
}

.link--cart::before {
	font-family: icomoon ;
	content: '\e90f';
	font-size: 150%;
	left: -0.25em;
	position: relative;
}

.link--account::before {
	font-family: icomoon ;
	content: "\e90e";
    margin: -0.3em 0 -0.5em 0;
    font-size: 160%;
}

.cart-links li{
	display: inline-block
}



.product-nutrition-smartlabel img { 
	display:none; 
}
.product-nutrition-smartlabel p:first-child::after {
	display:block;
	font-family: icomoon!important;
	font-size:2.33em;
	content: "\e905";
}




/* US updates poc testing */
/* re-adding these commented lines */
@media (min-width:48em) {
	.nav--main li:hover > a::after {
		transform: translate(0, -50%) scale(0.66) rotatey(0deg) rotate(-45deg); 
	} 
	.nav--main > ul > li:focus-within > div,
	.nav--main ul > li:hover > div {
		max-height: 30em;
		max-height: calc(100vh - 5.5em);
		overflow: visible; 
	} 
}
/* re-adding these commented lines */


.multisearch.hidden {display:none;}
.multisearch {
	margin-top: -2em;
	width: calc(100% - 10rem);
	margin-left: 10rem;
	text-align: left;
}
.multisearch>* {
	padding: .2em;
	color: black;
	background: white;
	cursor: pointer;
}
.multisearch>*:hover { background: #eee; }
.multisearch .search-dest {font-weight: bold;}
@media (max-width: 47.95em) {
	.multisearch {
		width: 100%;
		margin-left: 0;
		font-size: 1.1em;
	}
}
#back-to-top {
	display: none;
}



.email-signup {
	background:#000;
	color:#fff;
	padding:0.5em 0;
	text-align:left;
	margin: 1em 0 0;
}
.email-signup h2 {
	font-size: 2em;
}

.email-signup input {
	background:#fff;
	border:0.2em solid #fff;
	color:#000;
	margin: 0 auto;
	padding: 0.5em;
	/* max-width: 16em; */
	width: 100%;
}
.email-signup button {
	display:block;
	margin:0 auto;
	flex-basis: 33%;
	margin-left: 1em;
	max-width: 6em;
	padding: 0.6em 1em 0.65em;
}
.email-signup .content_wrapper {
	position:relative;
	padding:0.5em 0;
	max-width:24em;
}
.email-signup .email-error-label {
	color:#d00;
}
.email-signup .email-error {
	color:#d00;
	border:0.2em solid #d00;
	flex-basis: 66%;
	flex-grow: 1;
}
.email-signup .email-thanks {
	background:#000;
	position:absolute;
	text-align:center;
	top:50%; left:0; right:0;
	padding:4em 0;
	transform:translate(0,-50%);
	opacity:0;
	animation:emailFadeIn 0.5s forwards;
}
.email-signup-row {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin: 1em 0;
}
@keyframes emailFadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
/* check */
#email-signup-terms {
	position: absolute;
	left: -199em; 
}
#email-signup-terms + label {
	position:relative;
	color:#fff;
	padding-left:2em;
}
#email-signup-terms + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 2px solid currentcolor;
	background: transparent; 
}
#email-signup-terms + label:after {
	content: '✔';
	position: absolute;
	line-height: 0.8;
	font-size: 154%;
	top: -0.1em;
	left: 0.1em;
	transition: all .15s; 
}
#email-signup-terms + label:after {
	opacity: 0;
	-webkit-transform: translate(-0.1em, 0.2em) scale(0.1);
	transform: translate(-0.1em, 0.2em) scale(0.1); 
}
#email-signup-terms:focus + label:before {
	outline:0.2em solid #bb29bb;
}
#email-signup-terms.email-error + label:before {
	border-color: #d00;
}
#email-signup-terms:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1); 
}
#email-signup-terms + label a {
	color:#fff;
}
.email-signup-terms-hardgate {
	display:none;
}

@media (min-width:48em) {
	.email-signup h2,
	.email-signup input,
	.email-signup button {
		/* margin: 0; */
	}
	.email-signup h2 {
		margin-right:1rem;
	}
	.email-signup input,
	.email-signup button {
		font-size:1.25rem;
	}
	.email-signup input {
		padding: 0.45em;
	}
	.email-signup .content_wrapper {
		max-width: 48em;
	}
}
	
	


/* press */
.press-releases {
	margin: 0 0 6em;
}
.press-releases li {
	margin:1em 0;
}
.press-release-hashes {
	font-weight:bold;
	text-align:center;
}



/* article page */
article {
	margin-top:2rem;
	margin-bottom:4rem;
}
article h2,
article h3 {
}

.article-related .tns-controls button[data-controls] {
	top:33%;
}
.article-related .tns-outer {
	padding:0 3em !important;
	position:relative;
	margin:0 -2px;
}
.related-article-image {
	padding-bottom:66%;
	position:relative;
}
.related-article-image img {
	position:absolute;
	width:100%; height:100%;
	object-fit:cover;
}
.related-articles-slider {
	text-align:center;
}
.related-articles-slider a {
	text-decoration:none;
	display:block;
	outline-offset:-2px; 
	padding:2px;
}
.related-articles-slider a:hover {
	color:#000;
}
.about-slider {
	padding:3em;
	position:relative;
	font-size:1rem;
}
.about-slide {
	display:block;
}
.about-slide-text { 
	background:#000; 
	color:#fff; 
	padding:1em 2em;
}
.about-slider .tns-controls button[data-controls]:hover {
	padding-top:8em;
	padding-bottom:8em;
	margin-top:-10em;
	
}
.about-hero-img { 
	width:100%;
}
.image-with-caption .image-holder {
	margin:2em -1em;
}
.pagebuilder-video-container {
	position:relative;
}
.pagebuilder-video-container::before {
	content:'';
	padding-top:56.25%;
	display:block;
	background:#ddd;
}

.pagebuilder-video-container iframe {
	width:100%; height:100%; position:absolute;
	top:0; left:0; 
}


@media (min-width:48em) {
	
	.article-related h2 {
		margin-left:3rem;
		margin-right:3rem;
	}
	article img.float-left {
		float:left;
		max-width:calc(50% - 1em);
		margin: 0 2em 2em 0;
	}

	article img.float-right {
		float:right;
		max-width:calc(50% - 1em);
		margin: 0 0 2em 2em;
	}
	.float-clear {
		clear:both;
		height:0;
	}
	.about-slide-inner { 
		display:flex;
		flex-direction:row-reverse;
		align-items:center;
	}
	.about-slide-text { 
		flex-basis:calc(50% - 4em); 
		margin-right:2em;
	}
	.about-slide-image { 
		flex-basis: 50%;
	}
	.about-slider .tns-controls button[data-controls]:hover {
		margin-top: -9.5em;
	}
	article p {
		margin-bottom:2em;
	}
	.about-slider p {
		margin:1em 0;
	}
	.image-with-caption {
		display:flex;
		align-items:center;
	}
	.image-with-caption > * {
		flex-basis:50%;
	}
	.image-with-caption > *:first-child {
		margin-right:2em;
		margin-left:0;
	}
	.image-with-caption-flip {
		flex-direction:row-reverse;
	}
	.image-with-caption-flip > *:first-child {
		margin-right:0em;
		margin-left:2em;
	}
	.related-article-slide:not(.tns-item) {
		/* display:inline-block; */
		/* max-width:calc(50% - 4em); */
		/* margin:0 1em; */
	}
}
@media (min-width:64em) {
	article {
		font-size:1.125em;
		margin-bottom:6rem;
	}
	article .content_wrapper {
		width: calc(100% - 10rem);
		max-width:69rem;
	}
	.about-slider {
		margin:0 -3em;
	}
}









/* some bonus late in the game pages */


		
.hero--whatsinside {
	height:calc(67vw + 16em);
	color:#fff;
}
.hero--whatsinside .rich-text {
	font-size:calc(1.5vw + 0.5em);
	max-width:20em;
	vertical-align:top;
	padding-top:7%;
}
.hero--whatsinside h1 {
	font-size:3em;
}
.hero--whatsinside .rich-text p {
	font-size:2em;
	font-weight:bold;
	padding-top:1.5em;
	white-space:nowrap;
	display:inline-block;
	margin-top:1em;
	border-bottom:0.2em solid;
	background:url(../image/logo-reversed.png) 0 0 / 100% auto no-repeat;
}
@media (min-width:48em) {

	.hero--whatsinside {
		height: 50vw;
		max-height: 47em;
	}
	.hero--whatsinside .rich-text {
		font-size:calc(1.8vw);
		max-width:26em;
	}
}
@media (min-width:100em) {
	.hero--whatsinside .rich-text {
		font-size:1.8em;
	}
}
.whatsinside-feature { 
	margin:0 auto;
	overflow: hidden;
}
.whatsinside-feature-icon {
	content:'';
	display:block;
	background:#000 url(../image/icon-nuts.svg) center 60% / 75% auto no-repeat;
	border-radius:100%; 
	width:66%;
	max-width:12em;
	margin:2em auto;
}
.whatsinside-feature-icon::before {
	content:'';
	display:block;
	padding-top:100%;
	margin-bottom: -1.5em;
}
.whatsinside-feature-real .whatsinside-feature-icon {
	background:#fff url(../image/icon-leaf.svg) center / 40% auto no-repeat;
}
.whatsinside-feature-whole .whatsinside-feature-icon {
	background:#000 url(../image/icon-egg.svg) center / 45% auto no-repeat;
}
.whatsinside-details-sourcing .whatsinside-feature-icon {
	background:#fff url(../image/icon-globe.png) center / 100% auto no-repeat;
	margin:2em auto 0;
}
.whatsinside-details-allergens .whatsinside-feature-icon {
	background:#fff url(../image/icon-hand.png) center / 100% auto no-repeat;
	margin:2em auto 0;
}

.whatsinside-feature-real { 
	background:#000; color:#fff; 
}
.whatsinside-ingredients-slider {
	background:#77c5d5;
	margin:0 auto;
	padding:2em 0;
	position:relative;
	overflow:hidden;
	user-select:none;
} 
.ingredient-slide:focus {
	outline: none;
}
.whatsinside-ingredients-slider section {
	margin:0;
}
.whatsinside-ingredients-slider .tns-nav {
	bottom:1em;
}
.whatsinside-ingredients-slider .tns-outer {
	margin:0 3em;
}
.whatsinside-ingredients-slider .tns-ovh {
	overflow:visible;
}
.whatsinside-ingredients-slider .tns-item {
	opacity:0.2;
	transition:opacity 0.3s;
}
.whatsinside-ingredients-slider .tns-controls button[data-controls] {
	z-index:2;
}
.whatsinside-ingredients-slider .tns-slide-active {
	opacity:1;
}
.js-ingredients-slider {
	padding:0 3em 3em;
}
.whatsinside-natural {
	position: relative;
}

.whatsinside-natural::after {
	content: '';
	display: block;
	width: 100%;
	background: url(../image/flavors.jpg) center bottom / 130% auto no-repeat;
	padding-bottom: 80%;
	margin-top: -30%;
	pointer-events:none;
}

@media (min-width:48em) {
	.whatsinside-feature {
		padding:2em 0;
	}
	.whatsinside-feature h2 {
		font-size:3em;
	}
	.whatsinside-natural::after {
		position: absolute;
		background: url(../image/flavors.jpg) center bottom / contain no-repeat;
		width:auto;
		left: 50%;
		bottom: 0;
		top: -10%;
		right: 0;
		max-width:62em;
		padding: 0;
		margin: 0 0 0 -12em;
	}
	.whatsinside-natural .rich-text {
		padding: 5% 0 20% 0;
		width:70%;
		max-width: 38em;
		position: relative;
		z-index: 1;
	}
}
@media (min-width:64em) {
	.whatsinside-feature {
		padding:4em 0;
	}
	.whatsinside-feature h2 {
		font-size:3.5em;
	}
	.whatsinside-natural .rich-text p {
		font-size:1.25em;
	}
}

.whatsinside-details {
	background:#000; 
	color:#fff; 
	padding:2em 0;
	margin-bottom:4em;
}
@media (min-width:48em) {
	.whatsinside-feature .content_wrapper {
		display:flex;
		align-items:center;
		justify-content:space-between;
		max-width:58em;
	}
	.whatsinside-feature-real .content_wrapper {
		flex-direction:row-reverse;
	}
	.whatsinside-feature .rich-text {
		flex-basis: 60%
	}
	.whatsinside-feature p {
		font-size:1.25em;
	}
	.whatsinside-details .content_wrapper {
		display:flex;
		justify-content:space-between;
	}
	.whatsinside-details .content_wrapper > * {
		flex-basis:calc(50% - 1.5em)
	}
	.whatsinside-details .whatsinside-feature-icon {
		order:-1;
	}
	.whatsinside-details-sourcing,
	.whatsinside-details-allergens {
		display:flex;
		flex-direction:column;
	}
}
@media (min-width:120em) {
	.whatsinside-ingredients-slider .tns-outer { margin:0 }
}





.hero--real-talk {
	height:50vw;
}
.hero--real-talk .rich-text {
	padding-top:5%;
	font-size:4vw;
	padding-left:1rem;
}
@media (min-width:48em) {
	.hero--real-talk {
		height:34vw;
		max-height:40.8em; 
	}
	.hero--real-talk .rich-text {
		font-size:inherit;
		padding:3% 20%;
	}
}
 


.hero--real-talk-v2 {
	height:56.25vw;
	text-align:center;
}
.hero--real-talk-v2 .rich-text {
	font-size:min(calc(0.33em + 1vw), 1em);
}
.hero--real-talk-v2 .content_wrapper::before {
	height:100%;
}
@media (min-width:48em) {
	.hero--real-talk-v2 {
		height:34vw;
		max-height: none;
	}
}
 
.real-talk-articles section,
.real-talk-recipes section {
	margin:0;
	overflow:hidden;
}
 
.real-talk-articles {
	background:url(../image/real-talk-articles.jpg) 0 bottom / 120% auto no-repeat;
	padding-bottom:40%;
	margin:0 auto;
}
 
.real-talk-recipes {
	background:url(../image/recipes.jpg) right bottom / auto calc(25% + 6em) no-repeat, #feb5bf;
	padding-bottom:calc(30% + 8em);
	margin:0 auto;
}

@media (min-width:28em) {
	.real-talk-recipes {
		background-size:auto calc(25% + 12em)
	}
}

@media (min-width:48em) {
	.real-talk-articles {
		padding:0;
		background-size:cover;
		margin-bottom:0;
	}
	.real-talk-articles p {
		max-width: 34em;
	}
	.real-talk-recipes {
		background:url(../image/recipes.jpg) calc(50% - min(25vw,48em)) 50% / auto 100% no-repeat, #feb5bf;
		padding:0;
	}
	.real-talk-articles .content_wrapper,
	.real-talk-recipes .content_wrapper {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.real-talk-articles .content_wrapper::after,
	.real-talk-recipes .content_wrapper::before {
		display:block;
		content:'';
		padding-top:20%;
		padding-bottom:8em;
	}
	.real-talk-articles .rich-text {
		flex-basis:calc(65% - 1em);
		padding: 1em;
		margin:0 -1em;
		background:rgba(255,255,255,0.8);
		box-shadow:-20em 0em 0 20em rgb(255 255 255 / 80%);
	}
	.real-talk-recipes .rich-text {
		flex-basis:calc(35% - 1em);
		padding: 1em;
		margin:0 -1em;
	}
	.real-talk-intro p {
		max-width:35.5em;
		margin:2em auto;
	}
}
@media (min-width:64em) {
	.real-talk-articles .rich-text,
	.real-talk-recipes .rich-text,
	.real-talk-intro .rich-text {
		font-size:1.25em;
	}
}
/*
.hero--subscriptions{
	background: rgb(86,207,224);
	background: linear-gradient(90deg, rgba(86,207,224,1) 0%, rgba(86,207,224,1) 46%, rgba(137,230,245,1) 49%, rgba(137,230,245,1) 100%);
}

.hero--subscriptions .rich-text{
	font-size: calc(1em + 5vw)
}

.hero--subscriptions .content_wrapper::before {
	height:40%;
}

.hero--subscriptions h1 {
	font-size:1em;
	width: 5em;
}

@media (min-width:48em) {
	.hero--subscriptions h1 {
		font-size:.9em;
		width: 12em;
	}
	.hero--subscriptions {
		height:37vw;
		max-height:37em;
	}
}

@media (min-width:72em) {
	.hero--subscriptions .rich-text{
		font-size: 1em
	}
	.hero--subscriptions h1 {
		font-size:4em;
		
	}

}*/


.subscriptions-instructions {
	max-width:48em; 
	margin:4em auto;
	
}
.subscriptions-faq {
	background-color: #000;
    padding: 1em 1em 2em 1em;
    text-align: center;
    color: #fff;
	margin: 0 auto;
}
.subscriptions-faq .button-cta {
	border: 0.15em solid
}

.subscriptions-instructions .button-cta {
	display:block;
	max-width:7em;
	margin:1em auto;
}
.subscriptions-instructions ol {
	font-size:1.25em;
	font-weight:bold;
}
@media (min-width:64em) {
	.subscriptions-instructions {
		font-size:1.25em;
	}
}
.subscription-tiers {
	text-align:center;
}
.subscription-tiers-legal {
	text-align:center;
	background-color: #000;
	color: #fff;
	margin: 0 0 1em;
    padding: .5em;
    font-size: .9em;
}
.subscription-tiers section {
	margin:0 ;
}
.subscription-tier-5 {
	background:#78c5d5;
	overflow:hidden;
	padding:0 2em 2em;
}
.subscription-tier-10 {
	background:#c6aa94 ;
	overflow:hidden;
	padding:0 2em 2em;
}
.subscription-tiers h3, .subscription-tiers h2 {
	font-size:6em;
	display:inline-block;
	position:relative;
	margin:0 auto 0;
}
.subscription-tier-percent {
	font-size:40%;
	position:absolute; top:0.4em;
	margin-left:0.2em;
}
.subscription-tier-off {
	font-size:40%;
	margin-left:0.2em;
}
.subscription-tiers-row {
	margin:0 -1em;
}
@media (min-width:48em) {
	.subscription-tiers {
		padding:2em 0;
		background: url(../image/hero-subscription.jpg) center / contain no-repeat, linear-gradient(to right, #78c5d5, #78c5d5 50%, #c6aa94 50%, #c6aa94 );
	}
	.subscription-tiers p {
		font-size:1.25em;
		margin:1em auto;
		max-width:14em;
	}
	.subscription-tier-5,
	.subscription-tier-10 {
		background:transparent;
		flex-basis:33%;
		min-height:24em;
		padding:0em 1em 2em;
	}
	.subscription-tiers-row {
		display:flex;
		justify-content:space-between;
	}
}


.subscriptions-instructions .subscriptions-contact-title {
	text-align:center;
}

.am-banner {
	margin:0 -1em;
	display:block;
}
@media (min-width:64em) {
	.am-banner {
		margin:0 -2em;
	}
}
@media (min-width:80em) {
	.am-banner {
		margin:0 auto
	}
}


/* FAQ iframe */
/* it's too tall! */

.faq-section {
	padding:0 1em;
	max-width:75em;
	margin:0 auto;
}
.faq-section iframe {
	min-height:3000px
}


.page-legal a {
	color:#00648a;
}
.page-legal a:hover {
	color:#007eae;
}
.page-legal ol{
	margin: 0 0 1rem 0;
}
.page-legal ol li ol li{
	list-style-type: lower-alpha;
}
.page-legal .anchor{
	padding-top: 60px;
	margin-top: -60px;
}

.shop-switch { position:fixed; bottom:0; left:0; z-index:999; }
.shop-switch button { display:inline-block; border-radius:0; }
.shop-switch button.switchselected { background:#000; color:#fff; }



.autocomplete-suggestions {
	background-color: #fff;
	box-shadow: 0px 0px 4px #000;
	padding: 5px;
}

.article-related {
	margin-bottom: 4em
}

@media (max-width: 48em) {
	.hero--whatsinside {
		height: calc(67vw + 21em);
		color: #fff;
	}
  }



