@font-face {
  font-family: Burgery;
  src: url(../fonts/Burgery.otf);
}

:root{
  /* --bs-primary: var(--bs-primary);
  --bs-secondary: #FFB524; */
  
  --bs-primary: #5c760a !important;
  --bs-secondary: #FFB524 !important;
}

.mobile-top-bar{
  padding:5px;
  margin-left:-12px;
  margin-right:-12px;
}

.bg-primary{
  background-color:var(--bs-primary) !important;
}

.product-not-available{
  position: absolute;
  top:100px;
  left: 40px;
  color: red;
  font-weight: 900;
  font-size: 30px;
  transform: rotate(-30deg);
}

.image-not-available{
  opacity: 0.5;
}

.category-img{
  border-radius: 20px;
}

.btn-disabled {
  color: #fff;
  background: #717378;
}

.bg-disabled {
  --bs-bg-opacity: 1;
  background-color: #717378;
}

.product-in-season{
  top: 195px; right: 0px;
  background-color:var(--bs-primary);
  height:70px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:70px;
  text-align: center;
  padding-top: 5px;
  z-index: 1000;
  color: white;
}

.featured-product{
  top: 175px; right: -15px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:120px;
  text-align: center;
  padding-top: 5px;
  z-index: 1000;
  color: white;
}

 /* Start Shop top navigation buttons */
.shop-nav{
  padding-top: 10px;
  padding-bottom: 20px;
 }

 .shop-nav i{
  font-size: 30px;
 }

 .shop-nav .card:hover{
  background: gray;
  color:white;
  cursor: pointer;
 }
 
/* end Shop top navigation buttons */


/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 991.98px) { 
  .desktop-only{
    display:none;
  }
 }

/* // Large devices (desktops, less than 1200px) */
@media (min-width: 991.99px) { 
  .mobile-only{
    display:none;
  }
 }


 .header-title {
  position: relative;
  background: url(../img/cart-page-header-img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-title h1{
  color: #697b2f !important;
  font-family: Burgery;
  font-size: 100px;
  font-weight: lighter;
  text-shadow: 2px 2px #cfd1c9;
}

.header-title .title-top{
  color: #070707 !important;
  font-family: Burgery;
  font-size: 40px;
  font-weight: lighter;
  text-shadow: 2px 2px #cfd1c9;
  margin-bottom: -50px;
}

.header-title .title-bottom{
  color: #070707 !important;
  font-family: Burgery;
  font-size: 30px;
  font-weight: lighter;
  margin-top: -20px;
  text-shadow: 2px 2px #cfd1c9;
}

@media (min-width: 992px) {
  .hero-header,
  .header-title {
      margin-top: 152px !important;
  }
}

@media (max-width: 992px) {
  .hero-header,
  .header-title {
      margin-top: 97px !important;
  }
}

.note-badge-top{
  top: 10;
  left: 0;
  z-index: 2000;
  height: 50px;
  padding:10px 0px 10px 20px;
  background: rgb(243, 200, 9);
  color: red;
  font-weight: bold;
}

.csa-nav{
  width: 100% !important;
  height: 100px;
  padding-top: 30px;
}

.transparent-top {
  transition: 0.5s;
  border: 0;
}

.index-header {
  background: url(../../../templates/hero.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
}

.bottom-price{
  position: absolute;
  float: center;
  bottom: 10px;
}

/* category badges */

/* Custom colors for badges */
.badge-3 { background-color: #007bff; color: #fff; } /* Primary */
.badge-20 { background-color: #6c757d; color: #fff; } /* Secondary */
.badge-1 { background-color: #28a745; color: #fff; } /* Success */
.badge-2 { background-color: #dc3545; color: #fff; } /* Danger */
.badge-5 { background-color: #ffc107; color: #000; } /* Warning */
.badge-6 { background-color: #17a2b8; color: #fff; } /* Info */
.badge-7 { background-color: #f8f9fa; color: #000; } /* Light */
.badge-8 { background-color: #343a40; color: #fff; } /* Dark */
.badge-9 { background-color: #20c997; color: #fff; } /* Teal */
.badge-10 { background-color: #e83e8c; color: #fff; } /* Rose */
.badge-11 { background-color: #ffc107; color: #000; } /* Amber */
.badge-12 { background-color: #ff7f50; color: #fff; } /* Coral */
.badge-13 { background-color: #6610f2; color: #fff; } /* Indigo */
.badge-14 { background-color: #87ceeb; color: #000; } /* Sky */
.badge-15 { background-color: #32cd32; color: #000; } /* Lime */
.badge-16 { background-color: #17a2b8; color: #fff; } /* Cyan */
.badge-17 { background-color: #800000; color: #fff; } /* Maroon */
.badge-18 { background-color: #808000; color: #fff; } /* Olive */
.badge-19 { background-color: #001f3f; color: #fff; } /* Navy */
.badge-4 { background-color: #ffd700; color: #000; } /* Gold */