/*
Theme Name: Hart’s Local Grocers
Theme URI: http://www.hartslocalgrocers.com/
Author: We Make Nice Websites
Author URI: http://www.wemakenicewebsites.com/
Description: A custom theme created for Hart’s Local Grocers in Rochester, NY.
Version: 2.7
Text Domain: hartslocalgrocers
*/

@charset "UTF-8";
@import url("//hello.myfonts.net/count/2b8b7b");
@font-face {font-family: 'Gentona-Bold';src: url('webfonts/2B8B7B_0_0.eot');src: url('webfonts/2B8B7B_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B8B7B_0_0.woff') format('woff'),url('webfonts/2B8B7B_0_0.ttf') format('truetype');}

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small,strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
}

input,
textarea,
button
{
	border-radius:0;
}

textarea
{
	vertical-align:top;
}

::-webkit-input-placeholder {
    color: #4E4E4E;
}

:-moz-placeholder { /* Firefox 18- */
    color: #4E4E4E;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #4E4E4E;
}

:-ms-input-placeholder {  
    color: #4E4E4E;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
	-webkit-appearance:none;
	margin:0;
}

/*
::-moz-selection
{
	background:#0bbfdf;
	text-shadow:none;
}

::selection
{
	background:#0bbfdf;
	text-shadow:none;
}
*/

hr
{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #DDD;
	margin:1em 0;
	padding:0;
}

textarea
{
    resize:vertical;
}

a { text-decoration:none; }

img { max-width:100%;height:auto; }

