.no-gutters-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* added by breii 9/16 */
.card-img-top-products {
  object-fit: contain;
  height: 430px !important;
}

/* added by JC 9/20 */
.card-img-top-regular-news {
  width:35vh;
  height: 100%;
  /*max-height: 190px;*/
  border-radius: 10px;
  object-fit: cover;
  margin: auto;
}

/* added by JC 9/28 */
.card-img-top-featured-news {
  /*width: 100%;*/
  height: 100%;
  max-height: 500px;
  object-fit: contain;
  /*width: auto;*/
  margin:auto;
  background-color: #efcb6f;
}

@media only screen and (min-width: 320px) and (max-width: 610px){
  .news-card {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    color: white;
    margin: 0;
    background-color: #fff;
    padding: 10px;
    height: 50px;
    width: 300px;
    backdrop-filter: blur(7px) saturate(169%);
    -webkit-backdrop-filter: blur(7px) saturate(169%);
    background-color: rgba(65, 117, 5, 0.42);
    border-radius: 12px 12px 12px 0;
    border: 1px solid rgba(255, 255, 255, 0.125);
  }
  #news-card .container{
    display: none;
  }
}

@media only screen and (min-width: 610px) and (max-width: 810px){
  .news-card {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    color: white;
    margin: 0;
    background-color: #fff;
    padding: 20px;
    height: 60px;
    width: 600px;
    backdrop-filter: blur(7px) saturate(169%);
    -webkit-backdrop-filter: blur(7px) saturate(169%);
    background-color: rgba(65, 117, 5, 0.42);
    border-radius: 12px 12px 12px 0;
    border: 1px solid rgba(255, 255, 255, 0.125);
  }
  #news-card .container{
    display: none;
  }
}

@media only screen and (min-width: 810px){
  .news-card {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    color: white;
    margin: 0;
    background-color: #fff;
    padding: 30px;
    width: 800px;
    backdrop-filter: blur(7px) saturate(169%);
    -webkit-backdrop-filter: blur(7px) saturate(169%);
    background-color: rgba(65, 117, 5, 0.42);
    border-radius: 12px 12px 12px 0;
    border: 1px solid rgba(255, 255, 255, 0.125);
  }
  #news-card .hidden{
    display: none;
  }

}

