/* LupuloSC.com - Out West Branding - 4/1/14 */

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea { }

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/*-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
/*body {font: 13px Helmet, Freesans, sans-serif;}*/
body {font-family: 'Alegreya Sans', sans-serif/*'Oswald'*/;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

body, select, input, textarea {color: #000000;}

a { color: #4d0460; text-decoration: none; }
a:hover { color: #4d0460; text-decoration: underline; }

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #4d0460;} 

ins {background-color: #4d0460; color: #000; text-decoration: none;}
mark {background-color: #4d0460; color: #000; font-style: italic; font-weight: bold;}

.breakerNone { clear: both; }
.breakerMin { clear: both; padding-bottom: 15px; }
.breakerMed { clear: both; padding-bottom: 35px; }
.breakerMax { clear: both; padding-bottom: 50px; }

.clear { clear: both; }

body { background: url('_/img/bottle.png') 95% 90% no-repeat; }

#head_wrap {
	background: url('_/img/header-bg.png') bottom left repeat-x #ffffff;
	width: 100%;
	padding-top: 10px;
	}

header {
	max-width: 980px;
	background: url('_/img/hop-bg.gif') 85% 15% no-repeat;
	height: 220px;
	margin: 0 auto;
	position: relative;
	text-align: right;
	}

#logo { width: 260px; height: 200px; position: absolute; margin-left: 15px; z-index: 5; }

#logo a, #logo a:hover { border: 0; display: block; }

#addressBar { position: absolute; bottom: 0; width: 100%; height: 45px; background-color: #2f1f48; }

#addressBar p { position: absolute; right: 0; top: 25%; color: #ffffff; font-size: 1.2em; }

#top_nav { text-align: right; margin: 1em 0; display: inline-block; }

#top_nav ul { display: inline-block; vertical-align: middle; }

#top_nav ul li { display: inline-block; width: 50px; height: auto; }

#top_nav ul li a { display: block; margin: 0 5px; }

#searchform { display: inline-block; vertical-align: middle; }

#searchform label { visibility: hidden; }

#searchform #s {
	width: 107px;
	height: 24px;
	padding: 0px 10px;
	background: url(_/img/search-bg.png) top left no-repeat;
	border: none;
	color: #0277a2;
	}

#searchform #searchsubmit { border: none; background-color: transparent; color: #0277a2; font-size: 13px; font-weight: 400; }

#head_wrap nav { width: auto; height: auto; text-align: right; position: relative; margin-top: 2em; }

#section_header { width: 100%; height: auto; background-color: #33b44a; text-align: center; }

#page_header { width: 100%; height: auto; background-color: #626366; text-align: left; }

#home_banner { margin: 0 auto; overflow: hidden; background-color: rgba(220,220,220,.5); border-bottom: 1px solid #2f1f48; }

#page_banner { margin: 0 auto; overflow: hidden; background-color: #ffffff; }

#home_banner .overlay { width: 48%; background: url('_/img/overlay-bg.png') top right repeat; position: absolute; right: 0; top: 100px; text-align: left; padding: 1.5em 2em; }

#home_banner .credit {
	width: 30%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	padding: .5em;
	font-size: .8em;
	font-style: normal;
	font-weight: 400;
	color: #ffffff;
	margin: 0;
	}

#home_banner img,
#school_banner img,
#page_banner img { display: block; margin: 0 auto; height: auto; }

.flexslider li { list-style: none; position: relative; }

.hidden { display: none; }

ol.flex-control-nav { display: none; position: absolute; bottom: 25px; width: 100%;height: auto; text-align: center; padding: 0; }

ol.flex-control-nav li { display: inline-block; width: 20px; height: 20px; margin: 0 2px; }

ol.flex-control-nav li a { display: block; width: 20px; height: 20px; background: url('_/img/bullet-off.png') no-repeat; color: transparent; cursor: pointer; }

ol.flex-control-nav li a.flex-active { background: url('_/img/bullet-on.png') no-repeat; }

ul.flex-direction-nav { display: none; position: absolute; top: 40%; width: 100%; }

ul.flex-direction-nav li { display: inline-block; }

ul.flex-direction-nav li:first-of-type { float: left; }

ul.flex-direction-nav li a { display: block; width: 35px; height: 35px; color: transparent; }

ul.flex-direction-nav li:first-of-type a { background: url('_/img/arrow-left.png') no-repeat; }

ul.flex-direction-nav li:last-of-type a { background: url('_/img/arrow-right.png') no-repeat; }

#home_banner .overlay h1 {
	font-size: 2em;
	font-style: normal;
	font-weight: 400;
	color: #ffffff;
	margin: 0 0 10px;
	}

#home_banner .overlay h2 {
	font-size: 1.8em;
	font-style: normal;
	font-weight: 400;
	color: #33b44a;
	text-transform: uppercase;
	margin: 0;
	}

#home_banner .overlay p {
	font-size: 1.2em;
	font-style: normal;
	font-weight: 400;
	color: #ffffff;
	margin: 0;
	}

