﻿/*Changed on 07/11/2019 at 3.00pm */
/* ------- GLOBALS ------ */
/* 
COLORS
Purple: 	#a4027a
Red/Orange:	#DB3C11
White: 		#FFF8EEsear
Blue: 		#00857E
black: 		#333131
DarkBlue: 	#13746d

FONT STACKS
serif		  	font-family: "futura-pt-condensed", sans-serif;
sans-serif  	font-family: "trocchi", Georgia, Times New Roman, serif;
base


Fallbacks 
Futura will use	Trebuchet MS with letter-spacing -0.03em.
Trocchi will use Georgia.
*/


/*behavior: url("/css/pie/PIE.htc");*/


/* ------- LAYOUT ------ */


* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background: #FFF8EE;
	/*background-image: url('/images/master/header-footer-bg.png');*/
	display: block !important;
}

.clear {
	clear: both;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -240px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 240px; /* .push must be the same height as .footer */
}

.container1020 {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

#stitch-border, #main-content:before {
	content: "";
	display: block;
	background-image: url("/images/master/stitch-pattern.png");
	/*background-image: url("/images/stitch.svg");*/
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF8EE;
	width: 100%;
	height: 15px;
}

#footer:before {
	content: "";
	display: block;
	background-image: url('/images/master/stitch-pattern.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 10px;
	background-position: top;
}

#main-content .container1020 {
	padding-right: 0;
}

.single-content {
	background: white;
	padding: 20px;
	/*width: 98%;*/
	margin: 0 1%;
	/*max-width: 970px;*/
	box-shadow: 1px 1px 2px #767676;
	-moz-box-shadow: 1px 1px 2px #767676;
	-webkit-box-shadow: 1px 1px 2px #767676;
}

	.single-content.full {
		padding: 0;
		max-width: none;
	}

	.single-content.left-nav {
		width: 200px;
		float: right;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		margin-right: 20px;
	}

.plain .single-content {
	padding: 0;
	width: 98%;
	max-width: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}



/* ------- GENERAL FORMATTING ------ */

body {
	font-size: 14px;
	font-family: Verdana, sans-serif;
}

p {
	line-height: 1.5em;
	line-height: 1.5em;
	color: #333131;
}

	p.special {
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}

h1 {
	color: #333131;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
	font-weight: normal;
	text-transform: uppercase;
}

.wf-active h1 {
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
}

h2, h3, h4 {
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
}

td {
}

a {
	text-decoration: none;
	color: #a4027a;
}

	a:hover {
		color: #a4027a;
		text-decoration: underline;
	}

input {
	font-family: Verdana, sans-serif;
}

.error {
	color: #DB3C11;
}

#main-content h1 {
	padding: 0 0 0 1%;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}



/* ------- TITLES ------ */

h2 {
	font-size: 30px;
}


/* Subtitles */
h3 {
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

/* Secondary Static Headers, e.g. Randomly Generated Deliciousness */
h4.secondaryheader {
	font-size: 14px;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
	color: #333333;
	text-transform: uppercase;
	margin-left: 1%;
}

h1
.wf-active h4.secondaryheader {
	font-family: "futura-pt", sans-serif;
	letter-spacing: normal;
}



/* -------------- TINY INFO -------------- */

/* Product Price */

.wf-active .callToOrder-status {
	font-size: 18px;
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
	display: block;
	font-family: "futura-pt", sans-serif;
	color: #DB3C11;
	text-transform: uppercase;
	min-width: 185px;
}

.price-info {
	font-size: 18px;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
}

.wf-active .price-info {
	font-size: 24px;
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
}



.price-old {
	text-decoration: line-through;
}


/* Product Notes - Shipping, Discounts, Specials */
.price-note {
	text-transform: uppercase;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
	font-weight: normal;
	color: #DB3C11;
}

.wf-active .price-note {
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
}

.product-note,
.product-code {
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.4em;
	color: #666666;
}

	.product-note div {
		display: inline;
		width: auto;
	}

	.product-note a {
		color: #333333;
		text-decoration: underline;
	}

.product-code {
	color: #767676;
}

.qtydiscount {
	color: #a4027a;
}


/* Product Status - Sold Out, On Vacation */
.product-status {
	display: block;
	font-family: "futura-pt", sans-serif;
	color: #DB3C11;
	text-transform: uppercase;
	min-width: 185px;
}



/* ------- LINES ------ */
.border-right {
	border-right: 1px solid #00857E;
	padding-right: 10px;
}


/* ------- HEADER ------ */

#header {
	/* height: 123px;*/
	background-image: url('/images/master/header-footer-bg.png');
	background-repeat: repeat;
}

	#header .container1020 {
		top: 13px;
		margin: 0 auto;
	}

