:root {
    --p-color: #3B7E00;
    --po-color: #3B7E0055;
    --s-color: #35393D;
    --pp-color: #fff;
    --ff: "Poppins";
    --banner-height: 610px;
    --banner-opacity: 0.6;
    --footer-top-bg: #363F48;
    --footer-bottom-bg: #45505B;
    --footer-top-color: #FFFFFF;
    --footer-bottom-color: #45505B;
    --nav-bg: #F1F3F8;
    --nav-color: #FFFFFF;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
	font-family: "Poppins";
	color: rgb(127, 127, 127);
	font-size: 14px;
	margin: 0;
	background-color: #f1f3f8;
}

a {
	text-decoration: none; 
	color: unset;
}

.button {
	display: inline-block;
	border: 1px rgb(59, 126, 0) solid;
	border-radius: 0;
	color: rgb(59, 126, 0);
	padding: 11px 29px;
	transition: 0.4s;
	text-align: center;
	cursor: pointer;
}
.button:hover {
	background-color: rgb(59, 126, 0);
	color: white; 
	transition: 0.4s;
}
.button-solid {
	background-color: rgb(59, 126, 0);
	color: white;
}
.button-solid:hover {
	color: rgb(59, 126, 0);
	background-color: rgba(59, 126, 0, 0);
}
.button-solid-hover:hover {
	background-color: white;
}

.link{
	font-weight: 500;
    color: #3b7e00;
    text-decoration: underline;
}

.select2-selection{
	border: none !important;
}

input[type=text],input[type=password], input[type=email], select, .select2-container{ 
    outline: 1px solid green;
}
textarea{ 
    border: none;
    outline: 1px solid green;
}  
input[type=text]:focus, textarea:focus, select:focus, .select2-container--open,input[type=password]:focus{
    outline: 1px solid #e25b4e;
}

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

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

.text-black{
	color: #000;
}

.input-container {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	background-color: white;
	align-items: center;
}
	.input-container .icon-container {
		width: 46px;
		height: 100%;
		display: flex; 
		align-items: center; 
		justify-content: center;
	}
	.input-container .icon {
		width: 40%;
	}
.input-container .icon-container svg{
	width: 17px;
	height: 17px;
	fill: #3b7e00;
}
	.input-container input {
		padding-left: 0;
		outline: none;
	}
input, select {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	height: 44px;
	width: 100%;
	border: none;
}
input:focus {
  outline: none;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

section {
 	max-width: 1300px;  
	width: 100%;
 	padding-left: 5%;
	padding-right: 5%; 
	margin-left: auto; 
	margin-right: auto;
	box-sizing: border-box;
}

.banner {
	height: 300px; 
	width: 100%;
	background-color: #ddd;
	position: relative;
	margin-bottom: 0;
}
	.banner img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		object-fit: cover;
	}
	.banner .overlay {
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex; 
		align-items: center; 
		justify-content: center;
		flex-direction: column;
	}
	.banner h1 {
		font-size: 50px;
		color: white;
		margin-bottom: 10px;
		margin-top: 0;
		text-align: center;
	}
	.banner .breadcrumb {
		color: #888;
		font-size: 14px;
		display: flex; 
		gap: 10px;
	}
	.banner .breadcrumb a {
		color: white;
		font-size: 16px;
	}
	.banner .breadcrumb a:hover {
		text-decoration: underline;
	}
	.banner .breadcrumb .current {
		color: #89eda2;
	}

.flex {
	display: flex; 
}

.grid {
	display: grid;
}
.justify-center {
  justify-content: center;
}	
.align-center {
	align-items: center;
}
.flex-direction-row {
	flex-direction: row;
}
.flex-direction-column {
	flex-direction: column;
}

.justify-space-between {
	justify-content: space-between;
}

.justify-space-around {
	justify-content: space-around;
}

.justify-space-evenly {
	justify-content: space-evenly;
}

.wrap {
	flex-wrap: wrap;
}

.object-fit-cover {
	object-fit: cover;
}