#home_banner h1,
#single-column h1 {
	font-size: 2em;
	font-weight: 700;
	color: #4d0460;
	margin: 15px 0;
	line-height: 1em;
	}

#home_banner h1 strong { display: block; }

#single-column h1 { margin: 15px 0 25px; }

#home_banner h2,
#single-column h2 {
	font-size: 1.5em;
	font-weight: 400;
	font-style: italic;
	color: #000000;
	margin: 15px 0;
	line-height: 1.1em;
	width: 75%;
	}

#home_banner p {
	font-size: 1.6em;
	font-weight: 400;
	color: #000000;
	margin: 15px 0;
	line-height: 1.2em;
	width: 80%;
	}

.content { width: 1000px; height: auto; margin: 0 auto; position: relative; }

#home_headline { width: 100%; background-color: #626366; padding: 40px 0px; text-align: left; }

#home_headline h1 { margin: 0px; color: #ffffff; line-height: 1.4em; font-size: 1.5em; font-weight: 400; }

.content p { color: #747272; margin: 10px 0; font-size: 1.1em; line-height: 1.4em; }

.content a { font-weight: 600; }

#section_header p { color: #ffffff; font-size: 1.5em; font-weight: 600; text-transform: uppercase; padding: 10px 0; }

#page_header p { color: #ffffff; font-size: 1.5em; font-weight: 600; text-transform: uppercase; padding: 10px 0; margin: 0; }

#home_lower { width: 100%; height: auto; padding: 30px 0; }

#home_lower img { border: 1px solid #4d0460; width: 100%; }

#home_lower a { display: block; color: #000000; }

#home_lower h2 { font-size: 1.5em; font-weight: 400; color: #000000; margin: 10px 0; text-transform: uppercase; text-align: left; }

#home_lower p { color: #3a474b; border-top: 1px solid #cccccc; padding-top: 5px; width: 80%; margin: 0 auto; }

#home_lower p a { color: #4d0460; font-weight: 400; }

#home_lower .widget-wrapper { width: 31%; display: inline-block; vertical-align: top; text-align: center; margin: 0 1%; }

iframe#calendar { width: 100%; height: 550px; }

#page_content { width: 100%; height: auto; background-color: transparent; padding: 0px; }

#single-column { width: 100%; padding: 15px 0px; vertical-align: top; min-height: 27em; }

.news_date { font-weight: bold; }

#page_content .entry { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; }

#page_content .entry:last-child { margin-bottom: 30px; border-bottom: none; }

#left_column { width: 680px; display: inline-block; padding: 35px 0px 25px 0px; background-color: #ffffff; vertical-align: top; min-height: 25em; }

#right_column { width: 255px; display: inline-block; padding: 35px 10px 25px 35px; background-color: #f7f5f5; vertical-align: top; }

#left_column table { margin: 10px 35px 10px 25px; }

#left_column p, div.wp-caption { color: #8d8d8d; margin: 10px 35px 10px 25px; }

#left_column ul { list-style: disc outside none; }

#left_column ul, #left_column ol { margin: 1.5em 0; }

#left_column ul li, #left_column ol li { color: #8d8d8d; margin: 10px 35px 10px 45px; font-size: 1.1em; line-height: 1.4em; }

#left_column p.btn-top { clear: left; }

#left_column p.wp-caption-text { background-color: transparent; margin: 10px 0; text-align: center; }

#left_column h2 { color: #00b598; margin: 30px 35px 10px 25px; text-transform: uppercase; font-size: 1.3em; }

#left_column h2:first-child { margin-top: 10px; }

#left_column h2 a { color: #00b598; }

#left_column img { display: block; margin: 0 auto; height: auto; }

#left_column img.alignleft, #left_column div.alignleft { float: left; margin-right: 25px; margin-bottom: 25px; }

#left_column img.alignnone, #left_column div.alignnone { float: none; margin: 10px auto; }

#left_column img.alignright, #left_column div.alignright { float: right; margin-left: 25px; margin-bottom: 25px; }

#left_column .news_date p { color: #8d8d8d; margin: 5px 0px 5px 25px; font-weight: 600; }

#left_column .entry,
#right_column ul { margin-bottom: 30px; }

#recent-posts-2 li { margin: 10px 0; }

#recent-posts-2 a { color: #231F20; }

#foot_wrap { width: 100%; height: auto; border-top: 1px solid #4d0460; background-color: rgba(239,239,239,0.70); }

footer { width: 980px; padding: 25px 0; margin: 0 auto; text-align: left; }

footer li { list-style: none; }

#foot_wrap nav ul li { width: auto; display: inline-block; vertical-align: top; margin-right: 30px; list-style: none; font-size: 14px; padding: 0; }
#foot_wrap nav ul li.last { margin-right: 0px; }

#foot_wrap nav ul li.hover,
#foot_wrap nav ul li:hover { background-color: transparent; }

#foot_wrap nav ul li a		{ color: #444444; font-weight: 600; text-decoration: none; }

#foot_wrap nav ul li a:hover,
#foot_wrap nav ul li a:focus,
#foot_wrap nav ul li a.active			{ color: #4d0460; }

footer p { margin: 5px 0; color: #444444; }

footer.meta { width: 100%; margin: 5px 0 15px; padding: 5px 25px; color: #A6A8AB; background-color: #edf9fe; clear: right; }

.postmetadata { width: 623px; margin: 10px 0; padding: 5px; color: #A6A8AB; background-color: #edf9fe; clear: right; }

.breadcrumb { color: #A6A8AB; margin: 10px 0; font-size: 12px; }

.navigation a { margin: 15px; display: block; }

.small { font-size: 80%; }

.left { float: left; }

.right { float: right; }

.middle { vertical-align: middle; }

.center { width: 100%; text-align: center; }

.margRight { margin: 1em 1em 1em 0; }

.margLeft { margin: 1em 0 1em 1em; }

.ai1ec-date { background: none !important; }

.ai1ec-container { padding: 0px 25px; }

.ai1ec-calendar-toolbar { display: none; }

.timely .pull-right { margin: 1em; }


/* On Tap page - Powered by BeerMenus.com */

#menu_widget {
	max-width: none !important;
	font-size: 1.3em;
}

#menu_widget p:first-child {
    margin: 0px 0px 8px 0px;
    border-right: 1px solid #ccc;
    padding-right: 15px;
}

#menu_widget p {
    margin-left: 15px;
    display: inline-block;
}

#menu_widget caption {
	display: none;
}

#menu_widget thead {
	background-color: #444;
}

