@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body{
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Ubuntu', sans-serif;
}
.bg-success {
    background-color: #97be0d!important;
}
.reg-card input,
input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 3;
	line-height: 21px;
}
.reg-card select { font-size:14px; }
.top-bar{
	background-color: #5d7213;
	padding:5px;
}
.top-bar p{color:#fff; text-align:center;}
.navbar{
	box-shadow: 0px 0px 5px 0px #97be0d;
}
/*.navbar:after {
  background: linear-gradient(to right, #bcbcbc 25%,#ffcd02 25%, #ffcd02 50%, #e84f47 50%, #e84f47 75%, #65c1ac 75%);
  position: absolute;
  content: '';
  height: 2px;
  right: 0;
  left: 0;
  bottom: 0;
}*/

.top-bar ul{margin-bottom:0px;}
.top-bar ul li{	
	color: #fff;
}
.top-bar ul li a{	
	color: #fff;
	margin-left: 15px;
}

.navbar-brand img{width:200px;}
.navbar-nav{
	font-family: 'Ubuntu', sans-serif;
}
label{
	font-family: 'Ubuntu', sans-serif;
}
.navbar .navbar-nav .nav-link{
	color: #97be0d;
}
.navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .show>.nav-link{
	color: #5d7213;
}
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover{
	color: #5d7213;
}
.navbar-nav .dropdown-menu { 
    margin-top: 1.125rem;
	border-top:2px solid #97be0d;
	border-radius:0px;
	padding: 0rem 0;
}
.navbar-nav .dropdown-item{
	color: #97be0d;
}
.my-nav-drop-right{left:auto!important; right:0;}
.navbar-nav .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #97be0d;
}

