/*
Theme Name: Skillet
Theme URI: http://www.skilletstreetfood.com
Author: Yak
Author URI: http://www.yakmade.com
Description:
Version: 2.0
Text Domain: skillet
Tags:
*/

/*--------------------------------------------------------------
init/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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	height: 100%;
/* 	overflow-y: scroll; */
	overflow-x: hidden;
}

body {
	color: #333;
	background-color: white;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	font-family: 'roboto', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 1.3125em;
	margin: 0;
	padding: 0;
/* 	overflow-x: hidden; */
	min-height: 100%;
}

/*
::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    margin-right: 5px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.85);
}

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }
*/

.wrapper {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;

	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

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

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


/*--------------------------------------------------------------
decorative
--------------------------------------------------------------*/

::selection {
	background-color: #ff5000;
	color: #fff;
}
::-moz-selection {
	background-color: #ff5000;
	color: #fff;
}


.noscroll {
	overflow: hidden;
}

.locked {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: fixed;
}

ul.content {
	margin: 0;
	padding: 0;
	list-style: none;
}


/*--------------------------------------------------------------
links and buttons
--------------------------------------------------------------*/

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

* {
	-ms-touch-action: manipulation; /* IE10  */
	touch-action: manipulation;     /* IE11+ */
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
	text-decoration: underline;
}

img {
	border: 0;
}



/*--------------------------------------------------------------
header + menu
--------------------------------------------------------------*/

body > header {
	width: 100%;
}

	/* custom background pages */
	body.custom_background > header {
		background-color: white;
	}

	body > header nav {
		display: none;
		width: 100%;
	}


/* mobile menu only */
#overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 8999;
	-webkit-backdrop-filter: grayscale(40%);
}

.mobile.menu {
	display: none;
	position: absolute;
	top: 4em;
	right: 0;
	z-index: 9001;
	background-color: rgba(0,32,45, 0.9);
	padding: 1em 4em 2em 4em;
	margin-right: -100%;
	max-height: 100%;
	max-height: calc(100% - 4em);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-backdrop-filter: blur(10px);
}

	.mobile.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.mobile.menu > ul > li > ul > li > a {

		margin: 0;
		padding: 0.25em 0;

		margin-top: -0.25em;
		font-size: 0.85em;
	}

	.mobile.menu ul > li > a {
		font-size: 1.25em;
		line-height: 150%;
		color: white;
		font-weight: 700;
		display: block;
		padding: 0.5em 0 0.25em 0;
	}

	.mobile.menu a,
	.mobile.menu a:active,
	.mobile.menu a:visited {
		text-decoration: none;
		color: white;
	}


/* menu height for desktop */
@media screen and (min-width: 720px) {
	body > header nav {
		height: auto !important;
	}
}

	nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		body > header nav ul li a,
		body > header nav ul li a:visited {
			display: block;
			text-align: center;
			font-size: 2.5em;
			line-height: 2em;
			font-weight: 700;
/* 			text-transform: lowercase; */
			color: white;
		}

			body > header nav ul li a:hover,
			body > header nav ul li a:visited:hover {
				text-decoration: none;
			}

body.home > header {
	/* fixed header for landing */
/* 	position: absolute; */
/* 	top: 0; */
/* 	z-index: 9001; */

position: relative;
top: 0;
z-index: 9001;


}
body.home > header.open {
	height: 100%;
}

/*--------------------------------------------------------------
subnav
--------------------------------------------------------------*/

body > aside nav {
	display: none;
}


/*--------------------------------------------------------------
X mobile menu button
--------------------------------------------------------------*/
.lines-button {
	display: block;
	margin: 0;
	padding: 2rem;
	width: 0;
	height: 0;
	transition: 0.3s;
	cursor: pointer;
	border: none;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 9000;
}

/* main "center" line */
.lines {
	display: inline-block;
	width: 2.5rem;
	height: 0.4rem;
	background: #333;
	transition: 0.3s;
	position: relative;
	left: -1.25rem;
	top: -0.75rem;
}

/* lines above and below main line */
.lines:before, .lines:after {
	display: inline-block;
	width: 2.5rem;
	height: 0.4rem;
	background: #333;
	transition: 0.3s;
	position: absolute;
	left: 0;
	content: '';
/*
	-webkit-transform-origin: 1.5rem center;
	transform-origin: 1.5rem center;
*/


}
.lines:before {
	top: 0.75rem;
}
.lines:after {
	top: -0.75rem;
}

.lines-button.close {
	background-color: rgba(0, 79, 110, 1);
/* 	background-blend-mode: multiply; */
	border-radius: 0;
	-webkit-border-radius: 0;
}

.lines-button.x.close .lines {
	background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 2.5rem;

/* 	left: -0.125rem; */

}
.lines-button.x.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	background-color: #fff;
}
.lines-button.x.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	background-color: #fff;
}


.home .lines,
.home .lines:before,
.home .lines:after {
	background: white;
}

/*--------------------------------------------------------------
sectional slideshows
--------------------------------------------------------------*/
section.slideshow {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: -2rem;
}
	section.slideshow ul.slides .rsOverflow,
	section.slideshow ul.slides .rsOverflow * {
		height: 10em !important;
	}
		section.slideshow ul.slides li {
			background-size: cover;
			background-position: center center;
			-webkit-box-shadow:inset 0 0 16px 0 rgba(0,0,0,0.125);
			box-shadow:inset 0 0 16px 0 rgba(0,0,0,0.125);
		}

@media screen and (min-width: 720px) {
	section.slideshow ul.slides .rsOverflow,
	section.slideshow ul.slides .rsOverflow * {
		height: 16em !important;
	}
	section.slideshow ul.slides .rsOverflow .rsArrow { height: 87px!important; }
}


