@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

*{
	-webkit-overflow-scrolling:touch;
}

#mainContainer {
	display: flex; flex-direction: column;
}

.layout--min-height > * {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

html {
	scroll-behavior: smooth;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

html.noScroll , 
html.dialogShowing , 
body.noScroll , 
body.dialogShowing {
	overflow: hidden;
	width: 100%;
 }

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html, body {
	font-family: "Roboto Regular", sans-serif;
	color: #8f8f8f;
	width: 100%;
	height: 100%;
}
body {
	-webkit-transition: transform 0.375s;
	-moz-transition: transform 0.375s;
	transition: transform 0.375s;
}
a, span, img, label { display: inline-block; }
a {color: #4C9D4C; text-decoration: none; outline: 0;}
a:hover, a:focus {color: #004D40;}

footer a {color: #fff; text-decoration: none; outline: 0;}
footer a:hover, footer a:focus {color: #4C9D4C;}

svg { fill: currentColor; }

form {
    max-width: initial;
}

form label {
	display: block;
	font-size: 1em;
	text-align: left;
}

form label + label { margin: 0; }
textarea { resize: none; }
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
	color: inherit;
	background: #fff;
	border: none;
	padding: 0.5em 1em;
	font-size: 1em;
	font-family: inherit;
}
button[type="submit"],
input[type="submit"] {
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-family: inherit;
	/* font-size: 0.75em; */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

p {
	line-height: 1.2em;
	margin-bottom: .6em;
}

.s-flagged {
	background-color: yellow;
}

.nowrap{white-space: nowrap;}
.pointer{cursor:pointer;}

/* */

.sidenav-container {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #454545;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 0;
	box-shadow: inset -6px 0 10px hsla(171, 34%, 17%, 0.6);
}

.side-nav-open .sidenav-container {
	width: 250px;
}

.sidenav-wrapper {
	width: 15.625em;
	padding: 0 1rem;
}

.sidenav-wrapper .navigation__dropdown.arrow-down-after:after {
	top: 0;
	transform: translate(0, 300%);
}

.sidenav-wrapper > .flex {
	flex-direction: column;
}

.sidenav-wrapper select[name="clientID"] {
	background-color:#4C9D4C;
	color:#fff;
	border: 1px solid#4C9D4C;
	border-radius: .3125rem;
}

.sidenav-wrapper select[name="clientID"] option {
	background-color: #fff;
	color: #4E847B;
}

.sidenav-wrapper select[name="clientID"] option:hover {
	background-color: #4C9D4C;
	color: #fff;
}


.sidenav-container .navigation__link {
	text-decoration: none;
	font-size: 1.1875em;
	color: #fff;
	display: block;
	transition: 0.3s;
}

  .sidenav-container .navigation__link span {
	display: block;
	padding: 0.8em 0 0.8em 0;
  }

  .sidenav-container .navigation__account span , 
  .sidenav-container .navigation__link:last-child span {
	border-bottom: 0;
  }

  .sidenav-container .navigation__link.active {
	  background-color: rgba(0,0,0,.2);
  }
  
  .sidenav-container .navigation__link:hover {
	color: #f1f1f1;
  }


.main-container {
	width: 100%;
	transition: margin-left .5s;
	display: flex;
	flex-direction: column;
}

.main-container.side-nav-open {
	margin-left: 250px;
}
.main-container.main-container-with-cart{
	height: 100vh;
	overflow: hidden;
	width: 100vw;
	display: flex;
	flex-direction: column;
}
.main-container.main-container-with-cart .height-set {
	flex: 1 1 auto;
    /* overflow: hidden; */
    position: relative;
    z-index: 0;
    height: 1px;
    display: flex;
    flex-direction: column;
	
}


@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */ 
	.main-container.main-container-with-cart .height-set{
		overflow: hidden;
	}
}

.dialogShowing .height-set {
	z-index: initial;
}

.layout.layout__container {
	display: flex;
    height: 1px;
    flex: 1 1 auto;
}

.layout__col.layout__content-container {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	max-height: 100%;
	/* overflow-y: scroll;
	-webkit-overflow-scrolling: touch; */
}

.layout__content {
	flex: 1 0 auto;
	padding: 1em 0.25em;
}

@media all and (min-width: 25rem) {
	.layout__content {
		padding: 1em 0.5em;
	}
}
@media all and (min-width: 48rem) {
	.layout__content {
		padding: 1em;
	}
}

  @media screen and (max-height: 450px) {
	.sidenav-container {padding-top: 15px;}
	.sidenav-container a {font-size: 18px;}
  }

/* */

.site-container { width: 100%; max-width: 85.375em; margin: 0 auto; }

.flex { display: flex; }
.flex.flex-align-center { align-items: center; }
.flex-item { flex: 0 1 auto; }
.flex-item.flex-grow-1 { flex-grow: 1; }
.flex-item.align-self-center { align-self: center; }

.flex-1-1-0 {flex: 1 1 0px;}
.flex-1-1-auto {flex: 1 1 auto;}
.flex-1-0-auto {flex: 1 0 auto;}
.flex-0-1-auto {flex: 0 1 auto;}
.flex-0-0-auto {flex: 0 0 auto;}

.flex-middle{
	display: flex;
	flex-direction: column;
	align-items:center;
}

.flex-center{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.flex-right{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

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

.xl_width { width: 20em; }
.l_width { width: 15em; }
.m_width { width: 10em; }
.s_width { width: 5em; }
.width_auto { width: auto; }
.width_100 { width: 100%; }

.margin-auto{margin:auto;}
.margin-left-auto{margin-left:auto;}

.preload { display: none; }

body.mobile-menu-open {
	overflow-x: hidden;
}

.btn-mobile-menu {
	padding: 0 1em;
}
.btn-mobile-menu span {
	display: block;
	background: #fff;
	height: 0.3125em;
	width: 2.5em;
	border-radius: 5px;
}
.btn-mobile-menu span + span { margin-top: 0.375em; }

.title-font { color: [LIGHT RED]; }
.title-font.title-white { color: #fff; }
.title-font-container {
	text-align: center;
	overflow: hidden;
	padding: 0 0 0.5em;
}
.title-font.with-lines {
	border-bottom: 2px solid #fff;
	padding: 0 0 0.75em;
}

.row {
	display: flex;
	flex-direction: column;
}

.text-lowercase {text-transform: lowercase;}
.text-capitalize {text-transform: capitalize;}
.text-uppercase {text-transform: uppercase;}

/* .mobile-hide {display: none!important;}

.desktop-hide {display: inline-block!important;} */

/* HEADER */

header {
	background-color: #004D40;;
	background-image: linear-gradient(180deg, #C2C2C2, #FFFFFF);
}
.header-content > .flex { justify-content: space-between; }
.header-container { padding: 1em; }
.header-nav {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	transform: translateX(100%);
}
.header-nav-container { height: 100%; }
.header-nav-content {
	height: inherit;
	background: #333;
	padding: 1em 0 0;
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.5) inset;
}
.header-nav-content .flex { flex-direction: column; }
.header-nav-content > .flex { justify-content: space-between; }
.header-nav-left,
.header-nav-right { width: 100%; }
.header-nav .header-nav-content a { display: flex; font-size: 0.6875em; font-weight: bold;}
.header-nav a:hover span { background: [DARK RED]; -webkit-transition: background 0.125s; -moz-transition: background 0.125s; transition: background 0.125s; }
.header-nav a span.order-now {
	color: #004D40;
	background: #fff;
}

.logo-container {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	align-items: center;
	/* margin-left: 2.6rem; */
}

.desktop-menu-wrapper {
	display: none;
	flex-direction: column;
	flex: 1 1 auto;
	align-items: center;
	padding: 1rem 0 0 0;
}

.desktop-menu-wrapper .row {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: flex-start;
}

.desktop-menu-wrapper a[href="/pages/logout.asp"] {
	display: none;
}

.logo { 
	flex: 1 0 auto;
}
.logo img {
	width: 100%;
	max-width: 164px;
	min-width: 100px;
}

.site-header {
	z-index: initial;
	flex: none;
}

.site-header .logo {
	display: flex;
	justify-content: stretch;
	align-items: flex-start;
	flex: 1 0 auto;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0;
	margin: 0;
	padding: 0;
}


.header-content .header-logo img {
	width: 110px;
	margin-right: 1.6rem;
}

.header-content .header-logo a , 
.header-content .header-logo a:hover {
	border-bottom: 0;
}

.show-block-64rem {
	display: none;
}

/* .temp_menu_products , 
.temp_menu_brands {
	display: flex;
	height: 1.5em;
	min-height: 1.5em;
	align-items: center;
	opacity: 1;
	transition: .5s all ease-in-out;
} */

/* .temp_menu_brands {
	position: absolute;
	bottom: 0;
} */

.temp_menu_brands {
	display: flex;
	flex: 1 1 auto;
	position: relative;
	min-width: 186px;
	padding: 0 1rem 0 0;
}
@media(min-width:64rem){
	.temp_menu_brands{
		margin: 1rem 0 0;
	}
}

.temp_menu_brands .mobile-brands-button {
	background-color: #7A7A7A;
	padding: .625rem .625rem .8625rem .625rem;
	border-top: 1px solid #4C9D4C;
	border-left: 1px solid #4C9D4C;
	border-right: 1px solid #4C9D4C;
	border-top-left-radius: .3125rem;
	border-top-right-radius: .3125rem;
	color:#4C9D4C;
}

.temp_menu_brands .mobile-brands-button::after {
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid #81A944;
    position: absolute;
    content: '';
    top: 1rem;
    right: 1rem;
    pointer-events: none;
}

.temp_menu_brands .temp_links_container_brands {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

/* MORE BRANDS DROPDOWN */
.temp_menu_brands .brands-list,
.temp_menu_brands .brands-sublist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.temp_menu_brands .brands-list {
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 3;
	transform: translate(0, -0.5rem);
	max-height: 65vh;
	overflow-x: hidden;
}
.dialogShowing .temp_menu_brands .brands-list {
	z-index: 0;
}

.temp_menu_brands .brands-sublist {
	display: flex;
	flex-direction: column;
	z-index: 2;
}

.temp_menu_brands .brands-list:before,
.temp_menu_brands .brands-sublist:before {
	color: #7A7A7A;
	display: list-item;
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: .875rem 1.75rem .5rem 0.75rem;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.5;
}

@media(min-width:64rem){
	.temp_menu_brands .brands-list:before,
	.temp_menu_brands .brands-sublist:before{
		padding: .5rem 1.75rem .5rem 0.75rem;
	}
}

.temp_menu_brands .brands-list:before {
	content: attr(data-selected);
}
.temp_menu_brands .brands-list:not([data-selected="Categories"]):before {
	display: none;
}
.temp_menu_brands .brands-sublist:before {
	content: "More Categories";
	display: none;
}
.temp_menu_brands .brands-list:after,
.temp_menu_brands .brands-sublist:after {
	right: 0.75rem;
	top: 0;
	margin: 1rem 0 0;
}
.temp_menu_brands .brands-list::after{
	transform: translate(0, 40%);
}
@media (min-width:64rem){
	.temp_menu_brands .brands-list:after,
	.temp_menu_brands .brands-sublist:after{
		top: 0rem;
	}
}
.temp_menu_brands .brands-list > li,
.temp_menu_brands .brands-sublist > li {
	display: none;
	max-width: 175px;
	flex: 1 0 auto;
	white-space: nowrap;
}
.temp_menu_brands .brands-list > li > a span,
.temp_menu_brands .brands-sublist > li > a span {
	color: #7A7A7A;
	overflow: hidden;
	text-overflow: ellipsis;
}
.temp_menu_brands .brands-list .icon-light,
.temp_menu_brands .brands-sublist .icon-light {
	display: none;
}
.temp_menu_brands .brands-list .icon-dark,
.temp_menu_brands .brands-sublist .icon-dark {
	display: block;
}
.temp_menu_brands .brands-list > li.first-in-list {
	display: flex;
	order: -1;
	padding: 0 1rem 0 0;
	cursor: pointer;
}
.temp_menu_brands .brands-list > li.first-in-list > a span {
	pointer-events: none;
	overflow: hidden;
	color: #4C9D4C;
}
.temp_menu_brands .brands-list > li.first-in-list .icon-light {
	display: none;
}
.temp_menu_brands .brands-list > li.first-in-list .icon-dark {
	display: block;
}
	/* DROPDOWN OPEN */
	.temp_menu_brands .brands-list.brands-list-open,
	.temp_menu_brands .brands-sublist.brands-sublist-open,
	.temp_menu_brands .brands-sublist:hover {
		background: #fff;
		border-radius: 7px 7px 0 0;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25);
		padding: 0 0.25rem 0.25rem;
		max-width: 250px;
	}
	.temp_menu_brands .brands-list.brands-list-open:before,
	.temp_menu_brands .brands-sublist.brands-sublist-open:before,
	.temp_menu_brands .brands-sublist:hover:before {
		color: #012b24;
	}
	.temp_menu_brands .brands-list.brands-list-open:after,
	.temp_menu_brands .brands-sublist.brands-sublist-open:after,
	.temp_menu_brands .brands-sublist:hover:after {
		border-top-color: #012b24;
	}
	.temp_menu_brands .brands-list.brands-list-open > li,
	.temp_menu_brands .brands-sublist.brands-sublist-open > li,
	.temp_menu_brands .brands-sublist:hover > li {
		display: list-item;
	}
	.temp_menu_brands .brands-list.brands-list-open > li.first-in-list .icon-light {
		display: none;
	}
	.temp_menu_brands .brands-list.brands-list-open > li.first-in-list .icon-dark {
		display: block;
	}
	.temp_menu_brands .brands-list.brands-list-open > li.first-in-list a span {
		color: #4C9D4C;
	}
	/* DROPDOWN OPEN */
@media all and (min-width: 64em) {
	.temp_menu_brands .brands-list {
		position: relative;
		flex-direction: row;
		padding: 0;
		transform: none;
		max-height: none;
		overflow-x: initial;
	}
	.temp_menu_brands .brands-list:before,
	.temp_menu_brands .brands-list:after {
		display: none;
	}
	.temp_menu_brands .brands-list.brands-list-open {
		background: transparent;
		box-shadow: none;
		padding: 0;
	}
	.temp_menu_brands .brands-sublist {
		position: absolute;
		min-height: 100%;
	}
	.temp_menu_brands .brands-sublist:before {
		display: block;
	}
	.temp_menu_brands .brands-list > li {
		display: flex;
	}
	.temp_menu_brands .brands-list > li > a:hover {
		background: transparent;
	}
	.temp_menu_brands .brands-list > li > a span {
		color: #7A7A7A;
	}
	.temp_menu_brands a .icon[style] {
		display: none;
	}
	.temp_menu_brands .brands-list > li > a .icon-light {
		display: block;
	}
	.temp_menu_brands .brands-list > li > a .icon-dark {
		display: none;
	}
	
	.temp_menu_brands .brands-list > li.first-in-list {
		order: initial;
		padding: 0;
		cursor: default;
	}
	.temp_menu_brands .brands-list > li.menu--brand--separator{
		width: 1px;
		background:#C9C9C9;
		margin: .5rem 0;
	}
	.temp_menu_brands .brands-list > li.first-in-list a .icon-dark,
	.temp_menu_brands .brands-list > li.first-in-list .menu--brand--link.menu--brand--link--selected .icon-light {
		display: none;
	}
	.temp_menu_brands .brands-list > li.first-in-list .menu--brand--link.menu--brand--link--selected .icon-dark {
		display: block;
	}
	.temp_menu_brands .brands-list > li.first-in-list > a span {
		color: #4C9D4C;
	}
}
/* MORE BRANDS DROPDOWN */

.temp_product_brands_container {
	position: absolute;
	z-index: 60;
	bottom: 0;
	left: 18px;
}

/* .temp_menu_brands .temp_links_container_brands.display-show {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	margin-top: 3rem;
} */

.temp_menu_products.display-off , 
.temp_menu_brands.display-off {
	display: none;
	opacity: 0.1;
}

.temp_menu_products .menu--product--link , 
.temp_menu_brands .menu--brand--link {
	display: flex;
	flex-direction: row;
	font-size: 0.6875rem;
	color: #ddd;
	align-items: center;
	/* border-top-left-radius: .625rem;
	border-top-right-radius: .625rem; */
	text-decoration: none;
	font-weight: normal!important;
	text-transform: uppercase;
	padding: 1rem 0.75rem;
	text-align: center;
}

/* .temp_menu_brands .menu--brand--link.menu--brand--link--selected {
	xdisplay: none;
} */

.temp_menu_products .menu--product--link:hover ,
.temp_menu_brands .menu--brand--link:hover {
	color: #fff;
	text-decoration: none;
}

.menu--product--icon {
	display: flex;
	fill: #fff;
	width: 1.5em;
	height: 1.5em;
	margin-right: 4px;
}

.temp_menu_products .menu--product--link.active , 
.temp_menu_products .menu--product.active span ,
.temp_menu_brands .menu--brand--link.active , 
.temp_menu_brands .menu--brand--link.active span {
	color: #4C9D4C;
	background-color: #fff;
	border-top-left-radius: 0.3125rem;
	border-top-right-radius: 0.3125rem;
}

.temp_menu_products span , 
.temp_menu_brands a span {
	font-weight: bold;
	text-align: left;
	display: block;
	width: 100%;
	color: #4C9D4C;
}

.temp_menu_brands a .icon {
	display: block;
	width: 1.5rem;
	margin: 0 0.25rem 0 0;
}

.temp_menu_brands a .icon-dark,
.temp_menu_brands .menu--brand--link.menu--brand--link--selected .icon-light {
	display: none;
}

.temp_menu_brands .menu--brand--link.menu--brand--link--selected .icon-dark {
	display: block;
}

.temp_menu_brands .temp_links_container_brands.display-show {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	right: 0;
	margin-top: 2.5rem;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.temp_menu_products .menu--product--link.active .menu--product--icon {
	fill: #4C9D4C;
}

.navigation__menu {
	display: flex;
	flex-direction: column;
}
.site-slice__container--splash .navigation__menu {
	padding: .75rem 0 .75rem 0;
}

.navigation__menu-cols--splash{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.navigation__col--login--desktop{
	display:none;
}
.navigation__menu-cols--splash > div {
	margin-bottom: .75rem;
}

.navigation__menu-cols--splash .button, 
.navigation__menu-cols--splash input[rel~="btn"]{
	border-radius:.625rem;
	text-transform: none;
	width:8.375rem;
}
.navigation__menu-cols--splash .large-text{
	font-size:1.125rem
}
.navigation__menu-cols--splash .large-medium{
	font-size:1rem
}

.navigation__menu-cols {
	display: flex;
	flex-wrap: wrap;
}

.navigation__menu-cols .menu-button {
	position: absolute;
	left: 0;
	top: 0;
}

.navigation__menu-cols > div {
	display: flex;
	flex-direction: column;
	flex: 1 1 0%;
}

.navigation__menu-cols > div.desktop-only{
	display:none;
}
.navigation__menu-cols > div.mobile-only{
	display:flex;
}
@media(min-width:64rem){
	.navigation__menu-cols > div.desktop-only{
		display:flex
	}
	.navigation__menu-cols > div.mobile-only{
		display:none;
	}
}

.navigation__menu-cols > :nth-child(2) {
	flex: 1 1 auto;
	order: 1;
	flex-direction: column;
}

.navigation__menu-cols > :nth-child(2) .logo-container {
	align-items: flex-start;
}

.navigation__menu-cols > :nth-child(2) .logo-container img {
	min-width: 0;
	max-width: none;
	max-height: 35px;
	width: auto;
}

.navigation__menu-cols .navigation__row {
	display: flex;
}
.navigation__menu-cols .navigation__row.navigation__row-major {
	flex: 1 1 auto;
}
.navigation__menu-cols .navigation__row + .navigation__row {
	align-items: flex-end;
}
.navigation__menu-cols .navigation__col.navigation__col-major {
	flex: 1 1 auto;
}
.navigation__col.navigation__col-mobile-nav {
	width: 3rem;
}

@media all and (min-width: 48rem){
	.navigation__menu-cols--splash{
		flex-direction: row;
	}
	.navigation__col--login--mobile{
		display:none;
	}
	.navigation__col--login--desktop{
		display:block;
	}
}

@media all and (min-width: 64em) {
	.navigation__menu-cols > :first-child {
		display: block;
	}
	
	.navigation__menu-cols > :nth-child(2) {
		flex-direction: row;
	}
	
	.navigation__menu-cols > :nth-child(2) .logo-container {
		display: none;
	}
	.navigation__col.navigation__col-mobile-nav {
		width: 0;
	}
}

.toggleBrandProductCategoryBtn {
	background-color: #fff;
	border: 1px solid #004D40;
	color: #004D40;
	font-size: 0.75em;
	padding: .4em;
	border-radius: .3125em;
	margin-right: .4em;
	margin-bottom: .4em;
}

.navigation__content-desktop .navigation__menu {
	padding: .8rem 0;
    text-align: left;
	line-height: 1;
}

.navigation__content-desktop .navigation__link {
	display: flex;
	flex-direction: column;
	padding: .5em 1.2em;
	color: #454545;
	font-size: 0.9375em;
}

.navigation__content-desktop .navigation__link:hover {
	text-decoration: none;
	color: #000;
}

/* .navigation__content-desktop .navigation__dropdown {
	display: none;
} */

.header--spacer {
	display: flex;
	flex: 1 1 auto;
}

.navigation__dropdown {
	position: relative;
	display: block;
}
.navigation__dropdown.arrow-down-after:after{
	border-color: #454545 transparent transparent;
}

.navigation__dropdown.navigation__user-options .navigation__link {
	display: flex;
}

.navigation__dropdown .navigation__dropdown-menu {
	position: absolute;
	left: 0;
	z-index: 4;
	box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.25);
	min-width: 100%;
	background: #fff;
	opacity: 0;
	max-height: 0;	
	pointer-events: none;
}

.sidenav-wrapper .navigation__dropdown .navigation__dropdown-menu {
	position: relative;
	left: auto;
	z-index: 0;
	background: transparent;
	box-shadow: none;
}

.navigation__dropdown.navigation__dropdown-align-right .navigation__dropdown-menu {
	left: auto;
	right: 0;
	transform: none;
}

.navigation__dropdown .navigation__dropdown-menu a {
	background-color: transparent;
    white-space: nowrap;
	display: flex;
    flex-direction: column;
    padding: 1em 1.25em;
    font-size: 0.8em;
	color: #606161;
}

.sidenav-wrapper .navigation__dropdown .navigation__dropdown-menu a {
	color: #fff;
}

.navigation__dropdown .navigation__dropdown-menu a:hover {
	color: #4C9D4C;
	background-color: #E3ECD6;
}

.navigation__dropdown + .navigation__dropdown-menu {
	display: flex;
	position: relate;
}

.navigation__dropdown:hover + .navigation__dropdown-menu {
	display: block;
}

.navigation__dropdown.navigation__dropdown-open .navigation__dropdown-menu {
	max-height: none;
	padding: 0.25rem;
	pointer-events: all;
	opacity: 1;
}

.navigation__dropdown  + .navigation__dropdown-menu a {
	display: block;
}

.navigation__dropdown .navigation__dropdown-menu .separator {
	display: block;
	background: #ccc;
	height: 1px;
	margin: 0.25rem 0;
}

.navigation__dropdown + .navigation__dropdown-menu {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background-color: #fff;
}

.navigation__dropdown  + .navigation__dropdown-menu a {
	display: block;
}

@media all and (min-width: 64rem) {
	.navigation__dropdown:hover .navigation__dropdown-menu {
		max-height: none;
		pointer-events: all;
		opacity: 1;
		transition: opacity 375ms;
	}
	
	.navigation__dropdown .navigation__dropdown-menu a {
		color: #606161;
	}
	
	.sidenav-container .navigation__link {
		padding: 0 0 0 1em;
	}
	
	.sidenav-container .navigation__link span {
		border-bottom: 1px solid #E8E8E8;
	}
}

.header--spacer {display: none;}


.site-navigation {position: absolute; top: 0px; left: -100%; width: 100%; flex: 0 0 auto; z-index: -1;}
.site-navigation.open {left: 0%; z-index: 4;}
.site-navigation .navigation {position: absolute; top: 0px; left: -100%; width: 210px; height: calc(100vh - 40px); background-color: #617830;}
.site-navigation.open .navigation {left: 0%;}
.mobile-nav-background {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } 
.site-navigation.open .mobile-nav-background {background: rgba(0,0,0,.65);}
.navigation-menu {display: flex; flex-direction: column; justify-content: flex-start;}
.navigation-menu li a {display: flex; justify-content: flex-end; padding: 14px 10px;}
.navigation-menu li a:hover {background-color: #84AD47;}
.navigation-menu li.active a {background-color: #84AD47;}
.navigation-menu li a > * {align-self: center;}
.navigation-menu li a > * + * {margin-left: 10px;}
.cart-button {
	display: flex;
	justify-content:flex-end;
	background-color: rgba(198,232,146,0);
	border: 1px solid rgba(198,232,146,.27);
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-right: none;
	padding: 4px 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.cart-button.active {background-color: rgba(198,232,146,.27);}
.cart-button > * {align-self: center;}
.cart-button > * + * {margin-left: 5px;}
.cart-button > .price {min-width: 55px;}

.desktop-menu-wrapper .layout {
	display: flex;
	flex: 1 1 auto;
}

.desktop-menu-wrapper .layout .layout__col {
    width: initial!important;
    flex: 0 1 auto;
}
.desktop-menu-wrapper .layout .layout__col:first-child {
	flex: 1 1 auto;
	justify-content: space-evenly;
    display: flex;
    flex-direction: column;
} 

.desktop-menu-wrapper select[name="clientID"] {
	background-color:#4C9D4C;
	color:#fff;
	border: 1px solid#4C9D4C;
	max-width: 340px;
	margin: 0 auto;
}

.desktop-menu-wrapper select[name="clientID"] option {
	background-color: #fff;
	color: #4E847B;
}

.desktop-menu-wrapper select[name="clientID"] option:hover {
	background-color: #4C9D4C;
	color: #fff;
}

.h-misc-items {
	text-align: right;
	display: flex;
	flex: 0 1 auto;
	justify-items: flex-end;
	flex-direction: column;
	align-items: flex-end;
}

.h-logout-area {
	text-align: right;
	display: none;
}
.h-logout-area a {
    background-color: #4C9D4C;
    color: #fff;
    padding: .6em 1.6rem;
    font-size: .76rem;
	border: 0;
	border-radius: .3125rem;
	border-bottom: 0;
	transition: 0.3s color ease-in-out;
}
.h-logout-area a:hover {
	color: #4C9D4C;
	background-color: #fff;
}
.h-cart {
	display: inline-block;
	cursor: pointer;
}
.h-cart-label {
    padding: 0.3rem 0 0.5rem 0;
	text-align: right;
	font-size: 0.625rem;
}
.h-cart-label span {
    font-size: 0.9375rem;
    color: #fff;
}
.h-cart-total-area {
    display: table;
}
.h-cart-total-label {
    display: table-cell;
    padding: 0.2rem 0.4rem 0.2rem 0.8rem;
    font-size: 4vw;
    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
    font-weight: bold;
    color: #454545;
	vertical-align: middle;
	border-left: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	border-top: 1px solid #C9C9C9;
	min-width: 110px;
}
.h-cart-icon-area {
    display: table-cell;
    padding: 0.2759375rem 0.6rem;
    background-color: #C9C9C9;
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    vertical-align: middle;
}
.h-cart-icon-area img {
	width: 18px;
	height: 18px;
}
.h-logo-container {
	order: 2;
}

.h-menu-wrapper {
	order: 3;
}

.h-misc-items {
	order: 4;
}
.cart-close-btn {
	width: 20px;
}

.h-menu-wrapper .h-select-business {
	display: none;
}

/* PRE-CONTENT */
.section-pre-content .section-content .pre-logo {
	max-width: 20em;
	padding: 2em;
	display: none;
}
.section-pre-content .section-content .pre-title-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	height: 10em;
	position: relative;
}
.pre-title-image .title-font {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	padding: 0 0 0.5em 1em;
	font-size: 7vmin;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.section-pre-content.section-news { margin: 1em 0 0; }
.section-pre-content.section-news .section-content .pre-title-image {
	background-position: 0 15%;
}
.section-pre-content.section-news .section-content .pre-title-image:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.22);
}
.section-pre-content.section-news .pre-title-image .title-font {
	font-size: 4.6875em;
	padding: 0;
	left: 2.7%;
	bottom: -9.5%;
}

/* PRE-CONTENT DEFAULT */
.section-pre-content.section-default .section-content {
	background: url('/images/glasses-clink.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: 50% 45%;
	padding: 2em;
	position: relative;
}
.section-pre-content.section-default .section-content:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background: rgba(255, 255, 255, 0.875);
}
.section-pre-content.section-default .section-content > div { position: relative; z-index: 1; }
.section-pre-content.section-default .section-logo {
	text-align: center;
}
.section-pre-content.section-default .section-logo img { max-height: 210px; }
.section-pre-content.section-default .section-tagline {
	text-align: center;
	padding: 1.5em 0 0;
}
.section-tagline span {
	display: block;
	color: [LIGHT RED];
	font-size: 4.25vw;
	font-size: 4.25vmax;
	line-height: 1.25em;
}
.section-tagline span:before {
	content: attr(data-text-before);
}
.section-tagline span:after {
	content: attr(data-text-after);
}
.section-tagline span[data-text-before][data-text-after]:before { display: none; }

/* SECTION MAIN CONTENT */
.section-main-content .section-content { padding: 1em 0; }
.section-main-content .section-content > .flex { flex-direction: column; }
.section-main-content .column-content {
	flex-grow: 1;
}

/* CATEGORY BOXES */

.category-boxes-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category-box {
	flex: 0 1 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin: 0 0 1em 0;
	padding-top: 56%;
	cursor: pointer;
}
.category-box::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0%;
	height: 0%;
	background-color: #be1f24;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: 250ms;
}
.category-box:hover::after {
	opacity: .6;
	width: 100%;
	height: 100%;
}
.category-box.category-beer { background-image: url('/images/product-beer.jpg'); }
.category-box.category-wine { background-image: url('/images/product-wine.jpg'); }
.category-box.category-spirits { background-image: url('/images/product-spirits.jpg'); }
.category-box.category-sparkling { background-image: url('/images/product-sparkling.jpg'); }
.category-box span {
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 5vw;
	font-size: 4vmax;
	padding: 0 0.75em 0.125em 0.25em;
	border-bottom: 1px solid #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	z-index: 1;
	text-align: right;
}
.category-box.category-beer span,
.category-box.category-wine span { top: 0.375em; }
.category-box.category-spirits span,
.category-box.category-sparkling span { bottom: 0.375em; }

/* ADVERTISING BOXES */

.advertising-box {
	width: 18.75em;
	height: 28.75em;
	background: #ccc;
	margin: 0 auto;
}
.advertising-box-images {
	height: 100%;
	overflow: hidden;
}
.advertising-box-images div.advertising-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%, 50%;
	position: relative;
}
.advertising-box-images div.advertising-image:before {
	content: "";
	background-image: inherit;
	background-repeat: no-repeat;
	background-position: 50%, 50%;
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	filter: blur(5px) brightness(160%) contrast(40%);
}
.advertising-box + .advertising-box { margin-top: 1em; }
.section-main-content .column-content .advertising-boxes { padding: 1em 0; }
.section-main-content .column-content .advertising-box { width: 100%; }
.section-main-content .column-advertising .advertising-boxes { display: none; }

/* TEXT BLOCKS */

.text-block.no-margin { margin: 0; }
.text-block.with-background-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
.text-block.with-background-image:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background: rgba(255, 255, 255, 0.875);
}
.text-block-container {
	width: 100%;
	max-width: 72em;
	margin: 0 auto;
}
.text-block-content {
	text-align: center;
	padding: 0 1em;
}
.text-block.with-texture .text-block-content {
	background: url('/images/bg-texture-bw-spotlight.jpg') no-repeat 0 0 ;
	background-size: cover;
	background-position: 50% 50%;
	padding: 5em 2em;
}
.text-block.with-texture.category-non-alcoholic .text-block-content { background-image: url('/images/product-non-alcoholic.jpg'); }
.text-block.with-texture.category-glassware-accessories .text-block-content { background-image: url('/images/product-glassware-accessories.jpg'); }
.text-block-content .text-content-container {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.text-block.with-background-image .text-content-container {
	padding: 10em 0;
	position: relative;
	z-index: 1;
}
.text-block-content .title-font { font-size: 3em; }
.text-block.with-texture .title-font {
	color: #fff;
	text-shadow: 0 0 5px rgb(0, 0, 0);
}
.text-block-content .text-content {
	color: [LIGHT RED];
	line-height: 1.75em;
	margin: 1em 0 0;
}
.text-block.with-texture .text-block-content .text-content {
	color: #fff;
	text-shadow: 0 0 10px rgb(0, 0, 0);
}
.text-block.with-texture .divider {
	height: 1px;
	background: #fff;
	margin: 4% auto;
	display: block;
	width: 30%;
}

/* IMAGE BLOCKS */
.image-block-container {
	width: 100%;
	max-width: 72em;
	margin: 0 auto;
}
/* .image-block-content {} */
.image-block-content img {
	max-width: 100%;
	height: auto;
}
.image-block-content .image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	max-width: 72em;
	padding-top: 50%;
}

/* MARKETPLACE */
/* .marketplace {} */
.marketplace-container { padding: 6em 0 0; }
.marketplace-content {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: [LIGHT RED];
	padding: 2em 0 0;
	position: relative;
}
.marketplace-content > .flex { justify-content: space-between; flex-direction: column; }
.marketplace-logo {
	width: 192px;
	padding: 0 2em;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -85%);
	background: #fff;
}
/*.marketplace-item {
	background: url('/images/bg-texture-bw-spotlight.jpg') no-repeat 0 0 ;
	background-size: cover;
	background-position: 50% 50%;
	flex: 0 1 100%;
	padding-top: 56%;
	position: relative;
}
.marketplace-item + .marketplace-item { margin: 1em 0 0; }
.marketplace-item .text-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	text-align: center;
	padding: 0 2em;
}
.marketplace-title {
	color: #fff;
	font-family: "im_fell_dw_pica_proregular";
	font-size: 7vw;
	white-space: nowrap;	
}
.marketplace-text {
	color: #fff;
}
.marketplace-item .divider {
	height: 1px;
	background: #fff;
	margin: 4% auto;
	display: block;
	width: 30%;
}*/
.marketplace-item {
	position: relative;
	cursor: pointer;
}
.marketplace-item::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0%;
	height: 0%;
	background-color: #be1f24;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: 250ms;
}
.marketplace-item:hover::after {
	opacity: .6;
	width: 100%;
	height: 100%;
}
.marketplace-item + .marketplace-item { margin: 1em 0 0; }
.marketplace-item .text-block-container {
	max-width: none;
	width: auto;
	margin: 0;
}
.marketplace-item.text-block.with-texture .text-block-container { max-width: none; }
.marketplace-item.text-block.with-texture .text-block-content { padding-top: 3em; padding-bottom: 3em; }
.marketplace-title.title-font {
	font-size: 7vw;	
}

/* Layout */

.layout--top-margin {
	margin-top: 1rem;
}

.layout--min-height {
	min-height: 20rem;
}


/* /Layout */

/* IMG */

.responsive-img {
    position: relative;
    overflow: hidden;
    transition: .2s all linear;
    min-width: 100%;
}

.responsive-img-brand-hero {
	border-top-left-radius: .625em;
    border-top-right-radius: .625em;
    height: 16rem;
}

.responsive-img--absolute {
    position: absolute;
    /* top: 0px;
    left: 0px; */
    /* width: 100%;
    height: 100%;
	object-fit: cover; */
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.responsive-img--absolute--wide {
    position: absolute;
    /* top: 0px;
    left: 0px; */
    /* width: 100%;
    height: 100%;
	object-fit: cover; */
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
}

/* /IMG */

/* BRANDS */
.product-categories {
	background: url('/images/bg-texture-grunge-wood.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: 50% 50%;
}
/* .state-tabs {} */
.state-tabs-container {
	text-align: center;
}
.state-tabs-content {
	display: inline-block;
}
.state-tabs-content span {
	padding: 0.5em 0;
	text-transform: uppercase;
	min-width: 10em;
	color: #fff;
	border-color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
}
.state-tabs-content .flex :nth-child(1) span {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-radius: 0 0 0 12px;
}
.state-tabs-content .flex :nth-child(2) span {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-radius: 0 0 12px 0;
}
.state-tabs-content .state-tabs-active {
	background: #fff;
	color: [LIGHT RED];
}
.product-icons { padding: 2em 0 1em; }
/* .product-icons-container {} */
.product-icons-content {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.product-icons-content .product-icon {
	flex: 0 1 auto;
	padding: 0 1em 1em;
	cursor: pointer;
}
.product-icon span {
	display: block;
	text-align: center;
}
.product-icon .icon {
	background-repeat: no-repeat;
	background-size: cover;
	width: 5.125em;
	height: 5.13em;
	margin: 0 auto;
}
.product-icon .text {
	color: #fff;
	margin: 1em 0 0;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.product-icon.icon-beer .icon { background-image: url('/images/icons/Icon_Beer_Default.svg'); }
.product-icon.icon-spirit .icon { background-image: url('/images/icons/Icon_Spirits_Default.svg'); }
.product-icon.icon-wine .icon { background-image: url('/images/icons/Icon_Wine_Default.svg'); }
.product-icon.icon-sparkling .icon { background-image: url('/images/icons/Icon_Sparkling_Default.svg'); }
.product-icon.icon-non-alcoholic .icon { background-image: url('/images/icons/Icon_NonAlc_Default.svg'); }
.product-icon.icon-cbd-hemp .icon { background-image: url('/images/icons/Icon_CBD_Default.svg'); }
.product-icon.icon-glassware .icon { background-image: url('/images/icons/Icon_Merch_Default.svg'); }

.product-icon.icon-beer:hover .icon,
.product-icon.icon-beer.selected .icon { background-image: url('/images/icons/Icon_Beer_Selected.svg'); }
.product-icon.icon-spirit:hover .icon,
.product-icon.icon-spirit.selected .icon { background-image: url('/images/icons/Icon_Spirits_Selected.svg'); }
.product-icon.icon-wine:hover .icon,
.product-icon.icon-wine.selected .icon { background-image: url('/images/icons/Icon_Wine_Selected.svg'); }
.product-icon.icon-sparkling:hover .icon,
.product-icon.icon-sparkling.selected .icon { background-image: url('/images/icons/Icon_Sparkling_Selected.svg'); }
.product-icon.icon-non-alcoholic:hover .icon,
.product-icon.icon-non-alcoholic.selected .icon { background-image: url('/images/icons/Icon_NonAlc_Selected.svg'); }
.product-icon.icon-cbd-hemp:hover .icon,
.product-icon.icon-cbd-hemp.selected .icon { background-image: url('/images/icons/Icon_CBD_Selected.svg'); }
.product-icon.icon-glassware:hover .icon,
.product-icon.icon-glassware.selected .icon { background-image: url('/images/icons/Icon_Merch_Selected.svg'); }

.suppliers-list {
	background: [LIGHT RED];
	background-image: linear-gradient(180deg, #004D40, #022620);
	margin: 1em 0 0;
	flex: 1 1 auto;
}
.suppliers-list-container {
	max-width: 90%;
	margin: 0 auto;
}
.suppliers-list-content {
	padding: 2em 0;
}
.suppliers-list-content .title-font { color: #fff; font-size: 8vmin; }
.suppliers-list-content ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 2em auto 0;
}
.suppliers-list-content ul li {
	padding: .5em 1em .5em 2em;
	position: relative;
	box-sizing: border-box;
	width: 50%;
	font-size: .75em;
}
.suppliers-list-content ul li:before {
	content: "-";
	position: absolute;
	transform: translateX(-200%);
	color: #fff;
}
.suppliers-list-content ul li span
, .suppliers-list-content span {
	font-size: 1.25em;
	color: #fff;
}
.suppliers-list-content span.message{
	text-align: center;
	display: block;
}

@media (min-width: 1280px) {
	.suppliers-list-content ul li {
		width: 33.33%;
	}
}


.box-ad .ads {
	margin: 0 auto;
	width: 96%;
}

/* NEWS */
/* .news-items {}
.news-items-container {} */
.news-items-content {
	display: flex;
	flex-wrap: wrap;
	padding: 0 1em;
}
.news-item {
	width: 100%;
	margin: 0 0 1em;
}
.news-item[onclick] { cursor: pointer; }
/* .news-item-container {} */
.news-item-content {
	border: 1px solid [LIGHT RED];
	min-height: 24rem;
	display: flex;
	flex-direction: column;
}
.news-item-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	flex: 1 0 auto;
}
.news-item-image.no-image {
	background-image: url('/images/logo-distribution.png');
	background-size: auto 90%;
}
.news-item-text {
	flex: 0 1 auto;
	display: flex;
}
.news-item-text-content {
	background: #f1f1f1;
	padding: 1em 1em 0;
	display: flex;
	flex-direction: column;
	flex: 1;
	transition: background 0.25s;
}
.news-item-text-title {
	font-family: "Segoe UI";
	font-size: 1.125em;
	color: [LIGHT RED];
	line-height: 1.5em;
	flex: 0 1 auto;
	transition: color 0.25s;
}
.news-item-text-description {
	font-size: 0.875em;
	line-height: 1.5em;
	padding: 0 0 1em;
	flex: 1 1 auto;
	transition: color 0.25s;
}
.news-item-text-date {
	flex: 0 1 auto;
}
.news-item-text-date span {
	background: [DARK RED];
	color: #fff;
	padding: 0.75em 0 0.5em;
	width: 8.5em;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 0.875em;
}
.news-item:hover .news-item-text-content { background: [LIGHT RED]; }
.news-item:hover .news-item-text-title,
.news-item:hover .news-item-text-description { color: #fff; }

/* COMPANY HOURS */
.company-hours { margin: 1em 0 0; padding: 2em 0; }
.company-hours .hours + .hours { margin-top: 2em; }
.company-hours .title { font-size: 1.5em; margin: 0 0 0.5em; }
.company-hours .day { line-height: 1.5em; }
.company-hours .day:before {
	content: attr(data-days);
	color: [LIGHT RED];
	margin-right: 0.5em;
	text-transform: uppercase;
}
/* .company-hours .day span {} */
.company-hours .day span + span { display: block; }

/* Headline Area */

.headline--area {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 auto .4em auto;
}
.site-slice__container--splash .product-blocks + .headline--area {
	margin-top: 1em;
}

.headline--area h2 {
	font-family: "Roboto Regular", sans-serif;
	font-size: 3.25rem;
	color: #fff;
	line-height: .66em;
	margin-bottom: 0;
	overflow: hidden;
	padding-top: .4rem;
	flex: 1 1 auto;
}

.headline--area ~ .content-area {
	margin-top: 2em;
}

/*matches .brands--sort*/
.headline--area-section-label {
	display: flex;
	align-self: flex-end;
	font-weight: 600;
	font-size: 1rem;
	color:#8d8d8d;
}

.headline--area__graphic {
	width: 3.75em;
	height: 3.75em;
}

.headline--area__graphic img {
	width: 100%;
	height: 100%;
}
	
.headline--area__content {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #d1d1d1;
	padding: 0 .25em 0 0;
}

.headline--area__title {
	font-size: 1.375em;
	font-weight: 700;
	text-transform: uppercase;
}

.headline--area__show-more,
.headline--area__show-less {
	margin-bottom: 1em;
}
.headline--area__show-more a,
.headline--area__show-less a {
	color: #4C9D4C;
	font-size: 0.875em;
	font-weight: 700;
	border-bottom: 1px solid #4C9D4C;
	text-decoration: none;
	text-transform: uppercase;
}
	
.headline--area__show-more + .headline--area__show-less {
	display: none;
}
.product-blocks .headline--area__show-more, .product-blocks .headline--area__show-less {
	margin: 1em 0;
	width: 100%;
	text-align: center;
}
	
@media all and (min-width: 32rem){
	.headline--area__content{
		padding: 0 2em 0 0;
	}
}

@media all and (min-width: 64rem){
	.headline--area h2{
		font-size: 5.125rem;
	}
}
	
/* /Headline Area */

/* FOOTER */
.footer {
	margin-top: 1rem;
	color:#ffffff;
}
/* .footer-container {} */
.footer-content {
	display: flex;
	flex-direction: column;
	padding: 2em;
}
.footer-content-right { padding: 2em 0 0; }
.footer-content-left .flex,
.footer-content-right .flex {
	flex-direction: column;
}
.footer-content .divider {
	display: none;
}
.footer-logo { width: 12em; min-height: 1px; }
.footer-content-left { min-height: 1px; }
.footer-locations {
	width: 100%;
	border-top: 1px solid [LIGHT RED];
	margin: 2em 0 0;
}
.footer-locations > div {
	border-bottom: 1px solid [LIGHT RED];
	padding: 0 0 2em;
}
.footer-locations [class^="location-"] {
	margin: 1em 0 0;
	line-height: 1.125em;
}
.footer-locations [class^="location-"]:before {
	display: block;
	color: [LIGHT RED];
	font-size: 1em;
}
.footer-locations [class^="location-"] span {
	color: #8f8f8f;
	font-size: 1em;
}
.footer-locations [class^="location-"] span + span:before {
	content: "|";
	color: [LIGHT RED];
	margin: 0 0.5em;
}
.footer-locations span a { color: inherit; }
.location-state { color: [LIGHT RED]; font-size: 1.8125em; }
.location-address:before {
	content: "Address:";
}
.location-phone:before {
	content: "Phone:";
}
.location-fax:before {
	content: "Fax:";
}
textarea {
	overflow: auto;
}
footer form .flex-item { flex-grow: 1; }
footer form input[type="text"],
footer form input[type="email"],
footer form input[type="tel"],
footer form select,
footer form textarea {
	border: 1px solid #fff;
	width: 100%;
}
footer form input[type="text"]:focus,
footer form input[type="email"]:focus,
footer form input[type="tel"]:focus,
footer form select:focus,
footer form textarea:focus {
	border-color: #999;
	-webkit-transition: border-color 0.125s;
	-moz-transition: border-color 0.125s;
	transition: border-color 0.125s;
}
footer form .flex > div + div { margin: 0.5em 0 0; }
@media(min-width:64rem){
	.footer {
		margin-top: 0rem;
	}
}
@media (pointer: fine) {
	.footer-locations span a { pointer-events: none; }
}
@media all and (min-width: 450px) {
	.category-box span {
		font-size: 7vw;
		font-size: 6vmax;
	}
}
@media all and (min-width: 600px) {
	.h-cart-total-label {
		font-size: 1.25rem;
	}
}
@media all and (min-width: 650px) {
	.section-pre-content:not(.section-news) .section-content .pre-title-image { height: 18em; }
	.pre-title-image .title-font { font-size: 5vmin; }
	.section-pre-content.section-news .pre-title-image .title-font {
		font-size: 6.6875em;
		bottom: -12.5%;
	}
	.section-tagline span {
		display: inline-block;
		font-size: 5vmin;
		line-height: 1em;
	}
	.section-tagline span[data-text-before][data-text-after]:before { display: inherit; }
	
	.marketplace-title.title-font { font-size: 4vw; }
	.marketplace-content { padding-bottom: 1em; }
	
	.suppliers-list-content .title-font { color: #fff; font-size: 5vmin; }
}
@media all and (min-width: 768px) {
	.section-main-content .section-content { padding: 1em 0 1em 1em; }
	.section-main-content .section-content > .flex { flex-direction: inherit; }
	.section-main-content .column-content { padding-right: 1em; width: 1px; }
	.section-main-content .column-content .advertising-boxes { display: none; }
	.section-main-content .column-advertising .advertising-boxes { display: block; }
	
	.category-box {
		flex: 0 1 49.5%;
		padding-top: 28%;
	}
	.category-box span {
		font-size: 3.25vw;
		font-size: 2vmax;
	}
	
	.news-item { width: 49%; }
	.news-item:nth-child(2n+2) { margin-left: 2%; }
	.news-items-content { padding: 0; }
	
	.company-hours { display: none; }
}
@media all and (min-width: 1000px) {
	body { transform: none !important; }
	.header-logo { flex: 0 1 auto; }
	body.mobile-menu-open { overflow: auto !important; }
	.btn-mobile-menu { display: none; }
	.header-content > .flex { justify-content: flex-start; }
	.header-nav { flex-grow: 1; margin-left: 5em; position: inherit; transform: none; }
	.header-nav-container { height: auto; }
	.header-nav-content {
		height: inherit;
		background: transparent;
		padding: 0;
		box-shadow: none;
	}
	.header-nav-content .flex { flex-direction: row; }
	.header-nav-left,
	.header-nav-right { width: auto; }
	/* .header-nav .header-nav-content a { display: inline-block; text-align: inherit; } */
	.header-nav a + a { margin-left: 1em; }
	.header-nav .header-nav-left a + a { margin-left: 5em; }
	/* .header-nav a:not([class*="mobile-menu"]) span {
		font-size: 0.875em;
		padding: 0.625em 1.25em;
	} */
	.header-nav a span.with-border {
		border: 1px solid #fff;
		border-radius: 10px;
	}
	.header-nav a span.order-now {
		font-size: 1em;
	}
	
	.section-pre-content .section-content .pre-logo { display: inherit; }
	
	.product-icons-content .product-icon {
		padding: 0 1.5em 1em;
	}
	
	.suppliers-list-content ul { flex-direction: row; }
	.suppliers-list-content ul li {
		flex: 0 1 auto;
		padding: .5em 1em .5em 3em;
	}
	
	.footer-content { flex-direction: inherit; }
	.footer-content-left,
	.footer-content-right {
		flex: 1 1 49.5%;
	}
	.footer-content-right { padding: 0; }
	.footer-content-left .flex,
	.footer-content-right .flex {
		flex-direction: inherit;
	}
	.footer-content .divider {
		width: 1px;
		background: [LIGHT RED];
		margin: 0 3%;
		flex-shrink: 0;
		display: inherit;
	}
	.footer-locations {
		margin: 0;
		padding: 0 0 0 2em;
		width: auto;
		border: none;
	}
	.footer-locations > div {
		border: none;
		padding: 0;
	}
	.footer-locations > div + div { margin-left: 2em; }
	.footer-locations [class^="location-"] {
		margin: 0.5em 0 0;
	}
	.footer-locations [class^="location-"]:before {
		font-size: 0.75em;
	}
	.footer-locations [class^="location-"] span {
		font-size: 0.75em;
	}
	.location-state { font-size: 1.3125em; }
	footer form .flex > div + div { margin: 0 0 0 1em; }
}
@media all and (min-width: 1280px) {
	.title-font.with-lines {
		position: relative;
		display: inline-block;
		padding: 0;
		border: none;
	}
	.title-font.with-lines:before,
	.title-font.with-lines:after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: 2px;
		background: #fff;
		width: 30%;
	}
	.title-font.with-lines:before { right: 105%; }
	.title-font.with-lines:after { left: 105%; }
	
	.section-pre-content.section-news .section-content .pre-title-image {
		background-position: 0 -11.25em;
	}
	
	.marketplace-content { padding-bottom: 0; margin-bottom: 2em; }
	.marketplace-content > .flex { flex-direction: inherit; }
	.marketplace-item.text-block.with-texture .text-block-content {
		padding-top: 6em;
		padding-bottom: 6em;
		flex: 1 1 auto;
	}
	.marketplace-item {
		flex: 0 1 49.5%;
		display: flex;
	}
	.marketplace-item + .marketplace-item { margin: 0; }
	.marketplace-title.title-font { font-size: 1.875vw; }

	.marketplace-item.text-block.with-texture .text-block-container {
		display: flex;
		flex: 1 1 auto;
		width: 100%;
	}

	.marketplace + .category-boxes {
		padding-bottom: 1em;
		margin-bottom: 2em;
		border-bottom: 1px solid #be1f24;
	}
	
	.suppliers-list-content ul li {
		padding: .5em 2em .5em 5em;
	}
	
	.news-item { width: 32.25%; }
	.news-item:nth-child(2n+2) { margin-left: auto; }
	.news-item:nth-child(3n+2),
	.news-item:nth-child(3n+3) { margin-left: 1.625%; }
}
@media all and (min-width: 1440px) {
	/*.marketplace-title.title-font { font-size: 3.5vw; }*/
}

.grecaptcha-badge {
	display: none;
}


.headline--h2 , .headline--h3 {font-family: Roboto, sans-serif; }

.headline--h2 {font-size: 2.125em; font-weight: normal;}
.headline--h3 {font-size: 1.625em; font-weight: normal;}
.font-normal {font-weight: normal;}
.font-bold {font-weight: bold;}

.login_box {
	margin: 0 auto;
	height: fit-content;
	display: flex;
	justify-content: center;
	padding: .6em;
}
.login_box > div > div.content {
	padding: .4rem;
	/* background: #f2f2f2; */
	border-bottom-left-radius: .625rem;
	border-bottom-right-radius: .625rem;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #adadad;
	border-left: 1px solid #c2c2c2;
}

.login_box .label {
	min-width: 5.25rem;
}

/* 
.login_box .input {
	text-align: left;
} */

.login_box input[type="text"] , 
.login_box input[type="password"] {
	border: 1px solid #b3b3b3;
	min-width: 12.5rem;
}


.login_box input[type="submit"],
.login_box a[rel="btn"]
{
	vertical-align: top;
	box-sizing: border-box;
	cursor: pointer;
	min-width: auto;
	font-size: 1em;
	margin: .4em 0;
	padding: .5rem 2.5rem;
	border-radius: .625rem;
	color: #fff;
	border: 1px solid #4C9D4C;
	background-color: #4C9D4C;
	transition: .3s all ease-in-out;
}
.login_box input[type="submit"]:hover {
	color: #4C9D4C;
	border: 1px solid #4C9D4C;
	background-color: #fff;
}
.login_box--header .label, .login_box--header .input{
	padding: 0;
	margin: 0;
}

.modal-content .form-area .login_box--header{
	width: 17.1875rem;
	padding: 1rem;
}

form.login_box--header{
	display: flex;
	flex-direction: column;
	width: 10rem;
	padding: 0;
}

form.login_box--header > div + div {
	margin-top: 0.25rem;
}

form.login_box--header input[type="text"] , 
form.login_box--header input[type="password"],
form.login_box--header input[type="email"]
{
	width: 100%;
	max-width: none;
	min-width: initial;
	height: auto;
	margin: 0;
	border: 1px solid #4C9D4C !important;
	color: #787878;
	font-size: 0.875rem;
	padding: 0.5rem;
}
form.login_box--header input[type="submit"],
form.login_box--header a[rel="btn"]
{
	margin: 0;
	font-size: 0.875em;
	width: 100%;
}

.tile_brand_content .brand-icon img.responsive-img--absolute{
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
}

.section-hours-info .group {
	padding: .625rem;
	line-height: 1.2rem;
}
.section-hours-info .group:first-child {
	padding-top: 0;
}

.hours-cutoff-times div:nth-child(1) , 
.hours-cutoff-times div:nth-child(7) {
    display: none;
}

.hours-business > div + div,
.hours-cutoff-times > div + div {
	margin-top: 0.25em;
}

.section-hours-info h3 {
	margin-bottom: .2rem;
}

.login_box .title-bar , .login_box .content {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.title-bar {
	display: block;
	text-align: left;
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
}
.title-bar span { 
	line-height: 1.2rem;
	color: #fff;
	display: block;
	font-size: .75rem;
	padding: .625rem;
	font-size: 1rem;
	font-family: "Roboto Regular",sans-serif;
	font-weight: normal;
}
.title-bar.green {background-color: #004D40; background-image: linear-gradient(180deg, #004D40, #022620);}

.login_box select {
	min-width: 18.75rem;
}

div.bg { display: block; padding: 3px 6px; margin: 0 0 10px; min-height: 100px; height: auto !important; height: 100px; }
div.bg:last-child { margin-bottom: 0; }
div.bg.yellow { background: url('/admin/images/bg-section-yellow.gif') repeat-x left top; }
div.bg.blue { background: url('/admin/images/bg-section-blue.gif') repeat-x left top; }

div.section-sep { margin: 15px 0; height: 1px; display: block; border-top: 1px #cccccc dashed; }

/* border: 1px solid #707070;
padding: .2em .4em;
height: 2em;
background: #fff; */

input[type="text"], input[type="number"], input[type="search"], input[type="password"], textarea, select { padding: 3px; border: 1px #707070 solid; font-size: 1em;}

input[rel~="cancel"] { background: url('/admin/images/bg-btn.gif') repeat-x left top; border-width: 1px; border-color: #95aabd; border-style: solid; height: 20px; color: #4b5f73; padding: 0 20px 3px; }
input[rel~="cancel"]:hover, input[rel="cancel"]:active, input[rel~="cancel"].alwayson { background-position: left -40px; border-color: #e07272; color: #734b4b; }
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus { background: #fff; border: 1px #4E847B solid; }
textarea[rel="textarea"], div[rel="textarea"] { border-width: 1px; border-style: solid; border-color: #d9cb70; padding: 3px; }

.label , .input {
	padding: .2em;
	display: block;
	min-width: initial;	
}

.label {
	color: #4C9D4C;
}

.input {
	min-width: 230px;
}

.input input[type="text"] {
	margin: 0;
}

.stash-container {display: flex; height: auto; flex-direction: column; justify-content: space-around; text-align: center; align-content: center;}
.stash-container .boxes {padding: .6em .4em;}

/* .stash-container .login_box {border: 1px solid #ccc;} */

/*.stash-container .login_box table tr:nth-child(odd) , 
.stash-container .login_box table tr:nth-child(even) {
	background-color: #F2F2F2;
} */

/* Backgrounds */

.gradient-bkg-light-gray {background-color: #fff; background-image: linear-gradient(360deg, #fff, #fff, #ededed);}
.gradient-bkg-light-green-dark-green {background-color: #004D40; background-image: linear-gradient(180deg, #004D40, #022620); color: white;}

.background-light-green-gray {background-color: #D5E5E2;}
.background-light-green {background-color: #4C9D4C; color: #fff;}
.background-medium-green {background-color: #4E847B; color: #fff;}
.background-dark-green {background-color: #004D40; color: #fff;}

.background-light-red { background-color: #ab4646; color: #fff; }
.background-light-red .tile__product__content { border-color: #ab4646; }

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

.background-light-gray {background-color: #D9D9D9;}
.background-medium-gray { background-color: #7A7A7A;}


.background-black {background-color: #000; color: #fff;}


/* /Backgrounds */

/* Color */

.text-white { color: #fff;}
.text-white--hover:hover { color: #fff;}
.text-black { color: #000;}

.light-green {color: #4C9D4C;}
.light-green--important {color: #4C9D4C !important;}
.medium-green {color: #4E847B}
.dark-green {color: #004D40;}
.dark-green-2 {color: #2F4F4A}

.medium-gray { color: #7A7A7A;}
.medium-gray--important { color: #7A7A7A !important;}
.dark-gray { color: #454545;}
.dark-gray--important { color: #454545 !important;}

.product-flowers { color: #B4D236; fill: #B4D236;}
.product-concentrates {color: #2CB6F3; fill: #2CB6F3;}
.product-wax {color: #FFC813; fill: #FFC813;}
.product-edibles {color: #E03635; fill: #E03635;}
.product-drink {color: #970C8D; fill: #970C8D;}
.product-cartridges {color: #F8730D; fill: #F8730D;}
.product-pre-rolls {color: #98441E; fill: #98441E;}
.product-topicals {color: #8594FF; fill: #8594FF;}
.product-seeds {color: #FF29D7; fill: #FF29D7;}

.product-flowers svg { color: #B4D236; fill: #B4D236;}
.product-concentrates svg {color: #2CB6F3; fill: #2CB6F3;}
.product-wax svg {color: #FFC813; fill: #FFC813;}
.product-edibles svg {color: #E03635; fill: #E03635;}
.product-drink svg {color: #970C8D; fill: #970C8D;}
.product-cartridges svg {color: #F8730D; fill: #F8730D;}
.product-pre-rolls svg{color: #98441E; fill: #98441E;}
.product-topicals svg {color: #8594FF; fill: #8594FF;}
.product-seeds svg {color: #FF29D7; fill: #FF29D7;}


.background-product-flowers , .profile-list-container .background-product-flowers {background-color: #B4D236; color: #fff;}
.background-product-concentrates , .profile-list-container .background-product-concentrates {background-color: #2CB6F3; color: #fff;}
.background-product-wax , .profile-list-container .background-product-wax {background-color: #FFC813; color: #fff;}
.background-product-edibles , .profile-list-container .background-product-edibles {background-color: #E03635; color: #fff;}
.background-product-drink , .profile-list-container .background-product-drink {background-color: #970C8D; color: #fff;}
.background-product-cartridges , .profile-list-container .background-product-cartridges {background-color: #F8730D; color: #fff;}
.background-product-pre-rolls , .profile-list-container .background-product-pre-rolls {background-color: #98441E; color: #fff;}
.background-product-topicals , .profile-list-container .background-product-topicals {background-color: #8594FF; color: #fff;}
.background-product-seeds , .profile-list-container .background-product-seeds {background-color: #FF29D7; color: #fff;}

.profile-color-a {color: #FF6C4E;}
.profile-color-b {color: #EC5F67;}
.profile-color-c {color: #F99157;}
.profile-color-d {color: #FAC863;}
.profile-color-e {color: #99C794;}
.profile-color-f {color: #5FB3B3;}
.profile-color-g {color: #707070;}

.profile-fill-a {fill: #FF6C4E;}
.profile-fill-b {fill: #EC5F67;}
.profile-fill-c {fill: #F99157;}
.profile-fill-d {fill: #FAC863;}
.profile-fill-e {fill: #99C794;}
.profile-fill-f {fill: #5FB3B3;}
.profile-fill-g {fill: #707070;}


.profile-background-color-a {background-color: #FF6C4E;}
.profile-background-color-b {background-color: #EC5F67;}
.profile-background-color-c {background-color: #F99157;}
.profile-background-color-d {background-color: #FAC863;}
.profile-background-color-e {background-color: #99C794;}
.profile-background-color-f {background-color: #5FB3B3;}
.profile-background-color-g {background-color: #707070;}


.navigation__menu .menu--product--link {display: none;}

/* /Color */

/* Font Size*/

.font-size-12px {font-size: .75rem;}

.font-size-14px {font-size: .875rem;}

p.font-size-14px {margin: 0 0 .6rem 0;}

.font-size-17px {font-size: 1.0625rem;}

/* /Font Size */

/* Links */

.view-order-link {color: #3A615B; text-decoration: underline;}
.view-order-link:hover {text-decoration: none;}

/* /Links */

.box-ad {order: 2;}
.box-login {order: 1;}
.box-hours {order: 3;}

.l-width-100 {width: 100%;}

.ad img {width: 100%; max-width: 420px;}

.text-underline {text-decoration: underline;}
.text-underline--hover:hover {text-decoration: underline;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.text-middle {vertical-align: middle;}

.button, input[rel~="btn"] {
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
	min-width: auto;
	font-size: 1rem;
	margin: .4em 0;
	padding: .4375em 1em;
	border-radius: 0;
}

/* .button:hover , .button:active , input[rel~="btn"]:hover, input[rel="btn"]:active{  } */

.button--primary {
	background-color: #4C9D4C;
	color: #fff;
	border: 1px solid #4C9D4C!important;
	transition: all .3s ease-in-out;
}

.button--primary:hover , 
.button--primary:focus {
	color: #4C9D4C;
	background-color: #fff;
	border: 1px solid #4C9D4C;
}

.button--gray {
	background-color: #b3b3b3;
	color: #fff;
	border: 1px solid #b3b3b3;
	transition: all .3s ease-in-out;
}

.button--gray:hover , .button--gray:focus {
	background-color: #fff;
	color: #b3b3b3;
	border: 1px solid #b3b3b3;
	transition: all .3s ease-in-out;
}

.button--gray-outline {
	background-color: #fff;
	color: #b3b3b3;
	border: 1px solid #b3b3b3;
	transition: all .3s ease-in-out;
}

.button--gray-outline:hover , .button--gray-outline:focus {
	background-color: #b3b3b3;
	color: #fff;
	border: 1px solid #fff;
	transition: all .3s ease-in-out;
}


.button--green:hover {
	background-color: #fff;
    color: #4C9D4C;
	border-color: #4C9D4C;
}

.button--green , 
.button--green:focus {
	background-color: #4C9D4C;
	color: #fff;
	transition: all .3s ease-in-out;
	border: 1px solid #fff;
}

.button--blue:hover {
	background-color: #fff;
    color: #4c919d;
	border-color: #4c919d;
}

.button--blue , 
.button--blue:focus {
	background-color: #4c919d;
	color: #fff;
	transition: all .3s ease-in-out;
	border: 1px solid #fff;
}

.button--lendica:hover {
	background-color: #fff;
    color: #2E3192;
	border-color: #2E3192;
}

.button--lendica , 
.button--lendica:focus {
	background-color: #2E3192;
	color: #fff;
	transition: all .3s ease-in-out;
	border: 1px solid #fff;
}
.button--medium-green , 
.button--medium-green:focus {
	background-color: #4E847B;
	color: #fff;
	transition: all .3s ease-in-out;
	border: 1px solid #fff;
}

.button--purple {
	background-color: rgb(46, 49, 146);
	color: #fff;
	border: 1px solid rgb(46, 49, 146)!important;
	transition: all .3s ease-in-out;
}

.button--purple:hover , 
.button--purple:focus {
	color: rgb(46, 49, 146);
	background-color: #fff;
	border: 1px solid rgb(46, 49, 146);
}


.button--green.button--add-to-cart, .button--medium-green.button--add-to-cart {
	border-radius: .625em;
}

button.button--newgreen , 
a.button--newgreen {
	background-color: #4C9D4C;
	color: #fff;
	transition: all .3s ease-in-out;
	border: 1px solid #4C9D4C;
}

button.button--newgreen:hover , 
button.button--newgreen:focus , 
a.button--newgreen:hover , 
a.button--newgreen:focus {
	background-color: #fff;
    color: #4C9D4C;
	border-color: #fff;
}

button.button--white , 
a.button--white ,
input.button--white {
	background-color: #fff;
	color: #4C9D4C;
	transition: all .3s ease-in-out;
	border: 1px solid #454545;
	width: 8.5rem;
	border-radius: 10px;
}

button.button--white:hover , 
button.button--white:focus , 
a.button--white:hover , 
a.button--white:focus ,
input.button--white:hover , 
input.button--white:focus {
	background-color: #4C9D4C;
    color: #fff;
	border-color: #4C9D4C;
}

.button--flat {
	padding-top: .625em;
	padding-bottom: .625em;
}

.button--fit {
	width: fit-content;
    margin: 1em auto;
}

.button-wide {
    padding-left: 3em;
    padding-right: 3em;
}

.button-100 {
	width: 100%;
}

.button--price-sheet {
	margin: 1em 0 2em 0;
	padding: .6em 0;
	width: 100%;
}

.button--download {
	font-size: 0.75em;
	text-transform: capitalize;
	border-radius: 20px;
}

.button--download.button--download-small {
	border-radius: 10px;
	padding: 0.5em 1em;
	font-weight: 700;
	margin: 0;
	z-index: 5;
}


.border-radius-10px {
	border-radius: .625em;
}

.company-info-container {
	display: flex;
	flex-direction: column-reverse; 
}

.message-center {
	padding: 2em;
	background-color: #e5e5e5;
	color: #636363;
	margin-left: .5em;
	margin-right: .5em;
	margin-bottom: 1em;
}

.ad__container {
	flex: 1 1 0%;
	/* max-width: 250px; */
	margin-top: 1rem;
}
.ad__container .ads {
	width: 100%;
	min-width: 250px;
}

/* table styles */

table {
	width: 96%;
	margin: 0 auto 1em auto;
}

tr {
	display: flex;
	flex-direction: column;
}

/* tr:nth-child(even) {background: #F6F6F6;}
tr:nth-child(odd) , tr:last-child {background: #FFF;} */

th , td {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

th {
	text-transform: uppercase;
	color: #4E847B;
	/* background-color: #fff; */
	padding: .6em .6em 1em .6em;
}
td {
	color: #8D8D8D;
	vertical-align: top;
	padding: .5625rem .375rem;
}

th , td {
	text-align: left;
	font-size: 1em;
}

.no-border {
	border: 0;
}

.empty-cell {
	display: none;
}

.no-left-border {
	border-left: 0;
}

.no-right-border {
	border-right: 0;
}


.highlighted-cell , 
.total-price {
    flex-direction: row;
	align-items: center;
	background-color:yellow;
}

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

.view-orders a {
    text-decoration: underline;
}
.view-orders a:hover {
    text-decoration: none;
}
/* td {border: 1px solid #D1D1D1;}

 tr td.highlighted-cell , 
tr td.highlighted-cell {
    color: #fff;
}

tr:nth-child(odd) td.highlighted-cell {
    background-color: #2F4F4A;
}

tr:nth-child(even) td.highlighted-cell {
    background-color: #3A615B;
} */

tr:nth-child(even) td {
	background: #F6F6F6;
	background-color: rgba(204,204,204,.2);
}
tr:nth-child(odd) td /*, tr:last-child td*/ {
	background: #FFF;
	background-color: rgba(255,255,255,.2);
}

tr.row-total {
	background-color: transparent;
}

.login_table td {
	vertical-align: top;
	text-align: left;
	padding: 3px 6px;
	font-size: 12px;
	color: #666666;
	line-height: 1.5em;
	border: 0;
}

.login_table td.label {
	vertical-align: middle;
}

.login_box .content {
	border: 1px #cccccc solid;
}

.login_table input {
    font-size: 12px;
    color: #000000;
    resize: none;
}

tr {
	position: relative;
}

th {
	display: none;
}



/* /table styles */

.site-slice__container {
	padding: 0 .25rem;
}

.site-slice__container--stash {
	margin-top: 1rem;
    max-width: none;
    padding: 0 1rem;
}

.middle-content-area {
	flex: 1 1 auto;
}

.recents-area {
	flex: 1 1 auto;
	margin-left: .5em;
	margin-right: .5em;
}

.recents-area .headline--h3.headline-underline {
	padding-top: .6em;
	padding-bottom: .4em;
	border-bottom: 1px solid #b3b3b3;
}

.recents-area table + .headline--h3 {margin-top: 1.6em; margin-bottom: 1em;}

.recents-area .button-download-price-sheet {margin-bottom: 2em;}

.site-slice__container--dashboard .middle-content-area {
	flex-direction: column;
	flex: 0 1 auto;
}

.update-area-container {flex: 1 0 auto;}

.update-area {
	background: #004D40 url(/images/greenboard-bkg.jpg) top left repeat; 
	min-height: 110px;
	padding: .8em;
}
.update-area ul {margin-bottom: 1em; padding-left: 1em;}
.update-area li {font-size: .8125em; color: #fff; margin: .5em 0; list-style: disc;}
.update-area a {color: #fff; text-decoration: underline; margin: 1em 0 3em auto;}
.update-area a:hover {text-decoration: none;}

.footer-top {padding-top: .2em; padding-bottom: .2em;}

.footer-bottom {
	padding-top: .6em;
	padding-bottom: .6em;
}

.footer-bottom {
	font-size: .8rem;
}

.footer-bottom a , 
.footer-bottom a:hover {
	color: #fff;
}

.footer-middle {
	padding-top: 1em;
}



/* Tile */

.tile__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	align-items: stretch;
	/* justify-content: flex-end; */
	min-height: 11.875rem
}

.tile {
	display: flex;
	flex: 2 0 auto;
    width: calc(100% - 1.2em);
	transition: all .3s ease-in-out;
	border: 1px solid #ccc;
	margin: .6em .2rem;
	flex-direction: column;
}

/* /Tile */

/* Cart */

.cart {
	font-family: 'Roboto Regular', sans-serif;
	font-weight: normal;
	height: 100%;
    transition: .2s all linear;
    /* background-color: #efefef; */
	overflow: hidden;
	scrollbar-width: none;
	flex: 1 1 auto;
	scroll-behavior: smooth;
	position: relative;
}

.cart .cart--header , .cart-container .cart--subtotal-area {
	display: flex;
}

.cart .cart--header {
	padding: 0.5rem;
	font-size:1.125rem;
}

@media(min-width:64rem){
	.cart .cart--header.desktop-hide {
		display:none;
	}
	
}

.cart-container .cart--subtotal-area {align-items: flex-end;}

.cart .cart--header div:first-child , 
.cart-container .cart--subtotal-area span:first-child {
    text-align: left;
    flex: 1;
}
.cart .cart--header div:last-child , 
.cart-container .cart--subtotal-area span:last-child {
    text-align: right;
    flex: 1;
}

.cart-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	transform: translate3d(100%, 0, 0);
	transition: transform 500ms;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 360px;
}

.cart-container.cart--open {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	overflow:auto;
}

.cart-container .cart--bottom {
	background-color: #fff;
	/* border-top: 1px solid #ccc; */
	padding: 0.5rem;
}

.cart--req-delivery label {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
	font-size: 0.9375em;
}

.cart--req-delivery label:after {
	content: "";
	position: absolute;
	right: 0.5em;
	top: 50%;
	z-index: 1;
	transform: translate(0, -50%);
	border-width: 5px 5px 0;
	border-style: solid;
	border-color: #000 transparent transparent;
	width: 0;
	height: 0;
	pointer-events: none;
}

.cart--req-delivery span {
	flex: 1 1 75%;
	text-align: right;
}

.cart--req-delivery span + label {
	margin-top: 0.5em;
}

.cart--req-delivery label select {
	margin: 0;
	padding-right: 1.5em;
	font-size: 0.9375em;
}

.cart--req-delivery label span + select {
	margin-left: 0.5em;
}

.cart-container .cart--bottom > *:not(:last-child){
    margin-bottom: 0.5rem;
}

.cart-container .cart--bottom .totalContainer{
    text-align: right;
}

.cart-slide-area {
	/* background: #efefef; */
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.cart--content {
	flex: 1 1 auto;
	overflow-x: hidden;
	border: 5px solid #fff;
	background: #efefef;
}

@media(min-width:64rem){
	.cart--content {
		border-radius: 10px;
	}
}

.cart--items-empty {
	border: 1px solid #D9D9D9;
    padding: 1em;
    margin: .4em;
}

.cart--subtotal-empty {
	color: #707070;
	font-size: 1.125em;
	font-weight: bold;
}

.cart--subtotal-empty span {
	font-size: 2em;
	color: #4C9D4C;
}

.cart--subtotal-empty span:last-child span {
	font-size: 1em;
}

.cart--subtotal-empty span span span {
	font-size: 1.0em;
}

.cart--subtotal-empty .decimals {
	font-size: .5em!important;
    vertical-align: super;
}

.cart--subtotal { 
	color: #000;
	font-size: 2em;
	font-weight: bold;
}

.button--checkout {
	margin: 0 0 .25em 0;
	width: 100%;
	background: #4C9D4C;
	border-radius: 100px;
}

.button--lendica {
	margin: 0;
	width: 100%;
	background: #2E3192;
	border-radius: 50px;
	padding-top: .5em;
	padding-bottom: .5em;
	max-height: 38px;
}

.lendica-purple, .lendica-white{
	height: 1.3em;
}

.lendica-purple{
	display: none;
}

.button--lendica:hover .lendica-purple{
	display: inline-block;
}

.button--lendica:hover .lendica-white{
	display: none;
}

.button--update-and-close {
	margin: 0;
	background: #4C9D4C;
	border-radius: 10px;
}

.cart--tile__product {
	border-top-left-radius: .625em;
	border-top-right-radius: .625em;
	border-bottom-left-radius: .625em;
	border-bottom-right-radius: .625em;
	margin: .6875em;
	/* min-height: 180px; */
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}

.cart--tile__product__title {
	padding: .6em .4em;
	border-top-left-radius: .625em;
	border-top-right-radius: .625em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius:0;
	display: flex;
	flex-direction: row;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	position:relative;
}

.cart--tile__product__title div {
	display: flex;
	flex: 0 1 auto;
	font-size: 0.8125em
}

.cart--tile__product__title div:nth-child(2) {
	flex: 1 1 auto;
	width: 182px;
	flex-direction: column;
	justify-content: flex-start;
}
.cart--tile__product__title div:last-child {
	flex: 1 1 auto;
	justify-content: flex-start;
	align-items: flex-start;
}

.cart--tile__product__title div h3 {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	justify-content: center;
	width: 100%;
}


.cart--tile__product__title .cart--product__details {
	flex: 0 1 auto;
}

.cart--tile__product__title h3 .product__brand , 
.cart--tile__product__title h3 .product__type {
    display: block;
}

.cart--tile__product__title h3 span:first-child {
	font-weight: 100;
	color: #707070;
}

.cart--tile__product__title h3 .product__type {
	font-weight: bold;
	font-size: 1rem;
	color: #7A7A7A;
}

.xcart--tile__product__title div:last-child span ,
.xcart--tile__product__title div:last-child a {
	font-size: 1.0em;
	display: block;
	text-align: right;
	white-space: nowrap;
}

.xcart--tile__product__title div:last-child a {
	text-decoration: underline;
	color: #7A7A7A;
}

.xcart--tile__product__title div:last-child a:hover {
	text-decoration: none;
	color: #707070;
}


.xcart--tile__product__title div:last-child span {
	color: #707070;
}
.cart--tile__product__title h3 .cart--product__brand{
	font-size: 1.0em;
    white-space: nowrap;
}
.cart--tile__product__title .cart--product__flavor{
	color: #4C9D4C;
	font-weight: bold;
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .65rem;
}
.cart--product__details-tag{
	position:absolute;
	top:0;
	right:0;
	background-color: #4C9D4C;
    color: #ffffff;
    padding: 0.25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0.625em;
    border-bottom-left-radius: 0.625em;
    border-bottom-right-radius: 0;
	opacity:0;
	transition: all .3s ease-in-out;
}
.cart--tile__product__title:hover .cart--product__details-tag{
	opacity:1;
}
/* .cart--tile__product__title div:last-child span:last-child {
    display: inline-block;
} */

.cart--tile__product__title .mobile-hide {
    display: none;
}
.cart--tile__product__title .desktop-hide {
    display: flex;
}

.cart--tile__product__content {
	/* display: flex;
	flex-direction: column; */
    border-radius: 1rem;
    /* border: 1px solid #4E847B; */
    flex: 1 0 auto;
}

.cart--product__info {
	display: flex;
	padding: .4em;
	border-top-left-radius: .625em;
    border-top-right-radius: .625em;
    justify-content: space-evenly;
}

.cart--product__image {
    position: relative;
    /* display: flex;
    flex: 1 0 auto; */
}

.cart--product__image img {
    width: 100%;
    max-width: 200px;
}


.cart--product__favorite_icon {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
	height: 44px;
    width: 44px;
    background: url(/images/product-icons/Heart.svg) center center no-repeat;
    background-size: contain;
    opacity: .3;
}

.cart--product__favorite_icon_selected {
    opacity: 1;
}

.cart--product__details {
	display: flex;
    flex-direction: column;
	padding: 0 .4em;
    align-items: stretch;
    flex: 1 0 auto;
}
.cart--product__details a {
	display: flex;
	text-align: center;
	margin: 1em auto;
	color: #4E847B;
}

.cart--product__thc_cbd {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    font-size: 0.8125em;
    line-height: 1.4em;
    color: #000;
}

.cart--product__thc_cbd span {
    display: block;
    text-align: right;
}

.cart--product__category__icon {
	width: 40px;
	height: 40px;
	display: flex;
	margin: 0 auto;
	flex: 1 0 auto;
	object-fit:contain;
	object-position:center;
}

.cart--product__category__label {
	display: flex;
    margin: .2em auto;
	padding: .3em .6em;
	font-size: .875em;
    line-height: 1em;
    border-radius: .8em;
	width: min-content;
	flex: 0 0 auto;
}

.cart--product__transaction {
	justify-content: space-between;
    display: flex;
	flex-direction: column;
	/* border-bottom-left-radius: .625em;
	border-bottom-right-radius: .625em; */
	flex: 1 0;
}

.cart--product__transaction__quickbuttons {
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	padding: .6em .3em;
	border-top-right-radius: .625em;
}
.cart--product__transaction__quickbuttons button {
	display: flex;
	flex: 1 0 auto;
    margin: 0 .2em;
	flex-direction: column;
    font-size: .8375em;
	color: #4E847B;
	border-radius: .3125em;
	background-color: #fff;
	border: 1px #3A615B solid;
	padding: .3em;
	align-items: center;
	transition: box-shadow .3s ease-in-out;
}

.cart--product__transaction__quickbuttons button:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,.3);
}

.cart--product__transaction__quickbuttons button span {
	display: block;
	text-align: center;
}
.cart--product__transaction__instructions {
	flex: 1 0 auto;
	color: #4E847B;
    display: flex;
    align-items: center;
}

.cart--product__transaction__instructions p {
    margin: 0 auto;
}

.cart--product__transaction__custom {
	display: flex;
	flex: 1 0 auto;
    align-items: center;
    padding: 0 0 .4em 0;
}

.cart--product__transaction__custom div {
	display: flex;
    flex: 1 0 auto;
    justify-content: center;
}

.cart--product__transaction__custom div span {
	background-color: #fff;
	color: #4E847B;
	display: inline-block;
    margin: 0 auto;
    padding: .5em 1.2em;
	border: 1px solid #C5C5C5;
	font-weight: bold;
}

.cart--product__transaction__custom__active {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	background-color: #e9e9e9;
    padding: .65625em 0;
	border-bottom-left-radius: .625em;
	border-bottom-right-radius: .625em;
}

.cart--product__transaction__custom__active a , 
.cart--product__transaction__custom__active a span {
	color: #4a4a52;
	text-decoration: none;
	width: 100%;
	text-align: center;
	min-width: 5em;
}

.cart--product__transaction__custom__active a {
	display: block;
}

.button--remove-from-cart svg {
	width: 18px;
	height: 18px;
}

.cart--product__transaction__custom__active a span {
	display: inline;
	text-decoration: underline;
}

.cart--product__transaction__custom__active a:hover , 
.cart--product__transaction__custom__active a:hover span {
	text-decoration: none;
}

.cart--product__transaction__custom__active .remove-item {
	text-decoration: none;
}

.cart--product__transaction__custom__active .row {
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
	flex: 1 0 auto;
	justify-content: space-between;
    align-items: center;
}

.cart--product__transaction__custom__active .row2 {
	padding: .3em .4em 0 .4em;
}

.cart--product__transaction__custom__active .row2 div:first-child {
	flex: 1 0 auto;
    text-align: right;
}

.cart--product__transaction__custom__active .row2 div:first-child div {
	text-align: center;
	display:block;
	color: #4a4a52;
	font-size:.875rem;
	max-width: 225px;
}

.cart--product__transaction__custom__active .current-discount-price {
	font-size: .75rem;
}


.cart--product__transaction__custom__active .row div {
    display: flex;
	padding: 0 0 0 .4rem;
	/* flex: 1 0 auto; */
	width: initial;
}

.cart--product__transaction__custom__active .mobile-hide {
    display: none;
}

.cart--product__transaction__custom__active .desktop-hide {
    display: flex;
}


.cart--product__transaction__custom__active input[type="text"] , 
.cart--product__transaction__custom__active input[type="number"] {
	background-color: #fff;
	border: 1px solid #fff;
	color: #707070;
	font-weight: bold;
	text-align: center;
	width: 5.0625rem;
	height: initial;
    padding: 0;
    margin: .4rem auto;
}

.cart--product__transaction__custom__active .button--green {
	padding: .5em .3em;
	flex: 2 0 auto;
	width: 3.8125rem;
}

.cart--product__transaction__custom__active .button--green.button--add-to-cart {
	border-radius: 0;
}

.cart--product__transaction__custom__active .cart--currentTotal div {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 1em;
    font-weight: bold;
	padding: .5625rem 0.3em;
	color: #4C9D4C;
	text-align:center;
}

.cart--product__transaction__custom__active div.cart--currentTotal {
	background-color: #fff;
	padding: 0;
    border-top-left-radius: .625em;
	border-bottom-left-radius: .625em;
	flex: 0 95px;
	white-space: nowrap;
	max-width: 80px;
}

.product__transaction__custom .cart--currentTotal div {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 1em;
    font-weight: bold;
	padding: .4em 0.3em;
	color: #fff;
}

.product__transaction__custom div.cart--currentTotal {
	background-color: #50736e;
	padding: 0;
    border-top-left-radius: .625em;
	border-bottom-left-radius: .625em;
	flex: 0 95px;
	white-space: nowrap;
}

.cart--spacer {
	flex:1;
}

.cart-container__overlay{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 19;
	width: 100%;
	height: 100%;
	opacity: 0;
	background:#000;
	pointer-events: none;
	transition: opacity 500ms;
}
.cart-container.cart--open + .cart-container__overlay {
	opacity: 0.6;
	pointer-events: all;
}

/* /Cart */

/* Flex */

.flx-align-items-center {align-items: center;}

/* /Flex */

.coming-soon-container {
    display: flex;
    height: 100%;
    background-color: #3e3e3e;
    margin: .4em;
}

.coming-soon {
    display: flex;
    flex-direction: column;
    padding: 1em;
    text-align: center;
    width: 100%;
}


.coming-soon-container span , .coming-soon-container a {
    display: block;
    margin-bottom: .4em;
    color: #f5f6f6;
}


.coming-soon {
    display: none;
}


.coming-soon-container .button-log-in ,
.coming-soon-container .button-log-out ,
.coming-soon-container .button-log-in:hover ,
.coming-soon-container .button-log-out:hover {
	display: block;
	background-color: #4C9D4C;
	color: #fff;
	padding: .6em 1.6rem;
	font-size: 1rem;
	border: 0;
	border-bottom: 0;
}


.coming-soon-container .button-log-out:hover {
	color: #000;
}

.logout .button-log-in {
	display: block;
}

.logout .button-log-out {
	display: none;
}


.blastboard span {
	display: block;
	margin: 0 auto;
}

.blastboard img {
	display: block;
	margin: 0 auto;
	width: 50%;
    max-width: 280px;
    height: auto!important;
}

.form-subscribe .input {
	display: block;
	text-align: center;
}

.subscribe-container input ,
.subscribe-container .input {
	min-width: initial;
}

.flx-order-form-table .subscribe-container input[type="text"] {
	max-width: initial;
	text-align: left;
}

.site-slice__container--intro {
	padding-left: 0;
	padding-right: 0;
}

.site-slice__container--intro .background-eee {
	background-color: #EEEEEE;
}
.billboard {
	padding: 2rem 0;
}
.billboard-bkg {
	background: #000 url(/images/cannabis-farm-stock.png) no-repeat center center; background-size: cover;
}

.billboard-logo {
	display: block;
	margin: 0 auto;
	width: 80%;
	height: auto;
}

.site-slice__container--intro .text-area {
	font-size: 1em;
	margin: 0 auto;
	padding: 2.3125rem 1rem 1.125rem 1rem;
}


.site-slice__container--intro .text-area .headline--h2-alt {
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 3pt solid #4C9D4C;
	padding: 0 1rem .5rem 1rem;
	margin: 0 0 1.125rem 0;
}

.site-slice__container--intro .slider-area .headline--h2-alt {
	border-bottom: 0;
}

.site-slice__container--intro .text-area p {
	line-height: 1.5em;
	margin-bottom: 2em;
}

.site-slice__container--intro .slider-area {
	width: 90%;
}

.footer .footer-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.footer .footer-logo {
	max-width: 160px;
	margin: 0 auto;
}
.display-table {
	display: table;
	width: 100%;
	height: 100%;
}

.display-table-cell {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding: 1rem;
}
.display-table-row {
	display: table-row;
	vertical-align: top;
	text-align: center;
}

.footer .display-table-cell p {
	line-height: 1.2rem;
}
.footer a{
	text-decoration: underline;
}

.landing-toggle{
	cursor: pointer;
	text-align: center;
	color: #a6a6a6;
	margin-top: 2em;
}
.landing-toggle.mobile{
	margin-top: 0;
}
.landing-toggle:hover{
	color:white;
}

.landing-pages{
	display: none;
	margin-top: 1em;
}

.landing-page-link{
	margin: 1em 0;

}

.site-slice__container--gallery {
	width: 90%;
	margin: .6rem auto;
	padding: .4rem 0;
	position: relative;
}

.tns-outer button[data-action="start"] , 
.tns-outer button[data-action="stop"] {
	display: none;
}

.tns-controls button[data-controls="prev"] , .tns-controls button[data-controls="next"] {
	position: absolute;
}

.tns-controls button[data-controls="prev"] , 
.tns-controls button[data-controls="next"] {
	top: 40%;
	padding: 1em;
	text-indent: 400%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 10;
}

.tns-controls button[data-controls="prev"] {
	left: -50px;
	background: url(/images/LeftArrow.svg) no-repeat center center;
	background-size: contain;
}
.tns-controls button[data-controls="next"] {
	right: -50px;
	background: url(/images/RightArrow.svg) no-repeat center center;
	background-size: contain;
}

.galcellwrap {
	max-height: 158px;
	overflow: hidden;
}

.galcell {
	vertical-align: middle!important;
	position: relative;
}

.galcell img {
	width: 100%;
}

/* .galcell {
	height: 160px;
	position: relative;
}

.galcell img {
	height: 100%;
	object-fit: contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
} */

.form-area .form-img-section {
	/* width: 33%; */
	margin-right: 0!important;
	margin-bottom: 0;
	display: flex;
	flex: 1 0 auto;
	align-content: center;
	align-self: flex-end;
	align-items: center;
	height: 100%;
	overflow: hidden;
}

.form-area .form-img-section img {
	width: 100%;
	display: flex;
	align-items: center;
	align-self: center;
	height: 100%;
}

.form-area .form-section {
	margin-left: 0!important;
	background-color: #ffffff;
	padding: 2em 1em;
	border-radius: .625rem;
}

.form-area .form-section , 
.form-area .form-section a ,
.form-area .form-section a:hover , 
.form-area .form-section a:focus {
	color: #4C9D4C;
}

.form-area .form-section h3 {
	color: #454545;
	font-size: 1.625rem;
	margin-bottom: .8rem;
}

.form-area .form-section .label {
	color: #4C9D4C;
}
.form-area .form-section input[type="text"], 
.form-area .form-section input[type="number"], 
.form-area .form-section input[type="search"], 
.form-area .form-section input[type="password"], 
.form-area .form-section textarea, 
.form-area .form-section select {
	border: 1px solid #C9C9C9;
	background-color: #FFF;
	color: #454545;
}

.form-area .agreement {
	padding-top: 1em;
}

form .agreement--options{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin-top:.5rem;
}

.form-area label.contact , 
.form-area .isRadio , 
.form-area .isRadio .icon {
	display: inline-block;
}

.form-area label.contact {
	margin-right: 1rem;
	color: #454545;
}

.form-area .disclaimerText{
	font-size:.9375rem;
	color: #454545;
}

/* Modal */

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 30; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.66); /* Black w/ opacity */
	color: #787878;
	font-size: 0.875em;
}

.modal__contact__id .modal-content-container
, .modal__login__id .modal-content-container{
	position:relative;
	display: flex;
	flex: 2 0 auto;
	width: calc(100% - 1.2em);
	transition: all .3s ease-in-out;
	border: 1px solid #ccc;
	margin: .6rem .2rem;
	flex-direction: column;
	background:	#fff;
}

.modal__login__id .modal-content{
	width: 300px;
}
  
.modal .tile {
	  width: 100%;
	  max-width: 100%;
	  margin: 0 auto;
	  color: #555;
}
  
  /* Modal Content/Box */
.modal-content {
	margin: 5% auto; /* 15% from the top and centered */
	max-width: 100%; /* Could be more or less, depending on screen size */
	width: 930px;
	border:none;
}
  
.modal .tile-section {
	  display: flex;
	  flex: 1 1;
}

.modal .flex-container {
	display: flex;
	flex-direction:column;
}
.modal .flex-container .product-quantity {
	margin-bottom: 1rem;
}

.modal .flex-container hr{
	display:none;
}

@media(min-width:48rem){
	.modal .flex-container {
		flex-direction:row;
	}
	.modal .flex-container hr{
		display:block;
	}
	.modal .flex-container .product-quantity {
		margin-bottom: 0rem;
	}
}
  
/* The Close Button */
.modal .close {
	color: #fff;
	font-size: 1.3125em;
	text-align: center;
	display: block;
	text-decoration: underline;
	padding: .6em;
	cursor: pointer;
}

.modal .close--splash{
	position: absolute;
	right: 0;
	top: 0;
}
.modal .close--desktop{
	display: none;
}
.modal .close--mobile{
	display: block;
}
@media(min-width: 48rem){
	.modal .close--desktop{
		display: block;
	}
	.modal .close--mobile{
		display: none;
	}
}

.modal .product__price-breaks {
	background: #ebebeb;
	display: flex;
	flex-wrap: wrap;
	border-radius: 0 0 10px 10px;
	padding: 0.75em 1.375em;
}
.modal .product__price-break {
	flex: 0 1 100%;
	color: #707070;
	margin: 0 0 0.5em;
	padding: 0.25em 2.50em 0.25em 0;
}
.modal .product__price-break--quantity {
	font-size: 1em;
	font-weight: 700;
}
.modal .product__price-break--pricing {
	display: flex;
	font-size: 0.6875em;
	margin: 0.375em 0 0;
	white-space: pre;
}
@media all and (min-width: 500px) {
	.modal .product__price-break {
		flex-basis: 50%;
	}
	.modal .product__price-break + .product__price-break:nth-child(2n) {
		border-left: 1px solid #707070;
		padding-left: 2.50em;
		padding-right: 0;
	}
}
@media all and (min-width: 1000px) {
	.modal .product__price-break {
		flex-basis: 25%;
		margin: 0;
	}
	.modal .product__price-break + .product__price-break {
		border-left: 1px solid #707070;
		padding-left: 2.50em;
		padding-right: 0;
	}
}

.close:hover,
.close:focus {
text-decoration: none;
}

.modal .tile__product--splash{
	border: none;
}

.modal .tile__product--splash .in-your-cart {
	font-weight:700;
	color:#7A7A7A;
	white-space: pre;
	display:block;
}
@media all and (min-width:48rem){
	.modal .tile__product--splash .in-your-cart{
		display:inline-block;
	}
}

.modal .discount-label{
	display:block;
}
.modal .discount-label--hidden{
	display:none;
}

.modal .tile__product--splash .product__brand , 
.modal .tile__product--splash .product__flavor , 
.modal .tile__product--splash .product__type {
	font-size: 1.125rem;
	display: block;
}

.modal .tile__product--splash .modal__product__image img{
	border: 1px solid #D1D1D1;
}
.modal .tile__product--splash .product__sku{
	display: inline-block;
	color: #4C9D4C;
	font-size: .875rem;
}

.modal .tile__product--splash .product__flavor{
	font-weight: bold;
}
.modal .tile__product--splash .product__category__label{
	margin-bottom: 1.125rem;
}

.modal .product__transaction__custom__active {
	color: #fff;
}

.modal__product__image {
	display: flex;
	flex: 1 0 auto;
	position: relative;
	align-items: center;
}
  
.modal__product__image img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.modal__gallery {
	display: flex;
	flex: 1 0 auto;
	position: relative;
	border: 1px solid #d1d1d1;
	min-height: 40vh;
	overflow: hidden;
}
  
.modal__gallery img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.modal__gallery-items {
	flex: 1 1 auto;
	display: flex;
	max-width: 100%;
	margin: 0 !important;
}

.modal__gallery__image {
	flex: 1 0 100%;
	display: flex;
	justify-content: center;
}
.modal__gallery__image .responsive-img {
	height: 100% !important;
	width: 100% !important;
}
.modal__gallery__image .responsive-img img {
	max-height: 100% !important;
}

.modal__gallery-controls {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	display: none;
	justify-content: space-between;
	padding: 0 12px 12px;
}
	.slick-slider + .modal__gallery-controls {
		display: flex;
	}
	.modal__gallery-controls .modal__gallery-arrow {
		width: 48px;
		height: 48px;
		background: #a7a7a7;
		border-radius: 50%;
		display: flex !important;
		align-items: center;
		order: 1;
		cursor: pointer;
	}
		.modal__gallery-controls .modal__gallery-arrow[aria-disabled="true"] {
			visibility: hidden;
		}
		.modal__gallery-controls .modal__gallery-arrow:before {
			content: "";
			border-style: solid;
			width: 0;
			height: 0;
		}
		.modal__gallery-controls .modal__gallery-arrow.modal__gallery-prev:before {
			border-width: 16px 30px 16px 0;
			border-color: transparent #fff transparent transparent;
			padding: 0 0 0 5px;
		}
		.modal__gallery-controls .modal__gallery-arrow.modal__gallery-next {
			justify-content: flex-end;
			order: 3;
		}
			.modal__gallery-controls .modal__gallery-arrow.modal__gallery-next:before {
				border-width: 16px 0 16px 30px;
				border-color: transparent transparent transparent #fff;
				padding: 0 5px 0 0;
			}
	.modal__gallery-controls .modal__gallery-dots {
		order: 2;
		flex: 0 1 auto;
		display: flex;
		align-items: center;
		align-self: center;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 100%;
	}
		.modal__gallery-controls .modal__gallery-dots > * {
			position: relative;
			z-index: 0;
		}
		.modal__gallery-controls .modal__gallery-dots > * {
			margin: 0 6px 3px;
		}
		.modal__gallery-controls .modal__gallery-dots .slick-active:before {
			content: "";
			position: absolute;
			left: 50%;
			top: 50%;
			z-index: 1;
			transform: translate(-50%, -50%);
			width: 60%;
			height: 60%;
			background: rgba(88, 88, 88, 0.5);
			border-radius: 50%;
		}
		.modal__gallery-controls .modal__gallery-dots button {
			background: rgba(255, 255, 255, 0.5);
			width: 20px;
			height: 20px;
			border-radius: 50%;
			border: 1px solid rgba(112, 112, 112, 0.5);
			text-indent: -999em;
		}

.tile-section {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-content: stretch;
}

.modal-content .product__info {
	flex-direction: column;
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.modal-content .profile-container {
	position: relative;/*for modal clost*/
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: .625rem;
	border-bottom-right-radius: .625rem;
}

.modal-content .tile__product__content {
	flex-direction: column;
	padding: 0 1.125rem 0.25rem;
}

.profile-container ul {
	display: block;
}

.modal-content .profile-list-container, 
.modal-content .profile-chart-container {
	display: none;
}

.profile-chart-container h3 {
	color: #FF6C4E;
	text-transform: uppercase;
	text-align: center;
	margin: 1.2em 0 .6em 0;
}

.profile-list-container li , 
.profile-list-container li span {
	display: inline-block;
}
.profile-list-container li span {
	color: #fff;
	background-color: #CCCBCB;
	padding: .2em .8em;
	border-radius: .8em;
	margin: .2em 0.2em;
}
  
.profile-info {
	padding: 1.2em 0;
}

.profile-info > *{
	margin-bottom:4px;
}

.modal .product__category__label{
	display: inline-block;
	margin-left: 0;
	margin-bottom: 8px;
}

.profile-info .sku-label{
	line-height: 1.2rem;
	font-size:.9375rem;
	color: #4C9D4C;
	display: block;
	margin-bottom: 1rem;
}
.profile-info p {
	line-height: 1.2rem;
	font-size:.875rem;
	color: #787878;
}

  .modal .tile__product__title {
	  color: #fff;
	  font-size: 1.3125em;
  }

  /* .modal .product__transaction__custom__active .row {
	flex: 0 1 auto;
	justify-content: space-between;
  } */

  .modal .product__transaction__quickbuttons {
	/* border-radius: .625em; */
	/* border: 3pt solid #fff; */
	flex: 1;
	padding: .5em!important;
	display: flex;
	flex-wrap: wrap;
  }
  
  .modal .profile-chart-container td , 
  .modal .profile-chart-container th {
	  font-size: 1.0em;
	  color: #707070;
  }
  
  .profile-meter {
	  width: 100%;
	  height: 1.1em;
	  border: 1px solid #D1D1D1;
	  padding: 0;
  }
  
  .profile-meter .profile-meter-bar {
	  display: inline-block;
	  width: 0;
	  height: 1em;
	  margin: auto;
	  padding: 0;
  }
  .profile-container {
	  padding: 1em;
  }

  .modal .product__transaction__custom__active {
	  border-radius: .625em;
	  padding: 0 0 1em 0;
  }

/* /Modal */

/* review-orders */

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

.button-container button[type="submit"], 
.button-container input[type="submit"], 
.button-container button[type="reset"], 
.button-container  input[type="reset"] {
	width: 100%;
}

/* /review-orders */

/* filters-container */

.filter-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

.filter-area {
    display: flex;
	justify-content: flex-end;
}

.filter-area .filters span {
    display: block;
}

.filter-area .filters select {
    width: initial;
    cursor: pointer;
}

.filter-area .filter-by-area select {
    margin-right: .625rem;
}


.filter-sort-area {
    flex-direction: row;
}

.filter-area .filters {
	flex: 0 1 auto;
    display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
}

.filter-area .filter-item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: #4C9D4C;
	border-radius: 20px;
	padding: 0.5rem;
	font-size:12px;
}


@media all and (min-width: 32rem){
	.filter-area .filter-item {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		background: #4C9D4C;
		border-radius: 20px;
		padding: 0.625rem 1rem;
		font-size:16px;
	}
}

.filter-area .filter-item + .filter-item {
	margin-top: 0.5rem;
}
.filter-area .filter-item > * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.filter-area .filter-item .filter-item-icon {
	display: flex;
	color: #004D40;
	margin-right: 0.125rem;
}
.filter-area .filter-item .filter-item-icon.filter-icon-sort {
	height: 3px;
	width: 0.75rem;
	background: #4C9D4C;
	position: relative;
	margin-right: 0.375rem;
}
.filter-item-icon.filter-icon-sort:before,
.filter-item-icon.filter-icon-sort:after {
	content: "";
	position: absolute;
	left: 0;
	background: inherit;
	height: inherit;
}
.filter-item-icon.filter-icon-sort:before {
	width: 130%;
	transform: translate(0, -125%);
}
.filter-item-icon.filter-icon-sort:after {
	width: 70%;
	transform: translate(0, 125%);
}
.filter-area .filter-item .filter-item-text {
	text-transform: uppercase;
	font-size: 0.875em;
	letter-spacing: -0.0125em;
	color: #fff;
	font-weight: 700;
}
.filter-area .filter-item .filter-item-selections {
	display: flex;
	position: relative;
}
.filter-area .filter-item .filter-item-selections > span {
	color: #fff;
	font-size: 0.875em;
	margin-left: 0.5rem;
	line-height: 1.2;
}
.filter-area .filter-item .filter-item-selections.arrow-down-after > span {
	padding-right: 1rem;
}
.filter-area .filter-item .filter-item-selections .filter-item-selections-current-selection {
	width: 135px;
}
.filter-area .filter-item select {
	height: auto;
	margin: 0 1rem 0 0.25rem;
	padding: 0;
	border: none;
	background: transparent;
	color: #fff;
	font-size: 0.875em;
	line-height: 1.2;
}
.filter-area .filter-item select option {
	color: #032B2F;
}
.filter-item-selections-container {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: -1rem;
	top: calc(150% + 0.5rem);
	z-index: 2;
	background: #fff;
	width: 100vw;
	max-width: 325px;
	border: 1px solid #3a615b;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0, 0.25);
	opacity: 0;
	pointer-events: none;
}
.filter-item-as-select .filter-item-selections-container {
	max-width: 200px;
}
.filter-item.filter-item-selections-open .filter-item-selections-container {
	opacity: 1;
	pointer-events: all;
}
.filter-item-selections-container:after {
	content: "";
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 0.125rem;
	bottom: 100%;
	z-index: -1;
	background: inherit;
	border-width: 1px;
	border-style: solid;
	border-color: #4C9D4C #4C9D4C transparent transparent;
	transform: translate(-50%, 50%) rotate(-45deg);
}
.filter-item-selections-content {
	flex: 1 1 auto;
	padding: 0.5rem;
}

.filter-item-selection [data-sort] {
	padding: 0.5em;
	cursor: pointer;
	font-size: 0.875em;
}
.filter-item-selection [data-sort]:hover {
	background: #f2f2f2;
}
.filter-item-selection [data-sort][data-selected] {
	background: #4C9D4C;
	color: #fff;
}
.filter-item-selection + .filter-item-selection {
	margin-top: 1rem;
}
.filter-item-selection[data-title]:before {
	content: attr(data-title);
	font-size: 0.875em;
	font-weight: 700;
	display: block;
	margin: 0 0 0.5rem;
	color: #8d8d8d;
	border-bottom: 1px solid #ccc;
	padding: 0.25rem 0 0.5rem;
	cursor: pointer;
}
.filter-item-selection.filter-item-selection-open:before {
	color: #4C9D4C;
}
.filter-item-selection ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.filter-item-selection .filter-item-selection-content {
	display: none;
	flex-direction: column;
}
.filter-item-selection.filter-item-selection-open .filter-item-selection-content {
	display: flex;
}
.filter-item-selection ul li {
	flex: 0 1 auto;
	margin: 0 0.125rem 0.25rem;
}
.filter-item-selection ul label input {
	display: none;
}
.filter-area .filter-item-selection ul label > span {
	background: #fff;
	border-radius: 20px;
	padding: 0.625rem 0.5rem;
	border: 1px solid #4C9D4C;
	display: flex;
	align-items: center;
}
.filter-item-selection ul label .icon {
	width: 0.75rem;
	height: 0.75rem;
	position: relative;
}
.filter-item-selection ul label .icon:before,
.filter-item-selection ul label .icon:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 0.25rem;
	height: 100%;
	background: #4C9D4C;
	border-radius: 20px;
	transform: translate(-50%, 0);
}
.filter-item-selection ul label .icon:after {
	transform: translate(-50%, 0) rotate(90deg);
}
.filter-item-selection ul label .label {
	min-width: initial;
	font-size: 0.75em;
	color: #4C9D4C;
	margin: 0;
	padding: 0;
	letter-spacing: -0.0125em;
}
.filter-item-selection ul label .icon + .label {
	margin-left: 0.25rem;
}
.filter-item-selection ul label input:checked + span {
	background: #4C9D4C;
	transition: background 375ms;
}
.filter-item-selection ul label input:checked + span .icon {
	transform: rotate(135deg);
	transition: transform 375ms;
}
.filter-item-selection ul label input:checked + span .icon:before,
.filter-item-selection ul label input:checked + span .icon:after {
	background: #fff;
	transition: background 375ms;
}
.filter-item-selection ul label input:checked + span .label {
	color: #fff;
	transition: color 375ms;
}
.filter-item-selection[data-title="Price"] ul {
	flex-wrap: nowrap;
	height: 10em;
	align-items: flex-end;
	width: 100%;
}
.filter-item-selection[data-title="Price"] ul li {
	margin: 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 0%;
}
/*.filter-item-selection[data-title="Price"] ul li + li {
	margin-left: 1px;
}*/
.filter-item-selection[data-title="Price"] ul li div {
	flex: 1 1 auto;
	position: relative;
	background: #e5e5e5;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 3px 3px 0 0;
}
.filter-item-selection[data-title="Price"] ul li div span {
	font-size: 0.75em;
	position: absolute;
	/*left: 50%;
	bottom: 0;
	transform: translate(-50%, 0) rotate(-45deg);
	text-align: right;*/
	color: #666;
	width: 100%;
	padding: 0.25rem;
	letter-spacing: -0.05em;
}
.filter-item-selection .filter-item-selection-inputs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.5rem 0 0;
}
.filter-item-selection .filter-item-selection-inputs label {
	flex: 0 1 25%;
}
.filter-item-selection .filter-item-selection-inputs input {
	height: auto;
	padding: 0.5rem;
	margin: 0;
	border: 1px solid #ccc;
	width: 100%;
	text-align: center;
	font-size: 0.875em;
	line-height: 2;
	color: #666;
}
.filter-item-selection .filter-item-selection-inputs > div {
	padding: 0 1rem;
	text-transform: uppercase;
	font-size: 0.6875em;
}
.filter-item .filter-actions {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}
.filter-item .filter-actions button {
	flex: 0 1 49%;
	color: #fff;
	margin: 0;
	padding: 0.625rem 0.5rem;
	width: 100%;
	font-size: 0.875em;
	font-weight: 700;
	text-align: center;
}
.filter-item .filter-actions .filter-apply {
	background: #4C9D4C;
}
.filter-item .filter-actions .filter-clear {
	background: #8d8d8d;
}
@media all and (min-width: 650px) {
	.filter-item-selections-container {
		max-width: 360px;
	}
	.filter-area .filters {
		flex-grow: 1;
		flex-direction: row;
	}
	.filter-area .filter-item + .filter-item {
		margin-top: 0;
		margin-left: 0.5rem;
	}
	.filter-area .filter-item {
		justify-content: flex-start;
	}
}

.search-results-container {
    margin-bottom: 1rem;
}

.search-results-container .search-term {
    display: block;
    padding-top: .2rem;
    color: #4E847B;
    font-size: 1.875rem;
    font-weight: bold;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.25;
}

.filter-sort-toggle {
    display: block;
    padding: 1rem;
    margin-bottom: 1rem;
    text-decoration: underline;
    color: #4E847B;
    cursor: pointer;
}

.filter-sort-open {
    display: block;
}

.filter-sort-close {
    display: none;
}

/* /filters-container */

.notification-area {
	position: relative;
	z-index: 0;
	width:100%;
	margin: 0 auto 1rem;
	display:flex;
	flex-direction: column;
}

.notification-area .button--download{
	margin-top: .5rem;
}

@media all and (min-width:574px) {
	.notification-area{
		flex-direction: row;
		justify-content: space-around;
	}
}
@media all and (min-width:64rem) {
	.notification-area{
		flex-direction: column;
		justify-content: space-around;
	}
}

.notification-area:after {
	/*content: "Notification\A Area";*/
	white-space: pre;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	font-size: 2rem;
	color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.notification-area > :nth-child(1) ~ div + div {
	margin-top: 1em;
}

.announcement__area {
	display: flex;
	flex-direction: column;
}
.announcement__area-gallery {
	flex: 2 1 0%;
	overflow: hidden;
}
.announcement__area-text {
	flex: 7 1 0%;
}
@media all and (min-width: 650px) {
	.announcement__area {
		flex-direction: row;
	}
	.announcement__area-gallery {
		margin-right: 1em;
	}
}

.sales-rep-info div + div {
	margin-top: 0.25em;
}

@media (min-width: 30em){
	.cart-container {
		min-width: 23.5rem;
		/* border-left: 1px solid #555; */
	}
}

/* iPad */
@media (min-width: 48em) {
	.layout--min-height {
		min-height: 39rem;
	}
	
	.temp_menu_brands {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		min-width: initial;
		max-width: 100%;
	}

	.temp_menu_brands .mobile-brands-button {
		display: none;
	}

	.desktop-menu-wrapper .layout {
		width: 100%;
	}

	.desktop-menu-wrapper .h-select-business {
		align-self: center;
	}

	.button-container button[type="reset"], 
	.button-container button[type="submit"], 
	.button-container input[type="reset"], 
	.button-container input[type="submit"]{
		width: 48%;
	}

	.modal-content .product__info {
		flex-direction: row;
		border-top-left-radius: .625rem;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		padding:1rem;
	}
	.modal-content .profile-container {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: .625rem;
		justify-content: flex-start;
		
	}
	.modal-content .tile__product__content {
		flex-direction: row;
	}
	.modal-content .product__info {
		flex-direction: column;
	}
	.cart--bottom .button--checkout {
		font-size: 1rem;
	}

	.temp_menu_brands .mobile-brands-button {
		padding: .3125rem .625rem;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
	.temp_product_brands_container {
		position: relative;
		z-index: initial;
		top: initial;
		left: initial;
	}
	
	.temp_menu_products .menu--product--link , 
	.temp_menu_brands .menu--brand--link {
		padding: 0.75rem;
	}
	
	.temp_menu_brands .menu--brand--link.menu--brand--link--selected span {
		color: #012a23;
	}
	
	.temp_menu_products span , 
	.temp_menu_brands a span {
		font-weight: bold;
		text-align: center;
		display: inline-block;
		width: initial;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.temp_menu_brands .temp_links_container_brands.display-show {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 10;
		right: 0;
		margin-top: 1.8rem;
	}
}

/*This allows this div to be scrollable at mobile*/
.site-slice__container--with-cart {
	padding: 0;
    height: 1px;
    flex: 1 1 auto;
    display: flex;
	flex-direction: column;
}

@media (min-width: 64em) {
	/* .mobile-hide {display: inline-block!important;} */
	/* .desktop-hide {display: none!important;} */
	/* .height-set {
		min-height: 40.5rem;
	} */
	.site-header {
		z-index: 1; 
		flex: none; 
	}
	.main-container.side-nav-open {
		margin-left: 0;
	}
	/* .main-container.main-container-with-cart {
		height: 100vh;
		overflow: hidden;
		width: 100vw;
		display: flex;
		flex-direction: column;
	} */
	.side-nav-open .sidenav-container {
		width: 0;
	}
	.layout--min-height {
		min-height: 30rem;
	}

	.site-slice__container {
		padding: 0 1.625rem;
	}

	/* .site-slice__container--with-cart {
		padding: 0;
		height: 1px;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	} */

	.site-slice__container--1024max { 
		max-width: 1024px; 
		margin: 0 auto;
		padding: 0;
	}

	.site-slice__container--intro {
		padding-left: 0;
		padding-right: 0;
	}
	
	.h-logo-container {
		order: 0;
	}

	.h-select-business {
		position: relative;
	}

	.h-menu-wrapper , .h-misc-items {
		order: 0;
	}

	.h-cart {
		cursor: default;
		display: flex;
		justify-content: flex-end;
		flex: 1 0 auto;
		flex-direction: column;
		padding-bottom: .8rem;
	}

	.h-logout-area {
		display: flex;
		justify-content: flex-end;
		flex: 0 1 auto;
	}
	
	.desktop-menu-wrapper {
		display: flex;
	}

	.desktop-menu-wrapper .layout {
		width: initial;
	}

	.desktop-menu-wrapper .h-select-business {
		align-self: initial;
	}

	.noshow-64rem {
		display: none;
	}
	.show-block-64rem {
		display: block;
	}
	.noshow-64rem .display-table-row{
		text-align: center;
	}
	


	.site-slice__container--intro .text-area {
		max-width: 46.525rem;
		width: 100%;
		padding: 2.3125rem 0 1.125rem 0;
	}
	.site-slice__container--intro .text-area:not(:first-child){
		padding-top:0;
	}

	.site-slice__container--intro .text-area .headline--h2-alt {
		font-size: 2.75rem;
	}
	
	.billboard-logo {
		width: 30%;
	}

	.row {
		flex-direction: row;
	}

	/* .button , input[rel~="btn"] {
		font-size: 1vw;
	} */

	.company-info-container {
		flex-direction: row; 
	}

	/* .site-slice__container--dashboard .middle-content-area {
		flex-direction: column;
		flex: 1 1 auto;
	} */

	.site-slice__container--with-cart .middle-content-area {
		flex: 1 auto;
		flex-direction: column;
		overflow: hidden;
	}

	.site-slice__container--with-cart .middle-content-area .button--price-sheet {
		font-size: 1rem;
	}
	
	.ad__container {
		margin-top: inherit;
	}
	
	.company-info-container > .ad__container:first-child {
		margin-right: 1rem;
		flex: 1 auto;
	}

	.message-center {
		margin-right: 0;
	}

	.update-area {
		min-height: 300px;
	}

	.cart-container {
		position: relative;
		min-width: 363px;
		/* border-left: 1px solid #555; */
		transition: none;
		transform: translate(0, 0);
	}

	.cart--header.background-black {
		display: none;
	}
	

	.menu-button {
		display: none;
	}
	.stash-container {
		flex-direction: row;
		align-items: stretch;
		height: 80%;
	}

	.stash-container .boxes {
		display: flex;
		align-items: center;
		align-content: center;
		width: 33%;
		flex: 1 1 auto;
		justify-content: center;
		padding: .6em;
	}

	.box-ad img , 
	.box-ad .ads {
		width: 96%;
	}

	.stash-container .ads {
		display: flex;
		align-self: center;
		margin: 0 auto;
		width: 100%;
	}
	
	.box-login {
		flex-direction:column;
	}
	
	.section-hours-info {
		color: #636363; 
		padding: 3rem 1;
		padding-top:0rem;
		margin: 1rem 0;
	}
	.hours-business__day,
	.hours-cutoff-times__day,
	.hours-dock-pickup__day{
		text-transform: uppercase;
	}
	
	.box-ad {order: 1;}
	.box-login {order: 2;}
	.box-hours {order: 3;}

	.desktop-menu-wrapper {
		display: flex;
		flex-direction: column;
		align-items: initial;
		padding: 0;
	}
	.desktop-menu-wrapper .input {
		display: flex;
		flex: 0 1 auto;
		justify-content: flex-start;
	}

	.desktop-menu-wrapper select[name="clientID"]{
		font-size: .75rem;
		margin: 0 .3125rem;
		display: flex;
		flex: 0 1 auto;
		width: initial;
		padding: 0 .625rem;
		border-radius: .3125rem;
	}

	.navigation__menu .menu--product--link , 
	.navigation__menu .menu--product--link {
		display: flex;
	}

	.product-flowers , .product-flowers svg ,
	.product-concentrates , .product-concentrates svg ,
	.product-wax , .product-wax svg ,
	.product-edibles , .product-edibles svg ,
	.product-drink , .product-drink svg ,
	.product-cartridges ,.product-cartridges svg ,
	.product-pre-rolls , .product-pre-rolls svg ,
	.product-topicals , .product-topicals svg ,
	.product-seeds , .product-seeds svg {color: #ddd; fill: #ddd;}

	.menu--product--link {
		display: flex;
		flex-direction: row;
		font-size: 0.6875em;
		color: #ddd;
		padding: .5em 1.2em;
		align-items: center;
		border-top-left-radius: .625em;
		border-top-right-radius: .625em;
		text-decoration: none;
		font-weight: normal!important;
		text-transform: uppercase;
		padding: .4em;
		margin-right: .8rem;
	}
	.menu--product--link:hover {
		color: #fff;
		text-decoration: none;
	}

	.menu--product--icon {
		display: flex;
		fill: #fff;
		width: 24px;
		height: 24px;
		margin-right: 4px;
	}
	.menu--product--link.active , 
	.menu--product.active span , 
	.menu--brand--link.active , 
	.menu--brand.active span {
		color: #4C9D4C;
		background-color: #fff;
	}
	.menu--product--link.active .menu--product--icon , 
	.menu--brand--link.active .menu--product--icon {
		fill: #4C9D4C;
	}
	
	.temp_menu_brands .menu--brand--link.menu--brand--link--selected {
		display: flex;
	}

	.site-header .navigation__menu {
		padding: .8rem 0 0 0;
		text-align: left;
		/* letter-spacing: .15em; */
		line-height: 1;
		justify-content: space-between;
	}
	.site-header .site-slice__container--splash .navigation__menu {
		padding: 1rem 0 1rem 0;
	}

	.logo-container {
		flex: 0 1 auto;
		margin-right: 1.4em;
		padding: 0 0 1rem;
	}

	.site-header .navigation__link {
		display: flex;
		flex-direction: row;
		padding: .5rem 1.25rem;
		padding-left: 0rem;
		margin-left: .875rem;
		color: #606161;
		font-size: 0.9375rem;
		position: relative;
	}

	.navigation__link.navigation__home {
		padding-left: .25rem;
		padding-right: .25rem;
		margin-left: 0;
		margin-right: 1rem;
	}
	
	/* .site-header .navigation__link.text-underline{
		text-decoration: none;
	}
	.site-header .navigation__link.text-underline::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background:#b6d249;
		height: .3125rem;
		border-radius: .25rem;
		margin: 0;
	} */
	
	.site-header .navigation__link:hover {
		text-decoration: none;
		color: #fff;
	}

	.site-header .navigation__link.active span {
		border-bottom: 4px solid #4C9D4C;
	}

	.header--spacer {
		display: flex;
		flex: 1 1 auto;
	}

	.tile {
		margin: .6em;
	}

	.footer-inner .order-logo {
		margin-bottom: .8rem;
	}
	

/* FORM */
	.label , .input {
		display: inline-block;
		min-width: 130px;	
	}
	form label {
		font-size: initial;
		text-align: left;
	}

	input[type="text"], input[type="number"], input[type="search"], input[type="password"], textarea, select {
		font-size: initial;
	}

	button.button--white , 
	a.button--white ,
	input.button--white {
		width: initial;
	}

	.form-area .form-section {
		padding: 1.625em 4em;
	}
	
	.form-area .form-section h3 {
		font-size: 2rem;
	}
	.form-area .label{
		min-width:50%;
	}
/* /FORM */


/* Modal */

	.modal .tile__product__title h3 .product__brand , 
	.modal .tile__product__title h3 .product__flavor , 
	.modal .tile__product__title h3 .product__type {
		display: block;
	}

	.modal .tile__product--splash .product__brand , 
	.modal .tile__product--splash .product__flavor , 
	.modal .tile__product--splash .product__type {
		font-size: 1.125rem;
		display: block;
		color: #707070;
	}

	.modal .tile__product__title div:last-child span {
		height: min-content;
	}

	.modal-content .product__info {
		flex-direction: column;
	}

/* /Modal */

	.site-slice__container--intro .slider-area {
		width: 90%;
	}

	.footer-bottom {
		font-size: 1rem;
	}

/* table styles */

	table {width: 100%; margin-bottom: 1em; }
	tr {
		display: table-row;
	}

	th {
		text-transform: uppercase;
		color: #4C9D4C;
		/* background-color: #fff; */
		padding: .6em .6em 1em .6em;
	}
	td {
		color: #8D8D8D;
		vertical-align: top;
		/* padding: .2rem .6rem; */
	}

	th,
	td {
		display: table-cell;
		text-align: left;
		font-size: .75em;
		vertical-align: middle;
	}
	.simple-table-list th{
		font-weight: normal;
	}

	.no-border {
		border: 0;
	}

	.empty-cell {
		display: table-cell;
	}

	.no-left-border {
		border-left: 0;
	}

	.no-right-border {
		border-right: 0;
	}


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

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

	.view-orders a {
		text-decoration: underline;
	}
	.view-orders a:hover {
		text-decoration: none;
	}

	.site-slice__container--1024max > .layout > .simple-table-list {
		margin-top: 4rem;
	}

	.simple-table-list .text-right-64rem {
		text-align: right;
	}
	.table-orders .table-orders__order-label
	, .table-orders .table-orders__date-label{
		width:6rem;
		text-align: left;
		display: block;
	}
	.table-orders .table-orders__total-label
	, .table-orders .table-orders__view-label{
		width:6rem;
		text-align: right;
		display: block;
	}
	.table-orders .table-orders__order-label
	, .table-orders .table-orders__total-label
	, .table-orders .table-orders__view-label{
		width:4rem;
	}
	/* td {
		border: 1px solid #D1D1D1;
	} */

	tr td.highlighted-cell , 
	tr td.highlighted-cell {
		color: #fff;
	}

	tr:nth-child(odd) td.highlighted-cell {
		background-color: #7a7a7a;
	}

	tr:nth-child(even) td.highlighted-cell {
		background-color: #b3b3b3;
	}

	tr.row-total {
		background-color: transparent;
	}

	.login_table td {
		vertical-align: top;
		text-align: left;
		padding: 3px 6px;
		font-size: 12px;
		color: #666666;
		line-height: 1.5em;
		border: 0;
	}

	.login_table td.label {
		vertical-align: middle;
	}

	.login_box .content {
		border: 1px #cccccc solid;
		background-color: #f6f6f6;
	}

	.login_table input {
		font-size: 12px;
		color: #000000;
		resize: none;
	}

	.login_table input[type="submit"] {
		background-color: #e5e5e5;
		transition: .3s background-color ease-in-out;
	}

	.login_table input[type="submit"]:hover {
		background-color: #dbdbdb;
	}

/* /table styles */

/* review-orders */

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

	.button-container button[type="submit"], 
	.button-container input[type="submit"], 
	.button-container button[type="reset"], 
	.button-container  input[type="reset"] {
		width: initial;
	}

/* /review-orders */

/* filters-container */

	.filter-sort-toggle {
		display: none;
	}
	.filter-area {
		display: flex;
	}

/* /filters-container */

	.navigation__menu-cols {
		flex-wrap: no-wrap;
	}
	
	.navigation__menu-cols > div {
		flex: none;
	}
	
	.navigation__menu-cols > :nth-child(2) {
		order: initial;
		width: auto;
		flex-direction: column;
	}
	
	.temp_menu_brands {
		align-items: flex-end;
		margin: 0;
	}
	
	.cart-container.cart--open + .cart-container__overlay {
		opacity: 0;
		pointer-events: none;
	}
}

@media (min-width: 75em) {
	/* .site-slice__container--dashboard .middle-content-area {
		flex-direction: row;
	} */
	.layout--min-height {
		min-height: 40.5rem;
	}

	.update-area-container {flex: 0 1 auto;}
	.modal-content .tile__product__content {
		flex-direction: row;
	}

}

@media (min-width: 96em) {
}

@media (min-width: 102em) {
	
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  
{
	.discount-container{
		font-size: 14px;
		text-align: left;
	}
	.qty-icon-container{
		display: inline-block !important;
	}
	.qty-icon-container img{
		width:1.25rem;
		height:1.25rem;
	}
	.desktop-discount-container{
		display: none !important;
	}
	.product-section-container{
		margin-left: auto !important;
	}


	/* Force table to not be like tables anymore */
	.simple-table-list, .simple-table-list thead, .simple-table-list tbody, .simple-table-list th, .simple-table-list td, .simple-table-list tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.simple-table-list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
    }
    
    .simple-table-list th {
        display: none;
    }
	
    .simple-table-list tr { 
        border: 1px solid #D1D1D1;
        margin-bottom: 1.25rem;
     }
    
	 .simple-table-list tr:first-child {
        border: 0;
    }
	
	.simple-table-list td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	.simple-table-list td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/* top: 6px; */
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
    }
    
    .simple-table-list .view-orders {
		padding-left: 0;
		padding-right: 0;
    }
}

.site-slice__container--with-cart .message-center {
	margin-left: 0;
}

label.select {
	position: relative;
}

label.select select {
	background: transparent;
	border: none;
	color: #ddd;
	padding: 0 1em 0 0;
	margin: 0;
	font-size: 0.9375rem;
}
label.select:hover select,
label.select select:focus {
	color: #fff;
}

.arrow-down-after:after {
	content: "";
	width: 0;
	height: 0;
	border-width: 7px 5px 0;
	border-style: solid;
	border-color: #454545 transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.arrow-right-after:after {
	content: "";
	width: 0;
	height: 0;
	border-width: 7px 5px 0;
	border-style: solid;
	border-color: #454545 transparent transparent;
	position: absolute;
	right: 0;
	rotate:-90deg;
	transform: translate(-30%, -20%);
}


.arrow-down-after.dark-green:after{
	border-color: #004D40 transparent transparent;
}
.arrow-down-after.text-white:after{
	border-color: #ffffff transparent transparent;
}

/* HEADER SEARCH */
.h-search-area,
.h-search-area * {
	box-sizing: border-box;
}

.h-search-area-content {
	display: flex;
	border-radius: 20px;
	width: 2rem;
	overflow: hidden;
}
.h-search-area .icon {
	border-radius: 20px 0 0 20px;
	padding: 0.25rem 0.5rem;
	display: flex;
	align-items: center;
	color: #fff;
	cursor: pointer;
	flex: 1 0 2rem
}
.h-search-area form {
	display: flex;
	align-items: center;
	width: 100%;
	background: #fff;
	border-radius: 0 20px 20px 0;
}
#hSearchField {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: 0 20px 20px 0;
	font-size: 0.875rem;
	width: 100%;
}
#hSearchIcon {
	display: none;
}
	/* SEARCH OPEN */
	.h-search-area.search-open {
		width: 100%;
		max-width: 400px;
	}
	.h-search-area.search-open .h-search-area-content {
		box-shadow: 0 0 0 4px rgba(255,255,255,0.25);
		width: 100%;
	}
	.h-search-area.search-open .icon {
		/*background: rgba(0,255,0,0.75);*/
		background: #fff;
		color: #ccc;
	}
	.h-search-area.search-open #hSearchField {
		padding: 0 1rem 0 0.5rem;
	}
	.h-search-area.search-open ~ .temp_links_container_brands {
		display: none;
	}
	/* SEARCH OPEN */
@media all and (min-width: 64em) {
	.h-search-area-content {
		margin: 0 0 0.5rem;
	}
}
/* HEADER SEARCH */

/* CUTOFF AND DELIVERY NOTICE */
.cutoff-delivery-notice {
	background: #3e625b;
	padding: 0.5rem 0;
	margin: 0 0 0.125rem;
	width: 100%;
	transition: margin 375ms;
}
.cutoff-delivery-notice.cutoff-delivery-notice--hidden {
	margin: -2rem 0 0;
}
.cutoff-delivery-notice-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.cutoff-delivery-notice-container > :last-child {
	flex-direction: column;
	margin-top: 0.5rem;
}
.cutoff-delivery-notice-detail {
	display: flex;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 700;
	text-transform: capitalize;
}
.cutoff-delivery-notice-detail :first-child {
	color: #b6d249;
	font-size: 0.875em;
}
.cutoff-delivery-notice-detail :last-child {
	color: #fff;
	margin-left: 0.5em;
}
@media all and (min-width: 48em) {
	.cutoff-delivery-notice-container {
		flex-direction: row;
	}
	.cutoff-delivery-notice-container :last-child {
		flex-direction: row;
		margin-top: 0;
	}
	.cutoff-delivery-notice-detail + .cutoff-delivery-notice-detail:before {
		content: " ";
		white-space: pre;
		margin: 0 1em;
		background: #fff;
		width: 1px;
	}
}
/* CUTOFF AND DELIVERY NOTICE */

.banner-ad-top {
	height: 10rem;
	overflow: hidden;
	margin: 0 0 1rem;
}

.banner-ad-top > div {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}

.banner-ad-top > div img {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 0;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}

.slideshow-ad {
	width: 100%;
	height: 28.125rem;
	max-height: 250px;
}
.slideshow-ad.slideshow-ad--splash {
	/* background: #E5E5E5; */
	padding: 0;
	margin: 0;
	height:auto;
}

.slideshow-ad-images {
	height: 100%;
	overflow: hidden;
}

.slideshow-ad-image {
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%, 50%;
	position: relative;
	display: flex !important;
	/* align-items: center; */
	justify-content: center;
}
.slideshow-ad.slideshow-ad--dashboard .slideshow-ad-image img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
.slideshow-ad--dashboard .slideshow-ad-image {
	display: flex !important;
	align-items: flex-start;
	margin: 0 0.5em;
}
.slideshow-ad-image--splash {
	height: 100%;
	background: #E5E5E5;
	position: relative;
	display: flex;
	align-items:center;
	justify-content: center;
}
.slideshow-ad-image--dashboard {
	height: 100%;
	background: #E5E5E5;
	position: relative;
	display: flex;
	align-items:center;
	justify-content: center;
}
@media all and (min-width: 1024px) {
	.slideshow-ad.slideshow-ad--splash {
		height: auto;
		max-height: none;
	}
}

.product-blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media all and (min-width: 650px) {
	.product-blocks {
		justify-content: flex-start;
	}
}

.product-blocks:not(:first-child){
	/* display: flex;
	justify-content: space-between; */
	margin-top: 1rem;
}
.product-blocks__block {
	min-height: 12.875rem;
	width: 10.5rem;
	display: inline-flex;
	flex-direction: column;
	flex: 0 1 auto;
	border: 1px solid #D6D6D6;
	border-radius: 10px;
	box-shadow: 4px 4px 9px rgba(0,0,0,0.25);
	text-align: center;
	margin: 0 0.25em 1.5625em;
	/* padding: 0.25em; */
}

.product-blocks__block .brand-name {
	font-size: 10px;
	background: #7a7a7a;
	color: #fff;
	padding: .25rem;
	border-radius: 10px 10px 0 0;
}
.product-blocks__block .product-name {
	font-size: .625rem;
	text-align: center;
	min-height: 1.25rem;
	margin-top:.25rem;
}
.product-blocks__block .product-flavor {
	font-size: .6875rem;
	font-weight: 700;
	margin: 0.125em 0 0;
	text-align: center;
	min-height: 1.375rem;
}

.product-blocks__block .show-details{
	font-size: .6875rem;
}

.product-blocks__block .responsive-img {
	padding-bottom:100%;
}
.product-blocks__block .responsive-img img:not(.responsive-img--exclude){
	/* width: auto; */
	height: auto;
	object-fit: cover;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	max-width: 100%;
	flex: 0 auto;
	margin: auto;
	display:block;
	position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    object-fit: contain;
    object-position: center;
    border: 1px solid #000;
}

.product-blocks__block--hidden {
	display: none;
}

.product-blocks__block.product-blocks__block--hidden .responsive-img img {
	display: none;
}

.product-blocks__block .product-quantity,
.modal .product-quantity {
	display: flex;
	margin: 0.25em 0 .125rem;
	padding: 0 0.5em;
	min-height:30px;
}

.product-blocks__block .product-quantity{
	margin: 0 0 .125rem;
}

@media (min-width:48rem){
	.product-blocks__block .product-quantity{
		margin: 0.25em 0 .125rem;
	}
}

.modal .product-quantity {
	flex: 1 0;
	margin: 0;
	padding: 0;
	min-width: 200px;
}
.product-blocks__block .product-quantity > *,
.modal .product-quantity > * {
	flex: 1 1;
	display: flex;
	margin: 0 5px;
}
.product-blocks__block .product-quantity > :first-child,
.modal .product-quantity > :first-child {
	margin-left: 0;
}
.product-blocks__block .product-quantity > :last-child,
.modal .product-quantity > :last-child {
	margin-right: 0;
}

.product-blocks__block .product-quantity__button,
.modal .product-quantity__button,
#cart .cart--button--add-to-cart {
	flex: 1 1 auto;
	color: #4C9D4C;
	font-size: 2em;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f8f8;
	border: 1px solid #d1d1d1;
	height: 30px;
	margin: 0;
}
#cart .cart--button--add-to-cart {
	width: 60px;
	height: 30px;
	padding: 0;
}
	.product-blocks__block .product-quantity__button span,
	.modal .product-quantity__button span,
	#cart .cart--button--add-to-cart span {
		background: #4C9D4C;
		width: 12px;
		height: 3px;
	}
	.product-blocks__block .product-quantity__button.product-quantity__button--increment span:before,
	.modal .product-quantity__button.product-quantity__button--increment span:before,
	#cart .cart--button--add-to-cart.button--increment span:before {
		content: "";
		display: block;
		background: inherit;
		width: inherit;
		height: inherit;
		transform: rotate(90deg);
	}
.product-blocks__block .product-quantity__value input,
.modal .product-quantity__value input,
#cart .cart--buttons .quantity {
	color: #707070;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #d1d1d1;
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
}
.product-blocks__block .product-quantity__value input,
.modal .product-quantity__value input{
	height: 30px;
}

.product-blocks__block .product-info,
.modal .product-info {
	padding: 0.125rem 0.5rem 0.25rem;
	box-sizing:border-box;
}
.modal .product-info {
	padding: 0 0 0 0.5em;
}

.product-blocks__block .product-price{
	display: flex;
	align-items: center;
	font-size: .6875rem;
	font-weight: 700;
	vertical-align:middle;
	height:1.5rem;
	color: #7a7a77;
}
.product-blocks__block .units-per-case {
	font-size:.6875rem;
	line-height:.8125rem;
}
.product-blocks__block .product-icon {
	height: 1.5rem;
	margin-left:auto;
	display:inline-block;
}
.product-blocks__block .product-icon > img{
	width: 1.75rem;
	display:inline-block;
	margin: 0 1px;
}
.product-blocks__block .cannabinoid-info{
	font-size:.6875rem;
	font-weight:700;
	margin:8px;
	position: absolute;
	width: 2.25rem;
	height: 2.25rem;
	color: #fff;
	background: #7a7a7a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	bottom: 0;
}

.modal .save-container.mobile-hide{
	margin-top:auto;
}
@media all and (min-width: 768px){
	.modal .save-container.desktop-hide{
		display:none
	}	
}
@media all and (max-width: 768px){
	.modal .save-container.mobile-hide{
		display:none
	}	
	.modal .product-info{
		display: flex;
		position: relative;
	}
	.modal .tile__product--splash .in-your-cart{
		display: inline-block !important;
	}
	.product-blocks__block .product-quantity__value input{
		font-size: 15px;
	}
}

.modal .product-info .UnitPerCaseInfo{
	margin-left: auto;
}

@media(min-width:48rem){
	.product-blocks__block .product-name {
		font-size: 1rem;
		font-weight: 700;
		color: #333333;
		height: 32px;
	}

	.product-blocks__block .product-flavor {
		font-size: .875rem;
		min-height: 1.75rem;
	}
	
	.product-blocks__block .show-details{
		font-size: 1rem;
	}
	
	.modal .product-info .UnitPerCaseInfo{
		margin-left: 0;
	}
}

.modal .product-price > span{
	margin-bottom:.25rem
}

.site-slice__container--with-cart .product-blocks__block {
	min-height: 18.875rem;
}
.site-slice__container--with-cart .featured-product-area .product-blocks__block {
	min-height: 22.5rem;
	max-height: 22.5rem;
}

@media all and (min-width: 768px) {
	.product-blocks__block {
		min-height:16.875rem;
		width: 17.8rem;
		margin-left: 0.4375rem;
		margin-right: 0.4375rem;
	}
	.site-slice__container--with-cart .product-blocks__block {
		min-height: 25.125rem;
		max-height: auto;
		width: 13.25;
	}
	.site-slice__container--with-cart .featured-product-area .product-blocks__block {
		min-height: 27.125rem;
		max-height: 27.125rem;
	}
	.product-blocks__block .brand-name {
		font-size: 13px;
	}
	.product-blocks__block .product-price {
		font-size: .9375rem; 
		height:2.125rem;
	}
	.product-blocks__block .product-icon {
		height: 2rem;
	}
	.product-blocks__block .product-icon > img{
		width: 1.875rem;
	}
	.product-blocks__block .units-per-case {
		font-size:.8125rem;
		line-height:1rem;
	}
	.product-blocks__block .cannabinoid-info{
		font-size:.75rem;
		width: 2.3125rem;
		height: 2.3125rem;
	}
	.modal .product-price{
		font-size: 1rem;
	}
	.modal .product-price > span{
		margin-bottom:.125rem;
	}
}

.tile--splash.tile__brand{
	border-radius: .625em;
}

.slideshow-ad--splash .responsive-img {
	border-radius: 10px;
	box-shadow: 4px 4px 9px;
	background: #fff;
}

.slideshow-ad--dashboard .responsive-img {
	flex: 1 1 auto;
	min-width: auto;
	height: 100%;
	max-height: 270px;
	overflow: initial;
}
.slideshow-ad--dashboard img{
	border-radius: 10px;
	box-shadow: 4px 4px 9px;
	max-height: 100%;
	width: auto;
}

.slideshow-ad-image:before {
	content: "";
	background-image: inherit;
	background-repeat: inherit;
	background-position: inherit;
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	filter: blur(5px) brightness(160%) contrast(40%);
}

.slideshow-ad--splash .responsive-img {
	height: 14rem;
	min-height: 14rem;
}
.slideshow-ad--splash .responsive-img--absolute {
	min-height:100%;
}
@media all and (min-width: 64rem) {
	.slideshow-ad--splash .responsive-img {
		height: 18rem;
	}
}

/* SPLASH PAGE */
.site-slice__container--splash {
	width: 100%;
	padding: 0 .125rem;
}

@media (min-width:48rem){
	.site-slice__container--splash{
		padding: 0 2.8125rem;
	}
}
@media (min-width:64rem){
	.site-slice__container--splash{
		padding: 0 5.625rem;
	}
}
.site-slice__container--billboard {
	width: 100%;
	padding: 0 1.125rem;
}

@media (min-width:48rem){
	.site-slice__container--billboard{
		padding: 0 2.8125rem;
	}
}
@media (min-width:64rem){
	.site-slice__container--billboard{
		padding: 0 4.8125rem;
	}
}

@media all and (min-width: 64rem) {
	.slideshow-ad {
		height: 100%;
		max-height: 100%;
	}
}

#about-area{
	background-image:url("/images/cannabis-leaf-in-the-handFaded.jpg");
	background-position: center top; 
	background-repeat: no-repeat;
	background-size:cover;
	padding-top:10rem;
}

#about-area .text-area-container{
	flex-direction: column;
}

@media(min-width:64rem){
	#about-area .text-area-container{
		flex-direction: row;
	}
}

.headline--area-splash-label{
	display: flex;
	align-self: flex-end;
	font-weight: 600;
	font-size: 1.75rem;
	color:#7A7A7A;
}

@media(min-width:48rem){
	.headline--area-splash-label{
		font-size: 1.5rem;
	}
}
@media(min-width:64rem){
	.headline--area-splash-label{
		font-size: 1.9375rem;
	}
}

.site-slice__container--splash .headline--area{
	display: flex;
	align-items: center;
	margin:0;
	padding: 0;
	width:100%;
	
}
.category-icon{
	/*ratio between height of icon and svg space: 1.68*/
	/*height of icon on mockup: 1.25*/
	/*1.25 * 1.68 ~ 2.125 */
	height:2.125rem;
	width:2.125rem;
}
.category-name{
	margin-left: .3125rem;
	font-weight: bold;
	font-size: 1.25rem;
	text-transform: uppercase;
}
.show-more,.show-more:link{
	font-size:.9375rem;
	margin-left: auto;
	text-transform: uppercase;
	color:#fff;
	text-decoration: underline;
}
.show-more:hover{
	text-decoration: none;
}


/* DASHBOARD MOSAIC */
.mosaic-tiles {
	display: flex;
	flex-direction: column;
	height: 75vh;
}

.mosaic-tile-row {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mosaic-tiles > :first-child {
	flex: 2 1 auto;
}

.mosaic-tile-row + .mosaic-tile-row {
	margin-top: 1rem;
}

.mosaic-tile-col {
	display: flex;
	flex-direction: column;
	flex: 0 1 calc(50% - 0.5rem);
	overflow: hidden;
}

/*.mosaic-tiles > :first-child > :first-child {
	xmargin-right: 0.5rem;
}*/
.mosaic-tiles > :first-child > :nth-child(2) {
	flex: 2 1 auto;
	order: -1;
	width: 100%;
	margin: 0 0 1rem;
}
/*.mosaic-tiles > :first-child > :last-child {
	xmargin-left: 0.5rem;
}*/

.mosaic-tile {
	flex: 1 1 auto;
	overflow: hidden;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.mosaic-tile[onclick] {
	cursor: pointer;
}

.mosaic-tile:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.375);
}

.mosaic-tile + .mosaic-tile {
	margin-top: 1rem;
}

.mosaic-tile .mosaic-content {
	position: relative;
	z-index: 2;
	color: #fff;
	display: flex;
	flex-direction: column;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 0 0.5em;
	height: 100%;
}

.mosaic-tile.mosaic-tile-coming-soon .mosaic-content:after {
	content: "Coming Soon";
	position: absolute;
	right: 0.5rem;
	bottom: 0;
	font-size: 4vw;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255,255,255,0.375);
	letter-spacing: -2px;
	text-shadow: none;
	text-align: right;
}

.mosaic-content .name {
	font-size: 5vw;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
}

.mosaic-content .description {
	margin: 1em 0 0;
	padding: 1em 0 0;
	border-top: 1px solid #fff;
	font-size: 0.9375em;
}

.mosaic-tile img {
	position: absolute;
	left: -100%;
	right: -100%;
	top: -100%;
	bottom: -100%;
	z-index: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	margin: auto;
}

@media all and (orientation: landscape) {
	.mosaic-tiles {
		min-height: 600px;
	}
}

@media all and (min-width: 50em) {
	.mosaic-content .name {
		font-size: 4vw;
	}
}

@media all and (min-width: 64em) {
	.mosaic-tile.mosaic-tile-coming-soon .mosaic-content:after {
		font-size: 2vw;
	}
	.mosaic-content .name {
		font-size: 1.25em;
	}
}

@media all and (min-width: 80em) {
	.mosaic-tile-row {
		justify-content: initial;
	}
	
	.mosaic-tile-col {
		flex: 1 1 0%;
	}
	
	.mosaic-tile-col + .mosaic-tile-col {
		margin-left: 1rem;
	}
	
	.mosaic-tiles > :first-child > :nth-child(2) {
		order: initial;
		width: auto;
		flex: 2 1 0%;
		margin: 0 0 0 1rem;
	}
}

@media all and (min-width: 105em) {
	.mosaic-content .name {
		font-size: 1.75em;
	}
}

@media all and (min-width: 1921px) {
	.mosaic-tile.mosaic-tile-coming-soon .mosaic-content:after {
		font-size: 2rem;
	}
}
/* DASHBOARD MOSAIC */

/* CONTENT OVERLAY */
.content-overlay {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
}
.content-overlay-label {
	position: relative;
	z-index: 0;
	display: flex;
	padding: 0 1rem 0 0;
	cursor: pointer;
	color: #454545;
}
.content-overlay .content-overlay-label:after{border-color: #454545 transparent transparent;}
.content-overlay-label span {
	color: #454545;/*comes from .site-header .navigation__linknavigation__link*/
}
.content-overlay-label span:hover {
	color: #000;
}
.content-overlay-content {
	display: none;
	position: absolute;
	right: 0;
	top: 120%;
	z-index: 1;
	background: #fff;
	padding: 0.5rem;
	border-radius: 5px 0 5px 5px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}
.content-overlay-content:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 100%;
	z-index: 0;
	width: 0;
	height: 0;
	border-width: 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent #fff;
}
.content-overlay.content-overlay-show .content-overlay-content {
	display: block;
}
/* CONTENT OVERLAY */

.headline--best-value {
	display: flex;
	align-self: flex-end;
	font-size: .75rem;
	padding: .25rem 0.25rem 0.5rem 1.875rem;
	text-transform: initial;
	background: url('/images/QtyDiscount.svg') no-repeat left top;
}
.brand-board .headline--best-value {
	padding: .25rem 1.75rem 1.75rem 1.875rem;
}
.headline--best-value:after {
	content: " = Quantity Discount Available";
	color: #7A7A7A;
}
.headline--best-value.best-value-green:after {
	color: #3A615B;
}
.headline--best-value.best-value-white:after {
	color: #fff;
}

@media all and (min-width:32rem){
	.headline--best-value{
		font-size: 1rem;
	}
}

.product--best-value {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background: url('/admin/images/starred.svg') no-repeat center center;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
}




/* PAGINATION */
[paginate-onscroll] {
	width: 100%;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.paginate-loading {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 1rem 0;
}
.paginate-loading:before {
	content: "";
	width: 3rem;
	height: 3rem;
	border-width: 3px;
	border-style: solid;
	border-color: #d9d9d9 #d9d9d9 #d9d9d9 #4C9D4C;
	border-radius: 50%;
	animation: rotate360 1s linear infinite;
}
/* PAGINATION */

@keyframes rotate360 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/********Age check********/
.main-container--age-check{
	width:100%;	
	height:100%;	
	background-image: linear-gradient(180deg, #C2C2C2, #FFFFFF);
}
.age-check-box{
	background:#fff;
	max-width: 18.75rem;
	padding: .75rem;
}
.age-check-box img{
	margin-bottom:.5rem;
}
.age-check-box .error{
	color: #ff0000;
}
.age-check-box .button{
	border-radius: .625rem;
	width:8.125rem;
	font-size: .875rem;
	padding: .5rem 1em;
}
@media (min-width: 64em) {
	.company-info-container > .ad__container:first-child {
		max-width: 250px;
	}
}
/********Age check********/