#logo {
	position: absolute;
	/*top: -12px;*/
	left: 1%;
	/*background-image: url('/images/master/desktop-mo-logo.png');*/
	background-image: url(/images/logo.svg);
	background-size: 200px;
	background-repeat: no-repeat;
	background-position-y: 8px;
	overflow: hidden;
	text-indent: -3333px;
}

	#logo a {
		display: block;
		width: 320px; /* larger than actual image? */
		height: 115px;
		text-decoration: none;
	}

.phone-number a {
	color: #00857E;
	text-decoration: none;
	font-size: 22px;
	font-family: "futura-pt", sans-serif;
}

.phone-number {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 1%;
}

.hours {
	color: #00857E;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 25px;
	right: 1%;
}

.TestModeBanner {
	color: white;
	text-align: center;
	text-shadow: none;
}

/* ---------  NAVIGATION  --------- */
.navigation {
	list-style: none;
	margin: 0;
}

	.navigation li {
		list-style: none;
		display: inline;
		margin-left: 20px;
		padding-left: 0;
	}

	/* Utilities */
	.navigation.utilities {
		position: absolute;
		right: 1%;
		top: 88px;
		text-align: right;
		min-width: 400px;
		width: 100%;
	}

.utilities {
	font-size: 16px;
	color: #a4027a;
}

	.utilities li,
	.utilities a {
		list-style: none;
		color: #a4027a;
		font-family: "trocchi", Georgia, Times New Roman, serif;
		font-weight: normal;
		font-size: 16px;
	}

		.utilities a:hover {
			text-decoration: none;
		}

	.utilities img {
		max-height: 20px;
		vertical-align: baseline;
	}

	.utilities .cart-link {
		position: relative;
	}

		.utilities .cart-link div {
			display: inline;
		}

	.utilities .cart-quantity {
		background-color: #DB3C11;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 0px 7px 2px 7px;
		color: white;
		position: absolute;
		top: -10px;
		right: -15px;
		font-size: 12px;
		line-height: 18px;
	}


/* Search */
#search {
	position: absolute;
	top: 44px;
	right: 1%;
	width: 390px;
	border-radius: 30px 0 0 30px;
}

	#search input {
		position: absolute;
	}

@-moz-document url-prefix() {
	#search .search-query {
		position: absolute !important;
	}
}

.search-button {
	position: absolute;
	color: white;
	background-color: #00857E !important;
	height: 29px !important;
	right: -17px;
	letter-spacing: 1px;
}

#wrapper_menu {
	width: 98%;
	margin: 0;
	z-index: 50;
	margin-left: 1%;
}

.menu {
	padding: 0 4px 0 5px;
}

.menu_zing * {
	box-sizing: content-box;
}

.menu_zing {
	background: #a4027a url('/images/master/navigation-bg.png') repeat;
	border: 0;
	box-shadow: 1px 0px 2px #666666;
	-moz-box-shadow: 1px 0px 2px #666666;
	-webkit-box-shadow: 1px 0px 2px #666666;
	border-radius: 10px 10px 0 0;
	width: auto;
}

	.menu_zing li {
		margin-right: 10px;
	}

		.menu_zing li a {
			font-family: "Trebuchet MS", sans-serif;
			letter-spacing: -0.03em;
			text-transform: uppercase;
			font-size: 14px;
			text-shadow: none;
		}

.wf-active .menu_zing li a {
	font-family: "futura-pt", sans-serif;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 14px;
	text-shadow: none;
}

.menu_zing li:hover {
	background: white;
	border: white;
	border-radius: 0;
	margin-right: 9px;
}

	.menu_zing li:hover div a {
		color: #000000;
		text-transform: none;
	}

	.menu_zing li:hover a {
		color: #a4027a;
		border: 1px solid #a4027a;
		border-bottom: white;
	}

.menu_zing .menu_zing_selected .top_level_link {
	color: #9B227E !important;
	border-bottom: white;
	opacity: 1.0;
}

.menu_zing li:hover .menu_zing_selected .top_level_link {
	color: #9B227E !important;
	border-bottom: white;
	opacity: 1.0;
}