/*--------------------------------------------------------------
split sections
--------------------------------------------------------------*/

@media screen and (min-width: 720px) {
	div.split {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		padding-bottom: 2em;
	}
	div.split > div {
		width: 50%;
	}
	div.split > div:last-child {
		margin-left: 2em;
	}
	div.split > div:last-child h3:first-child {
/* 		margin-top: 0; */ /* got rid of this because other splits are broken in this specific styling */
	}
}

/*--------------------------------------------------------------
static map
--------------------------------------------------------------*/
#mapbox.static * {
	cursor: default;
}
	#mapbox.static a {
		cursor: pointer;
	}

/*--------------------------------------------------------------
main content area
--------------------------------------------------------------*/

main {
	display: table;
	width: 100%;
	margin-top: 1rem;
	color: #333;
	background-color: #f1f1f1;
}

body.home main {
	margin-top: 0;
}


/* downward bounce arrow */

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  40% {
    -moz-transform: translate3d(-50%, -3em, 0);
    transform: translate3d(-50%, -3em, 0);
  }
  60% {
    -moz-transform: translate3d(-50%, -1.5em, 0);
    transform: translate3d(-50%, -1.5em, 0);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(-50%, -3em, 0);
    transform: translate3d(-50%, -3em, 0);
  }
  60% {
    -webkit-transform: translate3d(-50%, -1.5em, 0);
    transform: translate3d(-50%, -1.5em, 0);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  40% {
    -moz-transform: translate3d(-50%, -3em, 0);
    -ms-transform: translate3d(-50%, -3em, 0);
    -webkit-transform: translate3d(-50%, -3em, 0);
    transform: translate3d(-50%, -3em, 0);
  }
  60% {
    -moz-transform: translate3d(-50%, -1.5em, 0);
    -ms-transform: translate3d(-50%, -1.5em, 0);
    -webkit-transform: translate3d(-50%, -1.5em, 0);
    transform: translate3d(-50%, -1.5em, 0);
  }
}

