/*
Theme Name: Terra Tech
Description: A custom theme for Terra Tech
Author: Radley Sustaire
Author URI: http://radleysustaire.com/
License: Copyright © 2020 Terra Tech
Version: 1.1.1
*/

/*
Fonts

Titles: 'Patua One', 'Segoe UI', Helvetica, Arial, sans-serif;
Subtitles/Buttons: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
Content: 'Segoe UI', Helvetica, Arial, sans-serif;
*/

*, *::after, *::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Fix.css 0.1.1 https://github.com/jaydenseric/Fix */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	line-height: 1;
	font-family: sans-serif;
}

iframe {
	border: 0;
	max-width: 100%;
}

main {
	display: block;
}

ul,
ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

li {
	display: block;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
}

dd {
	margin-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: inherit;
}

blockquote {
	margin: 0;
	padding: 0;
}

sup {
	position: relative;
	top: -.5em;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

strong {
	font-weight: bold;
}

figure {
	margin: 0;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a {
	text-decoration: underline;
	color: inherit;
}

button {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: inherit;
	text-transform: inherit;
	font: inherit;
	-webkit-font-smoothing: inherit;
	letter-spacing: inherit;
	background: none;
	cursor: pointer;
	overflow: visible;
}

::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* WordPress Core */
.alignnone {
	margin: 0.25em 1em 1em 0;
}

.aligncenter {
	display: block;
	margin: 0.25em auto 0.25em auto;
}

.alignright {
	float: right;
	margin: 0.25em 0 1em 1em;
}

.alignleft {
	float: left;
	margin: 0.25em 1em 1em 0;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 0.25em 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 0.25em 1em 1em 0;
}

.wp-caption.alignleft {
	margin: 0.25em 1em 1em 0;
}

.wp-caption.alignright {
	margin: 0.25em 0 1em 1em;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 0.25em;
}

.screen-reader-text {
	position: absolute !important;
	top: -9999999px;

	height: 1px;
	width: 1px;
	overflow: hidden;

	clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:focus {
	top: 0.25em;
	left: 0.25em;
	z-index: 100000; /* Above WP toolbar. */

	display: block;
	width: auto;
	height: auto;
	padding: 10.25em 23px 14px;

	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;

	background-color: #f1f1f1;

	clip: auto !important;
}

/* TinyMCE Editor (WP Visual editor) */
body.mce-content-body {
	margin: 10px;
}

/* Generic styles */
body,
body.mce-content-body {
	color: #231302;
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

p {
	margin: 1.35em 0;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

/* Headers */
h1, h2, h3 {
	font-family: 'Patua One', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #4b7701;
	line-height: 1.3;
}

h4, h5, h6 {
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3;
}

h1 {
	font-size: 46px;
	margin: 30px 0 15px;
}

h2 {
	font-size: 40px;
	margin: 30px 0 15px;
}

h3 {
	font-size: 30px;
	margin: 15px 0 15px;
}

h4 {
	font-size: 24px;
	margin: 15px 0 15px;
}

h5 {
	font-size: 18px;
	margin: 15px 0 15px;
}

h6 {
	font-size: 16px;
	margin: 15px 0 15px;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea {
	border: 2px solid #b4b4b4;
	padding: 6px 8px;
	font-size: 16px;
	line-height: 1.25;
	font-family: inherit;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	border: 2px solid #b4b4b4;
	padding: 6px 8px;
	font-size: 16px;
	line-height: 1.25;
	font-family: inherit;
}

select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #ff481c;
	outline: none;
}

/* Buttons */
button,
input[type="button"],
input[type="submit"],
a.button {
	display: inline-block;
	padding: 6px 25px;

	color: #ff481c;
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.4;

	border: 2px solid #ff481c;
	background: #fff;

	cursor: pointer;
	-webkit-transition: background 0.1s linear, color 0.1s linear;
	-o-transition: background 0.1s linear, color 0.1s linear;
	transition: background 0.1s linear, color 0.1s linear;

	-webkit-appearance: none;
	-moz-appearance: none;
}

ul.products .product:hover .button,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a.button:hover {
	color: #fff;
	background: #ff481c;
}

.button.alt {
	border: none;
	background: #ff481c;
	color: #fff;
}

.button.alt:hover {
	background: #231302;
	color: #fff;
}

/* Layout */
.inside {
	max-width: 1100px;
	padding: 0 10px;
	margin: 0 auto;
}

.inside.wide {
	max-width: 1400px;
	padding: 0 10px;
}

/* Grid layout */
.grid {
}

.grid:before,
.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid .cell {
}

/* Grids with spacing */
.grid.spacing {
	margin-top: -10px;
	margin-bottom: -10px;
}

.inside .grid.spacing {
	margin-left: -10px;
	margin-right: -10px;
}

.grid.spacing .cell {
	padding: 10px;
}

/*
Breakpoints (270px per grid):
 270
 540
 810
 1080
*/
/* 2 Column Grid */
@media ( min-width: 540px ) {
	.grid.grid-2col .cell {
		float: left;
		width: 50%;
	}

	.grid.grid-2col .cell:nth-child(2n+1):last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 3 Column Grid */
@media (min-width: 540px ) {
	.grid.grid-3col .cell {
		float: left;
	}
}

@media (max-width: 809px) and ( min-width: 540px ) {
	.grid.grid-3col .cell {
		width: 50%;
	}

	.grid.grid-3col .cell:nth-child(2n+1):last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media ( min-width: 810px ) {
	.grid.grid-3col .cell {
		width: 33.33%;
	}

	.grid.grid-3col .cell:nth-child(3n+2) {
		width: 33.34%;
	}

	/* Last row: 1 Cell */
	.grid.grid-3col .cell:nth-child(3n+1):last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	/* Last row: 2 Cells */
	.grid.grid-3col .cell:nth-child(3n+1):nth-last-child(2) {
		margin-left: 16.665%;
	}

	.grid.grid-3col .cell:nth-child(3n+2):nth-last-child(1) {
		margin-right: 0;
	}
}

/* 4 Column Grid */
@media (min-width: 540px ) {
	.grid.grid-4col .cell {
		float: left;
	}
}

@media (max-width: 809px) and ( min-width: 540px ) {
	.grid.grid-4col .cell {
		width: 50%;
	}

	.grid.grid-4col .cell:nth-child(2n+1):last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media ( max-width: 1079px ) and ( min-width: 810px ) {
	.grid.grid-4col .cell {
		width: 33.33%;
	}

	.grid.grid-4col .cell:nth-child(3n+2) {
		width: 33.34%;
	}

	/* Last row: 1 Cell */
	.grid.grid-4col .cell:nth-child(3n+1):last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	/* Last row: 2 Cells */
	.grid.grid-4col .cell:nth-child(3n+1):nth-last-child(2) {
		margin-left: 16.665%;
	}

	.grid.grid-4col .cell:nth-child(3n+2):nth-last-child(1) {
		margin-right: 0;
	}
}

@media ( min-width: 1080px ) {
	.grid.grid-4col .cell {
		width: 25%;
	}

	/* Last row: 1 Cell */
	.grid.grid-4col .cell:nth-child(4n+1):last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	/* Last row: 2 Cells */
	.grid.grid-4col .cell:nth-child(4n+1):nth-last-child(2) {
		margin-left: 25%;
	}

	.grid.grid-4col .cell:nth-child(4n+2):nth-last-child(1) {
		margin-right: 0;
	}

	/* Last row: 3 Cells */
	.grid.grid-4col .cell:nth-child(4n+1):nth-last-child(3) {
		margin-left: 12.5%;
	}

	.grid.grid-4col .cell:nth-child(4n+3):nth-last-child(1) {
		margin-right: 0;
	}
}

/* Page structure */
@media ( min-width: 961px ) {
	.site-content:before,
	.site-content:after,
	#content:before,
	#content:after {
		content: '';
		display: block;
		clear: both;
	}

	#main {
		padding: 0 20px;
	}

	.has-sidebar #main {
		float: left;
		width: 70%;
	}

	#sidebar {
		float: right;
		width: 30%;
		padding-left: 30px;
		max-width: 250px;
		border: 0 solid #b4b4b4;
		border-left-width: 1px;
	}

	/** WooCommerce pages are 1390px wide */
	body.archive.woocommerce .has-sidebar #main,
	body.post-type-archive-product .has-sidebar #main {
		width: 80%;

		float: right;
	}

	body.archive.woocommerce .has-sidebar #sidebar,
	body.post-type-archive-product #sidebar {
		width: 20%;

		float: left;
		padding-left: 0;
		padding-right: 30px;
		border-left-width: 0;
		border-right-width: 1px;
	}
}

@media ( min-width: 1080px ) {
	#main {
		padding: 0 60px;
	}
}

@media ( max-width: 960px ) {
	#sidebar {
		margin-top: 40px;
		margin: 30px -10px;
		padding: 30px 20px 0;
		border-top: 3px solid #e5e5e5;
	}
}