.menu li .drop,
.menu li:hover .drop,
.menu li:focus .drop {
	padding-right: 4px;
}

.menu_zing li.nodrop:hover {
	background: white;
	border-radius: 0;
	border: 1px solid #a4027a;
}

	.menu_zing li.nodrop:hover a {
		color: #a4027a;
		background: #ffffff;
		border: none;
	}

.menu_zing top_level_link:focus {
	text-decoration: underline;
}

.menu_zing li ul li {
	padding: 2px 5px;
	display: block;
}

	.menu_zing li ul li:hover {
		background: #00857E;
		padding: 2px 5px;
		display: block;
	}

		.menu_zing li ul li:hover a {
			display: block;
		}

	.menu_zing li ul li a {
		font-size: 12px;
	}

	.menu_zing li ul li:hover a {
		color: #ffffff;
	}

.menu_zing li:hover div a:hover a:focus {
	color: #a4027a;
	color: #ffffff;
}

.menu_zing li ul li a:hover a:focus {
	color: #ffffff;
}

.menu .dropdown_1column, .menu .dropdown_2columns, .menu .dropdown_3columns, .menu .dropdown_4columns, .menu .dropdown_5columns, .menu .dropdown_fullwidth {
	background: white;
	border: 1px solid #a4027a;
	border-top: 0;
	margin-top: 0px;
	border-radius: 0;
}

.menu .dropdown_1column, .menu .dropdown_2columns {
	box-shadow: 2px 10px 10px rgba(50,50,50,0.2);
	-moz-box-shadow: 2px 10px 10px rgba(50,50,50,0.2);
	-webkit-box-shadow: 2px 10px 10px rgba(50,50,50,0.2);
}

.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns {
	left: 0;
	top: 30px;
}

.menu li:hover .align_right {
	left: auto;
	right: -1px;
	top: 36px;
	border-radius: 0;
}


/* ---- FOOTER ---- */
#footer {
	background-image: url('/images/master/header-footer-bg.png');
	background-repeat: repeat;
	text-align: left;
}

	#footer .container1020 {
		padding: 20px 0 10px 0;
		/*margin-top: 20px;*/
		position: relative;
	}

.navigation.footer-links {
	padding-left: 0px;
	margin-left: 10px;
}

	.navigation.footer-links li {
		margin-left: 0;
		margin-right: 20px;
	}

		.navigation.footer-links li a {
			text-transform: uppercase;
			font-family: "Trebuchet MS", sans-serif;
			letter-spacing: -0.03em;
			font-size: 18px;
			color: #333131;
		}

.wf-active .navigation.footer-links li a {
	font-family: "futura-pt", sans-serif;
	letter-spacing: normal;
}

.social-media img {
	height: 30px;
	float: left;
	margin-right: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px;
}

.guarantee {
	font-size: 11px;
	max-width: 300px;
	margin: 20px 0;
	margin-left: 10px;
}

.food-tracker {
	position: absolute;
	right: 10px;
	top: 0px;
	width: 340px;
	height: 130px;
	font-family: "Trocchi", Georgia, Times New Roman, serif;
	background: url('/css/img/flying_pig.svg') top left no-repeat;
	/*background: url(/images/master/pig-flying.png) top left no-repeat;*/
	background-size: 208px;
}

	.food-tracker div {
		display: block;
		margin-top: 20px;
		margin-left: 220px;
	}

	.food-tracker strong {
		font-size: 16px;
	}

.zcob-footer {
	text-align: center;
	clear: both;
	font-size: 11px;
	line-height: 1.2em;
}





/* ------- PRODUCT CELLS ------ */

.product-row {
	width: 100%;
	margin: 0;
}

.product-box {
	box-shadow: 1px 1px 2px #767676;
	-moz-box-shadow: 1px 1px 2px #767676;
	-webkit-box-shadow: 1px 1px 2px #767676;
	background: white;
	float: left;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 5px;
	display: table-cell;
}

	/* -- Cell width size -- */
	.product-box.homepage-large {
		width: 98%;
		padding-bottom: 0px;
		margin-left: 1%;
	}

		.product-box.homepage-large .homepage-large-content {
			max-width: 850px;
			margin: 0 auto;
			padding-bottom: 25px;
		}

	.product-box.homepage-medium {
		width: 49%;
		margin-left: 1%;
	}

	.product-box.homepage-small {
		width: 24%;
		margin-left: 1%;
	}