.theme-clr-one{	color: #5d7213; }
.theme-clr-two{	color: #97be0d; }

.theme-bg-one{	background-color: #5d7213; }
.theme-bg-two{	background-color: #97be0d; }

.btn-theme-one{
	color: #fff;
    background-color: #5d7213;
    border-color: #5d7213;
}
.btn-theme-one:hover{color:#fff;}
.btn-theme-two{
	color: #fff;
    background-color: #97be0d;
    border-color: #97be0d;
}
.btn-theme-two:hover{color:#fff;}
.carousel-indicators [data-bs-target]{
	/*background-color: #97be0d;*/
}
.carousel-indicators{
	left:auto;
	margin-right: 5%;
}
#veg_slide{/*padding-top: 6.5rem;*/}
.veg_slide_content{
	padding-top:2rem;
}

.navbar-toggler {
    padding: 0.5rem .75rem!important;
}
.veg_slide_content h2{
	font-size:1.5rem;
}
.ci1{
	background-color: #97be0d;
	color:#fff;
}
.ci2{
	background-color: #e84671;
	color:#fff;
}
.ci3{
	background-color: #95bf6b;
	color:#fff;
}
.font-ubuntu{font-family: 'Ubuntu', sans-serif;}
.font-os{font-family: 'Open Sans', sans-serif;}

.my-caption{
	background-color: #00000094;
}
.main-heading{
	text-align:center;
}
.main-heading h1{
	color: #97be0d;
}
.main-heading-img{
	margin-top: 10px;
    background: url(//cdn.shopify.com/s/files/1/0108/7370/0415/files/leaf.png?v=1580303528);
    background-repeat: no-repeat;
    width: 165px;
    height: 110px;
    text-align: center;
    margin: auto;
    display: block;
}

.main-heading h1{
	display:inline-block;
}.main-heading h1>span:after, .main-heading h1>span:before{
	content: '';
    display: block;
    width: 25px;
    height: 3px;
	background-color: #97be0d;
}.main-heading h1>span{
	position: relative;
    display: flex;
    align-items: center;
    align-items: center;
}
.main-heading h1>span:before{
    margin-right: 15px;
}
.main-heading h1>span:after{
    margin-left: 15px;
}

.main-product .card-body{
	text-align:center;
}
.main-product .card-body h2{
	font-size: 1.25rem;
	color: #5d7213;
}
.main-product .card{
	/*border: 1px solid #5d7213;*/
}
.main-product .card:hover h2{
	color: #97be0d;
}
.main-product .card:hover{
	border: 1px solid #97be0d;
	transition: all .4s ease-in-out;
	webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.select select {
   -webkit-appearance:none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance:none;
   outline:0;
   box-shadow:none;
   border:0!important;
   background: #97be0d;
   background-image: none;
   flex: 1;
   padding: 0 .5em;
   color:#fff;
   cursor:pointer;
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
}
.select select::-ms-expand {
   display: none;
}
.select {
   position: relative;
   display: flex;   
   height: 2em;
   line-height: 2;
   background: #97be0d;
   overflow: hidden;
   border-radius: .25em;
}
.select::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 1em;
   background: #5d7213;
   color: #97be0d!important;
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}
.select:hover::after {
   color: #97be0d;
}

#register{
	background: #d5ff42;
	background: -webkit-radial-gradient(top left, #5D7214, #d5ff42);
	background: -moz-radial-gradient(top left, #5D7214, #d5ff42);
	background: radial-gradient(to bottom right, #5D7214, #d5ff42);
	padding:3rem 2rem 3rem 2rem;
}
.reg-card{	
	padding:3rem 4rem 3rem 4rem;
	background: #eaf9b7;
    border-top: 6px solid #97be0d;
}
.reg-card h2{
	color:#97be0d;
}
 .blinking {
    -webkit-animation: 1s blink ease infinite;
    -moz-animation: 1s blink ease infinite;
    -ms-animation: 1s blink ease infinite;
    -o-animation: 1s blink ease infinite;
    animation: 1s blink ease infinite;
  }

  @keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-moz-keyframes blink {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-webkit-keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-ms-keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-o-keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }
.login-card{	
	padding:2rem 2rem 2rem 2rem;
	background: #eaf9b7;
    border-top: 6px solid #97be0d;
}
.login-card h2{
	color:#97be0d;
}  

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:34px;
}
.select2-container .select2-selection--single{
	height:34px;
}
#footer{background-color: #f3f3f3; padding-top: 4rem;}

.reg-card .help-block, .login-card .help-block{
	color: #ff5c5c;
	font-weight: 600;
    font-size: 13px;
}
.inner-page{
	min-height:50vh;
	/*margin-top:2rem;*/
}
#fixed-nav{
	position: fixed;
	display: contents;
	z-index:9999;
	width:100%;
	top:0;
	background-color:#fff;
	-webkit-transition: margin-top .25s ease-in, background-color .25s ease-in-out;
    transition: margin-top .25s ease-in, background-color .25s ease-in-out;
}
.fixed-nav-one{
	-webkit-transition: margin-top .25s ease-in, background-color .25s ease-in-out;
    transition: margin-top .25s ease-in, background-color .25s ease-in-out;
}
.fixed-nav-two{
	top:0;
	-webkit-transition: margin-top .25s ease-in, background-color .25s ease-in-out;
    transition: margin-top .25s ease-in, background-color .25s ease-in-out;
}


.cart-content input,
.cart-content textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

.cart-content input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.cart-content input::-webkit-outer-spin-button,
.cart-content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.cart-content .input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
}

.cart-content .input-group input[type='button'] {
  background-color: #eeeeee;
  min-width: 38px;
  width: auto;
  transition: all 300ms ease;
}

.cart-content .input-group .button-minus,
.cart-content .input-group .button-plus {
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative;
}

.cart-content .input-group .quantity-field {
  position: relative;
  height: 38px;
  left: -6px;
  text-align: center;
  width: 62px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
}

.cart-content .button-plus {
  left: -13px;
}

.cart-content input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}
.cart-modal-link{
	cursor:pointer;
}
.cart-content hr{
	margin:0.2rem 0;
}

.checkout-cart-content hr{
	margin:0.2rem 0;
}
/*.checkout-body{
	max-height: 400px;
    overflow-y: scroll;
	overflow-x: hidden;
}*/
.checkout-cart-content .row{
	border-bottom:1px solid #e4e3e3;
}
.pro-name{
	font-size: 14px;
    color: #5d7213;
	font-family: 'Ubuntu', sans-serif;
}
#cart-modal .modal-header{
	padding: 0rem 1rem;
}
.cart_remove{
	cursor:pointer;
}
#cart-modal .modal-footer{
	justify-content: center;
}
.checkout-footer{
	display:flex;
	justify-content: center;
	margin: .25rem;
}
.alert-danger {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0;
    padding: 0.4rem 2rem;
}
.alert-success {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0;
	padding: 0.4rem 2rem;
}
.alert-success .btn-close{
	height: 0em;
}
.modal-backdrop{
	z-index:0;
}

.block1{margin-top:1rem;margin-bottom:1rem;}
.block2{margin-top:2rem;margin-bottom:2rem;}
.block3{margin-top:3rem;margin-bottom:3rem;}
.block4{margin-top:4rem;margin-bottom:4rem;}
.block5{margin-top:5rem;margin-bottom:5rem;}
.block6{margin-top:6rem;margin-bottom:6rem;}
.block7{margin-top:7rem;margin-bottom:7rem;}
.block8{margin-top:8rem;margin-bottom:8rem;}
.hide{display:none}
.footer-col-1 img{
	width:200px;
}
.footer-col h3{
	color: #97be0d;
	margin-bottom:1rem;
}
.footer-col p{
	color: #97be0d;
	margin-top:1rem;
}
.footer-col ul li a{
	color: #97be0d;
	text-decoration:none;
}
.footer-col ul li{
	line-height: 2rem;
}
.footer-col-heading{    
    position: relative;
}
.footer-col-heading h3:before {    
    width: 15%;
    height: 2px;
    background: #97be0d;
    content: '';
    position: absolute;
    bottom: -4%;
}
.footer-mobile a{
	background-color: #97be0d;
    color: #fff!important;
    padding: 5px;
}
.navbar-toggler{
	background-color: #97be0d!important;
	color:#fff;
	padding: 0.60rem .75rem;
}
.plan-box{
	box-shadow: 0px 1px 11px 3px #e6e6e6;
}
.plan-head{
	padding:1rem;
	text-align:center;
}
.plan-body{
	background-color: #edffae;
	padding:1rem;
	text-align:center;
}
.ph1{
	background-image: linear-gradient(to right, #97be0d 0%, #5d7213 119%);
	color:#fff;
}
.ph2{
	background-image: linear-gradient(to right, #97be0d 0%, #5d7213 119%);
	color:#fff;
}
.ph3{
	background-image: linear-gradient(to right, #97be0d 0%, #5d7213 119%);
	color:#fff;
}

/**
 * Like, basically PERFECT scrollbars
 */
::-webkit-scrollbar {
  width: 8px;
  
  background: #97be0d;
}
::-webkit-scrollbar:hover {
  
  background: #97be0d;
}
::-webkit-scrollbar-thumb:vertical {
  background-color: #5d7213;
}
::-webkit-scrollbar-thumb:vertical:active {
 background-color: #5d7213;
}


.badge{font-family: monospace;}

#pagination a{
  background-color: #5d7213;
  color: #fff;
  text-decoration: none;
  margin: 3px;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
}
#pagination strong{
  background-color: #97be0d;
  color: #fff;
  text-decoration: none;
  margin: 3px;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
}

#pagination1 a{
  background-color: #5d7213;
  color: #fff;
  text-decoration: none;
  margin: 3px;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
}
#pagination1 strong{
  background-color: #97be0d;
  color: #fff;
  text-decoration: none;
  margin: 3px;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
}