.arrow {
	position: absolute;
	top: -3em;
	left: 50%;
	width: 3em;
	height: 3em;
	background-image: url('images/skillet_down_arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	cursor: pointer;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}




/* ribbons under slider */

h1.referral,
li.feed-item.juicer.image-post.juicer {
	display: none !important;
}

.ribboncontainer {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 100%;
	width: 100%;
}

.ribbon {
	display: block;
	width: 100%;
}
	.ribbon .wrapper {
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}

	.ribbon.grey {
		background-color: #f1f1f1;
		color: #333;
	}
	.ribbon.blue {
		background-color: #004f6e;
		color: #fff;
	}
	.ribbon.orange {
		background-color: #ff5001;
		color: #fff;
	}
	.ribbon.green {
		background-color: #aec559;
		color: #fff;
	}

	.ribbon h2 {
		margin-top: 0;
		font-size: 1.65em;
	}

/* social ribbon */
.ribbon .social.btn {
	display: inline-block;
	/*margin: 0 1em 1em 0;*/
/* 	background-color: #ff5000; */
/* 	color: white; */
	text-decoration: none;
	/*padding: 0.5em;
	width: 44%;*/
	text-align: center;
}
	.ribbon .social .icon {
		display: block;
		font-family: 'skillet-icons';
		font-size: 2em;
		/*margin: 0.25em 0;*/
	}

	.ribbon .tweet {
		position: relative;
	}

	.ribbon .tweet::before {
		font-size: 0.5em;
		display: block;
		content: "";
		position: absolute;
		left: -1em;
		top: 2.5em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1em 1em 1em 0;
		border-color: transparent white transparent transparent;
	}

	.ribbon .tweet .content {
		background-color: white;
		border-radius: 0.5em;
		padding: 1em;
	}
		.ribbon .tweet .content h4 {
			margin: 0;
			color: #666;
			font-size: 0.8em;
		}

.social.btn 				{ background: none!important; color: #f05423!important; border: none!important; font-size: 18px!important;padding: 0!important; margin: 0 1em 1em 0;}
.social.btn:hover 			{ color: #f05423; background: none!important; border: none!important;}
.social.btn .fb 			{ background: url('images/icon_facebook.png'); display: inline-block; width: 90px; height: 90px; }
.social.btn .fb:hover 		{ background: url('images/icon_facebook_r.png'); display: inline-block; width: 90px; height: 90px; }
.social.btn .tw 			{ background: url('images/icon_twitter.png'); display: inline-block; width: 90px; height: 90px;}
.social.btn .tw:hover 		{ background: url('images/icon_twitter_r.png'); display: inline-block; width: 90px; height: 90px; }
.social.btn .ins 			{ background: url('images/icon_instagram.png'); display: inline-block; width: 90px; height: 90px; }
.social.btn .ins:hover 		{ background: url('images/icon_instagram_r.png'); display: inline-block;width: 90px; height: 90px; }
.social.btn .pin			{ background: url('images/icon_pintrest.png'); display: inline-block; width: 90px; height: 90px; }
.social.btn .pin:hover		{ background: url('images/icon_pintrest_r.png'); display: inline-block;width: 90px; height: 90px;}

nav.social .social.btn .fb 			{ background: url('images/icon_facebook-small.png'); display: inline-block;width: 40px; height: 40px;}
/*nav.social .social.btn .fb:hover 		{ background: url('images/icon_facebook_r-small.png'); display: inline-block; width: 40px; height: 40px; }*/
nav.social .social.btn .tw 			{ background: url('images/icon_twitter-small.png'); display: inline-block; width: 40px; height: 40px;}
/*nav.social .social.btn .tw:hover 		{ background: url('images/icon_twitter_r-small.png'); display: inline-block; width: 40px; height: 40px; }*/
nav.social .social.btn .ins 			{ background: url('images/icon_instagram-small.png'); display: inline-block; width: 40px; height: 40px; }
/*nav.social .social.btn .ins:hover 		{ background: url('images/icon_instagram_r-small.png'); display: inline-block;width: 40px; height: 40px; }*/
nav.social .social.btn .pin			{ background: url('images/icon_pintrest-footer.png'); display: inline-block; width: 40px; height: 40px; }
/*nav.social .social.btn .pin:hover		{ background: url('images/icon_pintrest_r-small.png'); display: inline-block; width: 40px; height: 40px;}*/
nav.social .social.btn .nl				{ background: url('images/sm-circle-newsletter.png'); display: inline-block; width: 40px; height: 40px; }
/*nav.social .social.btn .nl:hover		{ background: url('images/sm-circle-newsletter.png'); display: inline-block;width: 40px; height: 40px;}*/

body footer nav.social a {
    display: block;
    padding: 0 0.35em 0;
    float: left;
    text-indent: 0px!important;
}

.rsArrowLeft 				{ width: 44px; height: 87px!important; background: url('images/prev.png'); position: absolute; left: 10px; top: 50%;}
.rsArrowRight 				{ width: 44px; height: 87px!important; background: url('images/next.png'); position: absolute; right: 20px; top: 50%;}

.reservations a.btn 		{ width: 50%; text-align: left; padding-left: 55px; background-image: url('images/icon_openTable.png'); background-repeat: no-repeat; line-height: 1.25em; background-position: 8px 1px;}
.reservations a.btn:hover 	{ width: 50%; text-align: left; padding-left: 55px; background-image: url('images/icon_openTable_r.png'); background-repeat: no-repeat; background-position: 8px 1px;}

@media screen and (max-width: 990px) {
	.social.btn 				{ background: none!important; color: #f05423!important; border: none!important; font-size: 18px!important;padding: 0!important;}
	.social.btn:hover 			{ color: #f05423; background: none!important; border: none!important;}
	.social.btn .fb 			{ background: url('images/icon_facebook-small.png'); display: inline-block;width: 40px; height: 40px;}
	.social.btn .fb:hover 		{ background: url('images/icon_facebook_r-small.png'); display: inline-block; width: 40px; height: 40px; }
	.social.btn .tw 			{ background: url('images/icon_twitter-small.png'); display: inline-block; width: 40px; height: 40px;}
	.social.btn .tw:hover 		{ background: url('images/icon_twitter_r-small.png'); display: inline-block; width: 40px; height: 40px; }
	.social.btn .ins 			{ background: url('images/icon_instagram-small.png'); display: inline-block; width: 40px; height: 40px; }
	.social.btn .ins:hover 		{ background: url('images/icon_instagram_r-small.png'); display: inline-block;width: 40px; height: 40px; }
	.social.btn .pin			{ background: url('images/icon_pintrest-small.png'); display: inline-block; width: 40px; height: 40px; }
	.social.btn .pin:hover		{ background: url('images/icon_pintrest_r-small.png'); display: inline-block; width: 40px; height: 40px;}
}

@media screen and (max-width: 768px) {
	.reservations a.btn 		{ width: 50%; text-align: left; padding-left: 55px; background-image: url('images/icon_openTable.png'); background-repeat: no-repeat; line-height: 2em; background-position: 8px 1px;}
	.reservations a.btn:hover 	{ width: 50%; text-align: left; padding-left: 55px; background-image: url('images/icon_openTable_r.png'); background-repeat: no-repeat; background-position: 8px 1px;}

	.get-social-img 			{ margin-top:2em; }
}

/*--------------------------------------------------------------
home slider
--------------------------------------------------------------*/

@media screen and (min-width: 720px) {
	body.home header .logo,
	body.home header nav ul li a {
		text-shadow: 0 1px 10px rgba(0,0,0,0.5);
	}
	body.home header nav ul li a:hover {
		text-shadow: none;
	}
	.embed-boundary{
		padding-left: 4rem;
	}
}

body.home h1.logo a {
	text-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

body.home {
/*
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
*/
/* 	-webkit-overflow-scrolling: touch; */
}

body.home > header {
	pointer-events: none;
}
	body.home > header a,
	body.home > header button {
		pointer-events: all !important;
	}

body.home ul.slides {
	margin: 0;
	position: absolute;
/* 	position: relative; */

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #000;
}

	body.home .slides .slide {
		width: 100%;
		height: 100%;
		min-height: 100%;
		background-size: cover;
		background-position: center center;
		text-align: center;
/* 		background-color: rgb(0,79,110); */
/* 		background-blend-mode: luminosity; */
	}

		body.home .slide .overlay {
/* 			background-color: rgba(50,50,50,0.3); /* grey */ */
/* 			background-color: rgba(0,79,110,0.3); /* blue */ */
			width: 100%;
			height: 100%;
		}

			body.home .slide .wrapper {
				position: relative;
				top: 45%;
				transform: translate3d(0,-55%,0);
				-webkit-transform: translate3d(0,-55%,0);

/* 				border: 2px solid red; */
			}

		body.home .slide h1 {
			margin: 0;
			font-size: 2.8em;
			font-weight: 300;
			color: #fff;
			-webkit-text-stroke: 1px #fff;
			text-shadow: 0 1px 10px rgba(0,0,0,0.5);
		}

		body.home .slide p {
			font-size: 1.1em;
			margin: 0.7em 0 1em;
			color: #fff;
			text-shadow: 0 1px 6px rgba(0,0,0,0.5);
		}

		body.home .slide .btn {
			margin-top: 1.2em;
			font-size: 1.25em;
/* 			background-color: #ff5000; */
		}

.embed-boundary{
	padding-bottom: 1rem;
}
/*--------------------------------------------------------------
typography
--------------------------------------------------------------*/

h1.logo {
	font-weight: 400;
	font-family: 'century-gothic';
	text-transform: lowercase;
	letter-spacing: 0.4em;
	font-size: 2em;
	line-height: 0.5em;
	padding: 0.7em 0 0.25em;
	margin: 0;
}
	h1.logo a {
		text-decoration: none;
		color: inherit;
	}

body.home h1.logo {
	color: white;
}

	h1.logo a:after {
		content: "s";
		font-family: 'skillet-icons';
		font-size: 1.1em;
		position: relative;
		top: 0.1em;
		left: -0.125em;
	}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
/* 	clear: both; */
	font-family: 'prelo-slab';
	font-weight: 400;
}

p {

}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}


blockquote, blockquote + cite {
	display: block;
	color: #0081d1;
	font-weight: 400;
	text-align: center;
}

blockquote {
	quotes: "\201C""\201D""\2018""\2019";
	font-size: 2.6em;
	padding: 5rem 0 0 0;
}

blockquote:before,
blockquote:after {

	font-size: 1.3em;
	line-height: 1px;
}
	blockquote:before {
		content: open-quote;
		vertical-align: middle;
	}
	blockquote:after {
		content: close-quote;
		/*vertical-align: text-top;*/
		vertical-align: top;
		position: relative;
		top: 0.25em;
	}

	blockquote > p {
		display: inline;
		line-height: 3.6rem;
		font-size: inherit;
		color: inherit;
	}

	blockquote + cite {
		font-size: 2em;
		font-style: normal;
		line-height: 3.6rem;
	}
	blockquote + cite + hr {
		border: 0;
		border-bottom: 1px solid #0081d1;
	}

.block {
	display: block;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

.uppercase {
	text-transform: uppercase !important;
}

.lowercase {
	text-transform: lowercase !important;
}

.nopadding {
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.nowrap {
	white-space: nowrap !important;
}

.singleline {
	line-height: 1em !important;
}

h1 {
	font-size: 4.625em;
	line-height: 1.13em;
	margin-bottom: 0.25em;
}
h2 {
    font-size: 2.75em;
    line-height: 1.4em;
    margin-top: 0.7em;
    margin-bottom: 0.4em;
}
h3 {
	font-size: 1.65em;
	line-height: 1.5em;
	margin-top: 0.8em;
	margin-bottom: 0.7em;
}
h4 {
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 1.2em;
	margin-bottom: 1.3em;
}
p, ul, ol, pre, table, blockquote {
	margin-top: 1.3125em;
	margin-bottom: 1.3125em;
}

.ico {
	font-family: 'skillet-icons';
}

/*--------------------------------------------------------------
elements
--------------------------------------------------------------*/
hr {
	background-color: #ddd;
	border: 0;
	width: 100%;
	height: 1px;
	margin: 2.4em 0;
	padding: 0;
}

	hr.small {
		margin: 1em 0;
	}

	hr.invisible {
		background-color: transparent;
		margin: 0;
	}

	/* mobile menu hr */
	li > hr {
		margin: 0.5em 0 0.7em;
		padding: 0;
		width: 120%;
		opacity: 0.25;
	}

ul,
ol {

}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {

}

dt {

}

dd {

}

ul.piclist {
	list-style: none;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	width: 100%;
}

figure {
	margin: 0;
	padding: 0;
}

	figcaption > p {
		margin: 0;
	}

/*--------------------------------------------------------------
forms
--------------------------------------------------------------*/

/* checkout terms checkbox */
.woocommerce form .form-row .input-checkbox {
	vertical-align: inherit !important;
	margin: 0 !important;
}

/* checkout card form shrunken text wtf? */
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	font-size: 1em !important;
}

form {
	padding-bottom: 2em;
}

/* dropkick select customization */
.dk-select, .dk-select-multi {
	width: 100% !important;
	border: 0 !important;
	font-size: 1em;
	z-index: 2;
}
.dk-select-open-down, .dk-selected, .dk-select-options {
	border-radius: 0 !important;
	border: 0 !important;
}
.dk-option-selected, .dk-option-highlight {
	background-color: #ff5000 !important;
	color: white !important;
}

.dk-selected:after,
.dk-select-open-down .dk-selected,
.dk-selected:hover:after, .dk-selected:focus:after,
.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
	border: 0 !important;
}

/* down caret */
.dk-selected:before {
	border-top-color: #666 !important;
}
/* up caret */
.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
	border-bottom-color: #666 !important;
}

.dk-select-options {
	-webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 11px 0 rgba(0,0,0,0.25);
	z-index: -1 !important;
}

/* acf */

.woocommerce form .form-row label,
.acf-label {
	font-size: 0.5em;
	font-weight: bold;
	color: #333;
}

.acf-field {
	padding: 0 !important;
	margin: 0 0 1em 0 !important;
}

.acf-input-wrap input {
	height: auto !important;
}

.acf-field[data-width] + .acf-field[data-width] {
	border: 0 !important;
}

.acf-field .acf-label {
	margin: 0 0 0.25em 0 !important;
}

.acf-fields > .acf-field {
	border: 0 !important;
}

.acf-input input {
	width: 100%;
}

a.btn, input[type="submit"].button,
.woocommerce .products .product .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	color: white !important;
	font-weight: 700;
	font-size: 0.9em !important;
	line-height: 1.5em;
	display: inline-block;
	background-color: #ff5000 !important;
	border: 2px solid #ff5000 !important;
	text-decoration: none;
	padding: 0.25em 2em;
	border-radius: 0 !important;
	transition: all 0.2s;
}
	a.btn:hover, input[type="submit"].button:hover,
	.woocommerce .products .product .button:hover,
	.woocommerce #respond input#submit:hover,
	.woocommerce a.button:hover,
	.woocommerce button.button:hover,
	.woocommerce input.button:hover,

	.woocommerce #respond input#submit.alt:hover,
	.woocommerce a.button.alt:hover,
	.woocommerce button.button.alt:hover,
	.woocommerce input.button.alt:hover {
		color: #ff5000 !important;
		background-color: white !important;
		border: 2px solid white !important;
	}

.woocommerce .products .product .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	max-width: 100%;
}

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}



input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus {
	border: 0;
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"] {
	font-family: 'roboto', 'Helvetica', 'Arial', sans-serif !important;
	border: 0 !important;
	padding: 0.25em 0.5em !important;
	font-size: 1em !important;
	-webkit-appearance: none !important;
	color: #333 !important;
	border-radius: 0;
}

textarea {
	font-family: 'roboto', 'Helvetica', 'Arial', sans-serif !important;
	font-size: 1em !important;
	border: 0;
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 0.25em 0.5em !important;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
	-webkit-appearance: none !important;
	color: #333 !important;
}




/*--------------------------------------------------------------
map overrides
--------------------------------------------------------------*/
.leaflet-container {
	font: inherit !important;
}

/* search error */
.leaflet-control-geosearch-msg ul {
	display: none;
	list-style: none !important;
	margin: 0;
	padding: 0.25em 1em;
	background-color: rgba(0,0,0,0.7);
	color: white;
	font-size: 0.7em;
}

form.filterbar {
	z-index: 99;
	position: relative;
	top: 0;
	height: 100%;
	pointer-events: none;
}

form.filterbar input[type='button'] {
	font-family: 'prelo-slab';
	-webkit-appearance: none;
	border: 0;
	background-color: rgba(0,0,0,0.7);
	color: white;
	width: 1.25em;
	text-align: center;
	font-weight: 400;
	font-size: 1.25em;
	line-height: 0.5em;
	padding: 0.3em 0 0.45em;
	pointer-events: all;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}

form.filterbar input.expand {
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto !important;
	padding: 0.8em 1em;
	font-size: 0.8em;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}

/* popup main */
.leaflet-popup-content-wrapper {
	display: table;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	min-width: 12em;
	max-width: 80%;
}

.leaflet-container a.leaflet-popup-close-button {
	color: #333 !important;
	font-size: 1em !important;
	font-family: 'roboto' !important;
}

.leaflet-container {
	font-family: 'roboto' !important;
}

.leaflet-popup-content {
	font-size: 0.7em;
	width: auto !important;
}

.leaflet-popup-content p {
	margin: 0.5em 0 !important;
}

body.retail .leaflet-popup-content-wrapper {
	text-align: center !important;
}

.leaflet-popup-content a.btn {
	width: 100%;
	text-align: center;
}
	.leaflet-popup-content a.btn:hover {
		color: #ff5000 !important;
	}

.leaflet-container h6 {
	font-family: 'prelo-slab';
	font-size: 1.5em;
}
	body.retail .leaflet-container h6 {
		font-size: 1.2em;
	}

.leaflet-container figure {
	max-width: 100px;
	float: left;
	padding-right: 0.2em;
}
	.leaflet-container figure:after {
		clear: both;
	}

	.leaflet-container figure img {
		width: 100%;
		height: auto;
	}

.leaflet-container a.btn {
/* 	color: white !important; */
	font-size: 1.2em;
	margin-top: 0.5em;
}
/*--------------------------------------------------------------
events
--------------------------------------------------------------*/
.page-street-food main ul {
	list-style: none;
}


/*--------------------------------------------------------------
photo gallery grid
--------------------------------------------------------------*/
ul.photos.gallery {
	list-style: none;
}

.photo-grid {
	column-count: 4;
	column-gap: 1em;
	-moz-column-count: 4;
	-moz-column-gap: 1em;
	-webkit-column-count: 4;
	-webkit-column-gap: 1em;
}

.photo-grid .photo {
	display: inline-block;
	margin: 0 0 1em;
	width: 100%;

	background-color: white;
	padding: 0.35em;
}

.photo-grid .photo p {
	font-size: 0.5em;
}


@media screen and (max-width: 800px) {
	.photo-grid {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media screen and (max-width: 600px) {
	.photo-grid {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

/*--------------------------------------------------------------
team
--------------------------------------------------------------*/

.team.members, .member.details {
	list-style: none;
	margin: 0;
}

	.team.member {
		border-bottom: 1px solid #ddd;
		margin-bottom: 3em;
		padding-bottom: 1.5em;
		display: table;
		width: 100%;
	}


	.team.member .name {
		line-height: 1.2em;
		font-size: 1.65em;
		font-family: 'prelo-slab';
		font-weight: 400;
		margin-bottom: 0.25em;
	}

	.team.member .position {
		color: #666;
	}

	.team.member figure {
		width: 25%;
		float: left;
		background-color: white;
		padding: 0.35em 0.35em 1.2em;
		margin-right: 1em;
		margin-bottom: 0.5em;
	}



/*--------------------------------------------------------------
press, news and media
--------------------------------------------------------------*/
.press.mentions,
.press.mentions .details {
	list-style: none;
	margin: 0;
}

.press.mention {
	display: table;
	width: 100%;
	margin-bottom: 1em;
}

	.press.mentions .mention figure {
		display: none;
		float: left;
		width: 9em;
		margin-right: 0.5em;
		padding: 0.35em;
		background-color: white;
	}

	/* tablet -> desktop */
	@media screen and (min-width: 540px) {
		.press.mentions .mention figure {
			display: block;
		}
	}

		.press.mentions .mention figure img {
			display: block;
			width: 100%;
			height: auto;
		}

	.press.mentions .mention figcaption {
		font-size: 0.75em;
		line-height: 1.6em;
	}

	.press.mentions .mention .title {
		font-family: 'prelo-slab';
		font-weight: 400;
		font-size: 1.4em;
		line-height: 1.4em;
	}

	.press.mentions .mention .source.date {
		color: #666;
	}


/*--------------------------------------------------------------
slider
--------------------------------------------------------------*/
/* generic slider overrides */
.contentSlider {
	width: 100%;
}
.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
	background: transparent;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
	background: transparent;
}
.content-slider-bg {
	width: 100%;
	padding: 0;
	background: transparent;
}
.rsDefault .rsBullets {
	background: transparent !important;
}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
	background: transparent !important;
	color: inherit !important;
}

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
	height: auto;
	width: 100%;
	display: block;
}






/* default WP pages */

.content-area {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 1em;
	font-size: 1em !important;
}

.content-area p, .content-area ul {
	font-size: 2em;
	color: #333;
}

.content-area ul {
	margin-left: 3em;
}


/*--------------------------------------------------------------
main footer
--------------------------------------------------------------*/

body footer {
	background-color: rgba(0,0,0,0.9);
}

/*
body.home > footer {
	background-color: transparent;
}
*/
	body footer .wrapper {
/* 		display: flex; */
	}

	body footer nav {
		padding: 2em 0;
	}

		body footer nav.footer {
			line-height: 2em;
		}

		body footer nav.social a {
			display: block;
			padding: 0 0.35em 0;
			float: left;
			text-indent: -9000px;
			font-size: 1.3rem;
		}

		body footer nav.footer ul li a {
/* 			text-transform: lowercase; */
		}

			body footer nav.social a:hover {
				text-decoration: none;
			}

			body footer nav.social a:after {
				display: block;
				width: 1em;
				height: 1em;
				line-height: 0;
				font-family: "skillet-icons";
				font-size: 1.25em;
				text-indent: 0;
				margin-right: 0.25em;
			}

			body footer nav.social a.fb:after {
				content: "f";
			}
			body footer nav.social a.tw:after {
				content: "t";
			}
			body footer nav.social a.pn:after {
				content: "p";
			}
			body footer nav.social a.ig:after {
				content: "i";
			}
			body footer nav.social a.nl:after {
				content: "n";
			}
			body footer nav.social a.cu:after {
				content: "e";
			}

body.home footer {
/*
	position: absolute;
	bottom: 0;
	width: 100%;
*/
}

body.home footer nav.footer ul li {
	display: inline-block;
	padding: 0 0.3em;
}

body footer .search {
	width: 100%;
	clear: both;
	flex: none;
}
	body footer .search input#s {
		-webkit-appearance: none;
		border-radius: 0;
		-webkit-border-radius: 0;
	}


/* tablet -> desktop */
@media screen and (min-width: 720px) {
	body {
		font-size: 120%;
	}

	body header button.lines-button.x {
		display: none !important;
	}

	body > header nav {
		margin-top: 1rem;
		display: inline-block !important;
		position: inherit;
		background-color: transparent;
		border: 0.35em solid #ff5000;
		border-bottom: 0.35em solid transparent;
	}
		body > header nav ul li {
			display: block;
			float: left;
		}

			body > header nav ul li a {
				display: block;
				color: #333 !important;
				font-weight: 500;
				font-size: 1rem;
				padding: 0 1em;
				transition: background-color 0.2s, color 0.2s;
				border-top: 0.2em solid transparent;
			}

			body.home > header nav ul li a {
				color: white !important;
			}

			body > header nav ul li.active a,
			body > header nav ul li.current-menu-item a,
			body > header nav ul li.current_page_item a,
			body > header nav ul li.current-page-ancestor a
			 {
				border-top: 0.2em solid #ff5000;
				color: #ff5000 !important;
			}

				body > header nav ul li a:hover {
					background-color: rgba(0,0,0,0.6);
					color: white !important;
				}

	body footer .wrapper {
		display: flex;
	}

	body footer nav {
		flex: 1;
		padding: 2em 0;
	}

		body footer nav.footer ul {
				text-align: right;
			}

				body footer nav.footer ul li {
					display: inline;
				}

				body footer nav.footer ul li:last-child {
					padding-right: 0;
				}

					body footer nav.footer ul li a {
						padding: 0.25em 0.5em;
					}
/*--------------------------------------------------------------
subnav
--------------------------------------------------------------*/

body > aside nav {
	/* align with top of main */
	display: block;
	margin-bottom: -1rem;
	margin-top: 1em;
	border: 0.35em solid transparent;
	border-width: 0 0.35em;
}

	body > aside nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		body > aside nav ul li {
			display: block;
			float: left;
		}
			body > aside nav ul li a {
				display: block;
				font-size: 1rem;
/* 				text-transform: lowercase; */
				padding: 0.3em 1em 0;
				border-bottom: 0.2em solid transparent;
				font-weight: 500;
				color: #333 !important;
				transition: background-color 0.2s, color 0.2s, border 0.2s;
			}

				body > aside nav ul li.active a,
				body > aside nav ul li.current-menu-item a,
				body > aside nav ul li.current_page_item a,
				body > aside nav ul li.current-cat a {
					color: #ff5000 !important;
					text-decoration: none;
					border-bottom: 0.2em solid #f1f1f1;
				}

				body > aside nav ul li a:hover {
					text-decoration: none;
					background-color: rgba(0,0,0,0.6);
					color: white !important;
					border-bottom: 0.2em solid transparent;
				}


}

/* desktop + */
@media screen and (min-width: 1080px) {
	body {
		font-size: 150%;
	}
}

#mapbox {
	height: 22em;
}