.product-row-homepage .product-box.homepage-small:last-child {
	width: 23%;
}

.product-row-homepage .product-box.homepage-medium:last-child {
	margin-left: 1%;
	width: 48%;
}

/* -- Product Cell Titles -- */
.product-box.homepage-large h2 {
	font-size: 48px;
	line-height: 1em;
	margin-top: 0;
	color: #333131;
}

.product-box.homepage-large a.product-title,
.product-box.homepage-large a.product-title:hover,
.product-box.homepage-medium a.product-title,
.product-box.homepage-medium a.product-title:hover {
	text-decoration: none;
	color: inherit;
}

.product-box.homepage-small h3 {
	font-size: 18px;
	float: left;
	width: 60%;
	margin: 0;
	margin-bottom: 0.5em;
	color: #333131;
}

/* -- Product Cell Images -- */
.product-box .product-image {
}

.product-box .product-image {
	height: 13em;
	display: block;
}

	.product-box .product-image a {
		width: 25%;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		height: 13em;
	}

	.product-box .product-image img {
		margin: 20px;
		max-width: 100%;
	}

.product-box.homepage-large .product-image {
	text-align: right;
	float: right;
	min-height: 7em;
	height: auto;
	max-width: 250px;
}

.product-box.homepage-medium .product-image {
	text-align: right;
	float: right;
	width: 50%;
}

	.product-box.homepage-medium .product-image img {
		max-height: 14em;
		max-width: 100%;
		margin: 20px 20px 0 0;
	}

.product-box.homepage-small .product-image img {
	display: inline-block;
}

/* -- Product Cell Info -- */
.product-box .product-info {
	position: relative;
	padding: 10px;
	padding-bottom: 60px;
}

.product-box.homepage-large .product-info {
	width: 58%;
	/*float: left;*/
	padding-top: 35px;
	padding-bottom: 0;
}

.product-box.homepage-medium .product-info {
	width: 45%;
	float: left;
}

.product-box.homepage-small .product-info {
}

.product-box .price-info {
	margin-left: 60%;
	text-align: right;
}

.product-box .price-note {
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.product-box .product-note {
	display: block;
}

.product-box .product-title {
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
}


.product-box.homepage-small .product-title {
	font-size: 18px;
	float: left;
	width: 60%;
	margin: 0;
	margin-bottom: 0.5em;
	color: #333131;
}

.product-box.new::before, .product-box.limited-quantity::before, .product-box.special-bake::before, .product-box.best-seller::before {
	padding: 5px 15px 5px 35px;
	text-transform: uppercase;
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	color: #fff;
	z-index: 100%;
}

.product-box.limited-quantity::before {
	content: "limited quantity";
	background: #DB3C11 url("/images/limited-quantity.svg") no-repeat;
}

.product-box.special-bake::before {
	content: "special bake";
	background: #3D81BA url("/images/special-bake.svg") no-repeat;
}

.product-box.best-seller::before {
	content: "best seller";
	background: #9B227E url("/images/best-seller.svg") no-repeat;
}

.product-box.new::before {
	content: "new";
	background: #767676 url("/images/new.svg") no-repeat;
}





/* -- Category Box Specific -- */
.category-header {
	padding-left: 10px;
}

	.category-header p {
		padding: 10px 0;
		font-size: 18px;
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}

.product-box.category-box h3 {
	display: block;
	width: 100%;
	text-decoration: underline;
}

.category-box .sub-category-list {
	display: block;
}

	.category-box .sub-category-list ul,
	.category-box .sub-category-list li {
		list-style: none;
		margin-left: 0;
		-webkit-margin-before: 0;
		-webkit-margin-start: 0;
		-webkit-padding-start: 0;
	}

@-moz-document url-prefix() {
	.category-box .sub-category-list ul, .category-box .sub-category-list li {
		margin-left: -18px;
	}
}

.category-box .sub-category-list li {
	line-height: 1.2em;
	margin-bottom: 15px;
}

	.category-box .sub-category-list li a {
		color: #333131;
	}

/* -- Add to Cart -- */
.product-box .buy-info {
	position: absolute;
	bottom: 5px;
	margin: 10px;
}

.product-box.homepage-large .buy-info {
	position: inherit;
	bottom: 0;
	margin-top: 20px;
}

.searchspring-container.ss-targeted .product-box.homepage-small {
	width: 32%;
}


/* -- QuickLook -- */
.quicklook {
	visibility: hidden;
	color: #000000;
	padding: 3px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #ffffff;
	border: 2px solid #DB3C11;
	top: 40%;
	left: 25%;
	display: block;
	position: absolute;
	display: none;
	text-decoration: none;
	width: 100px;
	text-align: center;
}

	.quicklook strong {
		font-weight: bold;
		color: #DB3C11;
	}

	.quicklook:hover {
		background-color: #DB3C11;
		color: #ffffff;
		text-decoration: none;
	}

		.quicklook:hover strong {
			color: #ffffff;
		}

#cboxLoadedContent {
	border: 0; /*5px solid #DB3C11;*/
}

