@charset "UTF-8";


/************************************************
*	CSS RESET									*
************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/************************************************
*	clearfix									*
************************************************/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}


/************************************************
*	AVOCA2									*
************************************************/

body {
	background: #fff;
	color: #000;
	font: 13px/15px "freight-text-pro", Times, Georgia, serif;
	font-weight: 400;
	font-style: italic; 
	
}

#container {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	padding: 0;
	text-align: center;
}

#content {
	width: 64%;
	max-width: 800px;
	margin: 20px 18% 0 18%;
}

#top {
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 16px 0;
/*	border-bottom: 2px #000 dotted; */
background: url(../img/dots.png) repeat-x center bottom;
}

#logo {
	margin: 0 auto;
	clear: none;
}

#instagram {
	clear: none;
	float: right;
}

#instagram a, #instagram a:visited {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

#instagram a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
	
	-moz-transition: all 0.2s ease-out; /* FF3.7+ */
	-o-transition: all 0.2s ease-out; /* Opera 10.5 */
	-webkit-transition: all 0.2s ease-out; /* Saf3.2+, Chrome */
	transition: all 0.2s ease-out;
}

.banner {
	max-width: 800px;
	font-size: 22px !important;
	line-height: 24px !important;
}

.banner img {
	width: 100%;
	height: auto;
}

.banner li { 
	list-style: none; 
}

.banner ul li { 
	float: left; 
}

.slick-slider {
	margin-bottom: 0 !important;
}

.slick-slide img {
	padding-bottom: 16px;
}

#blurb {
	font-size: 22px !important;
	line-height: 24px !important;
	margin: 0;
	width: 100%;
}

#footer {
/*	border-top: 2px #000 dotted; */
background: url(../img/dots.png) repeat-x center top;
	padding: 16px 0;
}

#spacer {
	display: block;
	width: 100%;
	clear: both;
	height: 24px; 
}

#about {
	width: 14%;
	padding: 0 2%;
	float: left;
	clear: none;
	color: #999;
	display: block;
}

#hours {
	width: 22%;
	padding: 0 2%;
	float: left;
	clear: none;
	display: block;
}

#enews {
	width: 16%;
	padding: 0 2%;
	float: left;
	clear: none;
	display: block;
}

#address, #contact {
	width: 14%;
	padding: 0 2%;
	float: left;
	clear: none;
	display: block;
}

#about-mobile {
	width: 96%;
	padding: 0 2%;
	float: left;
	clear: none;
	color: #999;
	display: none;
}

#address-mobile, #hours-mobile, #contact-mobile {
	width: 96%;
	padding: 0 2%;
	margin-bottom: 16px;
	float: left;
	clear: none;
	display: none;
}

a, a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #999;
}


/************************************************************************************
 SLICK SLIDER
*************************************************************************************/

.slick-prev, .slick-next {
	top: 42% !important;
	height: 30px !important;
	width: 30px !important;
	margin-top: -15px !important;
}

.slick-prev:before, .slick-next:before {  
	opacity: 1 !important; 
}

.slick-prev { left: -45px !important; }
.slick-prev:before { content: url("../img/arrow-prev.png") !important; }

.slick-next { right: -45px !important; }
.slick-next:before { content: url("../img/arrow-next.png") !important; }


/************************************************************************************
 MAILCHIMP
*************************************************************************************/

input, textarea {
	-moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

#mc_embed_signup form {
	padding: 0 !important;
}

#mc_embed_signup { 
	background: #fff; 
	clear: left; 
	font-family: "freight-text-pro", Times, Georgia, serif !important; 
	font-style: italic !important;
}

#mc_embed_signup form {
	text-align: center !important;
}

#mc_embed_signup label {
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 15px !important;
	padding: 0 !important;
}

#mc_embed_signup input.email {
	text-align: center !important;
	font-family: "freight-text-pro", Times, Georgia, serif !important;
	font-style: italic !important;
	padding: 0 !important;
	margin: 2px auto 1px auto !important;
	width: 120px !important;
	min-width: 120px !important;
	border: none;
	color: #FFF !important;
	background-color: #bfbfbf;
	font-size: 13px !important;
	line-height: 15px !important;
	text-indent: 0 !important;
}

::-webkit-input-placeholder {
    color: #FFF !important;
}
:-moz-placeholder {
   color: #FFF !important;
}
::-moz-placeholder {
    color: #FFF !important;
}
:-ms-input-placeholder {
    color: #FFF !important;
}

#mc_embed_signup .button {
	background-color: #FFF !important;
	border-radius: none !important;
	color: #000 !important;
	font-family: "freight-text-pro", Times, Georgia, serif !important;
	font-size: 13px !important;
	line-height: 15px !important;
	font-weight: normal !important;
	font-style: italic !important;
	height: 15px !important;
	margin: 0 !important;
}

#mc_embed_signup .button:hover {
	background-color: #FFF !important;
	border-radius: none !important;
	color: #000 !important;
	color: #999 !important;
}

#mc_embed_signup input.button {
	width: 100% !important;
}


/************************************************************************************
 MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1024px) {
	
	#content {
		width: 80%;
		margin: 20px 10% 0 10%;
	}
}


@media screen and (max-width: 768px) {
	
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	body {
		width: 100%;
		max-width: 100%;
	}
	
	#content {
		width: 92%;
		margin: 20px 2% 0 4%;
	}
	
	#about, #address, #hours, #contact {
		display: none;
	}
	
	#enews {
		margin-bottom: 16px;
	}
	
	#about-mobile, #address-mobile, #hours-mobile, #contact-mobile {
		display: block;
	}
	
	#enews {
		width: 96%;
	}
	
	.slick-prev, .slick-next {
		top: 42% !important;
		height: 15px !important;
		width: 15px !important;
		margin-top: -7px !important;
	}
	
	.slick-prev { left: -20px !important; }
	.slick-prev:before { content: url("../img/arrow-prev_mobile.png") !important; }
	
	.slick-next { right: -20px !important; }
	.slick-next:before { content: url("../img/arrow-next_mobile.png") !important; }
	
}


@media screen and (max-width: 420px) {
	
	.slick-prev, .slick-next, .slick-prev:before, .slick-next:before {
		display: none;
	}
	
	#blurb {
			margin: 0 0 16px 0;
	}
	
}


@media screen and (max-width: 360px) {
	
	#content {
		width: 88%;
		margin: 20px 6% 0 6%;
	}
}