/*!
Theme Name: Rampage
Theme URI: https://www.rampageecommerce.com/
Author: Rampage Ecommerce
Author URI: https://www.rampageecommerce.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: rampage

*/

/* root settings */
@charset "UTF-8";
:root {
	/* CONTAINER WIDTHS */
	--container-default: 1476px;
	/* FONT SIZES */
	--font-size-default: 16px;
	--font-size-big: 18px;
	--font-size-bigger: 20px;
	--font-size-biggest: 25px;
	--font-size-small: 14px;
	--font-size-smaller: 12px;
	--font-size-smallest: 10px;
	--heading-size-big: 45px;
	--heading-size-bigger: 55px;
	--heading-size-biggest: 65px;
	/* WIDTHS */
	--width-xl: 1360px;
	--width-lg: 1140px;
	--width-md: 960px;
	--width-sm: 720px;
	--width-xs: 540px;
	/* COLORS */
	--primary: #000;
	--secondary: #666;
	--black: #111;
	--blue-dark: #2E2D4D;
	--blue-100: #f3f9fe;
	--blue-200: #8fbbe6;
	--blue-400: #2e669e;
	--blue-freeze: #006194;
	--focus: #3a58fc;
	--gray-100: #f5f5f5;
	--gray-200: #eaeaea;
	--gray-300: #ddd;
	--gray-400: #ccc;
	--gray-500: #767676;
	--gray-600: #575a5d;
	--green: #337357;
	--green-dark: #1B512D;
	--green-light: #6D9F71;
	--green-lime: #A1D884;
	--green-tea: #DEF4C6;
	--green-100: #daf5eb;
	--green-200: #bbe1d3;
	--green-400: #0a7448;
	--pink: #CB48B7;
	--red-100: #fbe3e3;
	--red-200: #f9c4c7;
	--red-400: #b13138;
	--transparent: transparent;
	--yellow-100: #f8f8e1;
	--yellow-200: #e6e086;
	--yellow-400: #65602e;
	--white: #fff;
	--white-off: #E4E3D3;
	--wc-primary:#337357;
	--woocommerce:#337357;
}

/* normalize */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	color: var(--black);
	margin: 0!important;
	background-color: var(--white);
	font-size: var(--font-size-default);
}
body {
	margin: 0;
	color: var(--black);
	background-color: var(--white);
}
html,body { font-family: 'Source Sans 3', sans-serif; }
main {
	display: block;
	width: var(--width-xl);
	max-width: 100%;
	margin: 0 auto 0 auto;
}
h1 { font-size: 2.75em; }
h2 { font-size: 2.25; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h1,h2,h3,h4,h5 {
	margin: 0 0 20px 0;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
	.heading-big {
		font-size: var(--heading-size-big);
		font-weight: 500;
	}
		.heading-big span {
			display: block;
			font-size: var(--font-size-default);
			line-height: var(--heading-size-big);
		}
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
a {
	background-color: transparent;
	text-decoration: none;
	color: var(--black);
}
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
button,
input { /* 1 */
	overflow: visible;
}
button,
select { /* 1 */
	text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}

/* bootstrap overrides */

.container {
	max-width: var(--container-default);
}

/* container padding */

.container-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}
.container-padding-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}
.container-padding-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.padding-30 {
	padding: 30px;
}
.padding-50 {
	padding: 50px;
}

/* global header */

.global-header-fixed {
	position: fixed;
	width: 100%;
	top: 0;
	min-height: 75px;
	color: #FFF;
	background-color: var(--green-dark);
	z-index: 99990;
}
body.home .global-header-fixed {
	background-color: transparent!important;
}
body.admin-bar .global-header-fixed {
    top:32px;
}
@media all and (max-width:782px) {
    body.admin-bar .global-header-fixed {
        top:46px;
    }
}
html:not([data-scroll='200']) body.home .global-header-fixed {
	background-color: var(--green-dark);
}
.global-header {
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	/*justify-content: flex-start;*/
	align-items: center;
	background-color: var(--green-dark);
}
.global-header-logo {
	width: 30%;
	text-align: center;
}
.global-header-logo img {
	width: 100%;
	max-width: 220px;
	height: auto;
	margin: 0 auto;
}
.global-header-navigation {
	display: none;
}
.global-header-links {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 35%;
	text-align: right;
	padding-right: 5px;
}
	.global-header-links a {
		color: var(--green-tea);
		font-size: 21px;
	}
