/*
Customizations to r3417 theme

Colors:

Green 1:	#056f3a
Green 2:	#429644
Green 3:	#93c643
Green 4:	#edf4d4
Gray:		#e0e2dc
Purple 1:	#651f5d
Purple 2:	#9967ac
Purple 3:	#e3dce9
Orange 1:	#f15f23
Orange 2:	#fcbe57

*/

.expand_all, .collapse_all {
	color: #056f3a;
	font-size: 85%;
	font-weight: bold;
}
.expand_all:hover, .collapse_all:hover { color: #93c643; }

.hotbar_header { }

.hotbar { }

	ul.hotbar_items {
		list-style: none;
		padding-left: 0;
	}

	.hotbar_meta {
		font-size: 75%;
		font-style: italic;
		line-height: 1.5em;
		opacity: 0.667;
	}
	
	.hotbar_list {
	
	}
	
	.hotbar-calendar-grid {
		border-collapse: collapse;
		line-height: 1.4em;
		table-layout: fixed;
		width: 100%;
	}
	
		.hotbar-calendar-grid th, .hotbar-calendar-grid td {
			border: 1px solid rgb(187,187,187);
			border-top: 0;
			font-size: 70%;
			overflow: visible;
			padding: 0;
			position: relative;
			text-align: left;
			vertical-align: top;
			width: 14.2857%;
			z-index: 1;
		}
		.hotbar-calendar-grid th:hover, .hotbar-calendar-grid td:hover {
			z-index: 2;
		}
		
		.hotbar-calendar-grid th {
			background: rgb(171,171,171);
			padding: 0.5em 0.8em 0.2em 0.8em;
			text-align: center;
			text-transform: uppercase;
		}
		
		.hotbar-calendar-grid .off {
			background: rgb(246,246,246);
			color: rgb(153,153,153) !important;
		}
		
		.hotbar-calendar-grid .day {
			background: rgb(226,226,226);
			font-weight: bold;
			padding: 0.2em 0.8em;
		}
					
		.hotbar-calendar-grid .past {
			background: rgb(250,250,250);
			opacity: 0.75;
		}
		
		.hotbar-calendar-grid .today .day {
			background: rgb(102,102,102);
			color: rgb(255,255,255);
		}
		
		.hotbar-calendar-grid ul.items {
			list-style: none;
			margin: 0;
			min-height: 6em;
			padding: 0;
		}
		
			.hotbar-calendar-grid ul.items li {
				border-bottom: 1px solid rgb(226,226,226);
				margin: 0;
				padding: 0.4em 0.8em;
			}
			.hotbar-calendar-grid ul.items > li:last-of-type { border-bottom: 0; }

	.hotbar_key {
		font-size: 85%;
		line-height: 1.5em;
		margin: 1.5em 0;
	}				
	
.ends_soon {
	color: #93c643;
	cursor: help;
	display: inline-block;
	font-weight: bold;
	position: relative;
}

span.community-foods, span.made-without-gluten, span.owner-deals, span.organic, span.vegan {
	border-radius: 3px;
	cursor: help;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	margin: 0 1px;
	padding: 3px 4px 2px 4px;
	text-transform: uppercase;
	vertical-align: middle;
}
span.community-foods {
	background: #651f5d;
	color: #ffffff;
}
span.made-without-gluten {
	background: #f15f23;
	color: #ffffff;
}
span.owner-deals {
	background: #429644;
	color: #ffffff;
}
span.organic {
	background: #fcbe57;
	color: #ffffff;
}
span.vegan {
	background: #93c643;
	color: #ffffff;
}

.recipe_finder { }

	.recipe_finder input[type=text] { font-size: 80%; width: 60%; }

ul.recipe_meta {
	list-style: none;
	padding-left: 0;
}

.relative { position: relative; }

	.relative .absolute.fill {
		display: block;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	}
	.relative .absolute.fill.blocklink {
		background: transparent;
		font-size: 1px;
		text-indent: -9999px;
		transition: background 0.4s;
	}
	.relative .absolute.fill.blocklink:hover {
		background: rgba(0,0,0,0.025);
	}

.scc_seed { }

	.scc_seed * { color: #056f3a; }

	.scc_seed p > span { display: block; }

	.scc_seed .label {
		display: block;
		font-size: 85%;
		font-weight: normal;
		line-height: 1.5em;
	}

	.scc_seed .this_month {
		font-size: 150%;
		line-height: 1.2em;
		margin-bottom: 0.75em;
	}
	
	.scc_seed .last_month {
		font-size: 90% !important;
		line-height: 1.5em;
	}

	.scc_seed .month {
		font-weight: bold;
		line-height: 1.5em;
	}
	
	.scc_seed .recipient {
		font-size: 125%;
		font-weight: bold;
		line-height: 1.5em;
	}
	
	.scc_seed .donations {
		font-size: 300%;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: 0.25em;
	}
	
		.scc_seed .this_month .donations {
			background: #ffffff;
			border-radius: 0.5rem;
			color: #666666 !important;
			padding: 1.5rem;
			text-align: center;
		}
	
	.scc_seed .purpose {
		font-size: 85%;
		line-height: 1.5em;
	}
	
	.scc_seed .customer_count {
		font-size: 85%;
		line-height: 1.5em;
	}

.single-recipe .hero .caption { background: rgba(0,0,0,0.5); }
.single-recipe .hero .caption * { color: #ffffff !important; }

.specials { }

	.specials .entry-header { text-align: left !important; }

	.specials_header { }
	
	.specials_search {
		margin: 0 0 1em 0;
	}
	
		.specials_search > .filters > * {
			margin: 0.5em 0;
			padding: 0;
		}
	
		.specials_search .label-tab {
			background: #e0e2dc;
			border: none;
			border-radius: 4px;
			color: #191919;
			cursor: pointer;
			display: inline-block !important;
			font-size: 100% !important;
			line-height: 2em !important;
			margin: 0 0.25em 0.5em 0 !important;
			padding: 0 1em !important;
		}

		.specials_search .label-tab.current {
			background: #056f3a;
			color: #ffffff;
			font-weight: bold;
		}

			.specials_search .label-tab input[type='radio'] { display: none; }
	
	.specials_list {
		table-layout: fixed;
		width: 100%;
	}
	
	.specials_list tr > * {
		padding: 0.75em 1em 0.5em 1em;
	}
	
	.specials_list tr > *:first-child { width: 40% !important; }
	.specials_list tr > *:not(:first-child):not(.price) { width: 20% !important; }
	.specials_list tr > *.price { width: 10% !important; }
	
	.specials_list tr:nth-of-type(2n) > td {
		background: rgba(0,0,0,0.025);
	}

	.specials_list th {
		background: rgba(0,0,0,0.05);
		font-weight: bold;
		text-align: left;
	}

	.specials_list th[data-brand] {
		background: #93c643;
		color: #ffffff;
	}

		.specials_list tr *:last-child {
			margin-bottom: 0 !important;
		}
	
	.specials_list .price { }
	.specials_list .price.regular { color: #999999 !important; font-size: 85% !important; }
	.specials_list .price.sale { font-weight: 600 !important; }
	.specials_list th.price, .specials_list td.price { text-align: right; }


.tabs {
	background: rgb(242,242,242);
	border-radius: 4px;
	overflow: hidden;
	padding: 0;
	position: relative; top: 0; left: 0;
	width: 100%;
}

	.tab_nav {
		display: table;
		list-style: none;
		margin: 0;
		padding: 0;
		table-layout: fixed;
		width: 100%;
	}
	
		.tab_nav > li {
			background: rgb(85,200,225);
			display: table-cell;
			margin: 0 !important;
			padding: 0.5em 5px;
			text-align: center;
			white-space: nowrap;
		}
		
		.tab_nav > li.current { background: rgb(0,186,220); }
		
			.tab_nav a, .tab_nav a:visited {
				border: 0;
				color: #ffffff;
				display: inline-block;
				font-size: 90%;
				font-weight: normal;
				padding: 0.333em 0 0 0;
				text-align: center;
				text-transform: uppercase;
			}
		
		.tab_nav a:hover { color: rgb(77,77,77); }
	
	.tab_items {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
		.tab_items > li {
			background: transparent;
			border: 0;
			clear: both;
			display: none;
			margin: 0;
			overflow-x: auto;
			overflow-y: visible;
			padding: 0.667rem 1rem;
			position: relative; top: 0; left: 0;
			white-space: normal;
			width: 100%;
		}

		.tab_items > li.current { display: block; }
		
			.tab_items > li *:last-child { margin-bottom: 0; }
	
	.tabs_footer {
		font-size: 75%;
		font-style: italic;
		line-height: 1.5em;
		opacity: 0.667;
		padding: 0.5rem 1rem;
	}


/* CSS3 MEDIA QUERIES */


/* NON-PHONE NAVIGATION (content area over 783 pixels) */
@media screen and (min-width: 783px) {

	/*.specials_search {
		display: table-cell;
		padding-right: 2.5em;
		vertical-align: top;
		width: 40%;
	}
	
	.result_summary {
		display: table-cell;
		font-size: 85%;
		vertical-align: top;
		width: 60%;
	}*/


}


/* LARGE SCREENS (content area over 1600 pixels) */
@media screen and (min-width: 1600px) {

}


/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1200px) and (min-width: 783px) {

}


/* TABLETS (content area under 1024 pixels) */
@media screen and (max-width: 1024px) {

}


/* PHONES (content area under 782 pixels) */
@media screen and (max-width: 782px) {

	.label-tab {
		font-size: 100% !important;
		margin: 0 0.05em !important;
		padding: 0.25em 0.25em 0 0.25em !important;
	}

	.hotbar-calendar-grid { margin-bottom: 3em; }

	.hotbar-calendar-grid,
	.hotbar-calendar-grid tbody,
	.hotbar-calendar-grid tr,
	.hotbar-calendar-grid th,
	.hotbar-calendar-grid td
	{
		border: none;
		display: block;
		font-size: 100%;
		width: 100%;
	}
	
	.hotbar-calendar-grid thead,
	.hotbar-calendar-grid .off,
	.hotbar-calendar-grid .past,
	.hotbar-calendar-grid .empty
	{ display: none; }

	.hotbar-calendar-grid .day {
		padding: 0.5em 0.8em;
	}

	.hotbar-calendar-grid .day * { display: inline-block !important; }
	
	.hotbar-calendar-grid ul.items { min-height: 0; }

}