@media only screen and (min-width: 768px){
  .form-spacing{
    padding-left:15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px){
  .card-img-top-regular-news{
    width: 100%;
    height: auto;
    object-fit: cover;
  }

}

/* added by breii 9/23 */

/* .news-card {
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  color: white;
  margin: 0;
  background-color: #fff;
  padding: 30px;
  width: 800px;
  backdrop-filter: blur(7px) saturate(169%);
  -webkit-backdrop-filter: blur(7px) saturate(169%);
  background-color: rgba(65, 117, 5, 0.42);
  border-radius: 12px 12px 12px 0;
  border: 1px solid rgba(255, 255, 255, 0.125);
} */



.news-text-white {
  color: #fff;
}

/* login design */

.header-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ced4da;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.header-line span {
  background: #fff;
  padding: 0 10px;
}

/* input type number remove up and down button */
/* Chrome, Safari, Edge, Opera */
/* input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} */

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */

/* spacing top and bottom */
.tb-spacing {
  margin-top: 8rem;
  margin-bottom: 5rem;
}

/* home */
.feature-thumbnail {
  min-height: 435px !important;
}

.desktop-search-filter {
  display: block;
}

.mobile-search-filter {
  display: none;
}
/* client website custom */

/* aboutus */
.quote {
  color: rgb(48, 48, 48);
  font-size: 2rem;
  font-weight: 900;
}

/* store */
.details {
  font-size: 13px;
  /* font-weight: 600; */
}

.owl-carousel .owl-stage {
  display: flex !important;
  align-items: center !important;
  /* justify-content: center !important; */
}

.card-height-store {
  height: 520px;
}

.mobile-responsive {
  overflow: auto;
  height: auto;
  width: auto;
}

.mobile-add-cart {
  display: none;
}

/* webversion */
.hidefilter-dropdown {
  display: block;
}

/* tabletversion */
.displayfilter-dropdown {
  display: none;
}

/* mobileversion */
.displayfilter-dropdown-search {
  display: none;
}

.website-view {
  display: block;
}

.tab-mobile-view {
  display: none;
}

.btn-link {
  color: #004b31;
}

/* shopping cart */
.shopping-cart-web {
  display: block;
}

.shopping-cart-mobile {
  display: none;
}

/* leaflet overlap issue fixed | By: Yu, Aubrey | 04/12/2021 */
.leaflet-top,
.leaflet-bottom {
  z-index: 400 !important;
}

@media screen and (max-width: 1199px) {
  /* home.php */
  .feature-thumbnail {
    min-height: 397px !important;
  }

  .product-description h6 {
    font-size: 0.8rem;
  }

  /* stores.php */
  .card-height-store {
    height: 600px;
  }

  /* webversion */
  .hidefilter-dropdown {
    display: none;
  }

  /* tabletversion */
  .displayfilter-dropdown {
    display: block;
  }

  /* mobileversion */
  .displayfilter-dropdown-search {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .product-description h6 {
    font-size: 1rem;
  }
  .card-img-top {
    height: 200px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  /* stores.php */
  .card-height-store {
    height: 720px;
  }

  /* webversion */
  .hidefilter-dropdown {
    display: none;
  }

  /* tabletversion */
  .displayfilter-dropdown {
    display: none;
  }

  /* mobileversion */
  .displayfilter-dropdown-search {
    display: block !important;
  }
}

@media screen and (max-width: 800px) {
  .mobile-add-cart {
    display: block;
  }

  .cart-total-header {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  /* spacing top and bottom */
  .tb-spacing {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  /* home.php */
  .desktop-search-filter {
    display: none;
  }

  .mobile-search-filter {
    display: block;
  }

  /* stores.php */
  .card-height-store {
    height: 520px;
  }

  .website-view {
    display: none;
  }

  .tab-mobile-view {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .shopping-cart-web {
    display: none;
  }

  .shopping-cart-mobile {
    display: block;
  }
}

@media screen and (max-width: 425px) {
  .product-description h6 {
    font-size: 3.5vw;
  }
}

@media only screen and (max-width: 480px) {
  .essence-btn {
    height: 42px;
  }
}

@media screen and (max-width: 320px) {
  /* stores.php */
  .card-height-store {
    height: auto;
  }
}

.over-top-z-index {
  z-index: 999999 !important;
}

@media screen and (min-width: 1251px) /* height >= 1490px px */ {
  #productsCollapse {
    display: '';
  }
  #productsCollapseMobile {
    display: none;
  }
}

@media screen and (max-width: 1250px) /* height <= 1490px px */ {
  #productsCollapse {
    display: none;
  }
  #productsCollapseMobile {
    display: '';
  }
}

.grey-link {
  color: #9c9a95;
}

.grey-link:hover {
  color: #7a7976;
}




/* added by JC 9/22 */
.custom_pagination {
  line-height: 1.6;
  font-family: Marmelad, 'Lucida Grande', Arial, 'Hiragino Sans GB', Georgia,
    sans-serif;
  font-size: 14px;
  box-sizing: initial;
  margin: auto;
}

.custom_pagination:after {
  display: table;
  content: ' ';
  clear: both;
}

.custom_pagination .paginationjs-pages {
  float: left;
  display: inline;
}

.custom_pagination .paginationjs-pages ul {
  float: left;
  margin: 0;
  padding: 0;
}

.custom_pagination .paginationjs-go-button,
.custom_pagination .paginationjs-go-input,
.custom_pagination .paginationjs-nav {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}

.custom_pagination .paginationjs-pages li {
  float: left;
  border: 1px solid #aaa;
  list-style: none;
}

.custom_pagination .paginationjs-pages li > a {
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  display: block;
  background: #fff;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  text-align: center;
}

.custom_pagination .paginationjs-pages li > a:hover {
  background: #eee;
}
.custom_pagination .paginationjs-pages li.active {
  border: none;
}
.custom_pagination .paginationjs-pages li.active > a {
  height: 30px;
  line-height: 30px;
  background: #18563e;
  color: #fff;
}
.custom_pagination .paginationjs-pages li.disabled > a {
  opacity: 0.3;
}
.custom_pagination .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}

.paginationjs .paginationjs-pages li:first-child,
.paginationjs .paginationjs-pages li:first-child > a {
  border-radius: 3px 0 0 3px;
}
.paginationjs .paginationjs-pages li:last-child {
  border-right: 1px solid #aaa;
  border-radius: 0 3px 3px 0;
}
.paginationjs .paginationjs-pages li:last-child > a {
  border-radius: 0 3px 3px 0;
}