.desktop-columns-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.desktop-columns-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.padding-top-bottom-80 {
	padding-top: 80px; 
	padding-bottom: 80px;
}
.padding-top-80 {
	padding-top: 80px; 
}
.padding-bottom-80 {
	padding-bottom: 80px;
}

/* Padding */
.py-60 {
	padding-top: 60px; 
	padding-bottom: 60px;
}
.py-50 {
	padding-top: 50px; 
	padding-bottom: 50px;
}
.pt-20 {
	padding-top: 20px; 
}
.pb-30 {
	padding-bottom: 30px;
}
.px-15 {
	padding-left: 15px; 
	padding-right: 15px;
}
/* Padding Utilities */
.pt-40 {
    padding-top: 40px;
}

.pb-25 {
    padding-bottom: 25px;
}

.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-20 {
    padding: 20px;
}

/* Margin Utilities */
.my-50 {
	margin-top: 50px; 
	margin-bottom: 50px;
}
.mt-50 {
	margin-top: 50px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-35 {
    margin-bottom: 35px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.m-10 {
    margin: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.gap-40 {
	gap: 40px;
}
.gap-30 {
	gap: 30px;
}
.gap-10 {
	gap: 10px;
}

/* Height Utilities */

.ht-60{
	height: 60px;
}
.absolute{
	position: absolute;
}
.relative {
	position: relative; 
}

.z-index-2 {
	z-index: 2;
}

.overlay {
	position: absolute; 
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-color: black;
}

/* Text Size */

.font-xs {
    font-size: 13px;
}

.font-sm {
    font-size: 14px;
}

.font-md {
    font-size: 16px;
}

.font-lg {
    font-size: 35px;
}

/* Font weights */
.font-weight-normal {
    font-weight: 400;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-semibold {
    font-weight: 600;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-black {
    font-weight: 900;
}

.breadcrumb-wrapper{
	background-color: #40810D;
	color: #fff;
	padding: 10px 0; 
}
.breadcrumb-wrapper .breadcrumb {
	max-width: 1300px;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 5px;
	display: flex;
	justify-content: center;
} 
.breadcrumb-wrapper .breadcrumb a{
	font-weight: 500;
}
.breadcrumb-wrapper .breadcrumb svg{
	width: 14px;
    height: 14px;
    fill: #fff;
}
.breadcrumb-wrapper .breadcrumb .current {
	color: #ffffff;
    font-weight: 600;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #000 !important;
}
.pagination-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
  margin-top: 20px;
}
.pagination-wrap .page-numbers {
  padding: 2px 10px;
}
.pagination-wrap .page-numbers.current {
  color: #3b7e00;
  font-weight: 600;
}
.btn-submit {
  display: block;
  padding: 11px 29px;
  transition: 0.4s;
  cursor: pointer;
  border-color: #000;
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
}
.btn-reset {
  display: block;
  padding: 11px 29px;
  transition: 0.4s;
  cursor: pointer;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  margin-top: 15px;
}
 .accordion {
  margin: 20px auto;
  width: 100%;
}
.accordion .accordion-item {
  margin-bottom: 10px;
}
.accordion-header {
  background-color: #3B7E00;
  padding: 10px;
  cursor: pointer;
  font-weight: 400;
  color: #FFF;
}
.accordion-content {
  padding: 0 10px;
  background-color: #FFF;
  color: #000;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}
.accordion-content p {
  padding: 10px 0;
}

.ajax-pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
  margin-top: 20px;
}
.ajax-pagination .page-numbers {
  padding: 2px 10px;
}
.ajax-pagination .page-numbers svg{
	width: 16px;
	height: 16px;
}
.ajax-pagination .page-numbers.current {
  color: #3b7e00;
  font-weight: 600;
}
.status {
  position: absolute;
  bottom: 0;
  padding: 4px 20px;
  background: #3b7e01;
  color: #fff;
  display: inline-block;
  border-top-right-radius: 20px;
  font-size: 12px;
  margin: auto;
  display: inline-flex;
  width: auto;
} 

@media only screen and (max-width: 820px) {
	.tablet-columns-2 {
		grid-template-columns: 1fr 1fr;
	}
	
	.banner h1 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.mobile-columns-1 {
		grid-template-columns: 1fr;
	}
	
	.banner h1 {
		font-size: 30px;
	}
}
.gmap-store-popup{
	max-width: 200px;
}
.gmap-store-popup a{
	display: block;
	outline: none !important;
}
.gmap-store-popup .title-wrapper{
	color: #214715;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
	margin-bottom: 10px;
}
.gmap-store-popup a .img-wrapper, .gmap-store-popup .img-wrapper{
	width: 100%;
    height: 100px;
}
.gmap-store-popup a .img-wrapper .store-img, .gmap-store-popup .img-wrapper .store-img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.gmap-store-popup .address-website{
	margin-bottom: 10px;
}
.gmap-store-popup .address-website .c-row, .gmap-store-popup .address-website .c-row a{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.gmap-store-popup .address-website .c-row:not(first-child){ margin-top: 5px; }
.gmap-store-popup .address-website .c-row .icon, .gmap-store-popup .address-website .c-row .text{ display: flex; flex-direction: column; }
.gmap-store-popup .address-website .c-row .icon{ 
	width: 10px;
}
.gmap-store-popup .address-website .c-row .text{
	flex: 0 0 calc( 100% - 10px );
	max-width: calc( 100% - 10px );
	padding-left: 5px;
}
.gmap-store-popup .address-website svg{
	position: relative;
	top: 2px;
	width: 10px;
	height: 10px;
	fill: #3b7e01;
}
.gm-style-iw{
	overflow: visible !important;
	padding: 12px !important;
	padding-right: 0 !important;
}
.gm-style-iw-chr{
	position: absolute;
    top: -15px;
    right: -15px;
}
.gm-style-iw button{
	background-color: #000 !important;
    border-radius: 100% !important;
	width: 35px !important;
    height: 35px !important;
}
.gm-style-iw button span{
	width: 20px !important;
    height: 20px !important;
	margin: 8px !important;
	background-color: #fff !important;
}
.gm-style-iw button.gm-ui-hover-effect{
	opacity: 0.9;
}
.gm-style-iw button.gm-ui-hover-effect:hover{
	opacity: 1;
}

.tabs {
	display: block;
  }
  
  [role="tablist"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 10px;
  }
  
  [role="tabpanel"] {
	background: #FFF;
	padding: 30px;
	  min-height: 250px;
  }
  
  button {
	  background: #e7e7e7;
	  border: 0;
	  color: black;
	  border-radius: 5px 5px 0 0;
	  cursor:pointer;
	  font-size: 16px;
	  padding: 15px;
  }
  
  button[aria-selected="true"] {
	  background: #3b7e01;
	  box-shadow: none;
	  color: #FFF;
  }
  
  button:focus {
	outline: 0;
  }

  .hero {
	height: 250px;
	background-color: black;
	position: relative;
  }
  .hero.home{
	  height: calc(100vh - 100px);
  }
  .hero.h300{
	  height: 300px;
  }
  .hero.home h1{
	  font-size: 18px;
  }
  .hero .overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
  }
  .hero .overlay .content-wrapper {
	width: 100%;
	padding: 0 20px;
  }
  @media only screen and (min-width: 1200px) {
	  .hero{
		  height: 450px;
	  }
	  .hero.home{
		  height: 650px;
	  }
	.hero .overlay .content-wrapper {
	  padding: 0 20%;
	}
  }
  .hero h1 {
	font-size: 24px;
	color: white;
	text-align: center;
  }
  @media only screen and (min-width: 768px) {
	.hero h1 {
	  font-size: 48px;
	}
	  .hero.home h1{
		  font-size: 36px;
	  }
  }
  @media only screen and (min-width: 1200px) {
	.hero h1 {
	  font-size: 67px;
	}
  }
  .hero p {
	color: #FFF;
	text-align: center;
  }