body {
	font-family: 'Arial', sans-serif;
	color: #333333;
	background: white;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.65;
	padding: 20px;
}

p {
	background: white;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Tahoma";
	font-weight: bold;
	line-height: 1.1;
	margin-top: 1em;
	margin-bottom: 1em;
	color: rgb(0, 50, 0)
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
}

label {
	font-size: 0.8em;
	font-weight: bold;
	color: black;
	margin: 0px;
}

.drop-letter {
	float: left;
	color: ForestGreen;
	font-family: 'Open Sans', sans-serif;
	font-size: 3.3em;
	font-weight: bold;
	line-height: .9;
	padding-top: 0px;
	padding-right: 8px;
	padding-left: 4px;
}

.image-label {
	font-size: .8em;
	font-weight: bold;
}

.testimonial-head {
	font-size: 2em;
	color: ForestGreen;
	font-weight: bold;
}


.testimonial-quote {
	font-size: 0.9em;
	color: ForestGreen;
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 1em;
}

.testimonial-customer {
	font-size: .75em;
	color: Grey;
	font-family: Arial;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	margin-top: 0;
}

.tims-corner-heading {
	text-height: 1em;
	font-weight: bold;
	font-size: 1.25em;
	margin: 0;
}

/* State Order matters for anchors */
a:not(.btn):link: {
	color: green;
	text-decoration: none;
	border-bottom: 1px green dotted;
}

a:not(.btn):visited {
	color: darkgreen;
	text-decoration: none;
	border-bottom: 1px darkgreen dotted;
}

a:not(.btn):hover {
	color: lightseagreen;
	text-decoration: none;
	border-bottom: 1px lightseagreen dotted;
}

a:not(.btn):active {
	color: lightgreen;
	text-decoration: none;
	border-bottom: 1px lightgreen dotted;
}


/* product images pop up*/
.img-grid-product {
	display: block;
	margin: 0 auto;
	max-width: 300px;
	border-radius: 5px;
}

.img-grid-product:hover,
.img-pop {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}



.box {
	border-radius: 10px;
	border: 2px solid lightgrey;
	padding: 20px;
	margin: 20px;
}

.comment {
	color: red;
}

.comment-time {
	font-size: 0.6em;
	font-weight: bold;
}

.comment-type {
	font-size: 0.6em;
	font-weight: bold;
}


#error-msg {
	color: red;
	font-size: 1.1em;
	font-weight: bold;
}

.error {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}

.navbar {
	padding: 0px;
	background: white;
	border: none;
	border-radius: 0;
	margin-bottom: 0px;
	background-color: white;
	border-bottom: 5px solid green;
	/*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
}

.bg-light {
	background: white !important;
}

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

.navbar-light .navbar-brand {
	/*Vegetronix Banner Logo*/
	color: green;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.0;
}

.brand-registered {
	/*Vegetronix Banner Logo*/
	font-size: .4em;
}

/* ---------------------------------------------------
    Feature Images
----------------------------------------------------- */

.feature-image {
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}

div.feature {
	z-index: 1;
	text-align: left;
	position: absolute;
	left: 260px;
	color: white;
}

p.feature {
	font-size: 1vw;
	font-family: Arial;
	color: ForestGreen;
	font-weight: bold;
	line-height: 100%;
	background: transparent;
	margin-bottom: 0;
	transform: translateY(15px);
}

img.feature-pointer {
	opacity: 0.5;
	margin: 0;
}

@media screen and (max-width: 1200px) {

	/* less than 1200px */
	p.feature {
		font-size: 1.2em;
	}

	div.feature {
		display: none;
	}

	div.feature-phone-hide {
		display: none;
	}

	div.feature-phone-show {
		display: block;
	}	

}

@media screen and (min-width: 1200px) {

	/* greater than 1200px*/
	div.feature {
		display: block;
	}
	div.feature-phone-hide {
		display: block;
	}

	div.feature-phone-show {
		display: none;
	}
}






/* ---------------------------------------------------
	  Feature carousel
  ----------------------------------------------------- */

/* modify color by changing hex value in fill after %23*/
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23228B22' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23228B22' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

p.car {
	text-align: center;
	transform: initial;
	line-height: 150%;
	font-size: 90%;
}

@media screen and (max-width: 1200px) {

	/* less than 1200px */
	.carousel {
		display: block;
	}
}

@media screen and (min-width: 1200px) {

	/* greater than 1200px*/
	.carousel {
		display: none;
	}
}



/* ---------------------------------------------------
    Coupons Style
----------------------------------------------------- */
div.coupon-container {
	-webkit-print-color-adjust: exact !important;
}

div.coupon {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	border-style: dashed;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

@media print {
	div.coupon {
		bottom: 0;
		left: 0;
		right: 0;
	}
}

.coupon p {
	background-color: transparent;
	font-size: 0.8em;
}

.coupon-code {
	float: left;
	background-color: transparent;
}

.coupon-expires {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	line-height: 1;
	float: right;
	padding: 5px;
	border: 1px solid;
	background-color: LightYellow;
}

.coupon-fine-print {
	font-size: .5em;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media print {

	/* Bootstrap 5 has problems with floating columns in print view, it assumes the view is small*/
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666667%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-1 {
		width: 8.33333333%;
	}
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */



/* smaller than tablet */
@media (max-width: 768px) {
	h1 {
		font-size: 18px;
	}
}