/* Sidebar */
.widget-title {
	color: #b4b4b4;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	margin: 0 0 5px;
}

.widget {
	margin: 0 0 40px;
}

/* Social media icons */
.social-links svg {
	height: 30px;
	width: 30px;
}

.social-links path {
	opacity: 0;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
	fill: #ff481d;
}

.social-links a:hover path {
	fill: #221202;
}

.social-twitter path.twitter,
.social-linkedin path.linkedin,
.social-facebook path.facebook,
.social-googleplus path.gplus,
.social-tumblr path.tumblr,
.social-twitter path.twitter,
.social-youtube path.youtube,
.social-pinterest path.pinterest,
.social-instagram path.instagram {
	opacity: 1;
}

/* Front Page: Notification banner strip (promo_strip) */
.notification-banner {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	background: #000;
	line-height: 1.4;
	padding: 8px;
}

.notification-banner > :first-child {
	margin-top: 0;
}

.notification-banner > :last-child {
	margin-bottom: 0;
}

@media(max-width: 640px) {
	.notification-banner {
		font-size: 16px;
	}
}

/* Front Page: Hero */
section.hero {
	position: relative;
	padding: 50px 0;
	max-width: 2000px;
	margin: 0 auto 30px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: center no-repeat;
	background-size: cover;
}