.global-header-mobile {
	display: block;
	width: 30%;
	padding-left: 15px;
}
.dgwt-wcas-search-wrapp {
	display: inline-block;
	width: auto;
	margin: -8px 12px 0 0;
}
.xoo-wsc-sc-cont {
	display: inline-block;
	margin: 2px 15px 0 5px;
}
.xoo-wsc-sc-cont {
    color: var(--green-tea);
}
@media (min-width: 900px) {
	.global-header-logo {
		width: 20%;
		padding-left: 15px;
	}
	.global-header-navigation {
		width: 60%;
		display: block;
	}
	.global-header-links {
		width: 20%;
	}
	.global-header-mobile {
		display: none;
	}
}

/* navigation */

.nav-link, .nav-link:hover, .nav-link:active, .nav-link:focus {
  	padding: 10px 18px;
	color: var(--green-tea);
	background-color: none;
	font-size: 19px;
}
.dropdown-item {
	padding: 4px 30px;
	color: var(--green);
}
.global-header .dropdown-toggle::after {
    display: none;
}

/* global footer */

.global-footer {
	padding: 30px 0;
	color: var(--white);
	background-color: var(--black);
}
.global-footer .disclaimer {
	font-size: var(--font-size-smallest);
	margin-bottom: 30px;
}
.global-footer .copyright {
	margin-top: 20px;
}
.global-footer img {
	width: 65%;
	max-width: 200px;
	height: auto;
	margin: 15px auto;
}
.widget_nav_menu ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_nav_menu ul li {
	/*display: block;*/
	margin: 0 12px 0 0;
	color: #FFF
}
.widget_nav_menu ul li a {
	color: #FFF
}
.footer-contact {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: var(--font-size-bigger);
	background-color: var(--green-lime);
	border-top: 1px solid var(--gray-200);
}
.footer-contact-image {
	padding: 40px 40px 0 40px;
	width: 60%;
	text-align: center;
	background-color: var(--white);
}
	.footer-contact-image h2 {
		font-size: var(--heading-size-big);
	}
	.footer-contact-image img {
		width: 50%;
		height: auto;
		margin: 0 auto;
	}
.footer-contact-info {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: var(--font-size-default);
	margin-bottom: 20px;
}
	.footer-contact-info div {
		width: 33.33%;
	}
		.footer-contact-info div h4 {
			margin-bottom: 8px;
		}
.footer-contact-form {
	padding: 40px;
	width: 40%;
	font-size: var(--font-size-bigger)!important;
}
@media (max-width:1150px) {
	.footer-contact-info {
		display: block;
	}
	.footer-contact-image, .footer-contact-form {
		width: 100%;
	}
	.footer-contact-form {
		width: 100%;
	}
	.footer-contact-info div {
		width: 100%;
	}
}
.global-footer-contacts {
	margin-bottom: 40px;
}
.global-footer-contact {
	/*display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;*/
	text-align: center;
	background-color: var(--green);
	color: var(--white);
	padding: 20px;
	margin: 25px 0;
	border-radius: 8px;
}
	.global-footer-contact i {
		display: block;
		margin-bottom: 8px;
		font-size: 35px;
	}
	.global-footer-contact a {
		color: #FFF;
	}
	.global-footer-contact div {
		/*width: 80%;*/
	}
	.global-footer-contact div h3 {
		font-size: 0.9em;
		margin-bottom: 5px;
	}
@media (min-width: 850px) {
	.global-footer-contacts {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
		margin-bottom: 0;
	}
	.global-footer-contact {
		width: 32%;
	}
}

/* off canvas navigation */

.offcanvas.offcanvas-start {
		z-index: 99999;
}
ul.off-canvas-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.off-canvas-navigation li a {
	margin: 0;
	font-weight: bold;
	font-size: var(--font-size-bigger);
}
ul.off-canvas-navigation li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.off-canvas-navigation li ul li a {
	margin: 0 0 0 20px;
	border: 0;
	font-weight: normal;
	font-size: var(--font-size-default); 
}

/* site main */

.site-main {
	margin-top: 75px!important;
	padding-top: 30px!important;
	padding-bottom: 0!important;
}
body.admin-bar .site-main {
    margin-top: 117px!important;
}
@media all and (max-width:782px) {
    body.admin-bar .site-main {
        margin-top: 131px!important;
    }
}

/* content area */
.content-area {
	padding: 0 15px;
}

/* launch image */

.launch-image {
	margin: -75px 0 0;
	padding: 130px 30px 75px 30px;
}
	.launch-image h1 {
		font-size: var(--heading-size-big);
	}
