﻿/*Changed on 09/13/2019 at 12.05pm */


* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* Add to bscreen.css */
.main-pages .container1020 {
	width: 100%;
	max-width: 1020px;
}

#mobile_menu, #flyout-menu {
	display: none;
}

.mobile_menu_wrapper {
	display: none;
}







/* Mobile Menu */
@media only screen and (max-width:1024px) { /* Smartphone and Tablet - 1020px */

	/* Menufication */

	#menufication-top, #menufication-non-css3-top {
		width: 50px;
		background: none; /*white;*/
		box-shadow: none;
		z-index: 80;
		position: absolute;
	}

	/*#menufication-top #menufication-btn, #menufication-top #menufication-non-css3-btn {
			width: 60px;
			height: 45px;
			position: relative;
			margin: 50px auto;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			cursor: pointer;
		}

			 #menufication-btn span, #menufication-non-css3-btn span {
				/*background: yellow;
width: 32px;
height: 31px;*/
	/*	display: block;
				position: absolute;
				height: 4px;
				width: 48%;
				background: #a4027a;
				border-radius: 9px;
				opacity: 1;
				left: 10px;
				top: 10px;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
			}

				 #menufication-btn span:nth-child(1) {
					top: -37px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

				 #menufication-btn span:nth-child(2) {
					top: -29px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}
				 #menufication-btn span:nth-child(3) {
					top: -21px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}


	#menufication-btn.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -39px;
		left: 8px;
	}

	#menufication-btn.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#menufication-btn.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -19px;
		left: 8px;
	}
	*/
	#menufication-btn span, #menufication-non-css3-btn span, #menufication-btn span:before, #menufication-non-css3-btn span:before,
	#menufication-btn span:after, #menufication-non-css3-btn span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 35px;
		background: #88007B;
		position: absolute;
		display: block;
		content: '';
	}

		#menufication-btn span:before, #menufication-non-css3-btn span:before {
			top: 10px;
		}

		#menufication-btn span:after, #menufication-non-css3-btn span:after {
			bottom: -20px;
		}


		#menufication-btn span, #menufication-btn span:before, #menufication-btn span:after, #menufication-non-css3-btn span, #menufication-non-css3-btn span:before, #menufication-non-css3-btn span:after {
			transition: all 500ms ease-in-out;
		}

	#menufication-btn.active span, #menufication-non-css3-btn.active span {
		background-color: transparent;
	}

		#menufication-btn.active span:before, #menufication-non-css3-btn.active span:before {
			transform: rotate(45deg);
		}

		#menufication-btn.active span:after, #menufication-non-css3-btn.active span:after {
			transform: rotate(-45deg);
		}





	#menufication-inner-wrap {
		top: -50px;
		margin-bottom: -50px;
	}

	#menufication-scroll-container,
	#menufication-non-css3-nav,
	.menufication-non-css3-scroll {
		/*background-color: #88007B;*/
		background-color: #fff;
	}


		#menufication-nav .menufication-menu-level-0:nth-child(2),
		#menufication-non-css3-nav .menufication-non-css3-menu-level-0:nth-child(2) {
			margin-top: 0;
		}

		#menufication-nav li, #menufication-non-css3-nav li {
			border: 0;
			color: #88007B !important;
		}


	.background_selected {
		background-color: #88007B;
		color: #fff !important;
	}

	#menufication-nav li a, #menufication-non-css3-nav li a {
		font-family: "Futura-PT", Helvetica,Arial,Georgia,Time !important;
		font: 20px "Futura-PT", Helvetica,Arial,Georgia,Time !important;
		text-transform: uppercase;
		text-shadow: none;
		display: inline-block;
		width: 87%;
		height: 100%;
	}


	#menufication-nav li div, #menufication-non-css3-nav li div {
		display: none;
	}

	#flyout-menu {
		display: inline;
	}

	.mobile_menu_wrapper {
		display: inline;
	}

	.product-info.product-info {
		padding-bottom: 80px;
	}
}
/*search bar*/
#search {
	position: absolute;
	top: 44px;
	right: 1%;
	width: 390px;
}