#menu_widget th {
	background-color: none;
	border-bottom: none !important;
}

#menu_widget tr {
    border-bottom: 1px solid #DDD !important;
}

#menu_widget td {
    border-bottom: none !important;
    padding: 0.6em 0.6em !important;
}




/* On Tap page - NO LONGER USED */

#beer-list {
	margin: 1.5em 0;
	font-size: 1.3em;
}

.beer-on-tap {
	margin-top: .5em;
	padding-bottom: .5em;
	border-bottom: 2px dotted #4D0460;
}

.beer-on-tap.last {
	border-bottom: none;
}

.brewery, .beer-name, .abv, .price, .pour {
	padding: 0 1em;
	vertical-align: middle;
	text-align: left;
}

.brewery { text-align: left; }

.beer-name {
	width: 55%;
	display: inline-block;
	text-align: left;
	font-weight: bold;
}
.abv {
	width: 15%;
	display: inline-block;
	text-align: right;
}
.price {
	width: 15%;
	display: inline-block;
	text-align: right;
}
.pour {
	width: 10%;
	display: inline-block;
	text-align: center;
}


/* Menu page */

#lunch-menu {
	display: block;
	text-align: center;
}
#dinner-menu {
	display: block;
	text-align: center;
}

.food-menu { font-size: 1.3em; }