.launch-image-content {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
	color: var(--white);
}
@media (min-width:900px) {
	.launch-image {
		padding: 200px 30px 220px 30px;
	}
		.launch-image h1 {
			font-size: var(--heading-size-biggest);
		}
}

/* woocommerce > my account */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
	display: block;
    width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DDD;
}
.woocommerce-MyAccount-navigation ul li {
	display: inline-block;
	margin: 0;
}
.woocommerce-MyAccount-navigation-link a {
	display: block;
	padding: 10px;
	color: #FFF;
	background-color: #F1F1F1;
	color: #000;
	border: 1px solid #DDD;
	margin-bottom: -1px;
}
	.woocommerce-MyAccount-navigation ul li.is-active a {
		background-color: #fff;
		border: 1px solid #DDD;
		border-bottom: 1px solid #FFF;
	}
@media (max-width: 991px) {
	.woocommerce-MyAccount-navigation ul li {
		display: block;
		margin: 0;
	}
	.woocommerce-MyAccount-navigation-link a {
		display: block;
		padding: 3px 10px;
		color: #FFF;
		background-color: #F1F1F1;
		color: #000;
		border: 1px solid #DDD;
	}
}

/* widths and max widths */

.max-width-960 { max-width: 960px }

/* backgrounds and colors */

.bkg-white { background-color: var(--white); }
.bkg-green { background-color: var(--green); }
.bkg-blue { background-color: var(--blue); }
.bkg-blue-100 { background-color: var(--blue-100); }
.bkg-blue-200 { background-color: var(--blue-200); }
.bkg-blue-400 { background-color: var(--blue-400); }
.bkg-blue-freeze { background-color: var(--blue-freeze); }
.bkg-black { background-color: var(--black); }
.bkg-gray { background-color: var(--gray); }
.bkg-gray-lt { background-color: var(--gray-100); }
.bkg-red { background-color: var(--red); }
.bkg-yellow { background-color: var(--yellow); }
.bkg-dark, .bkg-dark h1, .bkg-dark h2, .bkg-dark h3, .bkg-dark h4, .bkg-dark p {
	background-color: var(--black);
	color: var(--white);
}
.bkg-light, .bkg-light h1, .bkg-light h2, .bkg-light h3, .bkg-light h4, .bkg-light p {
	background-color: var(--white);
	color: var(--black);
}
.theme-dark, .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4 {
	color: var(--white);
}

/* buttons */

.btn-primary {
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--green);
    --bs-btn-border-color: var(--green);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--green-dark);
    --bs-btn-hover-border-color: var(--green);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--white);
    --bs-btn-active-bg: var(--green);
    --bs-btn-active-border-color: var(--green);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-bg: var(--green);
    --bs-btn-disabled-border-color: var(--green);
}

/* margins and breaks */

.mrg-btm-30 { margin-bottom:30px; }
.mrg-btm-50 { margin-bottom:50px; }
.mrg-btm-75 { margin-bottom:75px; }
.mrg-btm-100 { margin-bottom:100px; }

/* heading > feature */

.heading-feature {
	margin-bottom: 30px;
	max-width: 800px;
	text-align: center;
}
	.heading-feature h1, .heading-feature h2 {
		margin-bottom: 20px;
		font-size: 3em;
	}
	.heading-feature p {
		font-size: 1.1em;
	}

/* flex posts */