section.hero:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.33);
}

section.hero .inside {
	position: relative;
	z-index: 2;
	width: 100%;
}

section.hero h2 {
	margin: 0;
	line-height: 1;
	max-width: 760px;

	color: #dad01d;
}

section.hero p {
	color: #fff;
	font-family: Georgia, serif;
	font-size: 30px;
	line-height: 1;
	margin-top: 10px;
}

@media ( min-width: 1080px ) {
	section.hero h2 {
		font-size: 90px;
	}

	section.hero {
		height: 80vh;
		max-height: 650px;
	}
}

/* Front Page */
body.page-template-front-page #main {
	padding: 0;
}

/* Front Page: Intro */
section.intro {
	margin: 60px 0;
}

/* Front Page: Categories */
section.store-categories {
	position: relative;
	overflow: hidden;
}

section.store-categories:after {
	content: '';
	display: block;
	clear: both;
}

section.store-categories .store-cat {
	width: 50%;
	float: left;
	position: relative;
	text-align: center;

	padding: 20px 0;
	height: 33vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	background-size: cover;
	-webkit-transition: background-position 0.3s linear;
	-o-transition: background-position 0.3s linear;
	transition: background-position 0.3s linear;
}

section.store-categories .store-cat a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}

section.store-categories .store-cat img {
	display: block;
	margin: 0 auto 10px;
}