.inline-img { display: inline-block; margin-right: 1em; width: 40%; }

.inline-img img { display: block; }

#menu-nav {
	display: inline-block;
	vertical-align: top;
	width: 55%;
}

#menu-nav p {
	padding-left: 1.5em;
}

#menu-nav a {
	color: #666666;
	padding: 0 1em;
	text-align: center;
	font-size: 1.5em;
	cursor: pointer;
}

#menu-nav a.selected { color: #4D0460; }

.menu-header {
	margin: 1em auto 0;
	padding-bottom: .5em;
	border-bottom: 1px solid #CCCCCC;
	width: 60%;
	font-weight: 700;
	font-size: 1.1em;
}
.lunch-menu-item, .dinner-menu-item {
	margin: 1em 0px .5em;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
.menu-description { margin: .5em 0 1em; }
.menu-note {
	text-align: center;
	margin: 1em 0;
	font-style: italic;
}
#tapas-lunch, #ensalada-lunch, #sandwiches-lunch, #tapas-dinner, #ensalada-dinner, #sandwiches-dinner, #dulce-dinner {
	margin-bottom: 2em;
}

/* About Us page */

.image-strip {
	display: flex;
	height: 275px;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 25px;
}

.img-vert {
	flex: 0 1 auto;
}

.img-horiz {
	flex: 0 1 auto;
	display: inline-block;
}

.img-vert img {
	height: 100%;
	width: 100%;
	max-height: 100%;
}

.img-horiz img {
	height: 100%;
	width: 100%;
	max-height: 100%;
}


/* Gallery page */

.ngg-galleryoverview {
	padding: 1em;
}

.ngg-gallery-thumbnail-box {
	float: none;
	display: inline-block;
	margin: 0 1em;
}

#fancybox-close {
	display: block !important;
}


/* Location page */

#locationInfo {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin-right: 1em;
	border-right: 1px solid #4D0460;
}

#locationInfo p {
	font-weight: bold;
}

#wpcf7-f44-o1 {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#contactTbl {
	width: 100%;
	font-weight: bold;
}
#contactTbl div {
    display: inline-block;
	padding: 10px;
	width: 100%;
}
#contactTbl div div, #contactTbl div div div {
	padding: 0;
}
#contactTbl div.single-left {
    width: 42%;
	margin-right: 5px;
}
#contactTbl div.single-right {
    width: 42%;
	clear: right;
}
#contactTbl input, #contactTbl textarea {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    padding: 4px;
	width: 95%;
}
#contactTbl input:hover, #contactTbl textarea:hover, #contactTbl input:focus, #contactTbl textarea:focus {
    border: 1px solid #C9C9C9;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
#contactTbl input.wpcf7-submit {
    background-color: #4D0460;
    color: #FFFFFF;
    cursor: pointer;
	font-size: .8em;
    font-weight: bold;
    padding: 3px 10px 5px;
    text-align: center;
    width: 7em;
}

#instagram-feed { margin-bottom: 25px; padding-bottom: .5em; border-bottom: 1px solid #cccccc; }


/* Media queries!
-------------------------------------------------------------------------------*/

/* @media screen and (min-width: 1024px) { */
	
.phone { display: none !important; }

#home_feature .content { width: 70%; height: auto; position: relative; margin: 0; left: 0; }

#home_banner .copy { width: 31%; display: inline-block; margin-top: 2%; }

#slider { width: 100%; position: relative; text-align: right; display: inline-block; vertical-align: top; }

#slider img { float: right; width: auto !important; }

/* jQuery dropdown menu ********************************************************/

nav ul#menu-top-navigation.menu { margin: 0 auto; }