#cboxOverlay {
	background: none repeat scroll 0 0 #767676;
}

.product-box:hover .quicklook {
	visibility: visible;
	display: block;
	text-decoration: none;
}

.view-full-details {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}


/* BREADCRUMBS AND TINY NOTES */
#main-content .breadcrumbs, #main-content .pages {
	margin: 10px 0 10px 1%;
	display: block;
}

.breadcrumbs, .pages {
	text-transform: uppercase;
	font-size: 13px;
	font-family: "futura-pt", sans-serif;
	color: #a4027a;
}

	.breadcrumbs a, .pages a {
		color: #a4027a;
		text-decoration: none;
	}

		.pages a.button {
			background-color: #FFF8EE;
			border: 1px solid #a4027a;
		}


			.pages a.button:hover, .pages a.button:active {
				background-color: #a4027a;
				border: 1px solid #a4027a;
				color: white;
			}

	.pages .next, .pages .prev {
		position: relative;
		top: 1px;
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
	}


.pages {
	text-align: right;
}

.zmo-tooltip {
	display: inline;
}

	.zmo-tooltip span {
		display: none;
	}

	.zmo-tooltip:hover {
		cursor: pointer;
	}

#tooltip-message {
	position: absolute;
	z-index: 100;
	background-color: #FFFFFF;
	border: 1px solid #767676;
	text-align: left;
	padding: 5px;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
	color: #000;
	max-width: 200px;
}

	#tooltip-message.top:after {
		border-top-color: transparent;
		border-bottom: 10px solid #111;
		top: -20px;
		bottom: auto;
	}

	#tooltip-message.left:after {
		left: 10px;
		margin: 0;
	}

	#tooltip-message.right:after {
		right: 10px;
		left: auto;
		margin: 0;
	}

#tooltipshipping {
	background-color: #ffffff;
	border: 1px solid #767676;
}




/* ----- FORMS ----- */
select {
	height: 34px;
	line-height: 24px;
}

.label {
	background: none;
}

/* ----- BUTTONS AND LINKS ----- */

.action-link {
	color: #DB3C11;
	font-family: "futura-pt", sans-serif;
}