section.store-categories .store-cat-inner {
	display: inline-block;
	color: #fff;
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	text-decoration: none;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding: 20px;

	-webkit-transform: translateX(0);

	-ms-transform: translateX(0);

	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.3s linear;
	transition: -webkit-transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
	transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

section.store-categories .store-cat.left {
	background-image: url(includes/images/shop-forestry.jpg);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

section.store-categories .store-cat.left:hover {
	background-position: 95% 50%;
}

section.store-categories .store-cat.left:hover .store-cat-inner {
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}

section.store-categories .store-cat.left:after {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	width: 50vw;
	background: #594b03;
}

section.store-categories .store-cat.right {
	margin-left: -1px;
	background-image: url(includes/images/shop-horticulture.jpg);
	background-position: 0% 50%;
	background-repeat: no-repeat;
}

section.store-categories .store-cat.right:hover {
	background-position: 5% 50%;
}

section.store-categories .store-cat.right:hover .store-cat-inner {
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
}

section.store-categories .store-cat.right:after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	width: 50vw;
	background: #4a7508;
}

section.store-categories .inside.wide {
	max-width: 2000px;
	padding: 0;
}

@media( max-width: 640px) {
	section.store-categories .store-cat-inner {
		font-size: 28px;
	}
}

@media( max-width: 480px) {
	section.store-categories .store-cat-inner {
		font-size: 24px;
		padding: 0 10px;
	}
}

@media( max-width: 350px) {
	section.store-categories .store-cat img {
		max-height: 80px;
	}
	section.store-categories .store-cat-inner {
		font-size: 18px;
		letter-spacing: .02em;
	}
}

/* Front Page: Featured Products */
section.featured.products {
	margin: 70px 0 30px;
}

/* Front Page: Advertisements */
.promos .inside {
	padding: 0;
}

.promos:after {
	content: '';
	display: block;
	clear: both;
}

.promo {
	position: relative;
	padding: 10px;
}

.promo .background {
	max-height: 100vw;
	height: 350px;
	background: center no-repeat;
	background-size: cover;
}

.promo a {
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	right: 10px;
	bottom: 5px;
}

.promo a img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media ( min-width: 500px ) {
	.promo.promo-left,
	.promo.promo-right {
		float: left;
		width: 50%;
	}

	.promo.promo-left .background,
	.promo.promo-right .background {
		max-height: 50vw;
	}
}

/* Ad animations */
.promo .background-wrap {
	position: relative;
	overflow: hidden;
}

.promo .background {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: -webkit-transform 0.2s linear;
	transition: -webkit-transform 0.2s linear;
	-o-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
	transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.promo .background:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.promo:hover .background {
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

.promo:hover .background:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
}

/* Header */
.logo {
	display: inline-block;
	padding: 10px 0;
}

.nav-user .menu-item {
	display: inline-block;
	margin-left: 10px;
}

.nav-user .menu-item a {
	display: inline-block;
	padding: 10px;
	color: #b3b3b3;
	text-decoration: none;
}

.nav-user .menu-item a:hover {
	color: #ff481d;
}

.nav-user .menu-item a:before {
	position: relative;
	top: 7px;
	content: '';
	display: inline-block;
	background: url(includes/images/icons.png) 0 0;
}

.nav-user .menu-item.news a:before {
	background-position: 0 0;
	margin: 0 8px 0 7px;
	width: 26px;
	height: 27px;
}

.nav-user .menu-item.news a:hover:before {
	background-position: 0 -27px;
}

.nav-user .menu-item.account a:before,
.nav-user .menu-item.login a:before {
	background-position: -26px 0;
	margin: 0 7px;
	width: 25px;
	height: 27px;
}

.nav-user .menu-item.account a:hover:before,
.nav-user .menu-item.login a:hover:before {
	background-position: -26px -27px;
}

.nav-user .menu-item.cart a:before {
	background-position: -51px 0;
	margin: 0 3px;
	width: 33px;
	height: 27px;
}

.nav-user .menu-item.cart a:hover:before {
	background-position: -51px -27px;
}

.nav-user .menu-item.search a:before {
	background-position: -84px 0;
	margin: 0 8px;
	width: 22px;
	height: 27px;
}

.nav-user .menu-item.search a:hover:before {
	background-position: -84px -27px;
}

@media ( min-width: 961px ) {
	.menu-item.search {
		display: none;
	}
}

@media ( max-width: 960px ) {
	.product-search {
		display: none;
	}
}

/* General content areas */
.loop-title {
	margin-top: 0;
}

.site-content ul,
.site-content ol {
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	padding: 0 0 0 40px;
}

.site-content ul {
	list-style-type: disc;
}

.site-content ol {
	list-style-type: decimal;
}

.site-content ol ol {
	list-style-type: lower-latin;
}

.site-content ul li,
.site-content ol li {
	display: list-item;
}

/* Product search row structure */
@media ( min-width: 961px ) {
	.grid.product-search-row .cell.product-menu {
		float: left;
		width: 32%;
	}

	.grid.product-search-row .cell.product-search {
		float: right;
		width: 68%;
	}
}

@media ( min-width: 1200px ) {
	.grid.product-search-row .cell.product-menu {
		width: 24%;
	}

	.grid.product-search-row .cell.product-search {
		width: 76%;
	}
}

/* Product search input */
.product-search {
	position: relative;
}

.product-search input[type="text"] {
	position: relative;

	display: block;
	width: 100%;
	width: calc(100% + 2px);
	padding: 0 15px;
	margin-left: -2px;

	font-size: 21px;
	line-height: 46px;

	-webkit-appearance: none;
	-moz-appearance: none;
}

.product-search button {
	position: absolute;
	top: 50%;
	right: 10px;

	width: 22px;
	height: 27px;
	margin-top: -14px;
	padding: 0;

	-webkit-transition: none;

	-o-transition: none;

	transition: none;
	background: url(includes/images/icons.png) -84px 0;
	border: none;
}

.product-search button:hover {
	background-position: -84px -27px;
}

/* Product search dropdown */
ul.product-dropdown {
	display: none;
}

.header-right .subnav-row {
	text-align: right;
	margin: 0 0 5px;
}

.product-search-button {
	position: relative;
	z-index: 6;

	display: block;
	padding: 0 15px;

	color: #fff;
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 47px;
	text-decoration: none;

	border-bottom: 3px solid #ff481c;
	background: #ff481c;

	cursor: pointer;

	-webkit-transition: background 0.1s linear, color 0.1s linear;

	-o-transition: background 0.1s linear, color 0.1s linear;

	transition: background 0.1s linear, color 0.1s linear;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.product-search-button:before,
.product-search-button:after {
	content: '';
	display: block;

	position: absolute;
	top: 50%;
	right: 15px;
	width: 25px;
	height: 4px;
	background: #fff;

	margin-top: -1px;

	border-radius: 2px;
	-webkit-box-shadow: 0 -9px 0 #fff, 0 9px 0 #fff;
	box-shadow: 0 -9px 0 #fff, 0 9px 0 #fff;
	-webkit-transition: all 0.125s linear;
	-o-transition: all 0.125s linear;
	transition: all 0.125s linear;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.product-search-button:before {
	visibility: hidden;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body.prod-menu-open .product-search-button:after {
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.prod-menu-open .product-search-button:before {
	visibility: visible;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.prod-menu-open .product-search-button {
	background: #231302;
	color: #fff;
	border-bottom-color: #231302;
}

body.prod-menu-open .product-search-button:hover {
	color: #fff;
}

.product-menu,
.product-menu li {
	position: relative;
}

.product-dropdown,
.product-dropdown ul.sub-menu {
	display: none;

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;

	min-width: 100%;

	background: #fff;
}

body.prod-menu-open .product-dropdown {
	display: block;
}

.product-dropdown a {
	display: block;
	text-decoration: none;
}

.product-dropdown > li > a {
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

body.prod-menu-open .product-dropdown a {
	display: block;

	padding: 6px 36px 6px 24px;

	font-size: 18px;
	line-height: 24px;
}

body.prod-menu-open .product-dropdown > li > a {
	padding: 6px 36px;
}

.product-dropdown li.menu-item-has-children {
	position: relative;
}

.product-dropdown ul.sub-menu {
	display: none;

	top: 0;
	left: 100%;

	min-width: 100%;

	border-left: 3px solid #e6e6e6;
}

.product-dropdown.menu-js li.menu-open > a,
.product-dropdown.menu-js li.menu-hover:hover > a,
.product-dropdown.menu-no-js li a:hover,
.product-dropdown.menu-no-js li a:focus,
.product-dropdown.menu-no-js li:hover > a {
	background: #ff481c;
	color: #fff;
}

.product-dropdown.menu-js li.menu-open > ul.sub-menu,
.product-dropdown.menu-no-js li a:hover + ul.sub-menu,
.product-dropdown.menu-no-js li a:focus + ul.sub-menu,
.product-dropdown.menu-no-js li:hover > ul.sub-menu {
	display: block;
}

.product-dropdown li.menu-item-has-children > a:after {
	content: '';

	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -6px;

	display: block;
	width: 12px;
	height: 12px;

	border: solid #b4b4b4;
	border-width: 0 2px 2px 0;

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);
}

.product-dropdown.menu-js li.menu-open > a:after,
.product-dropdown.menu-js li.menu-hover:hover > a:after,
.product-dropdown.menu-no-js li.menu-item-has-children:hover > a:after,
.product-dropdown.menu-no-js li.menu-item-has-children > a:hover:after {
	border-color: #fff;
}

/* Product menu overlay */
.product-search-overlay {
	position: absolute;
	z-index: 4;
	left: 0;
	right: 0;
	background: rgba(35, 19, 2, 0.4);
}

/* Footer */
footer.site-footer {
	background: #e5e5e5;
	padding: 75px 0 40px;
	margin-top: 60px;
}

.site-footer h2 {
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.7;
	margin: 0;
	color: #231302;
}

.site-footer .menu-item a {
	font-size: 14px;
	line-height: 30px;
	color: #5a4c00;
	text-decoration: none;
}

.site-footer .menu-item a:hover {
	color: #ff481d;
}

.site-footer .signup {
	margin-top: 7px;
}

.site-footer .signup p {
	font-family: Georgia, serif;
	font-size: 14px;
}

@media ( min-width: 551px ) {
	.footer-grid .cell {
		float: left;
	}
}

@media ( min-width: 961px ) {
	.footer-grid {
		margin: 0 20px;
	}
	.footer-grid .cell {
		width: 22.223%;
	}

	.footer-grid .cell.signup {
		width: 33.331%;
	}

	.footer-grid .cell.connect-with-us {
		margin-top: 36px;
		width: 44.446%;
	}
}

@media ( max-width: 960px ) and ( min-width: 551px ) {
	.footer-grid .cell {
		width: 33.33%;
	}
}

@media ( max-width: 959px ) {
	.footer-grid .cell.signup,
	.footer-grid .cell.connect-with-us {
		width: auto;
		float: none;
		clear: both;
		max-width: 460px;
		margin: 0 auto;
	}

	.footer-grid .cell.signup {
		padding: 40px 0 10px;
	}

	.site-footer .inside {
		padding: 0 20px;
	}
}

@media ( max-width: 550px ) {
	.footer-grid {
		margin: 0;
	}

	.footer-grid .cell {
		margin: 20px 0;
	}

	.footer-grid .cell.signup, .footer-grid .cell.connect-with-us {
		max-width: none;
	}

	.footer-grid .cell.signup {
		padding: 20px 0 30px;
	}

	footer.site-footer {
		padding: 30px 0;
	}
}

/* Footer: Email Signup */
html #mc_embed_signup {
	background: none;
}

html #mc_embed_signup form {
	padding: 0;
	margin: 15px 0 0;
}

html #mc_embed_signup .mc-field-group {
	width: auto;
	background: none;
	padding: 0;
}

html #mc_embed_signup .mc-field-group input.email,
html #mc_embed_signup .mc-field-group input.button {
	float: left;
	clear: none;
	display: block;
	margin: 0;
	border-radius: 0;
	line-height: 20px;
	padding: 10px;
	height: 40px;
}

html #mc_embed_signup .mc-field-group input.email {
	width: 70%;
	border: 2px solid #ff481c;
	border-right: 0;
}

html #mc_embed_signup .mc-field-group input.button {
	width: 30%;
	background: #ff481c;
	text-transform: uppercase;
	font-family: 'Jockey One', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 24px;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}

html #mc_embed_signup .mc-field-group input.button:hover {
	background: #221202;
}