nav ul#menu-top-navigation.menu li {
	display: inline-block;
	position: relative;
	padding: 1em;
	}

nav ul#menu-top-navigation.menu li a { 
	display: block;
	color: #000000;
	font-size: 1.6em;
	font-weight: 700;
	text-decoration: none;
	}

nav ul#menu-top-navigation.menu li a.hover,
nav ul#menu-top-navigation.menu li a:hover	{ text-decoration: none; color: #4d0460; }

/* } */

@media only screen and (max-width: 1023px) {
	.img-horiz img { width: auto; }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	
.desktop, .phone { display: none !important; }

body { text-align: center; width: 100%; }

.wrapper { 
	max-width: 1023px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	overflow: hidden;
	text-align: left;
	}

.content { width: 94%; }

#home_banner h1 { font-size: 1.9em; margin: 0; }

#single-column h1 { font-size: 1.9em; }

#home_banner h2,
#single-column h2 { font-size: 1.4em; width: 90%; }

#home_banner p { font-size: 1.2em; width: 95%; }

#addressBar p { right: 15px; }

#home_lower h2,
#sb_instagram .sb_instagram_header p { font-size: 1.4em !important; }

#home_lower p { width: 100%; text-align: left; }

.ngg-galleryoverview { padding: 0; }

.ngg-gallery-thumbnail-box { margin: 0 5px 0 0; width: 32.5%; }

.ngg-gallery-thumbnail img { width: 92%; height: auto; }

#locationInfo iframe { width: 95%; }

#contactTbl input, #contactTbl textarea { width: 90%; }

footer { width: 90%; padding-left: 2em; }

/* jQuery dropdown menu ********************************************************/

nav ul#menu-top-navigation.menu {  margin: 0 auto; }

nav ul#menu-top-navigation.menu li { padding: 15px 2%; }

nav ul#menu-top-navigation.menu li a { font-size: 1.4em; }
}

@media only screen and (max-width: 767px) and (min-width: 470px) {
	
.desktop, .tablet { display: none !important; }

body { text-align: center; width: 100%; }

.wrapper { 
	max-width: 767px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	overflow: hidden;
	text-align: left;
	}
	
#head_wrap { padding-top: 0; }

#logo { width: 33%; height: auto; text-align: left; }

#top_nav { display: block; margin-top: .5em; }

#addressBar p { right: 15px; }

.content { width: 90%; }

#home_banner .content { width: 90%; margin: 0 auto; }

#home_banner .copy { width: 100%; }

#home_banner h1 { font-size: 1.9em; margin: 0; }

#home_banner h1 strong { display: inline; }

#single-column h1 { font-size: 1.9em; }

#home_banner h2,
#single-column h2 { font-size: 1.4em; width: 100%; }

#home_banner p { font-size: 1.2em; width: 100%; }

#slider { width: 100%; position: relative; }

#slider img { float: right; height: auto; width: 100% !important; }

#home_lower .content { width: 95%; text-align: center; }

#home_lower p { width: 100%; text-align: left; }

#single-column img { float: none !important; display: block !important; margin: 1em auto !important; }
	
#single-column .image-strip img { margin: 0 !important; }

#left_column { width: 100%; }

#home_lower h2,
#sb_instagram .sb_instagram_header p { font-size: 1.3em !important; }

.ngg-galleryoverview { padding: 0; }

.ngg-galleryoverview br { display: none; }

.ngg-gallery-thumbnail-box { margin: 0 5px 0 0; width: 32%; min-width: 180px; }

.ngg-gallery-thumbnail img { width: 92%; height: auto; }
	
.image-strip { height: 200px; }

#locationInfo { display: block; width: 100%; border-right: 0; }

#locationInfo iframe { width: 95%; }

#wpcf7-f44-o1 { width: 90%; display: block; margin: 25px auto 0; }

#contactTbl div { width: 95% }

#contactTbl textarea { width: 90% !important; }

footer { width: 100%; text-align: center; }

/* jQuery dropdown menu ********************************************************/

#head_wrap nav {
	width: 100%;
	position: absolute;
	bottom: 45px;
	margin: 0;
}
	