.button {
	padding: 5px 10px;
	text-transform: uppercase;
	font-family: "futura-pt", sans-serif;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	.button:hover {
		text-decoration: none;
	}

	.button.primary {
		border: 2px solid #00857E;
		color: white;
		background: #00857E;
	}

		.button.primary:hover {
			border: 2px solid #13746d;
			color: white;
			background: #00857E;
		}

	.button.secondary {
		background: #767676;
		border: 2px solid #767676;
		color: white;
	}

		.button.secondary:hover {
			border: 2px solid #767676;
			background: #767676;
			color: white;
		}

	.button.warning {
		background: #da4f49;
		border: 2px solid #da4f49;
		color: white;
	}

		.button.warning:hover {
			background: #da4f49;
			border: 2px solid #C13630;
			color: white;
		}






/* ------ PRODUCT DETAIL ------ */

.product-detail .product-image {
	text-align: center;
	float: right;
	width: 40%;
	min-height: 7em;
	max-width: 100%;
}

	.product-detail .product-image img {
		max-width: 100%;
	}

.product-detail .product-info {
	margin: 20px 0 0 0;
	border-top: 2px solid #00857E;
	border-bottom: 2px solid #00857E;
	padding: 10px 0 0 0;
}

.product-detail .row-fluid {
	margin-bottom: 20px;
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}

.product-detail .product-variation {
	float: left;
	width: 60%;
}

.product-detail .product-variation-name {
	display: block;
	margin: 0;
	line-height: 1em;
	font-size: 18px;
}

.product-detail .price-info {
	float: right;
	min-width: 300px;
	text-align: right;
	width: 40%;
}

	.product-detail .price-info .price, .product-detail .price-info .price-note, .product-detail .price-info .price-old {
		display: inline;
		margin-right: 5px;
	}

	.product-detail .price-info .price-note {
		font-size: 22px;
	}

.product-detail .buy-info {
	float: right;
	margin-left: 10px;
	max-width: 500px;
	text-align: right;
}

.product-detail .buy-quantity {
	width: 53px;
	text-align: center;
}

.product-detail select.buy-quantity {
	width: auto;
}

@-moz-document url-prefix() {
	.product-detail select.buy-quantity {
		width: 36%;
	}

	.product-detail .price-info {
		float: right;
		min-width: 300px;
		text-align: right;
		width: auto;
	}
}

.product-detail .product-notes {
	clear: both;
	text-align: right;
	margin-top: 10px;
}

.product-detail .buy-info .product-note {
	text-align: right;
	/*float: right;*/
}

.product-notes .product-note.qtydiscount {
	display: block;
}

.product-detail .buy-info .addtocart-inactive {
	padding: 0;
	height: auto;
}

.product-club-list li {
	padding-left: 0;
	font-size: 12px;
	margin-left: 0px;
	clear: left;
	list-style: none;
}

	.product-club-list li span {
		float: left;
		margin-right: 10px;
	}

	.product-club-list li div {
		float: left;
		max-width: 500px;
	}

.product-detail .product-substitution,
.product-detail .product-substitution p {
	color: #DB3C11;
}

	.product-detail .product-substitution p:first-child {
		font-weight: bold;
	}

	.product-detail .product-substitution span {
		font-style: italic;
	}
/* Custom Boxes */
.custom_box {
	float: left;
	margin: 20px 0;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	display: table-cell;
	width: 18%;
	margin-right: 1%;
	text-align: center;
	height: auto;
	padding-bottom: 71px;
	border: 2px solid white;
}

.custom_image {
	max-height: 100px;
	margin-bottom: 20px;
}

	.custom_image img {
		max-height: 100px;
	}

.custom_description {
	font-size: 12px;
	margin: 0 10px 10px 10px;
	display: block;
}


.custom_add_info {
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 110px;
}

	.custom_add_info input[type="text"]:hover {
		cursor: default;
	}

	.custom_add_info input[type="text"] {
		padding: 4px 10px;
		text-align: center;
	}

	.custom_add_info.product-status {
		font-size: inherit;
	}


button.custom_add_button {
	border: 1px solid #767676;
	background: #767676;
	text-align: center;
	width: 30px;
	height: 30px;
	color: #fff;
}

button.custom_minus {
	border-right: 0;
}

button.custom_plus {
	border-left: 0;
}

.custom_add_info input.custom_item_value {
	width: 50px;
	/*height: 30px;*/
	float: left;
}

.custom_selected {
	border: 2px dotted #00857E;
}

.custom_button {
	width: 30px;
	text-align: center;
	height: 30px;
	float: left;
}
/* Track Your Order */
.order-tracking-single {
	margin-bottom: 20px;
}

.order-meta {
	width: 220px;
	padding: 20px;
	float: left;
}

.shipping-info {
	margin-left: 260px;
	padding-left: 20px;
	padding-top: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
	border-left: 1px solid #767676;
}

.shipping-history {
	width: 100%;
}

	.shipping-history td {
		padding: 10px;
		width: 30%;
	}

		.shipping-history td:first-child {
			padding-left: 0;
		}

.order-meta label {
	text-transform: uppercase;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px;
}

.shipping-status {
	color: #DB3C11;
}

#main-content h1.category-heading {
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	text-transform: none;
	padding: 0;
	font-size: 48px;
	line-height: 1em;
}

#main-content h1.product-heading {
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	text-transform: none;
	padding: 0;
	font-size: 30px;
}

#main-content h1.category-image-heading {
	overflow: hidden;
	text-indent: -3333px;
	position: relative;
}


	#main-content h1.category-image-heading img {
		position: relative;
		left: 3323px;
		max-width: 100%;
	}


.tagline {
	height: 110px;
	margin-left: 224px;
	position: relative;
	width: 210px;
	display: none;
}

	.tagline span {
		color: #00857E;
		text-decoration: none;
		text-transform: none;
		font-size: 25px;
		font-family: "futura-pt", sans-serif;
		line-height: 28px;
		position: absolute;
		bottom: 15px;
	}