html #mc_embed_signup div#mce-responses,
html #mc_embed_signup div.response {
	float: none;
	top: 0;
	padding: 0;
	width: auto;
	margin: 0;
	font-weight: 400;
}

html #mc_embed_signup #mce-success-response {
	color: #594b03;
}

html #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	background: transparent;
}

div#mc_embed_signup {
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
}

@media(max-width: 550px) {
	html #mc_embed_signup .mc-field-group input.email {
		width: 100%;
		border-right: 2px solid #ff481c;
	}

	html #mc_embed_signup .mc-field-group input.button {
		font-size: 18px;
		letter-spacing: .03em;
		margin: 10px 0 0;
		width: 100%;
	}
}


/* Footer: Social icons */
.connect-with-us h2 {
	float: left;
	margin-right: 5px;
}

.connect-with-us .nav-menu li {
	float: left;
}

.connect-with-us .nav-menu li a {
	display: inline-block;
	width: 39px;
	height: 32px;
	margin-top: 4px;
}

.connect-with-us {
	margin-top: 15px;
}

.connect-with-us:after {
	content: '';
	display: block;
	clear: both;
}

@media ( max-width: 350px ) {
	.connect-with-us h2 {
		float: none;
		margin: 0 0 10px;
	}
	.connect-with-us .nav-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
}