#menufication-scroll-container {
	box-shadow: none !important;
}







@media only screen and (max-width: 680px) { /* Smartphone 767px */


	.nodisp{
		display:none!important;
	   }


	.container {
		padding: 0;
	}

	/* Remove menus */
	.main-pages #toppanel,
	.main-pages .mainmenu,
	.main-pages #wrapper_menu,
	.main-pages .utilities li,
	.main-pages .footer-links,
	.main-pages .social-media {
		display: none;
	}

	/* Header */
	.main-pages #header {
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.main-pages #logo {
		position: static;
		width: 150px;
		margin: 0 auto;
		margin-top: -30px;
		background-image: url('/images/mobile-logo.svg');
		background-size: 150px;
		/*background-image: url('/images/master/mobile-logo.png');*/
		background-position-y: 10px;
	}

		.main-pages #logo a {
			width: 215px;
			height: 45px;
		}

		.main-pages #logo h1 {
			margin: 0;
		}
		/*.main-pages #search {
position: absolute;
top: 44px;
right: 8%;
width: 390px;
border: 1px black solid;
border-radius: 30px 0 0 30px;

}*/
		.main-pages #search {
			display: block;
			width: 90%;
			margin: 5px;
			position: relative;
			top: 0;
			left: 1%;
		}

	.main-pages .hours {
		display: none;
	}

	.main-pages .phone-number {
		display: block;
		position: static;
		margin: 0 auto;
		margin-top: -10px;
		width: 160px;
		text-align: center;
	}

	.main-pages .navigation.utilities .cart-link {
		display: block;
		position: absolute;
		top: -100px;
		right: 10px;
	}

	.main-pages .navigation.utilities .cart-quantity {
	}

	.main-pages .navigation.utilities .cart-text {
		display: none;
	}

	/* Primary buttons are 100% */
	.button.primary {
		width: 100%;
		text-align: center;
		display: inline-block;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.button.warning {
		width: 100%;
		text-align: center;
		display: inline-block;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* All product boxes are 100% */
	.product-box.homepage-large {
		width: 98%;
		margin: 1%;
	}

	




	.product-box.homepage-medium,
	.product-box.homepage-medium:first-child,
	.product-box.homepage-small,
	.product-box.homepage-small:first-child,
	.product-row-homepage .product-box.homepage-small:last-child,
	.product-row-homepage .product-box.homepage-medium:last-child,
	.searchspring-container.ss-targeted .product-box.homepage-small {
		width: 98%;
		margin: 1%;
	}

	.product-box.homepage-large .product-image {
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.product-box.homepage-large .product-info {
		float: none;
		width: 95%;
	}

	.product-box.homepage-large h2 {
		font-size: 2.5em;
		line-height: 1em;
	}

	.product-box.homepage-large h3.product-subtitle {
		font-size: 1.5em;
		line-height: 1em;
	}

	/*
.product-box.homepage-medium .product-image,
.product-box.homepage-medium .product-info {
float: none;
display: block;
width: 90%;
}
.product-box.homepage-medium .product-image {
text-align: center;
margin-bottom: 20px;
width: 100%;
}

.product-box.homepage-medium .product-image img {
max-width: 90%; 
max-height: none;
}*/
	.product-box.homepage-medium .product-info {
		width: 60%;
	}

	.product-box.homepage-medium .product-image {
		width: 30%;
	}

	.product-box.homepage-small .product-image img {
		max-width: 90%;
		max-height: none;
	}

	.product-box .buy-info {
		width: 100%;
		text-align: center;
		margin: 0;
	}

		.product-box .buy-info input[type="submit"] {
			width: 95%;
		}

	.product-box.homepage-large .buy-info,
	.product-box.homepage-medium .buy-info {
	}

	/* Product Detail */
	.product-detail {
		margin: 0 1%;
	}

	.custom_box {
		width: 45%;
	}

	.custom_add_info input.custom_item_value {
		width: 30px;
	}


	/* Remove hovers */
	.product-box:hover .quicklook {
		visibility: hidden;
		display: none;
	}

	/* Other elements are 100% */
	.main-pages .food-tracker {
		position: static;
		width: 100%;
	}

		.main-pages .food-tracker span {
		}

	.main-pages .guarantee {
		max-width: none;
		width: 90%;
		margin: 0 5%;
		line-height: 1.3em;
	}

	#main-content .pages {
		text-align: center;
	}

	/* Remove footer */
	.main-pages .zcob-footer {
		display: none;
	}


	.main-pages .guarantee {
		/*margin-top: 140px;*/
	}

	.main-pages .food-tracker {
		right: auto;
	}


	.footer__contact {
		order: 3;
		flex-basis: 100%;
	}

	.footer__gifts {
		order: 4;
		flex-basis: 100%;
	}

	.footer__enews {
		order: 1;
		flex-basis: 100%;
		padding-bottom: 30px;
	}

	.footer__social {
		order: 2;
		flex-basis: 100%;
	}

	.footer__help {
		order: 5;
		flex-basis: 50%;
	}

	.footer__about {
		order: 6;
		flex-basis: 50%;
	}

	.footer__guarantee {
		order: 7;
	}

	.footer__tracker {
		order: 8;
	}

	.footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

		.footer h4 {
			font-size: 20px;
		}

		.footer a {
			font-size: 14px;
			padding: 7px 0px;
			display: inline-block;
		}

		.footer i {
			font-size: 14px;
		}

	.footer__social i {
		font-size: 24px;
		width: 24px;
	}

	/*Frequent Foodie*/

	/*.foodiepointtable th {
		text-align:center;
	}

	.foodiepointtable > tbody > th > :nth-child(2) {
		text-align: center;
	}

	.foodiepointtable > tbody > tr > :nth-child(2) {
		text-align: center;
	}
		.foodiepointtable > tbody > tr > :nth-child(3){
			text-align:center;
		}
	*/

}


@media only screen and (max-width: 770px) {

	.nodisp {
		display: none !important;
	}
	.sliding {
		position: relative !important;
		height: 0 !important;
	}


	.foodiepointtable th {
		font-size: 16px;
	}


	.foodiepointtable td {
		padding: 0px;
		font-size: 19px;
			}
}

@media only screen and (min-width:680px) and (max-width:1020px) { /* Tablet max 768px - 1020px */

	.container {
		padding: 0;
	}

	#search {
		position: absolute;
		top: 10px;
		right: 3%;
		width: 375px;
	}

	/* Remove menus */
	.main-pages #toppanel,
	.main-pages .mainmenu,
	.main-pages #wrapper_menu,
	.main-pages .footer-links {
		display: none;
	}

	.main-pages #mobile_menu, #flyout-menu {
		display: none;
	}

	/* Header */
	.main-pages #header {
		padding-top: 20px;
		/*padding-bottom: 0px;*/
	}

	.main-pages #logo {
		top: -35px;
		left: 50px;
		/*background-image: url('/images/master/mobile-logo.png');*/
		background-image: url('/images/mobile-logo.svg');
	}

	.tagline.tagline {
		margin-top:5px;
	}

	.main-pages .hours {
		display: none;
	}



	.main-pages .navigation.utilities {
		top: 50px;
	}

	.main-pages .phone-number {
		top: -20px;
	}

	/* Product boxes are 2-up for small */
	.product-box.homepage-large
	/*,
.product-box.homepage-medium*/ {
		width: 98%;
		margin: 1%;
	}

	.product-box.homepage-medium,
	.product-row-homepage .product-box.homepage-medium:last-child {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}

		.product-box.homepage-medium:first-child {
			width: 49%;
			margin-right: 0;
		}

		.product-box.homepage-medium .product-image img {
			max-height: 10em;
		}

		.product-box.homepage-medium .product-image {
			width: 40%;
			margin: 20px 20px 0 0;
		}

	.product-row-homepage .product-box.homepage-small:last-child {
		width: 23%;
	}


	/* Product Detail */
	.product-detail {
		margin: 0 1%;
	}


	/* Remove hovers */
	.product-box:hover .quicklook {
		visibility: hidden;
		display: none;
	}


	.footer__contact {
		order: 4;
		flex-basis: 50%;
	}

	.footer__gifts {
		order: 6;
		flex-basis: 50%;
	}

	.footer__enews {
		order: 1;
		flex-basis: 50%;
		padding-bottom: 30px;
	}

	.footer__social {
		order: 2;
		flex-basis: 50%;
	}

	.footer__help {
		order: 3;
		flex-basis: 50%;
	}

	.footer__about {
		order: 5;
		flex-basis: 50%;
	}

	.footer__guarantee {
		order: 7;
		flex-basis: 50%;
	}

	.footer__tracker {
		order: 8;
		flex-basis: 50%;
	}

	.footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

		.footer a {
			font-size: 14px;
			padding: 7px 0px;
			display: inline-block;
		}

		.footer i {
			font-size: 14px;
		}

	.footer__social i {
		font-size: 24px;
		width: 24px;
	}

	.footer a.the-feed {
		font-size: 24px;
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}



	/*Frequent Foodie*/


	/*.foodiepointtable > tbody > tr > :nth-child(2) {
		text-align: center;
	}

	.foodiepointtable > tbody > tr > :nth-child(3) {
		text-align: center;
	}
	   */
	.foodiepointtable td {
		padding: 0px;
		font-size: 19px;
		font-weight: 600;
	}

	.imagediv {
		margin-top: 27px;
	}


	/*.foodiepointtable td:after
	{
		content:"...................";
		color:#a4027a;
		display:inline;
		overflow:h
	}*/




}



