/* 
* 	Style sheet for online Product page - Wordpress website
*/
body {background-color: #F9F9F9!important;}
/* hide cart on load when no item on the cart */
.cart_count{ display:none; }
.card.group-wrapper,
.card.product-wrapper {
    padding-right: 10px !important;
    padding-left: 10px !important;
	position: relative;
    display: block;
    word-wrap: unset;
    background-color: transparent;
    background-clip: unset;
    border: none;
    border-radius: 0;
	width: 20%;
}

.product-card-wrapper {    
    border-radius: 15px;
    text-align: center;
    padding: 10px;
    -webkit-transition: .6s;
    transition: .6s;
	overflow: hidden;
	position: relative;
	/*
	border-color: #f2e0cc;
	background: #fff;
    -webkit-box-shadow: 0px 0px 5px 2px rgb(6 6 6 / 10%);
    box-shadow: 0px 0px 5px 2px rgb(6 6 6 / 10%);
	*/
    margin-bottom: 20px;
}
/*
.product-card-wrapper:hover {
	-webkit-box-shadow: 0px 0px 5px 2px #f2e0cc;
    box-shadow: 0px 0px 5px 2px #f2e0cc;
    cursor: pointer;
}
*/

.product-card-wrapper:hover .product-card-overlay {
	top: 75%;
}

.image-wrapper {
	display: inline-block;
    margin-bottom: 10px;
	max-width: unset;
    max-height: unset;
	width: 180px; /* width: 150px; */
    height: 150px;
	overflow: hidden;
    border-radius: 7.5px;
}

.image-wrapper > img {
    width: 100%;
    height: 100%;
	object-fit: contain;
}

.product-card-wrapper > .card-body {
	padding: unset;
}

.product-card-wrapper > .price-container {
	font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    margin: 0;
    color: #f2e0cc;
}

.product-card-wrapper > .card-body > .card-title {
	font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    color: #7A7A7A;
/* 	truncate css */
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
/*     width: 180px;   */
	width: 100%;
}

.product-card-wrapper > .product-card-overlay {
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: #28a745;
    top: 100%;
    left: 0;
	text-align: center;
/*     padding: 35px 0; */
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.product-card-wrapper > .product-card-overlay > a {
	margin-top: 14px;
    font-size: 12px;
}
.btn-success{
	border-color:#fff!important;
}

.main-wrapper .top-header .site-location {
/*     text-align: right; */
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
	.card.group-wrapper, .card.product-wrapper 
	{
		width: 33%;
	}
	.product-card-wrapper > .product-card-overlay{
		padding:0px;
		margin:0px;
		position: relative;
	}
	.product-card-wrapper > .product-card-overlay > a{
		margin:8px 0px;
	}
}
.top-header-mobile{ display:none;}
@media only screen and (max-width: 768px)
{
	.d-flex {flex-wrap: wrap;}
	.card.group-wrapper, .card.product-wrapper 
	{
		width: 50%;
	}
}

@media only screen and (max-width: 425px)
{
	
	.card.group-wrapper, .card.product-wrapper 
	{
		width: 100%;
	}
	.product-card-wrapper > .product-card-overlay{
		padding:0px;
		margin:0px;
		position: relative;
	}
	.product-card-wrapper > .product-card-overlay > a{
		margin:8px 0px;
	}
	.group-item-list .group-wrapper .product-card-wrapper .image-wrapper {
  		float: left;
	}
	.group-item-list .group-wrapper .product-card-wrapper .card-body{
		padding: 14px 0px 0px 10px;
	}
	.group-item-list .group-wrapper .product-card-wrapper .card-body .card-title{
		text-align: center!important;
		color: #60a945;
	}
	.product-card-wrapper > .card-body > .card-title{
		width: 100%;
	}
	
	.container .top-header .col-8{
		width: 100%;
		max-width: 100%;
		flex:none;
	}
	.align-self-center{
		text-align: center;
		margin-bottom: 20px;
	}
	.main-wrapper .top-header .site-location{
		text-align: center;
	}
	.hide-on-mobile{
		display:none;
	}
	.top-header-mobile{ display:block!important;}
	.top-header-mobile .site-location{ }
	.top-header-mobile .site-location label{
		font-weight: 600;
		font-size: 16px;
		color: #60A945;
		align-content;
	}
}


.d-flex .group-wrapper .product-card-wrapper {
  background: #fff;
  border-color: #f2e0cc;
  -webkit-box-shadow: 0px 0px 5px 2px rgb(6 6 6 / 10%);
  box-shadow: 0px 0px 5px 2px rgb(6 6 6 / 10%);
}
.d-flex .group-wrapper .product-card-wrapper:hover {
	-webkit-box-shadow: 0px 0px 5px 2px #f2e0cc;
    box-shadow: 0px 0px 5px 2px #f2e0cc;
    cursor: pointer;
}


.group-item-list .d-flex .product-card-wrapper {
  background: #fff;
  border-color: #f2e0cc;
  -webkit-box-shadow: 0px 0px 5px 2px rgb(6 6 6 / 10%);
  box-shadow: 0px 0px 5px 2px rgb(6 6 6 / 10%);
	
}
.group-item-list .d-flex .product-card-wrapper:hover {
	-webkit-box-shadow: 0px 0px 5px 2px #f2e0cc;
    box-shadow: 0px 0px 5px 2px #f2e0cc;
    cursor: pointer;
}

.group-item-list .group-wrapper .product-card-wrapper .card-body .card-title {
  text-align: left;
	font-size:18px;
}

.group-item-list .group-wrapper .product-card-wrapper .image-wrapper {
  float: left;
  border-radius: 54%;
	/* width: 100px;
  height: 100px; */
  width: 50px;
  height: 50px;
	max-width:50px;
	max-height:50px;
	
}
.group-item-list .group-wrapper .product-card-wrapper .image-wrapper img {
   object-fit: cover;
}
.card.group-wrapper.badge .product-card-wrapper {
  box-shadow: 0px 0px 5px 2px #e0b17c;
  border: 1px solid #e0b17c !important;
}
.w-100{
	width: 100% !important;
	flex-wrap: wrap!important;
}
/* New code */
.group-item-list .group-wrapper .product-card-wrapper {
  width: 320px;  
  float: left;
}
.group-item-list .group-wrapper .product-card-wrapper .image-wrapper{
float:left;
}
.group-item-list .group-wrapper .product-card-wrapper .card-body{
float:left;
}
.group-item-list .group-wrapper .product-card-wrapper .card-body {
  float: left;
  padding: 14px 0px 0px 10px;
}
.cart-location {
float: right;
/* width: 100px; */
background-color: #EBDFD4;
border-radius: 50%;
height: 100px;
padding: 15px 23px;
margin: -6px 6px 6px 6px;
}
.cart-location a.cart-notification {
  position: relative;
  font-size: 50px;
  color: #5db253;
}
.cart-location a.cart-notification .fa {
  font-size: 50px;
}
.cart-location .cart_count{
background: #f68d31;
border-radius: 50%;
font-size: 15px;
position: absolute;
text-align: center;
color: #fff;
margin-left: -18px;
margin-bottom: -5px;
min-width: 23px;
}
.loc-add {
  color: #808080;
  font-weight: 500;
}