/* Header mobile view: General */
@media ( min-width: 961px ) {
	.header-left {
		width: 32%;
		float: left;
	}

	.header-right {
		width: 68%;
		float: right;
	}

}

@media ( max-width: 960px ) {
	.logo img {
		height: 75px;
		width: auto;
	}

	.header-right .subnav-row {
		margin-bottom: 0;
		text-align: center;
	}

	.nav-user {
		margin: 0 -10px;
		background: #b3b3a8;
	}

	.nav-user .menu-item {
		background: #b3b3a8;
	}

	.nav-user .menu-item a {
		color: #fff;
		padding: 10px 10px 15px 5px;
	}

	.nav-user .menu-item a:hover {
		color: #fff;
		background: #ff481c;
	}

	.nav-user .menu-item.news a:before,
	.nav-user .menu-item.news a:hover:before {
		background-position: 0 -54px;
	}

	.nav-user .menu-item.account a:hover:before,
	.nav-user .menu-item.login a:hover:before,
	.nav-user .menu-item.account a:before,
	.nav-user .menu-item.login a:before {
		background-position: -26px -54px;
	}

	.nav-user .menu-item.cart a:hover:before,
	.nav-user .menu-item.cart a:before {
		background-position: -51px -54px;
	}

	.nav-user .menu-item.search a:hover:before,
	.nav-user .menu-item.search a:before {
		background-position: -84px -54px;
	}
}

@media ( max-width: 560px ) {
	.nav-user {
		white-space: nowrap;
	}

	.nav-user .menu-item {
		margin: 0 2px;
	}

	.nav-user .menu-item a {
		padding: 12px;
	}

	.nav-user .menu-item a:before {
		display: block;
		margin: 0 auto 7px !important;
	}
}

@media ( max-width: 480px ) {
	.nav-user .menu-item a {
		padding: 12px 5px;
		font-size: 16px;
	}
}

/* Header mobile view: Product menu */
@media ( max-width: 960px ) {
	.product-search-button span {
		display: none;
	}

	.product-search-button span {
		display: none;
	}

	.product-search-button {
		position: absolute;
		right: 15px;

		display: block;
		width: 55px;
		height: 55px;

		border: none;
	}

	body.prod-menu-open .product-search-button {
		background: #231302;
	}

	body.prod-menu-open .product-search-button:hover {
		background: #ff481c;
	}

	body.prod-menu-open .product-search-button:before,
	body.prod-menu-open .product-search-button:after,
	body.prod-menu-open .product-search-button:hover:before,
	body.prod-menu-open .product-search-button:hover:after {
		background: #fff;
	}

	.product-dropdown {
		width: 100%;
		max-width: 300px;
		min-width: 250px;
		left: auto;
		right: 15px;

		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5),
		0 -1px 2px rgba(0, 0, 0, 0.3),
		0 4px 12px -4px rgba(0, 0, 0, 0.5);

		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5),
		0 -1px 2px rgba(0, 0, 0, 0.3),
		0 4px 12px -4px rgba(0, 0, 0, 0.5);
	}

	.product-search-button {
		top: 25px;
	}

	.product-dropdown {
		top: 80px;
	}

	.admin-bar .product-search-button {
		top: 55px;
	}

	.admin-bar .product-dropdown {
		top: 110px;
	}

	@media ( max-width: 782px ) {
		.admin-bar .product-search-button {
			top: 67px;
		}
	}
	@media ( max-width: 782px ) {
		.admin-bar .product-dropdown {
			top: 122px;
		}
	}

	.product-menu {
		position: static;
	}

	.product-dropdown ul.sub-menu {
		position: static;
		top: auto;
		left: auto;

		border: 5px solid #ff481c;
		border-top: 0;
	}

	body.prod-menu-open .product-dropdown a,
	body.prod-menu-open .product-dropdown > li > a {
		position: relative;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.product-dropdown.menu-js ul.sub-menu li.menu-open > a,
	.product-dropdown.menu-js ul.sub-menu li.menu-hover:hover > a,
	.product-dropdown.menu-no-js ul.sub-menu a:hover,
	.product-dropdown.menu-no-js ul.sub-menu a:focus,
	.product-dropdown.menu-no-js ul.sub-menu li:hover a {
		background: #000;
	}
}

/* Blog page */
.loop-archive {
	margin: 20px 0;
}

.loop-archive .loop-title {
	font-size: 32px;
	line-height: 1.3;
}

.loop-archive .loop-title a {
	color: #4b7701;
	text-decoration: none;
}

.loop-archive .loop-title a:hover {
	text-decoration: underline;
}

.loop-meta {
	color: #b4b4b4;
	margin: -10px 0 4px;
	font-size: 16px;
}

.loop-meta p {
	margin: 0 0 10px;
	line-height: 1.3;
}

.related-posts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.related-post {
	width: calc(50% - 10px);
	max-width: 180px;
	font-size: 14px;
	margin: 0 5px 15px;
	text-align: center;
}