@media only screen and (max-width: 450px) {
	/*Foodie point table*/
	

	.foodiepointtable th {
		font-size: 1.13em;
		padding: 10px 4px;
		
	}


	.foodiepointtable td {
		padding: 0px 5px !important;
		font-size: 19px;
			}
}

@media only screen and (max-width: 374px) {
	/*Foodie point table*/

	.foodiepointtable th {
		font-size: 14px;
		padding: 10px 4px;
		
	}


	.foodiepointtable td {
		padding: 0px 5px !important;
		font-size: 17px;
		
	}
}

@media only screen and (max-width: 338px) {

	.foodiepointtable th {
		font-size: 0.93em !important;
		
	}


	.foodiepointtable td {
		padding: 0px 5px !important;
		font-size: 16px;
		
	}
}




@media only screen and (max-width: 338px) {

	.foodiepointtable th {
		font-size: 12px !important;
		
	}


	.foodiepointtable td {
		padding: 0px 5px !important;
		font-size: 15px;
			}
}

@media only screen and (max-width: 319px) {

	.foodiepointtable th {
		font-size: 10px!important;
		padding:10px 9px !important;
	}


	.foodiepointtable td {
		padding: 0px 5px !important;
		font-size: 13px;
		
	}
}



@media only screen and (min-width:1020px) { /* Desktop 1020px */

	.main-pages #header {
		padding-bottom: 20px;
	}


	.tagline.tagline {
		display: block;
	}

	/*#search {
        position: absolute;
        top: 41px;
        right: 1%;
        width: 400px;
    }*/

	#search {
		position: absolute;
		top: 44px;
		right: 2%;
		width: 375px;
		/*border:1px black solid;
border-radius:30px 0 0 30px;*/
	}


	/* Reset menufication */
	#menufication-inner-wrap {
		top: 0;
	}

	#mobile_menu, #flyout-menu {
		display: none;
	}

	.mobile_menu_wrapper {
		display: none;
	}

	.imagediv {
		margin-top: 27px;
	}



}

@media only screen and (max-width: 1190px ) {
	.zcobbar-ribbon {
		display: none;
	}
}