.ui-btn-primary.ui-btn-primary.ui-btn-primary {
	background-color: #00857E;
	border-color: #00857E;
	color: white !important;
	text-shadow: none;
	box-shadow: none;
}

	.ui-btn-primary.ui-btn-primary.ui-btn-primary:hover {
		color: white;
		text-shadow: none;
		box-shadow: none;
		background-color: #00857E;
		border-color: #13746d;
	}

.ui-btn-secondary.ui-btn-secondary.ui-btn-secondary {
	background-color: white;
	border-color: #767676;
	color: #767676;
}

	.ui-btn-secondary.ui-btn-secondary.ui-btn-secondary:hover {
		background-color: white;
		border-color: #888;
		color: #767676;
	}

@media only screen and (min-width:1024px) { /* Desktop 1020px */
	.tagline.tagline {
		display: block;
	}
}


@media only screen and (min-width: 768px) {
	.imagecolumn {
		margin-top: 68px;
	}

	.zcomm:before {
		clear: both;
	}
}

@media only screen and (max-width: 992px) {
	.left-nav {
		display: none;
	}

	.cleardiv {
		clear: both;
	}
}



@media only screen and (min-width:680px) and (max-width:1020px) { /* Smartphone 767px */

	.tagline.tagline {
		display: block;
		margin-left: 50px;
	}

		.tagline.tagline span {
			top: 5px;
		}


	#logo {
		height: 400px !important;
	}
}



.homepage-large-content h2.topline, .product-title h2 {
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
}

.homepage-large-content .product-title h3 {
	font-size: 48px;
	line-height: 1em;
	margin-top: 0;
	color: #333131;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
}


.text-danger {
	color: #DB3C11;
}

#footer {
	padding-bottom: 30px;
	color: #333131;
}

.footer {
	font-size: 12px;
	display: block;
}

	.footer h4 {
		font-family: "futura-pt", sans-serif;
		letter-spacing: normal;
		text-transform: uppercase;
	}

	.footer ul {
		list-style: none;
		padding: 0;
	}

	.footer li {
		display: block;
	}

	.footer a {
		color: #333131;
		text-decoration: none;
		line-height: 20px;
		display: inline-block;
	}

		.footer a:hover {
			text-decoration: underline;
		}

	.footer i {
		font-size: 12px;
		width: 20px;
		text-align: center;
		padding: 1px;
	}

.footer__social i {
	font-size: 24px;
	width: 24px;
	text-align: center;
}

.footer__social li {
	display: inline;
	padding: 5px;
}

.footer__social a:hover {
	text-decoration: none;
}

	.footer__social a:hover i.fa-facebook {
		color: #3b5998;
	}

	.footer__social a:hover i.fa-instagram {
		color: #405de6;
	}

	.footer__social a:hover i.fa-twitter {
		color: #1da1f2;
	}

	.footer__social a:hover i.fa-vimeo {
		color: #1ab7ea;
	}

.footer__social {
	clear: both;
}

.foodTracker {
	padding-left: 230px;
	/* font-family: "Trocchi", Georgia, Times New Roman, serif; */
	background: url(/images/super-pig.svg) top left no-repeat;
	background-size: 208px;
	height: 125px;
	font-size: 16px;
}
/* Fix zcobbar temp */
.zcobbar {
	clear: both;
}

.footer a.the-feed:hover {
	color: #30aea7;
}

.footer a.the-feed {
	font-size: 20px;
	font-family: "futura-pt";
	text-transform: uppercase;
}


label, input, button, select, textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 5px;
}

	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
		border-color: rgba(82,168,236,0.8);
		outline: 0;
		outline: thin dotted \9;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 1px 8px rgba(82,168,236,0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 1px 8px rgba(82,168,236,0.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 1px 8px rgba(82,168,236,0.6);
	}

	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #767676;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

.custom_add_info input, .custom_add_info button {
	border-radius: 0;
	height: 30px;
	/* margin-right: 0; */
	margin: 0;
}

.custom_add_info * {
	box-sizing: border-box;
}

.video-fullwidth {
	margin: 30px;
}

.video-left {
	max-width: 500px;
	clear: both;
	margin: 30px auto 30px 0px;
}

.video-center {
	max-width: 500px;
	clear: both;
	margin: 30px auto;
}

.video-right {
	max-width: 500px;
	clear: both;
	margin: 30px 0px 30px auto;
}