.related-post-thumb {
	margin: 0 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding-top: 100%;
}

.related-post-thumb .no-featured-image {
	width: 90%;
}

.related-post-thumb img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media(max-width: 480px) {
	.loop-single .loop-title {
		font-size: 32px;
	}

	.loop-archive .loop-title {
		font-size: 24px;
	}

	.loop-meta {
		font-size: 14px;
	}

	.loop-body {
		font-size: 16px;
		line-height: 1.5;
	}
}

/* WooCommerce */
.woocommerce:before,
.woocommerce:after {
	content: '';
	display: block;
	clear: both;
}

.archive.woocommerce #content .inside {
	max-width: 1390px;
}

.woocommerce .products ul,
.woocommerce ul.products {
	margin-top: 40px;
}

ul.products li.product {
	text-align: center;
}

a.woocommerce-LoopProduct-link {
	display: block;
}

.woocommerce #coupon_code {
	line-height: 22px;
	padding: 10px 6px;
}

/* WooCommerce: Single Product */
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-nav li {
	margin:  0;
}

h1.product_title {
	color: #231302;
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 32px;

	margin: 0 0 5px;
}

/* WooCommerce: Price */
.price {
	margin: 10px 0 15px;
	display: block;
}

.price .amount {
	color: #4b7701;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
}

.price del,
.price ins {
	display: block;
	text-decoration: none;
}

.price del,
.price del .amount {
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	color: #979797;
	font-weight: 400;
}

.price del:before {
	content: 'Was ';
}

.single-product .price {
	margin: 15px 0;
}

.single-product .price .amount {
	font-size: 36px;
	line-height: 40px;
	font-weight: 400;
	line-height: 1;
}

@media ( max-width: 550px ) {
	.single-product .price .amount {
		font-size: 26px;
	}
}

.single-product .price del,
.single-product .price del .amount {
	font-size: 18px;
	line-height: 20px;
}

ul.products .product h2 {
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0 0;
	color: #231302;
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
}

ul.products .product .button,
a.woocommerce-LoopProduct-link h2 {
	margin-top: auto;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

ul.products .product .button {
	display: block;
	max-width: 80%;
	margin: 10px auto 0;
}

.product_meta > span {
	display: block;
	line-height: 20px;
}

.product_meta .sku,
.product_meta a {
	color: #b4b4b4;
	text-decoration: none;
}

.product_meta a:hover {
	text-decoration: underline;
}

.product_meta {
	font-size: 14px;
}

.woocommerce .woocommerce-tabs h2,
.woocommerce .related.products h2 {
	color: #231302;
	font-size: 24px;
	line-height: 32px;
}

/* WC product tabs */
@media ( max-width: 1200px ) {
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 0 0 8px;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		padding: 0 2%;
		margin: 0 -1px 0 0;
		white-space: nowrap;
	}
}

@media ( max-width: 720px ) {
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		font-size: 12px;
	}
	.woocommerce div.product .woocommerce-tabs .panel {
		font-size: 16px;
		line-height: 1.4;
	}
}

@media (max-width: 350px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		display: none;
	}
	.woocommerce div.product .woocommerce-tabs .panel {
		display: block !important;
		font-size: 14px;
	}
}

/* WC Flickity Gallery */
.woocommerce div.images div.wcfg-nav-gallery a.is-nav-selected {
	-webkit-box-shadow: inset 0 0 0 3px #ff481c !important;
	box-shadow: inset 0 0 0 3px #ff481c !important;
}

/* WooCommerce: Breadcrumbs */
.woocommerce-breadcrumb {
	margin: 10px 0;
	line-height: 1.4;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
	color: #b4b4b4;
	text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}

@media(max-width: 640px) {
	.woocommerce-breadcrumb {
		font-size: 14px;
	}
}

/* WooCommerce evenly spaced rows with Flexbox */
.woocommerce ul.products {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.woocommerce ul.products li.product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	justify-self: flex-end;
	margin-top: auto;
}

.woocommerce ul.products li.product  {
	justify-self: flex-end;
}

.woocommerce ul.products li.product a img {
	width: 100%;
}

@media ( max-width: 960px ) {
	.woocommerce ul.products li.product {
		width: 33.33%;
		margin-right: 0;
		padding: 0 2%;
	}
}


@media ( max-width: 600px ) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products[class*=columns-] li.product {
		width: 50%;
	}
}

@media (max-width: 480px) {
	ul.products .product .button {
		max-width: none;
	}
}