body.street-food #mapbox,
body.retail #mapbox {
	height: 16em;
	margin-top: 1em;
	position: relative;
	transition: height 0.2s;
}

body.street-food #mapbox.expanded {
/* 	margin-top: 1em; */
/* 	height: 28em; */
	margin-bottom: -2em;
}

/* decorative inset shadows for elements */
body .boxshadow {
	position: relative;
	display: block !important;
}

body .boxshadow::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
	-webkit-box-shadow:inset 0 0 10px -1px rgba(0,0,0,0.25);
	box-shadow:inset 0 0 10px -1px rgba(0,0,0,0.25);
}

/*--------------------------------------------------------------
food truck menu / catering menu
--------------------------------------------------------------*/

ul.food-menu {
	list-style: none;
	margin: 0 -0.6em;
	padding: 0;

	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	flex-direction: row;
	align-items: stretch;

	flex-wrap: wrap;
	justify-content: space-between;

}

	ul.food-menu li {
		-ms-box-orient: horizontal;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		padding: 0.6em;
		flex: 0 0 33.3333%;
	}
		ul.food-menu li .item {
			background-color: white;
			padding: 0.6em;
		}

			ul.food-menu li .item .name h3 {
				font-size: 1em;
			}

			ul.food-menu li .item .desc p {
				font-size: 0.7em;
				line-height: 1.5em;
				margin: 0;
			}