.flex-posts {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.flex-post {
	
}
	.flex-post-image {
		display: block;
		width: 100%;
		border: 1px solid #DDD;
		padding: 4px;
		margin: 0 auto 10px;
		aspect-ratio: 16 / 9;
		position: relative;
		background-image: var(--bg-image);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.flex-post-image img {
		max-width: 100%;
		height: auto;
	}
	.flex-post h2 {
		font-size: var(--font-size-biggest);
		margin-bottom: 10px;
	}
@media (min-width:400px) {
	.flex-posts {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:900px) {
	.flex-posts {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* flex blurbs below */

.flex-blurbs-below {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.flex-blurb-below {
		
}
	.flex-blurb-below img {
		margin: 0 auto 8px auto;
		width: 100%;
		height: auto;
	}
	.flex-blurb-below h3 {
		text-align: center;
		color: #000;
		font-size: 1.2em;
	}
@media (min-width:450px) {
	.flex-blurbs-below {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:720px) {
	.flex-blurbs-below {
		grid-template-columns: repeat(3, 1fr);
	}
	.flex-blurbs-below-two {
		grid-template-columns: repeat(2, 1fr);
	}
	.flex-blurbs-below-three {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width:1200px) {
	.flex-blurbs-below {
		grid-template-columns: repeat(6, 1fr);
	}
	.flex-blurbs-below-two {
		grid-template-columns: repeat(2, 1fr);
	}
	.flex-blurbs-below-three {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* flex blurbs */

.flex-blurbs {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.flex-blurb {
	aspect-ratio: 1;
	position: relative;
	background-image: var(--bg-image);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	.flex-blurb h3 {
		position: absolute;
		bottom: 15px;
		left: 15px;
		margin-bottom: 0;
		padding: 10px;
		background-color: #000;
		color: #FFF;
		font-size: 1.25em;
	}
@media (min-width:450px) {
	.flex-blurbs {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:720px) {
	.flex-blurbs {
		grid-template-columns: repeat(3, 1fr);
	}
	.flex-blurbs-two {
		grid-template-columns: repeat(2, 1fr);
	}
	.flex-blurbs-three {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width:1200px) {
	.flex-blurbs {
		grid-template-columns: repeat(6, 1fr);
	}
	.flex-blurbs-two {
		grid-template-columns: repeat(2, 1fr);
	}
	.flex-blurbs-three {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* flex images */

.flex-images {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.flex-image {
	
}
	.flex-image img {
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}
@media (min-width:300px) {
	.flex-images {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:720px) {
	.flex-images {
		grid-template-columns: repeat(5, 1fr);
	}
}

/* flex cards */

.flex-cards {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 10px;
}
.flex-card {
	padding: 25px;
	margin: 15px;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0 0 15px 5px #ddd;
	background-color: var(--white);
}
@media (min-width:720px) {
	.flex-cards {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
}
/*@media (min-width:1200px) {
	.flex-cards {
		grid-template-columns: repeat(3, 1fr);
	}
}*/

/* content blurbs */

.content-blurbs {
	display: block;
}
.content-blurb {
	
}
	.content-blurb h2, .content-blurb img, .content-blurb p {
		margin: 10px 0;
	}
@media (min-width:1000px) {
	.content-blurbs {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: stretch;
		
	}
	.content-blurb {
		width: 29%;
		margin: 1% 2%;
	}
}

/* image & text split */

.flex-split {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: var(--font-size-bigger);
}
	.flex-split h2 {
		font-size: var(--heading-size-big);
	}
.flex-split-image {
	width: 100%;
}
	.flex-split-image img {
		width: 100%;
		height: auto;
	}
.flex-split-text {
	padding: 30px;
}
@media (min-width:800px) {
	.flex-split {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	.flex-split-image {
		width: 50%;
	}
	.flex-split-text {
		width: 50%;
	}
}

/* flex hero */

.flex-hero {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	aspect-ratio: 16 / 9;
	position: relative;
	background-image: var(--bg-image);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.flex-hero-2-1 {
	aspect-ratio: 2 / 1;
}
.flex-hero-3-1 {
	aspect-ratio: 3 / 1;
}
.flex-hero-content {
	width: 90%;
	padding: 10% 5%;
	z-index: 3;
}
.flex-hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}

/* woocommerce */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 1.25em;
	font-family: 'Source Sans 3', sans-serif;
	text-transform: none;
}
.woocommerce div.product .product_title {
    margin-top: 15px;
	margin-bottom: 20px;
}
.woocommerce div.product form.cart .button {
    background-color: var(--green);
    color: var(--white);
	width: 180px;
	height: 60px;
	text-transform: uppercase;
	font-size: var(--font-size-bigger);
}
	.woocommerce div.product form.cart .button:hover {
		background-color: var(--green-dark);
		color: var(--white);
	}
.woocommerce .quantity .qty {
    width: 75px;
	height: 60px;
	font-size: 30px;
    text-align: center;
	padding: 0 0 0 15px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: var(--green);
    color: var(--white);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    background-color: var(--green);
    color: var(--white);
}
	.woocommerce input.button.alt{background-color:#a46497;}
.wc-points-rewards-product-message {
	display: block;
}
.woocommerce-product-details__short-description {
	font-size: var(--font-size-bigger);
	font-weight: 300;
	margin-bottom: 25px;
}
.woocommerce div.product .stock {
	display: inline-block;
	padding: 5px 10px;
	width: auto;
    background-color: var(--green-tea);
    color: var(--green-dark);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--green);
    font-size: 2em;
	font-weight: 700;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 20px;
}
.woocommerce #review_form #respond {
    position: static;
    margin: 0;
    width: auto;
    padding: 20px;
    background: inherit;
	background-color: #F1F1F1;
    border: 1px solid #ddd;
}
.woocommerce .comment-reply-title {
	font-size: var(--font-size-bigger);
	font-weight: 700;
	margin-bottom: 20px;
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
    margin: 0 0 30px;
	color: var(--green);
}
	p.woocommerce .woocommerce-result-count {
		padding: 4px 0;
	}
	.woocommerce .woocommerce-ordering .orderby {
		padding: 4px 8px;
		border-radius: 3px;
		border: 1px solid var(--green);
	}
.woocommerce ul.products li.product .price {
    color: var(--black);
    font-weight: 700;
    margin: 10px 0 0;
    font-size: var(--font-size-bigger);
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
	color: var(--red-400);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-weight: 700;
	color: var(--green);
}
h1.page-title, h2.page-title { text-align: center; }
.woocommerce-info {
    border-top-color: var(--green);
}
.woocommerce-info::before {
    color: var(--green);
}
table.shop_table thead {
	background-color: var(--green-tea);
}
table.shop_table tr.order-total {
	font-size: var(--font-size-biggest);
}
.woocommerce .cart_totals h2 { text-align: center; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 115px;
	padding: 8px 6px 7px!important;
	border-radius: 3px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #DDD;
	border-radius: 3px;
    padding: 8px 10px;
}
.woocommerce form .form-row {
    margin: 0 0 12px;
}
.woocommerce form .validate-state {
	margin: 0 0 12px;
	padding-bottom: 8px;
}
.woocommerce-checkout #customer_details {
	margin-bottom: 30px;
}
.woocommerce ul.products li.product .star-rating {
	margin: 0 auto 0.5em;
}

/* blog content */

.blog-post-title {
	margin-bottom: 5px;
	text-align: center;
}
.blog-post-meta {
	text-align: center;
	margin-bottom: 20px;
}
.blog-post-container {
	
}
.blog-post-image {
	margin-bottom: 30px;
}
	.blog-post-image a img {
		width: 100%!important;
		height: auto!important;
	}
.blog-post-content {
	margin-bottom: 30px;
}
@media (min-width: 800px) {
	/*.blog-post-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.blog-post-image {
		width: 33%;
	}
	.blog-post-content {
		width: 67%;
	}*/
}

.blog-post-pagination {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.blog-post-pagination a {
	padding: 3px 10px;
	margin: 5px 10px;
	background-color: #000;
	color: #FFF;
}

/* wp block overrides */

hr.wp-block-separator {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* faq plugin styles */

.ewd-ufaq-faq-div {
	border: 1px solid #ddd;
	padding: 10px!important;
	margin-bottom: 10px!important;
}

/* cart pop up plugin */

span.xoo-wsc-sc-subt { display: none; }

/* border designs */

.border-wavy {
  background-color: #efefef;
  --mask:
    radial-gradient(23.32px at 50% 32.00px,#000 99%,#0000 101%) calc(50% - 40px) 0/80px 51% repeat-x,
    radial-gradient(23.32px at 50% -12px,#0000 99%,#000 101%) 50% 20px/80px calc(51% - 20px) repeat-x,
    radial-gradient(23.32px at 50% calc(100% - 32.00px),#000 99%,#0000 101%) calc(50% - 40px) 100%/80px 51% repeat-x,
    radial-gradient(23.32px at 50% calc(100% + 12.00px),#0000 99%,#000 101%) 50% calc(100% - 20px)/80px calc(51% - 20px) repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}
.border-jagged {
  background-color: #efefef;
  --mask: 
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/30.00px 51% repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/30.00px 51% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}
.border-circles {
  background-color: #efefef;
  --mask: 
    linear-gradient(0deg,#0000 50px,#000 0) 0 25px,
    radial-gradient(25px,#000 98%,#0000) 50%/46.25px 50px repeat space;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}

/* Woo button overrides */

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background: var(--green-dark)!important;
	background-color:var(--green-dark)!important;
	color:var(--white)!important;
	text-shadow: transparent!important;
	box-shadow: none;
	border-color: var(--green)!important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	background: var(--green-dark)!important;
	background-color:var(--green-dark)!important;
	color:var(--white)!important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color: var(--green-dark)!important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	background: var(--green-dark)!important;
	color:var(--white)!important;
	text-shadow: transparent !important;
	border-color: var(--green-dark)!important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background: var(--black)!important;
	box-shadow: none;
	text-shadow: transparent!important;
	color:var(--white)!important;
	border-color:var(--green)!important;

}