/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.apps-div-marg{
	margin-top: 121px;
}
.apps-div{
	/* background-image:url(/images/appStore.png); */
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
    top: 0;
    display:none;
}
.halo-app-word{
	font-weight: 100;
	color: #5f6273;
}
.apps-download-word{
	margin: 10px;
	font-weight: 100;
	color: #5f6273;
}
.app-donwload-button{
	float: right;
    position: relative;
    bottom: 25px;
}

@media (max-width: 768px) {
	.topMargin{
		margin-top: -150px;
	}
	.bottomnavbar {
		overflow: hidden;
		background-color: #e1465b;
		position: fixed !important;
		bottom: 0;
		width: 100%;
		display: flex !important;
		margin:auto;
		z-index:99;
	  }
	  
	  .bottomInnernavbar {
		overflow: hidden;
		background-color: #e1465b;
		
		width: 25%;
	  }
	  
	  .bottomnavbar a {
		
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 15px 5px 15px 5px;
		text-decoration: none;
		font-size: 14px;
	  }
	  
	  .bottomnavbar a:hover {
		background: #ddd;
		color: black;
	  }

	  body{
		margin-bottom: 30px;
	  }
	  .header-logo{
		height:50px !important;
	  }
} 
@media (max-width: 480px){
	#header{
		top: 67px;
		/* top:0; */
    }
    .apps-div{
        display: inline;
    }
    #foodShopMenuLayout{
        padding-top:67px
	}
	.slider-element{
		min-height:700px; 
		height: auto; 
		padding: 10px 0; 
	}
	.topMargin{
		margin-top: -30px !important;
	}
	.topmargin {
		margin-top: 0px !important;
	}

	.addressInput{
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	
}

@media (max-width: 321px){
	#header{
		top: 67px;
		/* top:0; */
    }
    .apps-div{
        display: inline;
    }
    #foodShopMenuLayout{
        padding-top:67px
	}
	.slider-element{
		min-height:300px; 
		height: auto; 
		padding: 10px 0; 
	}
	.topMargin{
		margin-top: -30px !important;
	}
	.topmargin {
		margin-top: 0px !important;
	}
}

@media (max-width: 375px){
	#header{
		top: 67px;
		/* top:0; */
    }
    .apps-div{
        display: inline;
    }
    #foodShopMenuLayout{
        padding-top:67px
	}
	.slider-element{
		min-height:700px; 
		height: auto; 
		padding: 10px 0; 
	}
	.topMargin{
		margin-top: -30px !important;
	}
	.topmargin {
		margin-top: 0px !important;
	}
}

/* shop-categories */
.shop-categories [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

.shop-categories [class^=col-] > a {
	display: block;
	position: relative;
	height: 200px;
	background-color: #EEE;
}

.shop-categories [class^=col-] img { display: block; }

.shop-categories [class^=col-] > a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	opacity: 0.4;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}

.shop-categories [class^=col-] > a:hover::before { opacity: 1; }