@media screen and (max-width: 520px) {
	ul.food-menu, ul.food-menu li {
		display: block;
	}
}

@media screen and (max-width: 700px) {
	ul.food-menu li {
		flex: 0 0 50%;
	}
}

/*--------------------------------------------------------------
restaurant list
--------------------------------------------------------------*/

body.post-type-archive-restaurant aside {
	display: none;
}
/* tablet -> desktop + */
@media screen and (min-width: 540px) {
	body.post-type-archive-restaurant aside {
		display: block;
	}
	body.post-type-archive-restaurant aside img {
		width: 10em;
		height: auto;
		padding-right: 1em;
		padding-bottom: 2em;
	}
}


/*--------------------------------------------------------------
catering FAQs
--------------------------------------------------------------*/
ol.faqs {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ol.faqs li {
		padding: 0.5em;
		background-color: white;
		margin: 0.25em 0;
	}
	ol.faqs li a {
		cursor: pointer;
		font-weight: 700;
	}
	ol.faqs li dd {
		display: none;
		margin-top: 0.5em;
	}

/*--------------------------------------------------------------
woocommerce
--------------------------------------------------------------*/
h1.product_title {
	font-size: 2em;
}

.woocommerce-result-count {
	color: #666;
	font-size: 0.8em;
}

form.woocommerce-ordering {
	width: 15em;
}

body.woocommerce #content {
	padding-top: 1em;
}