body
{
	background:#FFF;
	font:16px/24px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color:#4E4E4E;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
	
	#outer-wrapper,
	#inner-wrapper
	{
		width:100%;
		position:relative;
		z-index:1;
	}
	
	#outer-wrapper
	{
		/* overflow-x:hidden; */
	}
	
			#header
			{
				height:110px;
				background:#9D1C20;
				z-index:3;
			}
	
				.container
				{
					/* width:980px; */
					width:950px;
					margin:auto;
					display:block;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					box-sizing:border-box;
				}
		
				#header .container
				{
					/* position:relative; */
				}
		
					#logo
					{
						width:205px;
						height:186px;
						/* margin:0 0 -95px; */
						/* margin:-6px 0 -95px; */
						margin:-6px 0 -70px;
						background:url(img/header/logo/bg4.png);
						display:block;
						text-indent:-100000px;
						float:left;
						z-index:5;
						position:relative;
						
						/*
						-webkit-box-shadow:0 0 10px 4px rgba(0,0,0,0.30);
						box-shadow:0 0 10px 4px rgba(0,0,0,0.30);
						*/
						-webkit-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						-moz-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
					}
					
					#navigation
					{
						width:auto;
						position:relative;
						float:right;
					}
			
						#nav
						{
							margin:0 -5px 0 0;
							padding:62px 0 0;
							list-style:none;
						}
				
							#nav > li
							{
								margin:0 0 0 12px;
								display:inline-block;
							}
								
								#nav > li > a
								{
									color:#FFF;
									font-size:1em;
									font-weight:bold;
									display:block;
								}
								
								#nav ul
								{
									list-style:none;
								}
								
								#nav > li:hover > ul
								{
									
								}
								
									#nav ul li
									{
										
									}
									
										#nav ul a
										{
											font-size:0.875em;
											font-weight:bold;
											color:#FFF;
											display:block;
										}
								
					#extras
					{
						padding:3px 0 0;
						font-size:0.8125em;
						color:#FFF;
						position:absolute;
						right:0;
						top:0;
					}
			
						#extras span.hours
						{
							margin:0 5px 0 0;
							display:inline-block;
						}
				
						#extras a
						{
							font-weight:bold;
							color:#FFF;
						}
				
						#extras a.social
						{
							width:15px;
							font-size:1.125em;
							text-align:center;
							display:inline-block;
							vertical-align:-1px;
						}
				
						#extras a.rewards
						{
							margin:0 0 0 5px;
							display:inline-block;
						}
		
			#hero
			{
				background:#FFF;
				border-bottom:10px solid #9D1C20;
				text-align:center;
				color:#FFF;
				z-index:2;
			}
		
				.slider.swipe
				{
					width:100%;
					/* height:640px; */
					overflow: hidden;
					visibility: hidden;
					position: relative;
				}
					
					.swipe .slides
					{
						width:100%;
						/* height:640px; */
						overflow: hidden;
						position: relative;
					}
		
						.slide
						{
							width:100%;
							height:640px;
							position:relative;
						}
						
						.swipe .slide
						{
							float:left;
						}
						
						#hero.short .slide
						{
							height:350px;
						}
				
							.slide .visual
							{
								width:100%;
								height:640px;
								display:block;
								position:absolute;
								top:0;
								left:0;
								overflow:hidden;
							}
							
							#hero.short .slide .visual
							{
								height:350px;
							}
								
								.slide img
								{
									max-width:none;
									max-height:100%;
									margin: 0 0 0 -800px;
									display: block;
									position: absolute;
									left: 50%;
								}
					
							.slide .written
							{
								/* margin:-62px 0 0 -490px; */
								margin-top:-60px;
								position:absolute;
								top:50%;
								left:50%;
							}
					
							.half-back
							{
								margin-left:-475px;
							}
					
								#hero h1
								{
									width:auto;
									padding:30px 40px 25px;
									background:#9D1C20 url(img/pattern/bg12.png) center -2px repeat-x;
									font-size:4em;
									line-height:1em;
									font-family:'Gentona-Bold';
									/* font-weight:bolder; */
									display:inline-block;
								}
								
								.backgroundsize #hero h1
								{
									background:#9D1C20 url(img/pattern/bg12@2x.png) center -2px repeat-x;
									background-size:14px 18px;
								}
								
									#hero h1 a
									{
										color:#FFF;
									}
						
			.post-hero
			{
				padding:0 0 25px;
				background:url(img/post-hero/bg.png) center bottom;
			}
	
				.post-hero .thirds
				{
					margin:-100px auto 0;
					position:relative;
				}
		
					.post-hero .third
					{
						width:300px;
						padding:15px 15px 0;
						background:#FFF;
						float:left;
				
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
				
						-webkit-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						-moz-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
					}
			
					.post-hero .third.middle
					{
						margin:0 25px;
					}
			
						.post-hero img
						{
							display:block;
						}
				
						.post-hero h2
						{
							font-size:1.5em;
							font-family:'Gentona-Bold';
							font-weight:bolder;
						}
				
							.post-hero h2 a
							{
								color:#9D1C20;
							}
				
						.post-hero p,
						.bands p
						{
							padding:0 0 15px;
							font-size:0.8125em;
							line-height:1.5em;
						}
						
			.bands
			{
	
			}
	
			.post-hero + .bands
			{
				background:url(img/post-hero/fade/bg.png) center top repeat-x;
			}
	
				.bands .intro,
				#main
				{
					padding:30px 0 20px;
				}
		
				.post-hero + .bands .intro
				{
					padding:40px 0 20px;
				}
				
				.bands .banded
				{
			
				}
		
					.bands .bands-list
					{
						list-style:none;
					}
			
						.bands li
						{
					
						}
			
							.bands a
							{
								height:250px;
								display:block;
								position:relative;
							}
					
								.bands .visual
								{
									width:100%;
									height:250px;
									display:block;
									position:absolute;
									top:0;
									left:0;
									overflow:hidden;
								}
								
								.bands .overlay
								{
									width:100%;
									height:100%;
									display:block;
									position:absolute;
									left:0;
									top:0;
								}
								
								.bands a:hover .overlay
								{
									background:rgba(0,0,0,0.35);
								}
								
									.bands img
									{
										max-height:100%;
										max-width:none;
										margin:0 0 0 -800px;
										display:block;
										position:absolute;
										left:50%;
									}
						
								/*
								.banded .container
								{
									margin:-41px 0 0 -490px;
									display:block;
									position:absolute;
									left:50%;
									top:50%;
									z-index:5;
								}
								*/
						
								.banded .container
								{
									padding:80px 0 0;
									display:block;
									position:relative;
								}
						
									.bands span.h3
									{
										font:bolder 3.625em/1em 'Gentona-Bold', sans-serif;
										color:#FFF;
										display:block;
									}
							
									.bands span.p
									{
										color:#FFF;
										display:block;
										line-height:1.4em;
									}
			
			#main
			{
				
			}
			
					#main .left
					{
						width:700px;
						float:left;
					}
					
						#main article,
						#main nav.pagination
						{
							padding-top:20px;
							margin-top:10px;
							border-top:1px solid #DDD;
						}
						
						#main article:first-child,
						#main article:first-child section.visual
						{
							padding-top:0;
							margin-top:0;
							border-top:0;
						}
						
							#main article section.visual
							{
								padding:5px 0 0;
							}
							
							#main article section.visual.small
							{
								width:225px;
								margin:0 10px 0 0;
								float:left;
							}
							
							#main ul.inline-blocked a
							{
								display:inline-block;
							}
						
						#main .comments-area
						{
							padding-top:20px;
							margin-top:10px;
							border-top:1px solid #DDD;
						}
						
						#main nav.pagination
						{
							
						}
						
							nav.pagination ul
							{
							
							}
							
								nav.pagination li
								{
									margin:0 0 0 3px;
									display:inline-block;
								}
								
								nav.pagination li:first-child
								{
									margin-left:0;
								}
								
									nav.pagination a,
									nav.pagination span
									{
										padding:2px 10px;
										font-weight:bold;
										text-align:center;
										display:block;
										
										-webkit-box-sizing:border-box;
										-moz-box-sizing:border-box;
										box-sizing:border-box;
									}
									
									#main nav.pagination ul a
									{
										background:#9D1C20;
										color:#FFF;
									}
									
									#main nav.pagination ul a:hover
									{
										background:#827263;
									}
									
									nav.pagination span
									{
										background:#FFF;
										border:1px solid #DDD;
									}
					
					#main .right,
					#main .sidebar
					{
						width:235px;
						float:right;
					}
					
					h1.page-title,
					.bands h2,
					#main h2
					{
						font:bolder 2.25em/1em 'Gentona-Bold', sans-serif;
						color:#9D1C20;
					}
					
					h1.page-title,
					#main h2,
					.bands h2
					{
						padding:0 0 10px;
					}
					
					.bands header h2
					{
						padding:0;
					}
					
					#main h2 + p.date
					{
						margin-top:-10px;
					}
					
					#main h3,
					#main aside.news h1,
					#main legend,
					#main .wpurp-title
					{
						font:bolder 1.75em/1.125em 'Gentona-Bold', sans-serif;
						color:#9D1C20;
					}
					
					#main .right h3,
					#main .sidebar h3
					{
						font:1.25em/1.125em 'Gentona-Bold', sans-serif;
						color:#9D1C20;
					}
					
						#main h3 small
						{
							padding:0 0 15px;
							font:0.575em/1.125em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
							color:#827263;
							display:block;
						}
					
					#main h4,
					#main aside.news h2
					{
						padding:0 0 15px;
						font:0.9375em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
						text-transform:uppercase;
						color:#827263;
					}
			
					.bands p,
					#main p,
					#main address,
					#main ul,
					#main ol,
					#main dl
					{
						padding:0 0 15px 0;
						font-size:0.875em;
						list-style-position: inside;
					}
					
					#main ul,
					#main ol,
					#main dl
					{
						padding:0 0 15px 15px;
					}
					
					#main .right p,
					#main .sidebar p,
					#main .right address,
					#main .sidebar address,
					#main .right ul,
					#main .sidebar ul,
					#main .right ol,
					#main .sidebar ol,
					#main .right dl,
					#main .sidebar dl
					{
						font-size:0.8125em;
					}
					
						#main .right ul ul,
						#main .sidebar ul ul
						{
							padding:0 0 0 10px;
							font-size:1em;
						}
						
							#main ul.nested > li
							{
								overflow:hidden;
							}
							
							#main ul.nested > li > a
							{
								font-weight:bold;
							}
					
					#main hr,
					#main .tw-divider
					{
						clear:both;
					}
					
					#main .post-navigation
					{
						padding-top:20px;
						margin-top:20px;
						border-top:1px solid #DDD;
					}
					
					#main ul.comment-list
					{
						margin-top:10px;
					}
					
						#main ul.comment-list li
						{
							padding:15px 0 0;
							border-bottom:1px solid #DDD;
						}
						
						/*
						#main ul.comment-list li:first-child
						{
							border-top:none;
						}
						*/
					
					#main article > figure,
					#main .container > figure,
					#main .alignleft,
					#main .alignright
					{
						max-width:100%;
						padding:10px;
						background:#FFF;
						
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
						
						-webkit-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						-moz-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
					}
					
					#main figure
					{
						margin:5px auto 15px;
					}
					
					#main .alignleft,
					#main .alignright
					{
						margin:5px 15px 15px 0;
						float:left;
					}
					
					#main .alignright
					{
						margin:5px 0 15px 15px;
						float:right;
					}
					
						#main figcaption
						{
							font-size:0.8125em;
							line-height:1.35em;
						}
					
					#main .gallery
					{
						margin:0 0 20px -10px;
					}
					
						#main .gallery-item
						{
							width:310px;
							max-width:100%;
							padding:10px;
							margin-left:10px;
							background:#FFF;
							display:inline-block;
							
							-webkit-box-sizing:border-box;
							-moz-box-sizing:border-box;
							box-sizing:border-box;
						
							-webkit-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
							-moz-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
							box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						}
						
							#main .gallery-item a
							{
								display:block;
								position:relative;
								overflow:hidden;
							}
							
								#main .gallery-item img
								{
									max-width:100%;
									display:block;
								}
								
								#main .gallery-caption
								{
									width:100%;
									height:100%;
									padding:10px;
									color:#FFF;
									background:rgba(0,0,0,0.45);
									font-size:0.875em;
									line-height:1.35em;
									display:none;
									position:absolute;
									left:0;
									top:0;
									
									-webkit-box-sizing:border-box;
									-moz-box-sizing:border-box;
									box-sizing:border-box;
								}
								
								#main .gallery-item a:hover .gallery-caption
								{
									display:block;
								}
					
					#main nav ul,
					#main .sidebar ul,
					#footer ul
					{
						list-style:none;
					}
					
					#main iframe
					{
						width:100%;
						height:390px;
						margin:0 0 15px;
					}
					
					#main address
					{
						font-style:normal;
					}
					
						#main h2 a,
						#main p a,
						#main address a,
						#main ul a,
						#main ol a,
						#main dl a,
						#main h3 a,
						aside.news h1 a,
						#main figcaption a
						{
							color:#9D1C20;
							
							-webkit-transition:all 0.3s ease-in-out;
							-moz-transition:all 0.3s ease-in-out;
							-ms-transition:all 0.3s ease-in-out;
							-o-transition:all 0.3s ease-in-out;
							transition:all 0.3s ease-in-out;
							-webkit-transform: translateZ(0);
						}
						
						#main h2 a:hover,
						#main p a:hover,
						#main address a:hover,
						#main ul a:hover,
						#main ol a:hover,
						#main dl a:hover,
						#main h3 a:hover,
						aside.news h1 a:hover,
						#main figcaption a:hover
						{
							color:#827263;
						}
						
						.button,
						#main ul a.button,
						#main p a.button
						{
							padding:1px 5px;
							font-weight:bold;
							background:#9D1C20;
							color:#FFF;
							display:inline-block;
							
							-webkit-transition:all 0.3s ease-in-out;
							-moz-transition:all 0.3s ease-in-out;
							-ms-transition:all 0.3s ease-in-out;
							-o-transition:all 0.3s ease-in-out;
							transition:all 0.3s ease-in-out;
							-webkit-transform: translateZ(0);
						}
						
						.button.patterned
						.button.full
						{
							padding:0;
							background:#9D1C20 url(img/pattern/bg12.png) left top repeat-y;
							text-align:center;
						}
						
						.button.full
						{
							display:block;
						}
						
						.backgroundsize .button.patterned,
						.backgroundsize .button.full
						{
							background:#9D1C20 url(img/pattern/bg12@2x.png) left top repeat-y;
							background-size:14px 18px;
						}
						
						.button:hover,
						.button.full:hover,
						#main ul a.button:hover,
						#main p a.button:hover
						{
							background-color:#827263;
						}
				
							.button.patterned,
							.button.full span
							{
								padding:5px;
								background:url(img/pattern/bg12.png) right top repeat-y;
								display:block;
							}
							
							.backgroundsize .button.patterned span,
							.backgroundsize .button.full span
							{
								background:url(img/pattern/bg12@2x.png) right top repeat-y;
								background-size:14px 18px;
							}
					
						#main ul.thirds
						{
						}
						
							#main ul.thirds li
							{
								width:30%;
								display:inline-block;
							}
							
					#main aside.news
					{
						width:100%;
						padding:15px 15px 0;
						margin:10px 0 15px;
						background:#FFF;
						clear:both;
						
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						box-sizing:border-box;
						
						-webkit-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						-moz-box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
						box-shadow:0 28px 25px -25px rgba(0,0,0,0.30), inset 0 0 15px #E5E5E5;
					}
						
						aside.news .visual
						{
							width:350px;
							padding:0 0 15px;
							float:left;
						}
						
							aside.news .visual a,
							aside.news .visual img,
							.visual.small a,
							.visual.small img
							{
								display:block;
							}
						
						aside.news .visual-sibling
						{
							width:555px;
							float:right;
						}
						
						#main form
						{
							padding:0 0 15px;
						}
						
						.woocommerce mark {
							background-color:transparent;
						}
						
			#footer
			{
				padding:40px 0 0;
				background:#9D1C20 url(img/pattern/bg12.png) center top repeat-x;
				color:#EEE;
			}
			
			.backgroundsize #footer
			{
				background:#9D1C20 url(img/pattern/bg12.png) center top repeat-x;
				background-size:14px 18px;
			}
	
					#footer-logo
					{
						width:180px;
						height:150px;
						margin:auto;
						background:url(img/footer/footer-logo/bg.png);
						display:block;
						text-indent:-100000px;
					}
					
					.backgroundsize #footer-logo
					{
						background:url(img/footer/footer-logo/bg@2x.png);
						background-size:180px 150px;
					}
			
					#footer .quarters
					{
						/* margin:30px 0 0 -20px; */
						margin:30px 0 20px -10px;
					}
			
						#footer .quarter
						{
							width:230px;
							/*margin:0 0 0 20px;*/
							margin:0 0 0 10px;
							float:left;
						}
					
							#footer h3,
							#footer legend
							{
								padding:0 0 5px;
								font:bolder 1.5em/1em 'Gentona-Bold', sans-serif;
							}
					
							#footer p,
							#footer address,
							#footer ul,
							#footer dl
							{
								padding:0 0 15px;
								font-size:0.8125em;
								line-height:1.5em;
								font-style:normal;
							}
					
								#footer dt,
								#main dt
								{
									width:110px;
									float:left;
								}
						
								#footer a
								{
									color:#FFF;
								}
						
							#footer form
							{
					
							}
					
								#footer fieldset
								{
						
								}
						
									#footer legend
									{
							
									}
							
									#footer .field
									{
										padding:0 0 10px;
									}
									
										#footer label,
										#footer input[type="text"],
										#footer input[type="email"],
										#rewards-form label,
										#rewards-form  input[type="text"],
										#main form label,
										#main form input[type="text"],
										#main form input[type="email"],
										#main form textarea
										{
											padding:5px 7px;
											margin:0;
											border:0;
											font-size:0.8125em;
											line-height:1.4em;
											color:#4E4E4E;
											outline:none;
											cursor:text;
											z-index:3;
										}
										
										#main form select
										{
											margin:0 0 7px;
										}
										
										#rewards-form input[type="checkbox"] + label
										{
											color:#FFF;
											font-weight:bold;
										}
										
										label.overlay
										{
											position:absolute;
										}
							
										#footer input[type="text"],
										#footer input[type="email"],
										#rewards-form input[type="text"],
										#main form input[type="text"],
										#main form input[type="email"],
										#main form select,
										#main form textarea
										{
											width:100%;
											-webkit-box-sizing:border-box;
											-moz-box-sizing:border-box;
											box-sizing:border-box;
										}
									
										#main form label.overlay
										{
											margin:1px;
										}
									
										#main form input[type="text"],
										#main form input[type="email"],
										#main form textarea
										{
											border:1px solid #DDD;
										}
							
										.digital-button,
										#submit-comment
										{
											background:#EEE;
											background:#EEE -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
											background:#EEE -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
											background:#EEE -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
											background:#EEE -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
											background:#EEE -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
											background:#EEE linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
											border:1px solid #AAA;
											border-top:1px solid #CCC;
											border-left:1px solid #CCC;
											-moz-border-radius:3px;
											-webkit-border-radius:3px;
											border-radius:3px;
											color:#4E4E4E;
											display:inline-block;
											font-size:12px;
											font-weight:bold;
											text-decoration:none;
											text-shadow:0 1px rgba(255, 255, 255, .75);
											cursor:pointer;
											line-height:normal;
											padding:6px 12px;
											margin:0;
											font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
											outline:0;
										}
							
										.digital-button:hover,
										#submit-comment:hover
										{
											color:#222;
											background:#DDD;
											background:#DDD -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
											background:#DDD -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));
											background:#DDD -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
											background:#DDD -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
											background:#DDD -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
											background:#DDD linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
											border:1px solid #888;
											border-top:1px solid #AAA;
											border-left:1px solid #AAA;
										}

										.digital-button:active,
										#submit-comment:active
										{
											border:1px solid #666;
											background:#CCC;
											background:#CCC -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
											background:#CCC -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4)));
											background:#CCC -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
											background:#CCC -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
											background:#CCC -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
											background:#CCC linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
										}
							
										.digital-button.full-width
										{
											width:100%;
											font-size:90%;
											padding-left:0 !important;
											padding-right:0 !important;
											text-align:center;
										}
										
										#submit-comment
										{
											margin-top:10px;
										}
							
										button::-moz-focus-inner,
										input::-moz-focus-inner
										{
											border:0;
											padding:0;
										}
							
				.post-footer
				{
					padding:5px 0 10px;
					/*
					padding:15px 0 10px;
					margin:20px 0 0;
					border-top:1px solid #FFF;
					background:#000;
					*/
				}
				
					.post-footer p.pull-left a
					{
						margin:0 7px 0 0;
					}
					
	#rewards-form-wrap
	{
		width:100%;
		background:#9D1C20 url(img/pattern/bg12.png) center -2px repeat-x;
		color:#FFF;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		-webkit-transform: translateZ(0);
	}
	
	.backgroundsize #rewards-form-wrap
	{
		background:#9D1C20 url(img/pattern/bg12@2x.png) center -2px repeat-x;
		background-size:14px 18px;
	}
	
	#rewards-form-wrap.relative
	{
		position:relative;
		overflow:hidden;
		z-index:1;
	}
	
	#rewards-form-wrap.relative.expanded
	{
		height:auto;
	}
	
		#rewards-form-wrap .container
		{
			width:430px;
			padding:30px 0;
		}
		
			#rewards-form
			{
				
			}
			
				#rewards-form fieldset
				{
					
				}
				
					#rewards-form legend
					{
						padding:0 0 10px;
						color:#FFF;
						font:bolder 1.55em/1em 'Gentona-Bold', sans-serif;
						text-align:center;
					}
					
					#rewards-form .field,
					#main form .field
					{
						padding:10px 0 0;
						clear:both;
					}
					
					#rewards-form .field.half,
					#main form .field.half
					{
						width:210px;
						float:left;
						clear:none;
					}
					
					#main form .field.half
					{
						width:345px;
					}
					
					#rewards-form .field.half.right,
					#main form .field.half.right
					{
						float:right;
					}
					
	#trigger
	{
		width:100%;
		height:100%;
		position:absolute;
		cursor:default;
		left:0;
		top:0;
		z-index:-1;
		display:none;
	}
	
	.open #trigger,
	.dropped #trigger
	{
		display:block;
		z-index:10;
	}
		
@media all and (min-width:1600px)
{
				.slide,
				#hero.short .slide,
				.bands a
				{
					height:auto;
				}
				
					.slide .visual,
					#hero.short .slide .visual,
					.bands .visual
					{
						width:100%;
						height:auto;
						position:relative;
						top:auto;
						left:auto;
					}
				
						.slide img,
						#hero.short .slide img,
						.bands img
						{
							width:100%;
							margin:0;
							position:relative;
							left:auto;
						}
						
						.banded .container
						{
							padding:0;
							/* margin:-41px 0 0 -490px; */
							margin:-41px 0 0 -475px;
							display:block;
							position:absolute;
							left:50%;
							top:50%;
							z-index:3;
						}
}

@media all and (max-width:979px), all and (max-device-width: 768px)
{
	#inner-wrapper
	{
		/* left: 0 !important; */
		-webkit-transform: translateZ(0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: -webkit-transform 400ms ease-in-out;
		-moz-transition: -moz-transform 400ms ease-in-out;
		-o-transition: -o-transform 400ms ease-in-out;
		transition: transform 400ms ease-in-out;
	}
	
	.open #inner-wrapper
	{
		-webkit-transform: translateZ(0);
		-webkit-transform: translateX(-240px);
		-moz-transform: translateX(-240px);
		-ms-transform: translateX(-240px);
		-o-transform: translateX(-240px);
		transform: translateX(-240px);
	}
	
	#header
	{
		height:55px;
	}
	
		#header .container
		{
			
		}
			
			#logo
			{
				width:150px;
				height:85px;
				margin:-6px 0 -30px;
				background:url(img/header/logo/mobile/backed/tall/bg.png);
			}
			
			.backgroundsize #logo
			{
				background:url(img/header/logo/mobile/backed/tall/bg@2x.png);
				background-size:150px 85px;
			}
			
			#navigation
			{
				width:240px;
				height:100%;
				padding:10px;
				background:#9D1C24;
				position:fixed;
				right:-240px;
				top:0;
				
				-webkit-box-shadow: inset 1.25em 0 1em -0.625em rgba(0, 0, 0, 0.25);
				-moz-box-shadow: inset 1.25em 0 1em -0.625em rgba(0, 0, 0, 0.25);
				box-shadow: inset 1.25em 0 1em -0.625em rgba(0, 0, 0, 0.25);
				
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				box-sizing:border-box;
			}
			
				#nav-toggle
				{
					width:40px;
					height:33px;
					margin:10px 0 0;
					display:block;
					float:right;
				}
				
					.bar
					{
						height:3px;
						margin:6px 5px 0;
						background:#FFF;
						display:block;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						border-radius:3px;
					}
				
				#responsive-logo
				{
					width:100%;
					height:88px;
					padding:10px 0;
					background:url(img/header/logo/mobile/responsive/bg.png) center center no-repeat;
					display:block;
					text-indent:-100000px;
				}
				
				.backgroundsize #responsive-logo
				{
					background:url(img/header/logo/mobile/responsive/bg@2x.png) center center no-repeat;
					background-size:200px 88px;
				}
				
				#nav
				{
					padding:22px 0 0;
					margin:10px 0 0;
					background:url(img/pattern/bg12.png) center -4px repeat-x;
				}
				
				.backgroundsize #nav
				{
					background:url(img/pattern/bg12@2x.png) center -4px repeat-x;
					background-size:14px 18px;
				}
				
					#nav > li
					{
						margin:0;
						display:block;
					}
						
						#nav ul
						{
							padding:0 0 0 10px;
						}
				
				#extras
				{
					padding:22px 0 0;
					margin:10px 0 0;
					background:url(img/pattern/bg12.png) center -4px repeat-x;
					font-size:0.875em;
					position:relative;
				}
				
				.backgroundsize #extras
				{
					background:url(img/pattern/bg12@2x.png) center -4px repeat-x; 
					background-size:14px 18px;
				}
				
					#extras span.hours
					{
						padding:0 0 5px;
						display:block;
					}
					
					#extras a
					{
						margin-right:5px;
					}
			
				.slide
				{
					height:auto;
				}
				
					.slide .visual
					{
						width:100%;
						height:auto;
						position:relative;
						top:auto;
						left:auto;
					}
				
						.slide img
						{
							width:100%;
							margin:0;
							position:relative;
							left:auto;
						}
							
							#footer p,
							#footer address,
							#footer ul,
							#footer dl
							{
								font-size:0.875em;
							}
							
				#hero.short .slide
				{
					height:350px;
				}
				
					#hero.short .slide .visual
					{
						height:350px;
					}
				
						#hero.short .slide img
						{
							width:auto;
							height:350px;
							margin:0 0 0 -800px;
							left:50%;
						}
						
						aside.news .visual,
						aside.news .visual-sibling
						{
							width:100%;
							float:none;
						}
						
					#main .left,
					#main .right
					{
						width:100%;
						float:none;
					}
					
						#main .gallery-item
						{
							width:243px;
						}
}

@media all and (max-width: 759px)
{
				#hero.short .slide
				{
					height:175px;
				}
				
					#hero.short .slide .visual
					{
						height:175px;
					}
				
						#hero.short .slide img
						{
							width:auto;
							height:175px;
							margin:0 0 0 -400px;
							left:50%;
						}
		
		.post-hero .thirds
		{
			margin:15px auto 0;
		}
		
			.post-hero .third,
			.post-hero .third.middle
			{
				width:100%;
				margin:0 0 15px;
				float:none;
			}
					
					#main .sidebar
					{
						width:100%;
						padding-top:20px;
						margin-top:10px;
						border-top:1px solid #DDD;
						float:none;
					}
			
					.bands a,
					.bands .visual
					{
						height:125px;
					}
					
							.bands img
							{
								margin:0 0 0 -400px;
							}
						
						.banded .container
						{
							padding:27px 0 0;
						}
						
							.banded span.p
							{
								font-size:0.875em;
							}
							
						#main .gallery-item
						{
							width:265px;
						}
}

@media all and (min-width: 480px) and (max-width: 759px)
{
			.post-hero .third,
			.post-hero .third.middle
			{
				width:350px;
				margin:0 auto 15px;
			}
}

/* Everything smaller than desktop, but also landscape tablets */
@media all and (max-width: 979px), all and (max-device-width: 768px)
{
	.hidden-mobile { display:none !important; }
}

/* Everything smaller than desktop */
@media all and (max-width: 979px)
{
		
}

/* Phone in portrait orientation */
@media all and (max-width: 479px)
{
		.container
		{
			width:300px;
		}
		
		.half-back
		{
			margin-left:-150px;
		}
		
					.slide .written
					{
						margin-top:-22px;
					}
						
						#hero h1
						{
							font-size:1.25em;
						}
						
						#hero h1,
						.backgroundsize #hero h1
						{
							padding:15px 10px 10px;
							background-position:center -7px;
						}
						
							.bands span.h3
							{
								font-size:2em;
							}
							
					#footer .quarters
					{
						margin:30px 0 0;
					}
			
						#footer .quarter
						{
							width:100%;
							margin:0;
							clear:both;
							float:none;
						}
						
								#footer li
								{
									width:50%;
									float:left;
								}
						
					#footer p.pull-right
					{
						clear:both;
						float:none;
					}
					
		#rewards-form-wrap .container
		{
			width:300px;
		}
					
					#rewards-form .field.half
					{
						width:145px;
					}
}

@media all and (max-width: 567px)
{
					#main iframe
					{
						height:225px;
					}
					
						#main .gallery-item
						{
							width:220px;
						}
						
						#main article section.visual.small
						{
							width:100%;
							margin:0;
							float:none;
						}
}

@media all and (min-width: 480px) and (max-width: 759px)
{
				#main .left
				{
					clear:both;
				}
				
				#main .right
				{
					width:50%;
					float:left;
				}
}

/* Phone in landscape orientation (iPhone 3.5") */
@media all and (min-width: 480px) and (max-width: 567px)
{
		.container
		{
			width:450px;
		}
		
		.half-back
		{
			margin-left:-225px;
		}
		
					.slide .written
					{
						margin-top:-31px;
					}
						
						#hero h1
						{
							font-size:1.75em;
						}
						
						#hero h1,
						.backgroundsize #hero h1
						{
							padding:20px 15px 14px;
							background-position:center -5px;
						}
						
						.banded .container
						{
							padding:33px 0 0;
						}
						
							.bands span.h3
							{
								font-size:2.5em;
							}
							
							#footer .quarters
							{
						
							}
								
								#footer .quarter
								{
									width:220px;
								}
								
								#text-5
								{
									clear:both;
								}
								
					#footer p.pull-right
					{
						clear:both;
						float:none;
					}
}

/* Phone in landscape orientation and larger */
@media all and (min-width: 480px) and (max-width: 979px)
{
			
}

/* Phone in landscape (iPhone 4") */
@media all and (min-width: 568px) and (max-width: 759px)
{
		.container
		{
			width:540px;
		}
		
		.half-back
		{
			margin-left:-270px;
		}
		
					.slide .written
					{
						margin-top:-35px;
					}
						
						#hero h1
						{
							font-size:2.25em;
						}
						
						#hero h1,
						.backgroundsize #hero h1
						{
							padding:20px 15px 14px;
							background-position:center -5px;
						}
						
						.banded .container
						{
							padding:29px 0 0;
						}
						
							.bands span.h3
							{
								font-size:2.75em;
							}
							
					#main .right
					{	
						width:50%;
						float:left;
						clear:none;
					}
							
							#footer .quarters
							{
						
							}
								
								#footer .quarter
								{
									width:265px;
								}
								
						#text-5 
						{
							clear:both;
						}
}

@media all and (max-width: 759px)
{
						#main form .field.half,
						#main form .field.half.right
						{
							width:100%;
							float:none;
						}

							#main ul.thirds li
							{
								width:100%;
								display:block;
							}
							
}

/* Tablet in portrait orientation */
@media all and (min-width: 760px) and (max-width: 979px)
{
		.container
		{
			width:750px;
		}
		
		.half-back
		{
			margin-left:-375px;
		}
		
				#hero.short .slide,
				#hero.short .slide .visual,
				#hero.short .slide img
				{
					height:235px;
				}
				
						#hero.short .slide img
						{
							margin:0 0 0 -537px;
						}
					
					.slide .written
					{
						margin-top:-46px;
					}
				
						#hero h1
						{
							font-size:3.125em;
						}
						
						#hero h1,
						.backgroundsize #hero h1
						{
							padding:22px 25px 20px;
							background-position:center -5px;
						}
		
		.post-hero .thirds
		{
			margin:-55px auto 0;
		}
			
			.post-hero .third
			{
				width:240px;
			}
			
			.post-hero .third.middle
			{
				margin:0 15px;
			}
			
					#main .left
					{
						width:500px;
						float:left;
					}
					
					#main .right
					{
						width:235px;
						float:right;
					}
					
						#main form .field.half
						{
							width:245px;
						}
						
						aside.news .visual
						{
							width:300px;
							margin:0 15px 0 0;
							float:left;
						}
						
					#footer .quarters
					{
						
					}
			
						#footer .quarter
						{
							width:370px;
						}
						
						#text-5
						{
							clear:both;
						}
}

/* Tablet in landscape orientation */
@media all and (max-width: 479px)
{
						#main .gallery-item
						{
							width:100%;
						}
}

/* Desktop */
@media all and (min-width: 980px) and (min-device-width: 980px)
{
								#nav > li > a
								{
									padding:12px 7px;
								}
								
								#nav > li > a:hover,
								#nav > li:hover > a
								{
									background:#6F1316;
								}
								
								#nav ul
								{
									background:#6F1316;
									list-style:none;
									position:absolute;
									left:-100000px;
									z-index:5;
								}
								
								#nav > li:hover > ul
								{
									left:auto;
								}
								
									#nav ul li
									{
										background:#6F1316;
										
										-webkit-transition:all 0.3s ease-in-out;
										-moz-transition:all 0.3s ease-in-out;
										-ms-transition:all 0.3s ease-in-out;
										-o-transition:all 0.3s ease-in-out;
										transition:all 0.3s ease-in-out;
										-webkit-transform: translateZ(0);
									}
									
									#nav ul li:last-child
									{
										padding:0 0 10px;
										background:#6F1316 url(img/pattern/bg12.png) center 32px repeat-x;
									}
									
									.backgroundsize #nav ul li:last-child
									{
										background:#6F1316 url(img/pattern/bg12@2x.png) center 32px repeat-x;
										background-size:14px 18px;
									}
									
										#nav ul a
										{
											padding:4px 12px;
										}
										
									#nav ul li:hover,
									#nav ul li:last-child:hover
									{
										background-color:#9D1C20;
									}
	
	.hidden-desktop { display:none !important; }
}

img.aligncenter {
display: block;
margin: 0 auto;
}
#farmtofork ul {}
#farmtofork li {
position:relative;
padding-left: 90px;
padding-bottom: 30px;
margin-right: 20px;
list-style: none;
display: inline-block;
vertical-align: top;
background-size: 100px auto;
width: 350px;
}
#farmtofork li:before {
background: url('/wp-content/themes/harts-local-grocers/img/post-hero/farmtofork/bg.png') no-repeat;
background-size: 70px auto;
width: 70px;
height: 70px;
display: block;
position: absolute;
content: " ";
top: 0px;
left: 0px;
}
#farmtofork li.a:before{ background-position:0 10px; }
#farmtofork li.b:before{ background-position:0 -70px; }
#farmtofork li.c:before{ background-position:0 -145px; }
#farmtofork li.d:before{ background-position:0 -240px; }
@media all and (max-width:979px)
{
#farmtofork li {
width:250px;
}
}
@media all and (max-width:759px)
{
#farmtofork li {width: 220px; padding: 0 0 0 20px;}
#farmtofork li:before {display:none;}
}
@media all and (max-width:567px)
{
#farmtofork li {width: 100%; padding: 0;}
}

.woocommerce #product-959 #rpgc_to,
.woocommerce #product-959 .rpw_product_message,
.woocommerce #product-959 #rpgc_to_email,
.woocommerce #product-959 #rpgc_note
{ display:none;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #9D1C20;
  clear: both;
  margin-top: 20px;
}

.hidden { display:none !important; visibility:hidden; }
.invisible { visibility:hidden; }
.clearfix:before,
.clearfix:after
{
	content:" ";
	display:table;
}
.clearfix:after
{
	clear:both;
}
.clearfix
{
	*zoom:1;
}
.pull-left { float:left; }
.pull-right { float:right; }
.caps { text-transform:uppercase; }
.borderless { border:0; }
.vert-padding { padding: 30px 0 45px !important; }
.no-padding { padding:0 !important; }
.centered { text-align:center; }
.lefted { text-align:left; }
.righted { text-align:right; }
.clearer { clear:both; }
.clear-left { clear:left; }
ul.unstyled { list-style:none; }
ul.inline-blocked li { display:inline-block; }
.sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0; }