.product .product-title h3 {
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-transform: capitalize;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product{
	width: inherit;
}

.product-category { font-size: 14px; font-weight: 200; }
.product-deliveryPrice { font-size: 12px; font-weight: 200; }
.product-rating { font-size: 13px; font-weight: 200; }

.product-image .product-overlay {
	opacity: 0;
	width: 90px;
	height: auto;
	position: absolute;
	top: auto;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: bottom .3s ease, opacity .3s .1s ease !important;
	-o-transition: bottom .3s ease, opacity .3s .1s ease !important;
	transition: bottom .3s ease, opacity .3s .1s ease !important;
}

.product-image:hover .product-overlay {
	opacity: 1;
	bottom: 20px;
}

.product-overlay a span { display: none; }

.product-overlay a {
	width: 40px;
	height: 40px !important;
	border-radius: 50%;
	text-align: center;
	line-height: 41px;
	padding-left: 2px;
}
.product-overlay a:last-child {
	margin-left: 10px;
}

.owl-carousel .owl-nav [class*=owl-] { opacity: 1; }
.owl-carousel .owl-nav .owl-next { right: -18px; }
.owl-carousel .owl-nav .owl-prev { left: -18px; }

.row.grid-6 .product-overlay a span { display: none; }

.row.grid-6 [class^=col-] { margin-bottom: 20px; }

.rowSameheight {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: stretch; /* equal height of the children */
}

ul.iconlist li {
	margin: 8px 0;
}

ul.iconlist i {
	top: 0 !important;
	width: 10px !important;
	font-size: 10px;
}

.clients-grid.grid-8 li { width: 12.5% }

.button.button-desc.button-small {
	padding: 14px 20px;
	font-size: 16px;
}

.button.button-desc.button-small i {
	top: -1px;
	width: 34px;
	font-size: 34px;
	text-align: left;
}

.button.button-desc.button-small span {
	font-size: 12px;
	margin:  0 0 8px 0;
}

.widget .list-unstyled li { margin-bottom: 3px; }

.widget .list-unstyled li a { color: #666 !important; }

.shop-footer-features h5 a:hover {
	color: #444;
	border-bottom: 1px dotted #AAA;
}

.shop-footer-features i {
	position: relative;
	top: 8px;
	width: 30px;
	height: 30px;
	font-size: 30px;
	margin-right: 10px;
	color: #888;
}

.shop-footer-features h5 span { color: #A0ACB6 !important; }

.shopImg{
	max-height:200px;
	width:auto;
	margin:auto
}

.menuImg{
    max-width: 100%;
    max-height: 120px;
	margin:auto
}

.menuImgDiv{
	top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.menuImgContainer{
	height:100px;
}

.menu-title{
	font-size: 15px;
	font-weight: 600;
	max-height: 50px;
	letter-spacing: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-transform: capitalize;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-status{
	font-size: 15px;
	font-weight: 500;
	max-height: 50px;
	letter-spacing: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-transform: capitalize;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-price{
	font-size: 15px;
	font-weight: 500;
    padding-top: 10px;
}

.cart-title {
	color: #e1465b;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-transform: capitalize;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-subtitle {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	
}

.cart-price {
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
	
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-transform: capitalize;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-variant {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0;
	
}

.cart-description {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0;
	
}

.cart-total {
	font-size: 23px;
	font-weight: 800;
	letter-spacing: 0;
	
}

.cart-total-price {
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 0;
	
}


.quantity .plus,
.quantity .minus {
	display: block;
	cursor: pointer;
	border: 0px transparent;
	padding: 0;
	width: 20px;
	height: 25px;
	line-height: 15px;
	text-align: center;
	background-color: #EEE;
	font-size: 1rem;
	font-weight: bold;
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.quantity .qty {
	font-size: 14px;
	width: 25px;
	height: 25px;
	line-height: 15px;
	border: 0;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background-color: #EEE;
	text-align: center;
	margin-bottom: 0;
}

.quantity {	
	display: flex;
}

.cursor-pointer{
	cursor: pointer;
  }


.modal-header {
	display: block;
} 

.variantTitle h4{
	margin-bottom: 0px;;
}

.variantTitle p{
	margin-bottom: 5px;;
}
.hide {
    display:none;
}

.swal2-container{
	z-index: 999 !important;
}

@media (max-width: 767px) { /* col-xs */
	.modal-content{
		width: 90%;
		margin: auto;
	}
	.modalDiv{
		margin-right: -60px;
	}
	.modalPriceDiv{
		padding-right: 5px;
	}
	.modalPrice{
		font-size: 13px;
	}
	.modalBigDiv{
		margin: 10%;
	}

	.bottomnavbar {
		overflow: hidden;
		background-color: #e1465b;
		position: fixed !important;
		bottom: 0;
		width: 100%;
		display: flex !important;
		margin:auto;
		z-index:99;
	  }
	  
	  .bottomInnernavbar {
		overflow: hidden;
		background-color: #e1465b;
		
		width: 25%;
	  }
	  
	  .bottomnavbar a {
		
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 15px 5px 15px 5px;
		text-decoration: none;
		font-size: 14px;
	  }
	  
	  .bottomnavbar a:hover {
		background: #ddd;
		color: black;
	  }

	  body{
		margin-bottom: 30px;
	  }
	  .header-logo{
		height:50px !important;
	  }


}