body.woocommerce ul.products li.product h3 {
	font-size: 0.8em;

	/* make product add buttons line up */
	min-height: 4em;
}

body.woocommerce .product .price del {
	display: none !important;
}

body.woocommerce nav.woocommerce-pagination ul,
body.woocommerce nav.woocommerce-pagination ul li {
	border: 0 !important;
}

body.woocommerce .product .price {
	color: #004f6e !important;
}

.woocommerce div.product div.images img {

}

.woocommerce .product .product_meta > span {
	display: block;
	font-size: 0.8em;
	color: #666;
}

.woocommerce span.onsale {
	background-color: #b3d147 !important;
	padding: 0 !important;
	z-index: 5;
}

.woocommerce .woocommerce-message {
	border-top-color: #b3d147 !important;
}

.woocommerce .woocommerce-message:before {
	color: #b3d147 !important;
}

/* button adding/loading animation */
.woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after {
	position: relative !important;
	right: 0 !important;
	top: 0 !important;
	margin-left: 0.25em;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
	width: auto !important;
}

/*--------------------------------------------------------------
accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* pagination */
.pagination {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 0.55em;
	padding-top: 1em;
}
	.pagination > .inactive,
	.pagination > .current {
		display: inline-block;
		margin: 0;
		text-decoration: none;
		line-height: 1;
		font-size: 1em;
		font-weight: 400;
		padding: .5em;
		min-width: 1em;
	}
	.pagination > .inactive:hover,
	.pagination > .current {
		background: #ebe9eb;
		color: #8a7e88;
	}