@media ( max-width: 350px ) {
	.woocommerce ul.products li.product {
		width: auto;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 16px;
		line-height: 1.3;
		padding: 0;
	}

	.woocommerce ul.products li.product .price .amount {
		font-size: 20px;
	}

	ul.products .product .button {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}


/* WooCommerce pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 2em;
}

@media ( max-width: 480px ) {
	.woocommerce nav.woocommerce-pagination ul li a,
	.woocommerce nav.woocommerce-pagination ul li span {
		font-size: 14px;
		padding: .75em .5em;
	}
}


/* WooCommerce Term List widgets (brands, product groups) */


.wc-term-list a {
	text-decoration: none;
	font-size: 16px;
}

.wc-term-list li.term-link {
	position: relative;
	padding-left: 28px;
}

.wc-term-list li.term-link:before,
.wc-term-list li.term-link:after {
	content: '';

	position: absolute;
	top: 0px;
	left: 0px;

	display: block;

	float: left;

}

.wc-term-list li.term-link:before {
	top: 6px;

	width: 18px;
	height: 18px;

	border: 1px solid #c1c1c1;
}

.wc-term-list li.term-link.term-active:before {
	border-width: 2px;
	border-color: #ff481c;
}

.wc-term-list li.term-link.term-inactive:hover:after,
.wc-term-list li.term-link.term-active:after {
	content: '\d7';
	top: 8px;
	left: 3px;

	width: 11px;
	height: 11px;
	line-height: 11px;

	color: #ff481c;
	font-weight: 700;
}

.wc-term-list li.term-link.term-inactive:hover:after {
	color: #b4b4b4;
}

/* WooCommerce store banner */
.store-banner {
	background: #eeeeee;
	color: #b4b4b4;
}

.banner-product-count {
	margin: -7px 40px 0 10px;
	vertical-align: top;
	text-align: center;
}

.store-banner-widget-area .widget {
	margin: 0 20px;
}

.store-banner-widget-area .widget .widget-title {
	display: none;
}

.store-banner form,
.woocommerce .store-banner .woocommerce-ordering {
	margin: 0;
	display: inline-block;
}

.store-banner select {
	margin-top: 3px;
	border: 1px solid #b9b9b9;
	color: #b9b9b9;
	font-size: 18px;
	line-height: 18px;
	padding: 12px 18px;
}

.store-banner .sort-label {
	line-height: 55px;
	margin-right: 10px;
}

.store-banner-widget-area {
	display: inline-block;
}

.store-banner-widget-area .widget {
	display: inline-block;
}


/* woocommerce debugging info in messages (for shipping debug) */
.woocommerce-info pre {
	font-size: 14px;
	line-height: 1;
	font-family: "Fira Code", courier, monospace;
}


@media ( min-width: 1024px ) {
	.store-banner {
		margin: 0 0 40px;
		padding: 50px 0;
	}

	.store-banner .cell.left {
		float: left;
	}

	.store-banner .cell.right {
		float: right;
	}

	.banner-product-count {
		display: inline-block;
	}

	.banner-product-count .count {
		font-size: 36px;
		line-height: 36px;
	}
}

@media ( max-width: 1023px ) {
	.store-banner {
		margin: 0 0 20px;
		padding: 20px 0;

		text-align: center;
	}

	.store-banner-widget-area {
		display: block;
		margin: 10px auto;
	}

	.banner-product-count {
		margin-right: 10px;
	}

	.banner-product-count .count {
		font-size: 26px;
		line-height: 26px;
	}

	.store-banner-widget-area .widget {
		margin: 0 10px;
	}
}

@media ( max-width: 480px ) {
	.store-banner-widget-area .widget,
	.store-banner-widget-area form {
		display: block;
	}

	.store-banner-widget-area select {
		width: 100%;
	}
}

@media ( max-width: 350px ) {
	.woocommerce .store-banner .woocommerce-ordering {
		display: block;
	}

	.banner-sort select {
		margin: -5px 10px 0;
		width: calc(100% - 20px)
	}
}

/* Brands and WC widget lists */
.widget.rs-wc ul,
.widget.tt-wc ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.widget.rs-wc ul li,
.widget.tt-wc ul li {
	display: block;
}

.widget.rs-wc .rs-wc-show-all-brands {
	margin: 20px 0 0;
}

/* WooCommerce Checkout as one column */
.woocommerce #customer_details.col2-set .col-1,
.woocommerce #customer_details.col2-set .col-2 {
	width: auto;
	float: none;
	margin-bottom: 40px;
}

/* WooCommerce Alerts */
.site-content ul.woocommerce-error {
	padding: 1em 2em 1em 3.5em;
	margin: 0 0 2em;
	list-style: none;
}

/* WooCommerce Mobile Improvements */
@media ( max-width: 960px ) {
	.archive.woocommerce #sidebar {
		display: none;
	}
}

/* IE11 (ie conditional html comment does not work) https://stackoverflow.com/a/20541859/470480 */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	.product-search input[type='text'] { height: 50px; }


	.woocommerce ul.products {
		display: block;
	}

	.woocommerce ul.products::before,
	.woocommerce ul.products::after {
		content: ' ';
		display: table;
		clear: both;
		height: 1px;
	}

	.woocommerce ul.products li.product {
		display: block;
		float: left;
	}

	.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
		display: block;
	}

	.woocommerce ul.products li.product h2,
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		display: block;
		margin-top: 0;
	}
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) and ( max-width: 960px ) {
	.woocommerce ul.products li.product {
		width: 29.33%;
		margin-right: 0;
		padding: 0 2%;
		box-sizing: content-box;
	}
}


@media screen and (min-width:0\0) and (min-resolution: +72dpi) and ( max-width: 600px ) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products[class*=columns-] li.product {
		width: 46%;
		box-sizing: content-box;
	}
}