nav ul#menu-top-navigation.menu { margin: 0 auto; }

nav ul#menu-top-navigation.menu li { padding: .5em; }

nav ul#menu-top-navigation.menu li a { font-size: 1.4em; }

nav ul#menu-top-navigation.menu li.hover,
nav ul#menu-top-navigation.menu li:hover { text-decoration: none; }

}

@media screen and (max-width: 599px) {

#home_lower .widget-wrapper { width: 80%; margin: 0 auto; }

.image-strip { height: 150px; }

}

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 469px) {

	
.desktop, .tablet { display: none !important; }

body { text-align: center; width: 100%; }

.wrapper { 
	max-width: 480px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	overflow: hidden;
	text-align: left;
	}

#head_wrap { padding-top: 0; }

header { height: auto; }

.mobile-wrap { display: block; }

#logo { width: 55%; height: auto; text-align: left; position: relative; }

#top_nav { display: block; top: .5em; position: absolute; right: .5em; margin-top: 0; }

#top_nav ul li a { margin: 0px; }

#addressBar { position: relative; height: 60px; }

#addressBar p { position: relative; text-align: center; right: 0; top: 7px; }

.content { width: 90%; }

#home_banner .content { width: 100%; margin: 0 auto; }

#home_banner .copy { width: 100%; text-align: center; }

#home_banner h1 { font-size: 1.9em; margin: 0; }

#home_banner h1 strong { display: inline; }

#single-column h1 { font-size: 1.9em; text-align: center; margin: 10px 0 15px; }

#home_banner h2,
#single-column h2 { font-size: 1.4em; width: 100%; text-align: center; }

#home_banner p { font-size: 1.2em; width: 100%; }

#slider { width: 100%; position: relative; }

#slider img { float: right; height: auto; width: 100% !important; }

#home_lower .content { width: 95%; text-align: center; }

#home_lower .widget-wrapper { width: 80%; margin: 25px auto 0; }

#instagram-feed { margin-bottom: 0; }

#single-column img { float: none !important; display: block !important; margin: 1em auto !important; }
	
#single-column .image-strip img { margin: 0 !important; }

#left_column { width: 100%; }
	
.inline-img { display: block; margin-right: 0; width: auto; }

#menu-nav {
	display: block;
	vertical-align: top;
	width: auto;
}

#menu-nav .link-container { text-align: center; }

#menu-nav p { padding-left: 0; text-align: center; }

.ngg-galleryoverview { padding: 0; }

.ngg-galleryoverview br { display: none; }

.ngg-gallery-thumbnail-box { margin: 0 auto !important; width: 100%; display: block; text-align: center; }

.ngg-gallery-thumbnail { float: none !important; }
	
.image-strip { flex-direction: column; height: auto; }

.image-strip .img-horiz { display: none; }

#locationInfo { display: block; width: 100%; border-right: 0; text-align: center; }

#locationInfo iframe { width: 95%; }

#wpcf7-f44-o1 { width: 100%; margin-top: 25px; }

#contactTbl { width: 90%; margin: 0 auto; }

#contactTbl textarea { width: 90% !important; }

#contactTbl div.single-left {
    width: 90%;
	display: block;
	margin: 0 auto;
	clear: right;
}
#contactTbl div.single-right,
#contactTbl div.double {
    width: 90%;
	display: block;
	margin: 0 auto;
}

#contactTbl div.g-recaptcha {
	display: inline-block;
	width: auto;
}

footer { width: 100%; text-align: center; }

/* jQuery dropdown menu ********************************************************/

#head_wrap nav {
	width: 100%;
	position: relative;
	bottom: 0;
	margin: 0;
}
	
nav ul#menu-top-navigation.menu { margin: 0 auto; }

nav ul#menu-top-navigation.menu li { display: block; width: 100%; padding: .5em 0; text-align: center; border-top: 2px solid #CCCCCC; }

nav ul#menu-top-navigation.menu li a { font-size: 1.4em; }

nav ul#menu-top-navigation.menu li.hover,
nav ul#menu-top-navigation.menu li:hover { text-decoration: none; background-color: rgba(204,204,204,0.7); }

}