p.demo_store {
	display: none;
}

.woocommerce p.demo_store {
	display: block !important;
	background-color: #ff5000;
	top: 8em;
	z-index: 500;
}

.woocommerce img {
	width: auto !important;
}

/* BLOG UPDATE */
body.blog main  							{ background: url('images/background-overlay.svg'); background-size: cover; }
body.single-post main  						{ background: url('images/background-overlay.svg'); background-size: cover; }

body.blog main .wrapper 					{ /*max-width: 1400px;*/ }
body.single-post main .wrapper 				{ max-width: 1400px; }

body.single-post main h2 					{ font-size: 22px; font-family: 'prelo-slab', sans-serif; font-weight: 700;}
body.single-post main ul 					{ list-style: none; }
body.single-post main h1 					{ font-size: 48px; font-family: 'prelo-slab', sans-serif; font-weight: 700;}
body.single-post main h2.blog-secondary-title { font-size: 38px; font-family: 'prelo-slab', sans-serif; font-weight: 400;}

/* Hackity */
body.tax-blog_category aside.secondary.nav  { display: none;}
body.tax-blog_tag aside.secondary.nav  		{ display: none;}

.left-sidebar 								{ width: 15%; float: left; padding-right: 0.75em; }
.right-sidebar 								{ width: 25%; float: left; padding: 0.75em;}
.blog-post 									{ width: 60%; float: left; padding: 0.75em; padding-top: 0; font-size: 16px;}

.previous-label 							{ display: block; width: 50%; float: left; text-transform: uppercase; font-size: 14px; font-weight: 700;}
.next-label 								{ display: block; width: 50%; float: right; text-transform: uppercase; font-size: 14px; text-align: right; font-weight: 700;}
.align-right 								{ text-align: right; float: right; }
.align-left 								{ text-align: left; float: left;}
.navigation 								{ margin-top: 1rem; width: 100%; display: inline-block !important; position: inherit; background-color: transparent; border: 0.45em solid #ff5000; border-top: 0.45em solid transparent;padding: 6px 12px;}

.right-sidebar aside 						{ background: #E8E8E8; padding: 6%; margin-bottom: 1.5em;}
.right-sidebar aside ul a 					{ font-size: 14px; }
.right-sidebar aside ul li 					{ line-height: 18px; }
.right-sidebar aside a 						{ color: #006194; }
.right-sidebar input[type="text"] 			{ width: 100%!important; margin-bottom: 1em;}
.right-sidebar input[type="submit"] 		{ color: #ff5000 !important; background-color: white !important; border: 2px solid white !important;}
.left-sidebar aside ul a 					{ font-size: 14px; color: #006194;}
.left-sidebar aside ul 						{ margin-top: 0; }
.left-sidebar aside ul li 					{ line-height: 18px; }
.left-sidebar aside a 						{ color: #006194; }
.srpw-block a.srpw-title 					{ color: #ff5000; }
.right-sidebar .srpw-block a.srpw-title 	{ color: #ff5000; font-size: 24px; font-family: 'prelo-slab', sans-serif;}
.right-sidebar .srpw-block .srpw-thumbnail 	{ margin-bottom: 16px; }

div.recent-posts 							{ margin-bottom: 2em; }
.srpw-ul 									{ overflow: auto; }
.srpw-ul li 								{ float: left; width: 19%; margin-right: 1%; }
.srpw-block li 								{ padding-top: 0!important; }

.right-sidebar .srpw-ul li 					{ margin: 0; width: 100%; }

ul.blogroll li 								{ width: 100%!important; flex: 0 0 100%;}
.blog-item 									{ width: 100%; }
.blog-item .blog-item-photo 				{ width: 32%; margin-right: 2%; float: left; }
.blog-item .blog-item-content 				{ width: 66%; float: left;}
.blog-item .blog-item-content h3 			{ margin-top: 0; }
.blog-item .blog-item-content .excerpt 		{ font-size: 16px; }
.blog-item .blog-item-content .categories a { font-size: 16px; margin-right: 10px;}

.tagcloud 									{ line-height: 22px; }

@media screen and (max-width: 720px) {
	.left-sidebar 							{ width: 96%; float: none; padding: 2%; display: none;}
	.right-sidebar 							{ width: 96%; float: right; padding: 2%;}
	.blog-post 								{ width: 96%; float: left; padding: 2%; padding-top: 0; font-size: 16px;}

	.upcoming li 							{ margin-bottom: 1.5rem; }
}

/* Home page update
 January 2018 */
a.callout-btn 								{ display: block; font-family: 'prelo-slab'; font-weight: 400; font-size: 1.45em; color: #fff; background: #F05A28; border-radius: 6px; text-align: center; margin-bottom: 1em; line-height: 1.5em;}
a.callout-btn:visited 						{ color: #fff; }
a.callout-btn:hover 						{ text-decoration: none; color: #d65124; background: #fff; }






/* NEW SHIT */
#cta-band {
	padding: 20px 0 40px;
	text-align: center;
}

#cta-band h2, #cta-band p {
	margin: 0;
	text-align: center;
	color: #fff;
}

#cta-band .buttons {
	margin-top: 1.2em;
}

.restaurant h3 {
	/* display: inline-block; */
	/* margin-bottom: 0.6em */
}

.restaurant p {
	margin-top: 0px;
}

.buttons.alt {
	margin-top: 1.8em;
	float: right;
	text-align: right;
	display: inline-block;

}

.restaurant .buttons.alt{
	/* float: none; */
	margin: 0;
	margin-top: 0.5rem;
}

.buttons a {
	border: 1px solid #fff;
	background: #fff;
	color: #ff5000;
	padding: 0.25em 2em;
	transition: all 0.2s;
	font-weight: 700;
	font-size: 0.9em;
}

.buttons a:hover {
	background: transparent;
	color: #fff;
	text-decoration: none;
}

.buttons.alt a {
	border: 1px solid #ff5000;
	background: #ff5000;
	color: #fff;
	padding: 0.25em 2em;
	transition: all 0.2s;
	font-weight: 700;
	font-size: 0.9em;
}

.buttons.alt a:hover {
	background: transparent;
	color: #ff5000;
	text-decoration: none;
}

.restaurant-detail h2{
	display: inline-block;
}

.restaurant-detail .buttons.alt {
	margin-top: 3.2em;
}

.buttons .location {
	display: inline-block;
	margin: 0 20px;
}

@media screen and (max-width: 1150px) {
	body.home .slide .wrapper {
	    position: relative;
	    /* top: 45%; */
			padding-top: 400px;
	    transform: translate3d(0,-55%,0);
	    -webkit-transform: translate3d(0,-55%,0);
	    /* border: 2px solid red; */
	}
}

/* Break Point */
@media screen and (max-width: 800px) {

	body.home .slide .wrapper {
		padding: 0;
	}
}

@media screen and (max-width: 500px) {
	.buttons.alt {
		display: block;
		float: none;
		text-align: left;
		margin: 10px 0;
	}

	.restaurant-detail .buttons.alt {
		margin: 10px 0;
	}

}

.slide-overlay{
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}