/*
Theme Name: Kogi BBQ 2013
Theme URI: http://kogibbq.com
Description: The custom Wordpress 3.5+ theme for KogiBBQ. This theme makes use of a number of custom fonts, jQuery, and more. It is optimized for Desktop browsers.
Author: Kymera
Author URI: http://kymerastudio.com
Version: 2.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kogibbq
*/

/* --------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 - Reset Global Styles
1.1 - Layout
1.2 - Fonts
1.3 - Global Elements
1.4 - Preloader
1.5 - Popup Message Banner
1.6 - Header
	1.6.1 - Desktop Navigation Menu
	1.6.2 - Mobile Navigation Men
1.7 - Content
1.8 - Special Secondary Style

2.0 - Page Template
	2.1 - Taqueria Page
	2.2 - Press Item
	2.3 - Secondary Navigation
	2.4 - Home Page
	2.5 - Menu Page
	2.6 - Schedule (Desktop)
	2.7 - Schedule (Mobile)
	2.8 - Smart & Final Page

3.0 - Misc. Styles
	3.1 - Gallery listing
	3.2 - Attachment pages
	3.3 - Images
	3.4 - Post Navigation
	3.5 - Comments
	3.6 - Widget Areas
	3.7 - Contact Form & Custom Select/Dropdown
	3.8 - 404 Page
	3.9 - Footer
	3.10 - Custom Loop Style
	3.11 - FlexSlider
	3.12 - LiquidSlider
	3.13 - Coda Slider

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

/* 1.0 - Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* 1.1 - Layout
-------------------------------------------------------------- */

*, *:after, *:before {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	width: 100%;
	position:relative;
	z-index:5;
}
#content {
}
#primary,
#secondary {
	float: right;
	width: 194px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	width: 100%;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
}


.inner {
	width:1000px;
	max-width:100%;
	margin:0px auto;
	position:relative;
}
#wrapper {
	background: #fff;
	width:100%;
	position:relative;
}
.inner:after {
	content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 1000px)
{
	.inner {
		padding:0px 30px;
	}
}
@media screen and (max-width: 800px)
{
	#wrapper {
		padding-top:134px;
	}
}
/* 1.2 - Fonts
-------------------------------------------------------------- */
html {
	-webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Gotham';
    src: url('inc/fonts/gotham-medium-webfont.eot');
    src: url('inc/fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/gotham-medium-webfont.woff') format('woff'),
         url('inc/fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('inc/fonts/gotham-medium-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('inc/fonts/gotham-mediumitalic-webfont.eot');
    src: url('inc/fonts/gotham-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/gotham-mediumitalic-webfont.woff') format('woff'),
         url('inc/fonts/gotham-mediumitalic-webfont.ttf') format('truetype'),
         url('inc/fonts/gotham-mediumitalic-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham';
    src: url('inc/fonts/gotham-bold-webfont.eot');
    src: url('inc/fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/gotham-bold-webfont.woff') format('woff'),
         url('inc/fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('inc/fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('inc/fonts/gotham-bolditalic-webfont.eot');
    src: url('inc/fonts/gotham-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/gotham-bolditalic-webfont.woff') format('woff'),
         url('inc/fonts/gotham-bolditalic-webfont.ttf') format('truetype'),
         url('inc/fonts/gotham-bolditalic-webfont.svg#gotham_boldregular') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham';
    src: url('inc/fonts/gotham-black-webfont.eot');
    src: url('inc/fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/gotham-black-webfont.woff') format('woff'),
         url('inc/fonts/gotham-black-webfont.ttf') format('truetype'),
         url('inc/fonts/gotham-black-webfont.svg#gotham_ultraregular') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('inc/fonts/gotham-ultra-webfont.eot');
    src: url('inc/fonts/gotham-ultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/gotham-ultra-webfont.woff') format('woff'),
         url('inc/fonts/gotham-ultra-webfont.ttf') format('truetype'),
         url('inc/fonts/gotham-ultra-webfont.svg#gotham_ultraregular') format('svg');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'HoeflerTextBlackItalicSwash';
    src: url('inc/fonts/hoeftb03.eot');
    src: url('inc/fonts/hoeftb03.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/hoeftb03.woff') format('woff'),
         url('inc/fonts/hoeftb03.ttf') format('truetype'),
         url('inc/fonts/hoeftb03.svg#hoeftb03') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Boton';
    src: url('inc/fonts/boton-regular-webfont.eot');
    src: url('inc/fonts/boton-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/boton-regular-webfont.woff') format('woff'),
         url('inc/fonts/boton-regular-webfont.ttf') format('truetype'),
         url('inc/fonts/boton-regular-webfont.svg#botonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Boton';
    src: url('inc/fonts/boton-italic-webfont.eot');
    src: url('inc/fonts/boton-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/boton-italic-webfont.woff') format('woff'),
         url('inc/fonts/boton-italic-webfont.ttf') format('truetype'),
         url('inc/fonts/boton-italic-webfont.svg#botonitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'Boton';
    src: url('inc/fonts/boton-medium-webfont.eot');
    src: url('inc/fonts/boton-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/boton-medium-webfont.woff') format('woff'),
         url('inc/fonts/boton-medium-webfont.ttf') format('truetype'),
         url('inc/fonts/boton-medium-webfont.svg#botonbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Boton';
    src: url('inc/fonts/boton-medium-italic-webfont.eot');
    src: url('inc/fonts/boton-medium-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/boton-medium-italic-webfont.woff') format('woff'),
         url('inc/fonts/boton-medium-italic-webfont.ttf') format('truetype'),
         url('inc/fonts/boton-medium-italic-webfont.svg#botonitalicbold') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Boton';
    src: url('inc/fonts/boton-bold-webfont.eot');
    src: url('inc/fonts/boton-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/boton-bold-webfont.woff') format('woff'),
         url('inc/fonts/boton-bold-webfont.ttf') format('truetype'),
         url('inc/fonts/boton-bold-webfont.svg#botonregular') format('svg');
    font-weight: 900;
    font-style: normal;

}
@font-face {
    font-family: 'AlternteGotNo1';
    src: url('inc/fonts/alternategotno1d-webfont.eot');
    src: url('inc/fonts/alternategotno1d-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/alternategotno1d-webfont.woff') format('woff'),
         url('inc/fonts/alternategotno1d-webfont.ttf') format('truetype'),
         url('inc/fonts/alternategotno1d-webfont.svg#alternategotno1dregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'juice';
    src: url('inc/fonts/juice-webfont.eot');
    src: url('inc/fonts/juice-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/juice-webfont.woff2') format('woff2'),
         url('inc/fonts/juice-webfont.woff') format('woff'),
         url('inc/fonts/juice-webfont.ttf') format('truetype'),
         url('inc/fonts/juice-webfont.svg#juiceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: "Boton", Arial, Helvetica, sans-serif;
}

code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

.juice {
	font-family:'juice', sans-serif;
}




/* 1.3 Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #ffffff;
}
body,
input,
textarea {
	color: #000;
	font-size: 14px;
	line-height: 26px;
}
img {
	max-width:100%;
	height:auto;
}
hr {
	border:0px;
	background:url(images/bg-hr.png);
	height:3px;
	margin:24px 0px 24px 0px;
	width:100%;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
	 font-size:36px;
	 line-height:46px;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"]
{
	-webkit-appearance:none;
	border-radius:0px;
	font-family: "AlternteGotNo1","Boton",Helvetica,Arial,sans-serif;
	color:#000000;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:29px;
	height:69px;
	line-height:69px;
	background: #ffffff;
	border: 3px solid #000;
	padding: 0px 32px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
textarea {
	font-family: "AlternteGotNo1","Boton",Helvetica,Arial,sans-serif;
	color:#000000;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:29px;
	line-height:32px;
	background: #ffffff;
	border: 3px solid #000;
	padding: 16px 32px;
}

::-webkit-input-placeholder { color:#000000; }
:-moz-placeholder { color:#000000; }
input:-moz-placeholder { color:#000000; }
textarea:-moz-placeholder { color:#000000; }
::-moz-placeholder { color:#000000; }
:-ms-input-placeholder { color:#000000; }

a {
	color: #000000;
	text-decoration:underline;
	font-weight:bold;
	font-style:italic;
}

a:visited {
	
}
a:active,
a:hover {
	background-color:#000000;
	color:#ffffff;
	text-decoration:none;
	border:0px !important;
}

a:active, a:focus {
	outline:0px;
}
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
/*.clear {
	width:100%;
	height:0px;
	clear:both;
}*/
.clear:after {	
	content: "";
    display: table;
    clear: both;
}
.hidden {
	display:none;
}

/* 1.4 - Preloader
-------------------------------------------- */

#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:1000; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/preloader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#preloader,
#status {
	display:none;
}
.home #preloader,
.home #status {
	display:block;
}

/* 1.5 - Popup Message Banner */

#site-message-wrapper {
	width:100%;
	height:100%;
	position:fixed;
	z-index:500;
	background: rgba(0, 0, 0, .8);
	display:none;
}
#top-message {
	display:block;
	width:400px;
	margin:0px;
	background:#F89829;
	color:#000;
	font-family: "Gotham", sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
	padding:20px 20px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-150px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#top-message a {
	color:#fff;
	font-style:normal;
}
.top-message-close {
	cursor:pointer;
	width:80%;
	margin:24px auto 0px auto;
	display:block;
	text-align:center;
	height:32px;
	line-height:26px;
	text-decoration:none;
	text-transform:uppercase;
	border: 2px solid white;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.top-message-close:hover {
	border:2px solid black !important;
}
@media screen and (max-width: 500px) 
{
	#top-message {
		width:300px;
		margin-left:-150px;
		margin-top:0px;
		top:20%;
	}
}

/* 1.6 - Header
-------------------------------------------------------------- */


.header {
	width:100%;
	margin:0px auto;
	position:fixed;
	top:0px;
	left:0px;
	height:120px;
	overflow:visible;
	z-index:999;
}
.header .inner {
	height:120px;
	width:2000px;
	padding:0px 30px;
}
.header #logo {
	position:absolute;
	display:inline-block;
	width:269px;
	height:262px;
	background:url(images/kogi-logo-lg.png) center center no-repeat;
	background-size:cover;
	top:0px;
	left:30px;
	text-decoration:none;
	margin-left:-58px;
	z-index:500;
}
.header #social-links {
	display:block;
	text-align:right;
	height:37px;
}
.header #social-links .icon-top {
	padding:0px 5px;
	margin:0px;
	display:inline-block;
	height:37px;
	overflow:hidden;
	text-indent:-9999em;
	text-decoration:none;
	text-align:center;
	filter:none;
}
.header #social-links #icon-top-fb {
	width:15px;
	margin-right:3px;
	background:url(images/icon-top-fb.png) top center no-repeat;
}
#icon-top-twitter {
	width:26px;
	background:url(images/icon-top-twitter.png) top center no-repeat;
}
#icon-top-flickr {
	width:24px;
	background:url(images/icon-top-flickr.png) top center no-repeat;
}
#icon-top-pinterest {
	width:20px;
	background:url(images/icon-top-pinterest.png) top center no-repeat;
}
.header #social-links #icon-top-fb:hover,
.header #social-links #icon-top-twitter:hover,
.header #social-links #icon-top-flickr:hover,
.header #social-links #icon-top-pinterest:hover
 {
	background-color:none;
	background-position:center -37px;
}
#access #notices {
	position:relative;
	margin-top:22px;
	text-align:right;
}
#access a#online-order-link {
	
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	padding:8px 12px;
	font-size:18px;
	background:#c30725;
	transition:all .3s ease 0s;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	text-transform:none;
	text-shadow:none;
	color:#000;
}
#access a#online-order-link:hover {
	
}
#access a#online-order-link strong {
	font-family:"HoeflerTextBlackItalicSwash", Arial, sans-serif;
	font-weight:normal;
	font-size:22px;
	letter-spacing:0px;
	text-transform:lowercase;
}
#notice-link {
	background:#ef9e00;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:22px;
	text-align:center;
	display:block;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8px 12px;
	text-decoration:none;
	font-style:normal;
	text-shadow:none;
	line-height:1.3em;
}

@media screen and (max-width: 800px) {
	#notice-link {
		font-size:18px;
	}
	.admin-bar .header {
		top:46px;
	}
}

@media screen and (max-width: 800px) {
	#notice-link {
		font-size:14px;
	}
}
/* Floating Header Styles-------------------------- */

.floater {
	position:fixed;
	top:0px;
	z-index:999;
	height:120px;
	width:100%;
	background-color: #000000;	
	clear:both;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}
.top  {
	display:block;
}
.floater #logo {
	width:75px;
	height:80px;
	/*background:url(images/kogi-logo-sm.png) 0px 0px no-repeat;*/
	margin-left:0px;
}
.floater #social-links {
	display:none;
}


@media screen and (max-width: 800px) 
{
	.header {
		height: auto;
		background: #000000;
		position: fixed;
	}
	.header .inner {
		height:100px;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items:center;
		align-content:center;
	}
	.header .inner:after {
		display:none;
	}
	.header #logo {
		width: 89px;
		height: 95px;
		margin:0px;
		float:none;
		left:0px;
		position:relative;
	}
	.floater #logo {
	}
	.header.floater {
		position:fixed;
	}
}
@media screen and (max-width: 500px) 
{
	
}

/* 1.6.1 - Desktop Navigation Menu -------------------------------------------------------------- */

#access {
	
	display: block;
	position:absolute;
	top:36px;
	right:30px;
}
#access .menu-header,
div.menu {
	
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	text-align:right;
}
#access .menu-header li,
div.menu li {
	display:inline-block;
}
#access a {
	color:#ffffff;
	font-size: 20px;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	display: block;
	line-height: 20px;
	padding: 8px 10px;
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing:1px;
	text-shadow: 1px 2px 0px #000000;

}
.floater #access a {
	color:#fff;
	text-shadow:none;
	filter: none;
}
.floater #access { 
	top:20px !important;
}
.floater #access ul ul a {
	background:#000;
}
.floater #access ul ul a:hover {
	background:#000;
}
.floater #access #notices{
	margin-top:8px;
}
#access ul ul {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #000;
	line-height: 1em;
	font-size:15px;
	text-align:left;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li a:hover {
	color:#ef9e00;
}
.floater #access li a:hover {
	background: none;
	color:#ef9e00;
	text-shadow:none;
    filter: none;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	
}
@media screen and (max-width: 1024px) {
	#access a {
		font-size:15px;
	}
}
@media screen and (max-width: 800px) {
	#access {
		display:none;
	}
}

/* 1.6.2 - Mobile Navigation Menu
-------------------------------------------------------------- */


	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: none;
		
		width: 113px;
		height: 24px;
		background-color: #000000;
		background-image: url('images/menu-icon-large.png');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 21px 18px;
		cursor: pointer;
		border: 0 none;
		z-index: 999;
		color:#fff;
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		line-height:24px;
		padding:0px;
		text-align:left;
		cursor:pointer;
	}
	.nav-button:hover
	 {
		 background-position: center right;
		background-repeat: no-repeat;
		background-size: 21px 18px;
	 }
	 .nav-button:active,
	 .nav-button:focus {
	 background-position: center right;
		background-repeat: no-repeat;
		background-size: 21px 18px;
	 }
	.nav-button.open {
		background-color: #000000;
		background-image: url('images/close-icon-large.png');
		
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 21px 18px;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	.primary-nav {
		width: 100%;
		float: none;
		display: none;
		height: 105px;
		margin: 0;
		padding: 0;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 100%;
		left: 0px;
		z-index: 20;
		clear: both;
	}
	.primary-nav li {
		display: block;
		width: 100%;
		background:#000000;
	}
	.primary-nav li a {
		display: block;
		width: 80%;
		padding: 10px 10%;
		font-size: 14px;
		font-weight: bold;
		color: white;
		font-family:"Gotham", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:2px;
		font-style:normal;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		display:block;
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	
	#menu-item-18 { /* Hide the Press Option */
	display:none;
	}
@media screen and (max-width: 800px) {
	.nav-button {
		display:block;
	}
}
/* 1.7 - Content -------------------------------------------------------------- */

#main {
	clear: both;
	padding: 0px;
	position:relative;
	z-index:1;
}
#content {
	
}
#content {
	color: #000;
	font-size: 15px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
	overflow-wrap:break-word;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 20;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0px;
	background:url(images/bg-article-divider.png) bottom left repeat-x;
	padding-bottom:50px;
	margin-bottom:75px;
}
.page .hentry {
	background:none;
	padding-bottom:0px;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
h2,
h3,
h4,
h5 {
	margin-bottom:24px;
	font-weight:bold;
}
h2 {
	font-weight:bold;
}
#content .entry-title {
	color: #000;
	font-size: 80px;
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	text-align:center;
	font-weight: 900;
	line-height: 1em;
	padding:60px 0px 40px 0px;
	margin-bottom: 68px;
	text-transform:uppercase;
	letter-spacing:3px;
	background:url(images/bg-entry-title.png) bottom center no-repeat;
}
.post-title {
	font-family: "AlternteGotNo1", "Boton", Helvetica, Arial, sans-serif;
	font-size:44px;
	font-weight:normal;
	line-height:44px;
	text-transform:uppercase;
	text-align:left;
	font-style:normal;
	letter-spacing:4px;
}
.post-title a {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background: url(images/bg-post-title.png);
	border:0px;
}
.post-title a:hover {
	background:#000000;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 0px;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #000000;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
}
.entry-utility span {
	display:block;
	clear:both;
}
#content .video-player {
	padding: 0;
}
#post-col {
	width:724px;
	float:left;
}
#post-col header {
	margin-bottom:24px;
}
#post-col header .post-date {
	display:inline-block;
	vertical-align:top;
	
}
#post-col header h2 {
	display:inline-block;
	width:610px;
	padding-left:22px;
}
.soc-icons:hover {
	background:none;
}

@media screen and (max-width: 800px)
{
	#content .entry-title {
		font-size:50px;
		background-size:70px 10px;
		padding:40px 0px 20px 0px;
	}
}

@media screen and (max-width: 500px)
{
	#content .entry-title {
		font-size:36px;
		margin-bottom:38px;
	}
	.entry-content input {
		margin-bottom:12px;
	}
}
/* 1.8 - Special Secondary Styles -------------------------------------------------------------- */


.featured-image-banner {
	width:100%;
	display:block;
	height:auto;
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	line-height:1;
	margin:0px;
	padding:0px;
	opacity:1;
	vertical-align:top;
	-webkit-transform: translate3d(0, 0, 0);
}
#content-top {
	width:100%;
	height:36px;
	background:url(images/bg-content-top.png) top center repeat-x;
	background-size:2000px 36px;
}
#content {
	margin-top:-36px;
	
}
#content-inner {
	background:url(images/bg-content.jpg);
	padding-bottom:48px;
}
#container-shim {
	height:200px;
}
.sharethis {
	margin:24px 0px;
}
ul#testimonials-list {
	list-style:none;
	margin:54px 0px 0px 0px;
	padding:0px;

}

ul#testimonials-list li {
	display:block;
	vertical-align:top;
	font-size:18px;
	line-height:28px;
	margin-bottom:46px;
}
.testimonial-masonry {
	width:48%;
}
ul#testimonials-list .grid-sizer {
	width:48%;
}
ul#testimonials-list .gutter-sizer {
	width:2%;
}
.page-template-page-testimonials-php #content .hentry {
	margin-bottom:60px;
}
.form-testimonials {
	margin-top:74px;
}
#catering-bottom {
	padding-bottom:54px;
}
#catering-email a {
	text-decoration:none;
	display:inline;
	border-bottom:2px solid black;
}
#catering-bottom h2 {
	text-align:center;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:40px;
	line-height:1.3em;
	letter-spacing:2px;
	margin-bottom:12px;
}
#catering-bottom h3 {
	text-align:center;
	font-family: "HoeflerTextBlackItalicSwash", Arial, sans-serif;
	font-size:50px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:3px;
	margin-bottom:54px;
	background:url(images/bg-catering-h3.png) center center no-repeat;
}
.client-list {
	width:32%;
	float:left;
	font-size:18px;
	line-height:28px;
}
.col-2 {
	padding-left:36px;
}
.col-3 {
	width:32%;
	float:right;
}
@media screen and (max-width: 800px)
{
	#container-shim {
		height:0px !important;
	}
	.featured-image-banner {
		position:relative;
	}
	#catering-bottom h2 {
		font-size:30px;
		letter-spacing:1px;
	}
	#catering-bottom h3 {
		font-size:40px;
		letter-spacing:1px;
	}
}
@media screen and (max-width: 500px)
{
	#catering-bottom h2 {
		font-size:18px;
	}
	#catering-bottom h2 br {
		display:none;
	}
	#catering-bottom h3 {
		font-size:28px;
		letter-spacing:1px;
	}
	.client-list {
		width:100%;
	}
	.col-3 {
		width:100%
	}
	.col-2 {
		padding-left:0px;
	}
	#catering-bottom {
		margin-top:40px;
	}
	ul#testimonials-list .grid-sizer {
		width:100%;
	}
	ul#testimonials-list .gutter-sizer {
		width:0%;
	}
	.testimonial-masonry {
		width:100%;
	}
}
/* --------------------------------- 2.0 - Page Templates --------------------------------- */

/* ------- 2.1 Taqueria Page ---------------------------------- */

#content-top.black {
	height:23px;
	width:100%;
	background-size:2000px 23px;
	background:url(images/bg-schedule-home-top.png) top center repeat-x;
}
#content-inner.black {
	background: #000000 url(images/bg-schedule-home.jpg) top center no-repeat;
	 color: #FFF;
	 /*min-height:955px;*/
	 padding-bottom:65px;
}
#menu-list.menu-taqueria h2 {
	font-family:'juice', sans-serif;
	background:none;
	font-size:50px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:2px;
}
#content .entry-title.white {
	background-image:url(images/bg-entry-title-white.png);
	color:#fff;
}
.page-template-page-taqueria-php #footer {
	background-position: center top -21px;
}
.page-template-page-taqueria-php #combos {
	background-color:rgba(0,0,0,1);
}
#menu-taqueria-wrapper {
	background-size:cover;
}
#menu-taqueria-wrapper {
	background:url(images/bg-menu-taqueria.jpg) top center no-repeat;
	background-size:cover;
	text-align:left;
	
}
#taqueria-top {
	text-align:center;
}
.taqueria-map {
	color:#fff;
	font-size:36px;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	line-height:1.3em;
	border-bottom:3px solid #fff;
}
a.taqueria-map:hover {
	color:#ef9e00;
	border-bottom: 3px solid #ef9e00;
}
.taqueria-hours {
	width:48%;
	float:left;
	font-size:24px;
	text-align:left;
	text-transform:uppercase;
}
.day {
	width:38%;
	display:inline-block;
	vertical-align:middle;
	font-weight:800;
	letter-spacing:1px;		
}
.hours {
	width:48%;
	display:inline-block;
	vertical-align:middle;
	font-weight:500;
	letter-spacing:1px;		
}
.taqueria-days {
	font-family: "Gotham",Helvetica,Arial,sans-serif;
	margin-bottom:6px;
}
.taqueria-info-wrap {
	text-align:left;
	padding:60px 0px 30px 0px;
}
.taqueria-info-wrap a {
	color:#fff;
}
taqueria-info-wrap a:hover {
	color:#ef9e00;
}
.taqueria-hours h2 {
	font-family:'juice', sans-serif;
	color:#ef9e00;
	background:none;
	font-size:40px;
	font-weight:normal;
	text-transform:none;
	letter-spacing:2px;
	margin-bottom:27px;
}
.taqueria-info {
	width:48%;
	float:right;
	font-size:20px;
}
.orange {
	color:#ef9e00;
}
.menu-taqueria-title {
	font-family: "Gotham",Helvetica,Arial,sans-serif;
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 3px;
    line-height: 80px;
    margin-bottom: 68px;
	margin-top:60px;
	color:#ef9e00;
    text-align: center;
    text-transform: uppercase;
}
.menu-taqueria p {
	font-size:16px;
	font-weight:normal;
	line-height:1.2em;
}
@media screen and (max-width: 800px)
{
	#menu-list.menu-taqueria h2 {
		font-size:30px;
	}
	.taqueria-map {
		font-size:28px;
		border:0px;
	}
	.taqueria-hours h2 {
		font-size:30px;
	}
}

@media screen and (max-width: 500px)
{
	#menu-taqueria-wrapper{
		display:none;
	}
	.taqueria-map {
		font-size:18px;
	}
	.taqueria-hours {
		width:100%;
		margin-bottom:30px;
	}
	.taqueria-info {
		width:100%;
	}
	.page-template-page-taqueria-php #combos h2 {
		color:#fff;
	}
	.page-template-page-taqueria-php #combos em {
		color:#fff;
	}
	.page-template-page-taqueria-php #content-inner.black {
		padding-bottom:10px;
	}
}
/* 2.2 - Press Items --------------------------------------------- */

#press-list {
	padding-bottom:142px;
}
#press-list a {
	display:block;
	width:32%;
	overflow:hidden;
	position:relative;
	margin-bottom:35px;
	height:auto;
}
.press-masonry img {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
}
.press-masonry span {
	display:flex;
	align-items:center;
	align-content:center;
	justify-content: center;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
	background:url(images/bg-press-overlay.png);
	text-align:center;
	font-family:"Gotham", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:90px;
}
.tall {
}
.tall img {
}
.wide {
	width:32%;
}
.wide img {
}
.normal, .normal img {
}
.gutter-sizer {
		width:20px;
	}
@media screen and (max-width: 800px)
{
	#press-list a {
		width:32%;
		margin-bottom:24px;
	}
	.gutter-sizer {
		width:2%;
	}
}
@media screen and (max-width: 500px)
{
	#press-list a {
		width:48%;
		margin-bottom:12px;
	}
	.gutter-sizer {
		width:2%;
	}
}
/* 2.3 - Secondary Navigation -------------------------------------------------------------- */

#content .menu-secondary ul {
      clear: both;
      display: block;
      margin: 0px auto 95px auto;
      overflow: hidden;
	  width:100% !important;
	  text-align:center;
	  background:#000000;
	  height:40px;
	  font-size:0px;
    }
	.menu-secondary ul li {
        display: inline-block; 
		vertical-align:top;
		height:40px;
		font-size:16px;
      }
        
        .menu-secondary ul li a {
          display: block;
          text-decoration: none; 
        }
		.menu-secondary a {
      background: #000000;
      color: #ffffff;
      margin-right: 1px;
      padding: 0px; 
	  font-family:"Gotham", Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  text-transform:uppercase;
	  display:block;
	  line-height:40px;
	  height:40px;
	  font-size:16px;
	  font-style:normal;
	  margin:0px;
	  border-right:1px solid #464646;
    }
    .menu-secondary li:last-child a {
		border-right:none;
	}
    .menu-secondary a:hover {
      background: #ef9e00;
      color: #fff;
      text-shadow: none; 
    }
	.menu-secondary .current-menu-item a {
		background: #ef9e00;
      	color: #fff;
	}
	.three-col {
		width:32%;
	}
	.four-col {
		width:24%;
	}
	.two-col {
		width:48%;
	}
 #content .secondary-title {
	 background:none;
	 padding-bottom:0px;
	 margin-bottom:20px;
 }
 #secondary-banner-image {
	 border-bottom:7px solid black;
	 display:block;
	 margin-bottom:60px;
 }
 #content .secondary-headline {
	 font-size:36px;
	 line-height:1.2em;
	 font-style:italic;
	 text-align:center;
	 font-weight:normal;
	padding:0px 0px 54px 0px;
	margin-bottom: 48px;
	background:url(images/bg-entry-title.png) bottom center no-repeat;
 }
 .page-template-page-secondary-pullquote-php .hentry {
 	width:62%;
	float:left;
	padding-left:40px;
	font-size:18px;
	line-height:1.3em;
 }
 .page-template-page-secondary-pullquote-php small {
	 font-size:14px;
 }
 .page-template-page-secondary-one-column-php .hentry {
	font-size:18px;
	line-height:28px;
 }
 .pullquote {
	 width:34%;
	 padding-right:40px;
	 float:right;
	 font-size:28px;
	 line-height:1.3em;
	 font-style:italic;
 }
 .page-id-15432 #content .pullquote p {
	 margin-bottom:64px;
 }
 .pq-img {
	 display:block;
	 float:left;
 }
 .pq-img:hover {
	 background:none;
 }
 #yelp-link {
	 margin-right:24px;
 }
 .narrow-col {
	 width:850px;
	 max-width:100%;
	 margin:0px auto;
 }
 #content .narrow-col h2 {
	 font-size:36px;
	 line-height:36px;
	 font-weight:900;
	 margin:47px 0px 30px 0px;
 }
 .downloads {
	 padding-top:13px;
 }
 .downloads strong {
 	font-weight:900;
 }
 .downloads a {
	 margin:0px 0px 0px 19px;
	 display:inline-block;
 }
 .page-id-15443 #content hr {
	 margin:80px 0px 50px 0px;
 }
 .single .entry-content img {
	 max-width: 724px;
	 height:auto;
	 line-height:1px;
 }
 .entry-content small {
	 font-size:14px;
 }
@media screen and (max-width: 800px)
{
	#content .menu-secondary ul {
		margin-bottom:40px;
	}
	#content .secondary-headline {
		font-size:28px;
	}
	.pullquote {
		font-size:26px;
	}
	#secondary-banner-image {
		margin-bottom:30px;
	}
	.page-template-page-secondary-pullquote-php .hentry {
		margin-bottom:0px;
	}
	.menu-secondary a {
		font-size:14px;
	}
}
@media screen and (max-width: 500px)
{
	#content .menu-secondary ul {
		height:auto;
		margin-bottom:30px;
	}
	.three-col {
		width:100%;
	}
	.four-col {
		width:100%;
	}
	.two-col {
		width:100%;
	}
	#content .secondary-headline {
		font-size:24px;
	}
	.page-template-page-secondary-pullquote-php .hentry {
		width:100%;
		padding:0px;
	}
	.pullquote {
		width:100%;
		padding:0px;
	}
}

/* 2.4 - Home Page Styles
-------------------------------------------------------------- */
#home-shim {
	max-height:600px !important;
}
#home-content {
	position:relative;
	z-index:10;
	margin-top:-23px;
}

#home-banner {
	min-height:200px;
	background:#000000;
	position:absolute;
	width:100%;
	z-index:1;
}
/* Home Twitter Feed ----------- */
#home-twitter {
	width:100%;
	height:296px;
	background:url(images/bg-twitter.png) top center repeat-x;
	background-size:2000px 296px;
	position:relative;
	margin-top:-49px;
	z-index:10;
}
#home-twitter .inner {
	height:296px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items:center;
}
#twitterlink {
	display:block;
	width:50%;
	max-width:100%;
	position:relative;
	text-align:right;
}
#twitterlink a {
	font-size:40px;
	line-height:1em;
	margin-top:2px;
	text-decoration:none;
	display:inline-block;
	border-bottom:2px solid black;
}
#twitterfeed {
	display:block;
	width:48%;
	max-width:100%;
	position:relative;
	font-size:16px;
	line-height:1.4em;
	color:#000000;
	font-weight:bold;
}
#twitterfeed ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#twitterfeed li {
	margin:0px; padding:0px;	
	font-size:16px;
	line-height:26px;
	color:#000000;
}
#twitterfeed .jta-tweet-text {
	display:block;
	font-weight:bold;
}
#twitterfeed .jta-tweet-attributes, #twitterfeed .tweet-time {
	display:block;
	font-size:14px;
}
#twitterfeed .jta-tweet-timestamp-link, #twitterfeed .tweet-time {
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
}

.tweet-time a {
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
}
#home-blog {
	position:relative;
	padding-top:202px;
	padding-bottom:85px;
	margin-top:-89px;
	z-index:6;
	background:url("images/bg-content.jpg") repeat scroll 0 0 transparent;
}
#home-blog-header {
	width:100%;
	height:250px;
	background:url(images/bg-home-blog-header.jpg) top center repeat-x;
	position:relative;
	overflow:hidden;
	margin-bottom:86px;
}
#home-blog-header h2 {
	display:block;
	margin:0px auto;
	width:995px;
	height:90px;
	position:relative;
	top:170px;
	background:url(images/from-the-blog.png);
	text-indent:-9999em;
}
ul#home-posts,
ul#blog-posts {
	list-style:none;
	margin:0px;
	padding:0px;

}
ul#blog-posts {
	margin-bottom:48px;
}
ul#home-posts li,
ul#blog-posts li {
	display:block;
	float:left;
	width:280px;
	margin-right:80px;
	vertical-align:top;
}
ul#blog-posts li {
	background:url(images/bg-article-divider.png) bottom left repeat-x;
	padding-bottom:10px;
	margin-bottom:36px;
}
ul#home-posts li:last-child,
ul#blog-posts li:last-child {
	margin-right:0px;
}
ul#home-posts li .post-title,
ul#blog-posts li .post-title {
	margin-bottom:28px;
}
.read-more {
	display:inline-block;
	clear:both;
	line-height:16px;
	padding:0px 4px;
	font-weight:900;
	text-transform:uppercase;
	font-style:normal;
	text-decoration:none;
	border-bottom:1px solid black;
}
/* Blog Link ------ */

#circle-arrow-rev {
	display:block;
	position:relative;
	margin:45px auto 14px auto;
	width:69px;
	height:69px;
	background:url(images/btn-circle-arrow.png) 0px -69px no-repeat;
	text-indent:-9999em;
}
#circle-arrow-rev:hover {
}
#circle-arrow-rev span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:69px;
	height:69px;
	background:url(images/btn-circle-arrow.png) 0px 0px no-repeat;
}
#blog-link {
	margin:0px auto;
	display:block;
	text-align:center;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#000000;
	font-style:normal;
}
#blog-link:hover {
	background:none;
}
/* --- Brick and Mortar Locations --- */

#locations-container {
	position:relative;
	padding:60px 0px 60px 0px
}
.locations-title {	
	font-family: "HoeflerTextBlackItalicSwash", Arial, sans-serif;
	color:#ffffff;
	font-size:40px;
	line-height:37px;
	display:block;
	float:left;
	width:222px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding-left:50px;
	letter-spacing:1px;
}
#locations-list {
	display:block;
	float:right;
	width:772px;
	max-width:100%;
	margin:0px;
}
#locations-list li {
	display:inline-block;
	float:left;
	width:49%;
	vertical-align:top;
	padding:0px 8px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#locations-list:after {
	content: "";
    display: table;
    clear: both;
}
#locations-list li:after {
	content: "";
    display: table;
    clear: both;
}
.loc-icon {
	float:left;
	width:auto;
	width:84px;
	text-align:center;
}
.loc-info {
	width:calc(100% - 84px);
	float:left;
	text-align:left;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.loc-name {
	font-family:"Boton", sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#ef9e00;
	margin-bottom:0px;
}
.loc-link {
	font-size:14px;
	color:#ffffff;
	font-style:italic;
	margin-bottom:18px;
	display:block;
}
.loc-hours {
	font-family:"Boton", sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	margin-bottom:8px;
	line-height:1.3em;
}
.loc-menu {
}

@media screen and (max-width: 500px)
{
	#locations-list li {
		padding:0px 20px 0px 0px;
		margin:0px;
		width:100%;
	}
	.loc-hours {
		font-size:14px;
	}
	.locations-title {
		width:100%;
	}
	#home-twitter {
		margin-top:0px;
		background:#ef9e00;
		height:auto;
		padding:30px 0px;
	}
	#twitterlink {
		left:0px;
		width:100%;
	}
	#home-twitter .inner {
		flex-wrap:wrap;
		height:auto;
	}
}
/* 2.5 - Menu Page
------------------------------------------------------------- */

#menu-blocks {
	margin:0px;
	padding:0px;
}
/*General Mosaic Styles*/
.mosaic-block {
	position:relative;
	overflow:hidden;
	width:48%;
	height:474px;
	max-width:100%;
	margin:0px 0px 52px 0px;
	background:#000;
	color:#ffffff;
}
.special-block {
	position:relative;
	overflow:hidden;
	width:100%;
	max-width:100%;
	height:474px;
	margin:0px 0px 52px 0px;
	background:#000;
	color:#ffffff;
}
#menu-blocks .even {
	float:left;
}
#menu-blocks .odd {
	float:right;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		padding:37px 34px;
		height:400px;
		width:100%;
		max-width:100%;
		background: url(images/bg-menu-block.jpg);
		font-size:18px;
		line-height:1.4em;
		backgroud-size:cover;
	}
	.special-block .mosaic-backdrop {
		width:100%;
		max-width:100%;
		background: url(images/bg-menu-special.jpg);
	}
	.mosaic-backdrop h4 {
		color:#ee9d00;
		font-size:22px;
		line-height:22px;
		font-weight:bold;
		margin-bottom:8px;
		text-transform:uppercase;
	}
	.mosaic-backdrop a {
		color:#ffffff;
		text-decoration:none;
		border-bottom:1px solid white;
		font-style:italic;
	}
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-size:cover;
		background-position:center center;
	}
	.mosaic-overlay img {
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
	}
	.mosaic-overlay h3 {
		position:absolute;
		display:block;
		width:100%;
		top:50%;
		transform:translateY(-50%);
		padding:0px 24px;
		text-align: center; 
		text-transform:uppercase;
		font-family: "Gotham",Helvetica,Arial,sans-serif;
		font-size:30px;
		line-height:1.1em;
		font-weight:800;
		z-index:2;
		letter-spacing:2px;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.56);
	}
	.special-block .mosaic-overlay h3  {
		font-size:36px;
	}
	#content #menu-images-title {
		font-family: "Gotham",Helvetica,Arial,sans-serif;
		font-size:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		line-height:1em;;
		text-align:center;
		margin-bottom:14px;
	}
	#content #menu-images-subtitle {
		font-size:50px;
		text-align:center;
		letter-spacing:3px;
		margin-bottom:48px;
		line-height:1em;
		font-family: "HoeflerTextBlackItalicSwash", Arial, sans-serif;
		font-weight:normal;
		background: url(images/bg-menu-images-subtitle.png) center center no-repeat;
	}
	#menu-arrow {
		display:block;
		margin:-60px auto 112px auto;
		z-index:1;
	}
#combos {
	width:100%;
	height:auto;
	padding:74px 20px 74px 20px;
	position:relative;
	z-index:5;
	background:url(images/bg-combo.png) top center repeat-x;
}
#combos h2 {
font-size:48px;
line-height:48px;
margin:0px;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
background:url(images/bg-combos-h2.png) center center no-repeat;
}
#combos em {
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size:15px;
	display:block;
	text-align:center;
	margin-bottom:19px;
	letter-spacing:1px;
	font-weight:bold;
	line-height:1.3em;
}
#combos ul {
	width:1000px;
	max-width:100%;
	display:block;
	margin:0px auto 8px auto;
	padding:0px;
	list-style:none;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#ffffff;
	letter-spacing:2px;
}
#combos li {
	line-height:59px;
	margin-bottom:5px;
}
#combos ul span {
	color:#c30725;
}
#combos span.combo-number {
	display:inline-block;
	vertical-align:middle;
	width:58px;
	height:59px;
	color:#c30725;
	line-height:57px;
	text-align:center;
	margin-right:23px;
	padding:0px;
	background:url(images/bg-combo-dot.png);
	letter-spacing:0px;
}
#combos h3 {
	font-size:25px;
	line-height:25px;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	text-align:center;
}
#combo-special {
	display:inline-block;
	vertical-align:middle;
	margin-right:6px;
	width:52px;
	height:31px;
	overflow:hidden;
	background:url(images/special-arrow.png);
	text-indent:-9999em;
	font-size:0px;
}
	
#menu-list {
	width:774px;
	max-width:100%;
	min-height:200px;
	margin:0px auto;
	background:url(images/bg-menu-list.png) top center repeat-y;
	margin-bottom:70px;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
}
.menu-col {
	width:325px;
}
.menu-col-left {
	float:left;
}
.menu-col-right {
	float:right;
}
#menu-list h2 {
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:800;
	font-size:48px;
	line-height:1em;
	padding:0px 0px 17px 0px;
	margin:0px 0px 36px 0px;
	color:#ef9e00;
	text-transform:uppercase;
	background:url(images/bg-menu-list-h2.png) bottom left no-repeat;
	letter-spacing:1px;
}
#menu-list h3 {
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#c30725;
	text-transform:uppercase;
	font-size:24px;
	line-height:1em;
	margin-bottom:12px;
	letter-spacing:2px;
}
#menu-list ul {
	margin:0px 0px 50px 0px;
	padding:0px;
	list-style:none;
}
#menu-list li {
	padding:0px;
	margin:0px 0px 9px 0px;	
	font-size:23px;
	line-height:1.4em;
	letter-spacing:1px;
}
#menu-list h2 + ul {
	margin-top:-6px;
}
#menu-list li a {
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}
#menu-list span {
	color:#c30725;
}
#menu-list hr {
	border:0px;
	background:url(images/bg-hr.png);
	height:3px;
	margin:50px 0px 45px 0px;
	width:100%;
}
.upgrade {
	font-style:italic;
	font-size:15px;
	line-height:15px;
	margin-bottom:18px;
	display:block;
	letter-spacing:1px;
}
.upgrade-tacos {
	display:block;
	font-size:15px;
	line-height:15px;
	letter-spacing:1px;
	margin-top:21px;
}


#mobile-menu {
	background:#000;
	display:none;
}
/*--- Mobile Styles --- */

@media screen and (max-width: 800px)
{
	#menu-list h2 {
		font-size:38px;
		margin-bottom:4px;
	}
	#content #menu-images-title {
		font-size:30px;
		letter-spacing:2px;
	}
	#content #menu-images-subtitle {
		font-size:40px;
		letter-spacing:2px;
	}
	.mosaic-block {
		width:48%;
		height:360px;
		margin-bottom:32px;
	}
	.special-block {
		width:100%;
	}
	.mosaic-backdrop {
		font-size:16px;
	}
	#menu-list h3 {
		font-size:24px;
		letter-spacing:1px;
	}
	#menu-list hr {
		margin:30px auto 35px auto;
	}
	#menu-list ul {
		margin-bottom:30px;
	}
	#menu-list li {
		font-size:18px;
		margin-bottom:4px;
	}
	#menu-arrow {
		margin-bottom:62px;
	}
}

@media screen and (max-width: 500px)
{
	#mobile-menu {
		display:block;
		padding:60px 30px;
	}
	#menu-list {
		display:none;
	}
	
	#content #menu-images-title {
		font-size:20px;
		letter-spacing:1px;
	}
	#content #menu-images-subtitle {
		font-size:30px;
		letter-spacing:1px;
	}
	.mosaic-block {
		width:100%;
		height:340px;
		margin-bottom:32px;
	}
	.special-block {
		width:100%;
	}
	.mosaic-backdrop {
		font-size:14px;
	}
		

	/* Toggle List Styles
	----------------------------------------------------------- */

	.toggle-view {
		list-style:none;	
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-size:14px;
		margin:0;
		padding:0;
	}

	.toggle-view li {
		margin:10px;
		position:relative;
		cursor:pointer;
		color:#ffffff;
	}
	
	
	.truck-col h4 {
		margin:0;
		font-size:18px !important;
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:18px;
		margin-bottom:15px;
		color:#ffffff;
		text-align:center;
	}
	
	.toggle-view span {
		display:inline-block;
		margin-right:6px;
		color:#ffffff;
		
	}
	
	.toggle-view .toggle-panel {
		display:block;
		text-align:center;
	}
	.toggle-view .toggle-panel ul {
		color:#ffffff;
		list-style:none;
		margin:6px 0px 6px 24px;
		padding:0px;
	}

/* Home Toggle
	--------------------------------------- */
	
	.menu-toggle-view {
		list-style:none;	
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-size:14px;
		margin:0;
		padding:0;
	}

	.menu-toggle-view li {
		margin:0px 0px 0px 10px;
		position:relative;
		cursor:pointer;
		color:#ffffff;
	}
	
	
	
	.menu-toggle-view h4 {
		margin:0;
		font-size:23px !important;
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:23px;
		margin-bottom:15px;
		color:#ffffff;
	}
	
	.menu-toggle-view span {
		display:inline-block;
		margin-right:6px;
		color:#ffffff;
		
	}
	
	.menu-toggle-view .toggle-panel {
		display:none;
	}
	.menu-toggle-view .toggle-panel ul {
		color:#ffffff;
		list-style:none;
		margin:0px 0px 6px 9px;
		padding:0px;
	}
	#home-menu h2 {
		color:#ef9f00;
		text-align:center;
		font-size:30px;
		line-height:30px;
		margin:0px 0px 30px 0px;
		padding:0px;
		letter-spacing:2px;
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
	}
	#home-menu h3 {
		color:#ef9f00;
		font-size:20px;
		margin-bottom:18px;
		padding:0px 0px 0px 18px;
		font-weight:bold;
	}
	#home-menu .upgrade, #home-menu .upgrade-tacos {
		
		font-style:italic;
		font-size:12px;
	}
	#home-menu a {
		color:#ffffff;
		text-decoration:none;
		font-style:normal;
	}
	#home-menu .toggle-panel span {
		color:#c30725;
	}
	.page-id-6 #main {
		padding:0px;
		margin:0px;
	}
	#combos {
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		padding:30px 10%;
		background:#ef9f00;
	}
	#combos h2 {
	font-size:30px;
	line-height:30px;
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	}
	#combos em {
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-size:14px;
		display:block;
		text-align:center;
		margin-bottom:19px;
		letter-spacing:1px;
		font-weight:bold;
	}
	#combos ul {
		display:block;
		margin:0px auto 8px auto;
		padding:0px;
		list-style:none;
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#ffffff;
		letter-spacing:1px;
	}
	#combos li {
		line-height:30px;
		margin-bottom:5px;
	}
	#combos ul span {
		color:#c30725;
	}
	#combos span.combo-number {
		display:inline-block;
		vertical-align:middle;
		width:29px;
		height:30px;
		color:#c30725;
		line-height:28px;
		font-size:16px;
		text-align:center;
		margin-right:12px;
		padding:0px;
		background:url(images/bg-combo-dot.png);	
		background-size:29px 30px;
		letter-spacing:0px;
	}
	#combos h3 {
		font-size:20px;
		line-height:20px;
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		color:#000000;
		text-align:center;
	}
	#combo-special {
		display:inline-block;
		vertical-align:middle;
		margin-right:6px;
		width:26px;
		height:15px;
		overflow:hidden;
		background:url(images/special-arrow.png);	
		background-size:26px 15px;
		text-indent:-9999em;
		font-size:0px;
	}
	#menu-arrow {
		margin:0px auto 12px auto;
		display:block;
		width:122px;
		height:74px;
	}

}
/* 2.6 - Schedule (Desktop)
-------------------------------------------------------------- */

#modalSchedule { 
	width:100%;
	height:100%;
	display: block;
	opacity:0;
	pointer-events:none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
	padding:0px;
	background: #000000 url(images/bg-schedule-pageslide.jpg) top center no-repeat;
    color: #FFF;
	overflow:auto;
	transition:all .3s ease 0s;
}
#modalSchedule.on {
	opacity:1;
	pointer-events:auto;
}
#home-schedule {
	margin-top:-23px;
}
#home-schedule-top {
	height:23px;
	width:100%;
	background-size:2000px 23px;
	background:url(images/bg-schedule-home-top.png) top center repeat-x;
}
#home-schedule-inner {
	background: #000000 url(images/bg-schedule-home.jpg) top center no-repeat;
	 color: #FFF;
	 /*min-height:955px;*/
	 padding-bottom:65px;
}
#schedule-header {
	font-family: "HoeflerTextBlackItalicSwash", Arial, sans-serif;
	font-size:68px;
	font-weight:normal;
	color:#ef9e00;
	line-height:1em;
	letter-spacing:4px;
	text-align:center;
	margin: 0px 0px 18px 0px;
	padding-top:68px;
}
#modalSchedule #schedule-header {
	padding-top:24px;
}
.day-name {
	display:none;
}
.schedule-day {
	text-align:center;
}
.schedule-day h3 {
	font-size:26px;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing:1px;
	margin-bottom:18px;
}
.schedule-day h3 img {
	vertical-align:top;
	margin-top:2px;
}
.truck-col {
	width:212px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:0px 12px;
}
.truck-col h4 {
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	line-height:24px;
	margin-bottom:12px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.truck-col .location {
	font-size:20px;
	margin-bottom:8px;
}
.truck-col .address {
	margin-bottom:22px;
}
.truck-col .address a {
	color:#ffffff;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
	border-bottom:1px solid white;
}
.truck-col hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 4px;
	width:52px;
	margin-bottom: 0px auto 18px auto;
}
.roja h4 {
	color:#c30725;
}
.verde h4 {
	color:#2d8c1a;
}
.naranja h4 {
	color:#ef9e00;
}
.rosita h4 {
	color:#ff177f;
}
.truck-col-content {	
	padding-top:25px;
	
}
.roja .truck-col-content {
	background:url(images/bg-truck-col-roja.png) top center no-repeat;
}
.verde .truck-col-content {
	background:url(images/bg-truck-col-verde.png) top center no-repeat;
}
.naranja .truck-col-content {
	background:url(images/bg-truck-col-naranja.png) top center no-repeat;
}
.rosita .truck-col-content {
	background:url(images/bg-truck-col-rosita.png) top center no-repeat;
}
.truck-col .no-service {
	color:#595959 !important;
}
div.no-service {
	background:url(images/bg-truck-col-no-service.png) top center no-repeat !important;
}
.truck-circle {
	display:block;
	width:169px;
	height:169px;
	margin:0px auto 27px auto;
	text-indent:-9999em;
}
.circle-roja {
	background:url(images/bg-truck-circle-roja.png) 0px 0px no-repeat;
}
.circle-verde {
	background:url(images/bg-truck-circle-verde.png) 0px 0px no-repeat;
}
.circle-naranja {
	background:url(images/bg-truck-circle-naranja.png) 0px 0px no-repeat;
}
.circle-rosita {
	background:url(images/bg-truck-circle-rosita.png) 0px 0px no-repeat;
}

#close-schedule {
	position:fixed;
	bottom:0px;
	right:16px;
	color:#ffffff;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size:46px;
	text-transform:uppercase;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	padding:48px;
	cursor:pointer;
}
.home #close-schedule {
	display:none;
}

@media screen and (max-width: 800px)
{
	#schedule-header {
		font-size:58px;
		letter-spacing:3px;
	}
}
@media screen and (max-width: 500px)
{
	#schedule-header {
		font-size:38px;
		letter-spacing:2px;
		padding-top:38px;
	}
}

/* 2.7 - Schedule (Mobile)
-------------------------------------------------------------- */


#slider-week-wrapper {
	display:none;
	width:100vw !important;
	max-width:100vw !important;
}
#slider-week-wrapper .truck-col {
	margin:0px;
}
	.truck-col .innerTitle {
		font-family: "Gotham", Arial, Helvetica, sans-serif;
		text-align:center;
		font-size:31px;
		line-height:31px;
		text-transform:uppercase;
		font-weight:bold;
		color:#ffffff;
		padding:16px 0px 16px 0px;
		margin:0px 0px 16px 0px;
		letter-spacing:2px;
	}
	.roja h4,
	.roja .innerTitle  {
		color:#c30725;
	}
	.roja .innerTitle {
		background: url(images/bg-roja.png) bottom center no-repeat;
		background-size:51px 4px;
	}
	.verde h4,
	.verde .innerTitle  {
		color:#2d8c1a;
	}
	.verde .innerTitle {
		background: url(images/bg-verde.png) bottom center no-repeat;
		background-size:51px 4px;
	}
	.naranja h4,
	.naranja .innerTitle  {
	color:#ef9e00;
	}
	.naranja .innerTitle {
		background: url(images/bg-naranja.png) bottom center no-repeat;
		background-size:51px 4px;
	}
	.rosita h4,
	.rosita .innerTitle  {
		color:#ff177f;
	}
	.rosita .innerTitle {
		background: url(images/bg-rosita.png) bottom center no-repeat;
		background-size:51px 4px;
	}
	.no-service h4 {
		color:#595959;
		text-align:center;
	}
	.truck-col ul.toggle-view a {
		color:#ffffff;
		font-style:italic;
		font-size:14px;
		text-decoration:none;
		border-bottom:1px solid white;
		text-decoration:none;
		border-bottom:1px solid white;
	}
	.truck-col ul.toggle-view {
		font-family: "Boton", Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#ffffff;
		list-style:none;
		margin:0px;
	}
	.truck-col ul.toggle-view p {
		margin-bottom:6px;
	}
	.truck-col ul.toggle-view p.address {
		margin-bottom:18px;
	}


@media screen and (max-width: 500px)
{
	#schedule-modal-slider-wrapper {
		display:none;
	}
	#slider-week-wrapper {
		display:block;
	}
}


/* 2.8 - Smart & Final Page
-------------------------------------------------------------- */


.smart-page {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 0;
	padding-top: 0 !important;
}

.paper-bg {
	background: url('images/smart-lp/background.jpg') no-repeat center top;
	background-size: cover;
	line-height: normal;
	padding: 40px 0;
}

.top-image-banner {
	width: 100%;
}

#smartFinal h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 64px;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 60px;
}

#smartFinal h2 span {
	color: #d2232a;
}

#smartFinal ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 1.5;
	list-style: disc;
}

.cta-link,
.cta-link:hover {
	border: 3px solid #d2232a !important;
	color: #d2232a;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	margin: 40px auto;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	max-width: 150px;
	transition: all 0.3s;
}

.cta-link:hover {
	background-color: #d2232a;
	color: #fff;
}

.block-wrapper {
	display: flex;
	justify-content: center;
	font-size: 21px;
	width: 100%;
}

.block-wrapper .block-item a {
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	position: relative;
	text-decoration: none;
	transition: all 0.3s;
}

.block-wrapper .block-item a::before {
	background: transparent url('images/smart-lp/play-button.png') no-repeat center;
	background-size: 100%;
	content: '';
	height: 120px;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	width: 120px;
	transition: all 0.3s;
}

.block-wrapper .block-item a:hover {
	background-color: transparent;
	color: #d2232a;
}

.block-wrapper .block-item a:hover::before {
	background-size: 120%;
}

.block-wrapper.sauces > div:last-child {
	margin-top: 100px;
}

.block-wrapper.sauces .block-item {
	display: flex;
	margin-top: 30px;
}

.block-wrapper.sauces .block-item:first-child {
	margin-top: 0;
}

.block-wrapper.sauces .block-item div {
	width: 55%;
}

.block-wrapper.sauces .block-item .bottle-img  {
	width: 40%;
}

.block-wrapper.sauces .block-item strong {
	display: block;
}

.block-wrapper.videos {
	flex-wrap: wrap;
}

.block-wrapper.videos .block-item {
	margin: 15px 15px 0 15px;
	width: 45%;
}

@media screen and (max-width: 800px) {
	#smartFinal h2 {
		font-size: 48px;
		line-height: 48px;
	}
	
	#smartFinal ul {
		font-size: 24px;
	}
	
	.block-wrapper.videos iframe {
		height: 177px;
	}
}

@media screen and (max-width: 500px) {
	#smartFinal h2 {
		font-size: 36px;
		line-height: 36px;
	}
	
	#smartFinal ul {
		font-size: 18px;
	}
	
	.block-wrapper {
		display: block;
		font-size: 15px;
	}
	
	.block-wrapper.sauces > div:last-child {
		margin-top: 30px;
	}
	
	.block-wrapper.videos .block-item {
		margin: 15px 0;
		width: 100%;
	}
}


/* --------------------------------- 3.0 - Misc. Styles ------------------------------------ */


/* 3.1 - Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* 3.2 - Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* 3.3 - Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 24px;
	margin-top:24px;
}
.wp-caption {
	line-height: 18px;
	margin-bottom: 24px;
	max-width: 724px !important; /* prevent too-wide images from breaking layout */
	padding: 0px;
	text-align: center;
}
.wp-caption a:hover {
	background:none;
}
.wp-caption img {
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin:0px !important;
	padding:8px;
	font-style:italic;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* 3.4 - Post Navigation
-------------------------------------------------------------- */

.navigation {
}
.navigation a:link,
.navigation a:visited {
}
.navigation a:active,
.navigation a:hover {
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


.pagenavi {
    margin: 0 0 20px 0px;
    padding: 5px 1px 5px;
    display:block;
	text-align:center;
	overflow:visible;
	font-size:24px;
}
.pagenavi a {
    padding: 0px 7px;
    text-decoration: none;
	font-style:normal;
	font-weight:900;
}
.pagenavi a:hover {
}
.pagenavi span {
	color:#666;
}
.pagenavi span.pages {
    padding: 0px 12px 0px 0px;
    font-weight:900;
    border: 0px;
}
.pagenavi span.current {
	text-decoration:underline;
	font-weight:900;
	 padding: 0px 6px;
	 color:#000000;
}
.pagenavi span.expand {
}
.pagenavi .first, .pagenavi .last {
    
}
.pagenavi .single_page {
}



/* 3.5 - Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	background: url("images/bg-article-divider.png") repeat-x top left;
	margin-top:20px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0px;
	position: relative;
}

.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
	font-size:18px;
	margin-bottom:12px;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type="submit"] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0px 0px 16px 0px;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	font-size: 17px;
	display:block;
	font-weight:bold;
	padding:6px 0px;
}
#respond input {
	margin: 0 0 9px;
	width:654px;
}
#respond textarea {
	width:654px;
}

#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
#respond input[type="submit"] {
	display:inline-block;
	border:0px;
	background:#000000;
	color:#ffffff;
	font-family: "AlternteGotNo1","Boton",Helvetica,Arial,sans-serif;
	font-size:29px;
	line-height:45px;
	height:45px;
	text-transform:uppercase;
	padding:0px 20px;
	letter-spacing:3px;
	cursor:pointer;
}


/* 3.6 - Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 24px 0;
}
.widget-container .wp-caption img {
	margin: auto;
}
.widget-title {
	color: #000;
	font-weight: 900;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:8px;
}
.widget-area a:link,
.widget-area a:visited {
}
.widget-area a:active,
.widget-area a:hover {
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0px;
}
#main .widget-area ul ul {
	border: none;
	list-style:none;
	margin:0px;
	padding:0px;
}
#main .widget_recent_comments li,
#main .widget_recent_entries li {
	margin-bottom:12px;
}
#primary {
}
#secondary {
}
#search {
	font-size:24px;
	line-height:48px;
	height:48px;
	width:158px;
	padding:0px 18px;
}
/* 3.7 - Contact Form & Custom Select/Dropdown
--------------------------------------------------------------- */
.contact-form label {
	display:none !important;
}
.contact-select {
	text-align:center;
}
.contact-select span.medium {
	text-align:left;
	width:464px;
}
#field_3_1 .ginput_container {
	width:470px;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
.customSelect { 
font-family: "AlternteGotNo1","Boton",Helvetica,Arial,sans-serif;
	color:#000000;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:29px;
	height:69px;
	line-height:67px;
	background: #ffffff;
	border: 3px solid #000;
	padding: 0px 32px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  background:#ffffff url(images/bg-select.png) top right no-repeat;		  
	min-width:47%;
	margin-bottom:24px;
	text-align:left;
}
span.medium {
	width:98%;
}
.hasCustomSelect {
	min-width:47%;
	font-size:18px !important;
}
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
/* You can style the inner box too */
width:100% !important;

}
#meet-our-team {
	font-size: 18px;
    line-height: 28px;
	padding:2px 0px 54px 0px;
}
.gfield .narrow-col {
	font-size: 18px;
    line-height: 28px;
}
#meet-our-team small,
.gfield .narrow-col small {
	font-size:14px;
}
h3.contact-header {
	color:#ef9e00;
	text-transform:uppercase;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin:55px 0px;
	letter-spacing:2px;
}
h3.top-contact-header {
	margin-bottom:32px;
}
.page-template-page-contact-php #content .secondary-headline {
	background:none;
	padding-bottom:36px;
	margin-bottom:0px;
}
.page-template-page-contact-php #content .secondary-headline span {
	font-size:26px;
}
.truck-stop-text .narrow-col ul {
	list-style:none !important;
	margin:0px 0px 0px 38px !important;
}
.truck-stop-text .narrow-col li {
	list-style:none !important;
	margin-bottom:32px !important;
}
.contact-more h3 {
	text-align:center;
	font-size:24px;
	line-height:36px;
}
#field_3_1 {
	margin-bottom:40px;
}
#input_1_1 {
	margin-bottom:0px;
}

#catering-request-form,
#event-request-form {
	margin-bottom:48px;
}
.page-id-15441 #content hr {
	margin:70px 0px 80px 0px;
}
#content .form-trucks h2 {
	color:#ef9e00;
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.4em;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px 0px 6px 0px;
	text-align:center;
}
#content .form-trucks h3 {
	color:#ef9e00;
	font-size:25px;
	letter-spacing:2px;
	line-height:1.4em;
	font-family: "HoeflerTextBlackItalicSwash", Arial, sans-serif;
	font-weight:normal;
	margin:0px 0px 32px 0px;
	text-align:center;
}
.trucks-col {
	font-size:14px;
	line-height:1.6em;
}
.trucks-col h3 a {
	text-decoration:none;
	border-bottom: 3px solid black;	
	line-height:35px;
	display:inline-block;
	cursor:pointer;
}
.trucks-col h3 a:hover {
	border-bottom: 3px solid white !important;
}
.trucks-col h3 {
	font-size:36px;
	line-height:38px;
	margin-bottom:25px;
}

.trucks-left {
	float:left;
	width:48%;
	max-width:100%;
}
.trucks-right {
	float:right;
	width:396px;
	width:48%;
	max-width:100%;
}
@media screen and (max-width: 800px)
{
	.customSelect {
		font-size:22px;
		letter-spacing:1px;
		padding:0px 20px;
	}
}
@media screen and (max-width: 500px)
{
	.trucks-left {
		width:100%;
	}
	.trucks-right {
		width:100%;
	}
	#content .form-trucks h2 {
		font-size:18px;
		letter-spacing:1px;
	}
	#content .form-trucks h3 {
		font-size:24px;
		letter-spacing:1px;
	}
	.customSelect {
		font-size:18px;
		letter-spacing:1px;
		padding:0px 20px;
		margin-bottom:12px;
	}
	span.medium {
		width:100%;
		max-width:100% !important;
	}
	#field_3_1 .ginput_container {
		width:100%;
		transform:none;
		left:0px;
	}
	.page-template-page-contact-php #content .secondary-headline {
		font-size:18px;
		line-height:1.4em;
	}
	.page-template-page-contact-php .narrow-col ul {
		margin-left:10px !important;
	}
	
}
/* 3.8 - 404 Page
---------------------------------------------------- */

#search-form form input {
	display:block;
	margin:0px auto 24px auto;
}
/* 3.9 - Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 0px;
	background: #000000 url(images/bg-footer.jpg) top center repeat-x;
	background-size: 1308px 1380px;
	min-height:1380px;
	padding:127px 0px 70px 0px;
	position:relative;
	z-index:10;
}
#footer h2 {
	font-family: "HoeflerTextBlackItalicSwash", Arial, sans-serif;
	font-size:50px;
	font-weight:normal;
	color:#a0a0a0;
	line-height:1em;
	letter-spacing:3px;
	text-align:center;
	margin-bottom:35px;
}
#footer h2 span {
	font-family: "Boton", Arial, sans-serif;
	font-weight:900;
	text-transform:uppercase;
}
#instafeed {
	display:flex;
	justify-content:space-between;
}
.insta {
	display:inline-block;
	vertical-align:top;
	width:18%;
	position:relative;
	background-size:cover;
	background-position:center center;
}
.insta:before {
	content:"";
	display:block;
	padding-bottom:100%;
}
#kogi-family {
	width:1000px;
	max-width:100%;
	margin:0px auto 155px auto;
}
#kogi-family h2 {
	background: url(images/bg-h2-hungry.png) center center no-repeat;
}
.btn-footer {
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999em;
	width:326px;
	max-width:100%;
	height:218px;
	position:relative;
}
.btn-footer span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	width:326px;
	max-width:100%;
	height:218px;
}
#btn-footer-kogi {
	background:url(images/btn-footer-kogi.jpg) 0px 0px no-repeat;
	margin-right:11px;
}
#btn-footer-kogi span {
	background:url(images/btn-footer-kogi.jpg) 0px -218px no-repeat;
}
#btn-footer-chego {
	background:url(images/btn-footer-chego.jpg) 0px 0px no-repeat;
}
#btn-footer-chego span {
	background:url(images/btn-footer-chego.jpg) 0px -218px no-repeat;
}
#btn-footer-alibi {
	background:url(images/btn-footer-alibi.jpg) 0px 0px no-repeat;
	float:right;
}
#btn-footer-alibi span {
	background:url(images/btn-footer-alibi.jpg) 0px -218px no-repeat;
}
#newsletter {
	height:205px;
	width:100%;
	background:#000000;
	margin-bottom:138px;
	overflow:visible;
}
#newsletter h2 {
	font-size:35px;
	padding:33px 62px 0px 0px;
	text-align:right;
	margin:0px;
	position:relative;
	z-index:1;
	line-height:1em;
	letter-spacing:2px;
	
}
#newsletter h2 span {
	font-size:40px;
}
#newsletter img {
	position:absolute;
	top:0px;
	left:35px;
	margin-top:-70px;
	z-index:2;
}
#ic-sign-up {
	position:absolute;
	height:57px;
	width:100%;
	top:100px;
	left:0px;
}
#newsletter form input[type=text] {
	background:#000000;
	font-size: 24px;
	line-height:51px;
	height:51px;
	border:3px solid #595959;
	color:#595959;
	padding:0px 27px;
	display:block;
	float:left;
	margin:0px 9px 0px 0px;
}
#newsletter form input[type=submit] {
	background : url(images/btn-submit-icontact.png) 0px 0px no-repeat;
	width : 58px;
	height :58px;
	border : none;
	color : transparent;
	font-size : 0;
	cursor: pointer;
	vertical-align:middle;
	display:block;
	float:left;
	padding:0px;
}
#newsletter form input[type=submit]:hover {
	background-position: 0px -58px;
}
#ic-first-name {
	width:183px;
}
#ic-last-name {
	width:270px;
}
#ic-email {
	width:281px;
}
#flickr-feed {
	margin:0px auto 115px auto;
	width:1000px;
	max-width:100%;
}
#flickr-feed h2 {
	background:url(images/bg-h2-flickr.png) center center no-repeat;
}
#flickr-feed .jg-image-label {
	font-family: "Boton", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	font-weight:bold;
}
/* Flickr Arrow Link ------ */
.circle-arrow {
	display:block;
	position:relative;
	margin:45px auto 14px auto;
	width:69px;
	height:69px;
	background:url(images/btn-circle-arrow-flickr.png) 0px 0px no-repeat;
	text-indent:-9999em;
}
.circle-arrow:hover {
	background:none;
}
.circle-arrow span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:69px;
	height:69px;
	background:url(images/btn-circle-arrow-flickr.png) 0px -69px no-repeat;
}
.flickr-link {
	margin:0px auto;
	display:block;
	text-align:center;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	font-style:normal;
}
.flickr-link:hover {
	background:none;
}

#bottom-nav {
	width:1000px;
	max-width:100%;
	height:112px;
	margin:0px auto;
	position:relative;
	background: url(images/dash-line.png) bottom left repeat-x;
	display:flex;
	justify-content: space-between;
	
}
.menu-footer ul {
	list-style:none;	
	margin:0px;
}
.menu-footer ul ul {
	display:none;
}
.menu-footer {
	display:inline-block;
	position:relative;
	top:51px;
	left:0px;
}
.menu-footer ul li {
	display:inline-block;
}
.menu-footer ul li a {
	color:#4b4b4b;
	font-family: "Gotham", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:6px 18px 6px 0px;
	font-style:normal;
	text-decoration:none;
}
.menu-footer ul li a:hover {
	color:#ffffff;
	background:none;
}
#btm-social-links {
	position:relative;
	width:auto;
	max-width:100%;
	height:auto;
}
.icon-btm {
	display:inline-block;
	float:none;
	position:relative;
	vertical-align:middle;
	width:49px;
	height:76px;
	overflow:hidden;
	text-indent:-9999em;
}
#icon-btm-fb {
	background: url(images/icon-btm-fb.png) 0px 0px no-repeat;
}
#icon-btm-fb:after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width:49px;
	height:76px;
	background: url(images/icon-btm-fb.png) no-repeat;
	background-position: 0px -76px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#icon-btm-twitter {
	background: url(images/icon-btm-twitter.png) 0px 0px no-repeat;
	margin-left:15px;
}
#icon-btm-twitter:after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width:49px;
	height:76px;
	background: url(images/icon-btm-twitter.png) no-repeat;
	background-position: 0px -76px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#icon-btm-flickr {
	background: url(images/icon-btm-flickr.png) 0px 0px no-repeat;
	margin-left:15px;
}
#icon-btm-flickr:after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width:49px;
	height:76px;
	background: url(images/icon-btm-flickr.png) no-repeat;
	background-position: 0px -76px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#icon-btm-pinterest {
	background: url(images/icon-btm-pinterest.png) 0px 0px no-repeat;
	margin-left:14px;
}
#icon-btm-pinterest:after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width:49px;
	height:76px;
	background: url(images/icon-btm-pinterest.png) no-repeat;
	background-position: 0px -76px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#icon-btm-fb:hover:after,
#icon-btm-twitter:hover:after,
#icon-btm-flickr:hover:after,
#icon-btm-pinterest:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#bottom-meta {
	width:1000px;
	max-width:100%;
	height:auto;
	margin:0px auto;
}
#bottom-meta p {
	color:#3b3b3b;
	margin:0px;
	padding-top:41px;
	font-size:13px;
	font-weight:bold;
	width:50%;
	display:block;float:left;
}
#bottom-meta p span {
	display:inline-block;
	padding-left:39px;
}
#bottom-logos {
	display:inline-block;
	float:right;
	position:relative;
	top:20px;
	width:auto;
	max-width:100%;
	height:55px;
}
.btm-logo {
	display:inline-block;
	vertical-align:center;
	height:55px;
	opacity:.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	text-indent:-9999em;
}
#btm-logo-kogi {
	width:46px;
	background:url(images/btm-logo-kogi.png) 0px 0px no-repeat;
	margin-right:18px;
}
#btm-logo-chego {
	width:90px;
	background:url(images/btm-logo-chego.png) 0px 0px no-repeat;
	margin-right:18px;
}
#btm-logo-alibi {
	width:65px;
	background:url(images/btm-logo-alibi.png) 0px 0px no-repeat;
}
.btm-logo:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.btn-kymera {
	display:inline-block;
	vertical-align:middle;
	width:48px;
	height:19px;
	overflow:hidden;
	background:url(images/btn-kymera.png) 0px -19px no-repeat;
	text-indent:80px;
	margin-left:2px;
	opacity:.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
#bottom-meta a.btn-kymera:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#online-order-link-mobile {
	background:#c30725;
	font-family: 'Boton', serif;
	color:#000;
	font-size:18px;
	text-align:center;
	display:none;
	padding:12px 0px;
	text-decoration:none;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-style:normal;
	z-index:20;
}
@media screen and (max-width: 800px)
{
	
	#online-order-link-mobile {
		display:block;
	}
	#kogi-family {
		display:none;
	}
	#footer h2 {
		font-size:40px;
		letter-spacing:2px;
	}
	#newsletter h2 {
		padding-right:0px;
		letter-spacing:1px;
		font-size:25px;
	}
	#newsletter h2 span {
		font-size:30px;
	}
	#ic-first-name {
		width:160px;
	}
	#ic-last-name {
		width:160px;
	}
	#ic-sign-up {
		padding:0px 20px;
	}
	.menu-footer {
		display:none;
	}
	#btm-social-links {
		position:relative;
		height:auto;
		width:100%;
		text-align:center;
	}
	#bottom-meta p {
		width:100%;
		text-align:center;
		float:none;
	}
	#bottom-meta p span {
		display:block;
		padding:0px;
	}
	#bottom-logos {
		width:100%;
		float:none;
		text-align:center;
	}
	#footer {
		min-height:0px;
	}
	#flickr-feed {
		margin-bottom:55px;
	}
	#newsletter {
		margin-bottom:70px;
	}
}
@media screen and (max-width: 500px)
{
	#footer h2 {
		font-size:30px;
		letter-spacing:0px;
	}
	#newsletter h2 {
		padding:0px;
		text-align:center;
	}
	#ic-sign-up {
		position:relative;
		top:0px;
	}
	#newsletter {
		height:auto;
		margin-bottom:0px;
		padding-bottom:38px;
	}
	#newsletter img {
		position:relative;
		display:block;
		margin:0px auto;
		left:0px;
		top:0px;
	}
	#flickr-feed {
		margin:30px auto;
	}
	#instafeed {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:flex-start;
	}
	.insta {
		width:32%;
		border:4px solid black;
		margin:0px;
	}
	
	#newsletter form input[type="text"] {
		width:100%;
		margin-bottom:12px;
	}
	#footer {
		min-height:0px;
		padding-top:70px;
	}
}

/* 3.10 - Custom Loop Style
-------------------------------------------------------------- */
.post-featured {
	width:280px;
	height:275px;
	overflow:hidden;
	border-bottom:9px solid #000000;
	position:relative;
	margin-bottom:18px;
}
.post-featured .featured-image {
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
}
.post-date {
	display:block;
	text-align:center;
	width:86px;
	height:86px;
	background:#000000;
	color:#ffffff;
}
.post-featured .post-date {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;
}

.date-day {
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	display:block;
	text-align:center;
	width:100%;
	text-transform:uppercase;
	padding-top:19px;
	letter-spacing:1px;
}
.date-num {
	font-family: "AlternteGotNo1","Boton",Helvetica,Arial,sans-serif;
	font-size:42px;
	line-height:42px;
	display:block;
	text-align:center;
	width:100%;
	letter-spacing:4px;
	text-indent:3px;
}


/* -------- 3.11 - FLexSlider -------------------------------- */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {zoom: 1; overflow:hidden;}
.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 38px; height: 66px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center;z-index:10;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* ------ 3.12 - LiquidSlider------------------ */

/***********************************************************************
*
*  Liquid Slider 0.1
*  Kevin Batdorf
*
*  http://liquidslider.kevinbatdorf.com
*
*  GPL license 
*
************************************************************************/

/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.no-js .liquid-slider {
  height:350px;
  overflow:scroll;
}

/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.liquid-slider-wrapper .liquid-slider-preloader {  
  background: url(images/loading.gif) no-repeat center center;
  opacity:.90;
  /* Do not edit below this line */
  width:100%;
  height:200%;
  position:absolute;
  top:0;
  left:0;
}

/******************************************************************
* Base Styles 
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile defices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
.liquid-slider-wrapper {
  margin:0 auto;
  /* Do not edit below this line */
  clear: both;
  overflow: auto;
  position: relative;
}

/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class, 
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
.liquid-slider-wrapper .liquid-slider {
  width: 1030px;
  /* Do not edit below this line */
  float: left;
  overflow: hidden;
  position: relative;
}
.liquid-slider-wrapper .panel-container {
  /* Do not edit below this line */
  position: relative;

}
.liquid-slider-wrapper .liquid-slider .panel-container .fadeClass {
  /* Do not edit below this line */
  position: absolute;
  top: 0; 
  left: 0;
  display: none;
}

/******************************************************
* Panels
* This is for the panels. If you are using the 
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel {  
  width: 1030px;
  /* Do not edit below this line */
  display: block;
  float: left;
}

/******************************************************
* These provide a base starting point for images and
* video. However, you will have to add more rules
* based on the content you use. Use the @media queries 
* at the bottom of this file.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel img{
  /*
  width:100%;
  height:auto;  
  margin:0 5px;
  */
}

.liquid-slider-wrapper .liquid-slider .panel video {
  /*
  width:100%;  
  height:auto;
  */
}

/******************************************************
* This is mainly used to adjust the padding inside each 
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel-wrapper {  
  padding: 35px 0px 0px 0px;
  /* Do not edit below this line */
  position:relative;
}

/*****************************************************
* This will adjust styles for all navigation tabs
* less of course the select box used for mobile 
* navigation. The .current styles will apply only to 
* the current tab.
*
* You may use this section to create navigation for
* mobile devices if you set mobileNavigation: false
* Be sure to edit media queries for larger devices below
* I have included an example below in comments.
*
* .currentCrossLink refers to external crosslinking.
*******************************************************/


/* Week Slider
-------------- */
.liquid-slider-wrapper .liquid-nav a {
  color: #ffffff;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:19px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-style:normal;
  height:31px;
  line-height:31px;
  display:block;
}
.liquid-slider-wrapper .liquid-nav a:hover {
  color: #ffffff;
  text-shadow: none;
  background:none;
}
.liquid-slider-wrapper .liquid-nav .current {
  display:block;
  text-align:center;
}
.currentCrossLink {
  font-weight: bold;
}
.liquid-slider-wrapper .liquid-nav ul {  
  padding:0;
  /* Do not edit below this line */
  clear: both;
  display: block;
  margin: 0px auto;
  overflow: hidden;
  height:31px;
  position:relative;
  text-align:center;
  max-width:80%;
  z-index:1;
}
.liquid-slider-wrapper .liquid-nav ul li {
  /* Do not edit below this line */
  display: block;
  position:absolute;
  width:100%;
  margin:0px auto;
  text-align:center;
}
.liquid-slider-wrapper .liquid-nav ul li a {
 
  /* Do not edit below this line */
  display: none;
  text-align:center;
  text-decoration: none;
}
/* Day Slider
--------------------------- */
.slider-week-panel .liquid-nav a {
  color: #333333;
  margin-right: 1px;
  padding: 3px 6px;  
  
}
.slider-week-panel .liquid-nav a:hover {
background-position: 0px -80px;
  text-shadow: none;
}

.currentCrossLink {
  font-weight: bold;
}
.slider-week-panel .liquid-nav ul {  
  padding:0;
  /* Do not edit below this line */
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
  text-align:center;
  max-width:100%;
  width:320px !important;
  height:81px;
}
.slider-week-panel .liquid-nav ul li {
  /* Do not edit below this line */
  display: inline-block;
  position:relative;
  left:auto;
  margin:0px 8px;
  width:60px;
  height:80px;
  overflow:hidden;
}
.slider-week-panel .liquid-nav ul li a {
 
  /* Do not edit below this line */
  display: inline-block;
  width:60px;
  height:160px;
  text-indent:-9999em;
  text-decoration: none;
  padding:0px;
}
.slider-week-panel .liquid-nav ul li:nth-child(1) a {
	background:url(images/btn-roja.png) 0px 0px no-repeat;
	background-size:60px 160px;
}
.slider-week-panel .liquid-nav ul li:nth-child(2) a {
	background:url(images/btn-verde.png) 0px 0px no-repeat;
	background-size:60px 160px;
}
.slider-week-panel .liquid-nav ul li:nth-child(3) a {
	background:url(images/btn-naranja.png) 0px 0px no-repeat;
	background-size:60px 160px;
}
.slider-week-panel .liquid-nav ul li:nth-child(4) a {
	background:url(images/btn-rosita.png) 0px 0px no-repeat;
	background-size:60px 160px;
}
.slider-week-panel .liquid-nav ul li:nth-child(1) .current,
.slider-week-panel .liquid-nav ul li:nth-child(2) .current,
.slider-week-panel .liquid-nav ul li:nth-child(3) .current,
.slider-week-panel .liquid-nav ul li:nth-child(4) .current
 {
  background-position: 0px -80px;
  background-color:none;
}
/*****************************************************
* Mobile Menu
* This will adjust styles for selectbox styles. I have
* included a simple example to create a custom select
* box.
*******************************************************/
.liquid-slider-wrapper .liquid-nav {
  overflow:hidden;
  z-index:1;
  position:relative;
}
.liquid-slider-wrapper .liquid-slider-select-box {  
  /* Delete these if you want the standard select box.
     Also delete the rules below */

  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(../img/down_arrow.png) no-repeat right #ddd;
  
}
.liquid-slider-wrapper .liquid-slider-select-box select {  
  /* If you want the standard select box, use 
  width:100%
  And delete the rest of the styling here */

  width: 150%;
  -webkit-appearance: none;
  -mox-appearance: none;
  appearance:none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: 1px solid #bbb;
  height: 35px;
  cursor:pointer;
}

/******************************************************
* Arrows
* This section refers to both the non-graphical and 
* graphical navigation arrows. 
*
* Some settings will be overwritten when using the 
* responsive setting.
*******************************************************/
.liquid-slider-wrapper .liquid-nav-left, .liquid-slider-wrapper .liquid-nav-right {
  /* Do not edit below this line */
  float: left;
}
.liquid-slider-wrapper .liquid-nav-left a, .liquid-slider-wrapper .liquid-nav-right a {
  /* non-graphical arrows */
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  /* Do not edit below this line */
  display: block;
  text-align: center;
  text-decoration: none;
}
.liquid-slider-wrapper .liquid-nav-left-arrow, .liquid-slider-wrapper .liquid-nav-right-arrow {
  cursor: pointer;
  /* Do not edit below this line */
  float: left;
}
.liquid-slider-wrapper .liquid-nav-left-arrow a, .liquid-slider-wrapper .liquid-nav-right-arrow a {
  /* Do not edit below this line */
  display: block;
}
.liquid-slider-wrapper .liquid-nav-left, .liquid-slider-wrapper .liquid-nav-left-arrow {
  /* Do not edit below this line */
  clear: both;
}
.liquid-slider-wrapper .liquid-nav-right-arrow {
  width: 40px;
  height: 40px;
  background: url(images/arrow-right.png) center center no-repeat;
  background-size:13px 21px;
  margin-top: -35px;
  /* Do not edit below this line */
  position:relative;
}
.liquid-slider-wrapper .liquid-nav-left-arrow {
  width: 40px;
  height: 40px;
  background: url(images/arrow-left.png) center center no-repeat;
  background-size:13px 21px;
  margin-top: -35px;
  /* Do not edit below this line */
  position:relative;
}
.liquid-slider-wrapper .liquid-nav-left-arrow:hover {
}
.liquid-slider-wrapper .liquid-nav-left-arrow:active {
  /* Left graphical arrows click */

}
.liquid-slider-wrapper .liquid-nav-right-arrow:hover {
}
.liquid-slider-wrapper .liquid-nav-right-arrow:active {
  /* Right graphical arrows click */

}
.arrows .liquid-slider {
  /* Margin between slider and arrows */
  margin: 0 10px;
}

/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly 
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
.liquid-responsive .liquid-slider {
  /* Do not edit below this line */
  width: 100%;
  margin: 0;
}
.liquid-responsive .liquid-slider .panel .panel-wrapper {
  padding:26px 0px 0px 0px;
}
.liquid-responsive .day-slider .panel .panel-wrapper {
	padding:0px 10%;
}
.liquid-responsive .liquid-nav-left {
  /* Left non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 1;
}
.liquid-responsive .liquid-nav-left a {
  /* Left non-graphical arrows */
  width: 80px;
}
.liquid-responsive .liquid-nav-left a:hover {
  /* Left non-graphical hover */
}
.liquid-responsive .liquid-nav-right {
  /* Right non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 1;
}
.liquid-responsive .liquid-nav-right a {
  /* Right non-graphical arrows */
  width: 80px;
}
.liquid-responsive .liquid-nav-right a:hover {
  /* Right non-graphical arrows hover */

}
.liquid-responsive .liquid-nav-left-arrow {
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 10;
}
.liquid-responsive .liquid-nav-right-arrow {
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 10;
}

/******************************************************************
* Larger Mobile Devices
* This is for devices like the Galaxy Note or something that's 
* larger than an iPhone but smaller than a tablet. 
******************************************************************/
@media only screen and (min-width: 481px) {
  .liquid-slider-wrapper .liquid-slider .panel img{
    /* Example */
    /*
    width:24%;
    margin:2px;
    */
  }

}

/******************************************************************
* Tablet & Smaller Laptops
* This will include tablets and some netbooks.
******************************************************************/
@media only screen and (min-width: 768px) {
  .liquid-slider-wrapper .liquid-slider .panel img{
    /* Example */
    /*
    width:24%;
    */
  }
  .liquid-responsive .day-slider .liquid-slider .panel .panel-wrapper {
    padding: 0px 12.8%;
  }
}

/******************************************************************
* DESKTOP 
* This is the average viewing window. So Desktops, Laptops, and 
* in general anyone not viewing on a mobile device. Here's where
* you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
  

}

/******************************************************************
* LARGE VIEWING SIZE 
* This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
  

}

/******************************************************************
* RETINA (2x RESOLUTION DEVICES)
* This applies to the retina iPhone (4s) and iPad (2,3) along with 
* other displays with a 2x resolution. You can also create a media
* query for retina AND a certain size if you want. Go Nuts.
******************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
  

}
/* ----- 3.13 - Coda Slider-------- */

/***********************************************************************
  jQuery Coda-Slider v3.0 - kevinbatdorf.github.com/codaslider
  Copyright (c) 2012 Kevin Batdorf
  This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
/********************************************
SASS stylesheet.

No idea what CSS preprocessing is all about? No problem... just use the style.css file instead.
If you want to learn more, check out this article by Chris Coyier

css-tricks.com/musings-on-preprocessing/

********************************************/

.coda-slider-wrapper {
  /*******************************************************
  *
  * Most common stuff you'll need to change 
  * will be below this line.
  *
  ********************************************************/
  /******************************************************
  * 
  * Main wrapper padding 
  *
  *******************************************************/
  padding: 0px;
  width:100% !important;
}
  
  .coda-slider-wrapper .coda-slider {
    /******************************************************
    * 
    * Inner wrapper styles 
    *
    *******************************************************/
    
    /******************************************************
    * 
    * Width of the container. Typically you will want to 
    * match this with the width of the panel as well. 
    *
    *******************************************************/
    width: 1000px; 
	  max-width:100vw;
  }
    
    .coda-slider-wrapper .coda-slider .panel {
      /******************************************************
      * 
      * Width of each individual panel. 
      * Typically you will want to match this with the width 
      * of the container as well. 
      *
      *******************************************************/
      width: 1000px; 
		max-width:100vw;
    }
      
      .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
        /******************************************************
        * 
        * Panel wrapper styles 
        *
        *******************************************************/
        padding: 0px 0px 24px 0px;
		width:1000px; 
		 max-width:100vw;
      }
  
  .coda-slider-wrapper .coda-nav {
    /******************************************************
    * 
    * Tab styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav .current {
      /******************************************************
      * 
      * Current tab styles 
      *
      *******************************************************/
      background: #ef9e00; 
    }
    
    .coda-slider-wrapper .coda-nav a {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #ffffff;
      color: #000;
      margin-right: 1px;
	  font-family:"Gotham", Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  text-transform:uppercase;
	  display:block;
	  line-height:40px;
	  height:40px;
	  font-size:16px;
	  font-style:normal;
	  border-right:1px solid black;
	  margin:0px;
    }
	
	.coda-slider-wrapper .coda-nav li:last-child a {
		border-right:0px;
	}
    
    .coda-slider-wrapper .coda-nav a:hover {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #ef9e00;
      color: #000;
      text-shadow: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /******************************************************
    * 
    * Arrow Styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /******************************************************
      * 
      * Arrow Styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      padding: 5px;
      width: 100px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover left
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover right
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /************************************************
    * 
    * Graphical arrows active
    *
    *************************************************/
    margin-top: 55px; 
  }
  
  .coda-slider-wrapper .loading {
    /******************************************************
    * 
    * Style for preloader 
    *
    *******************************************************/
    height: 100%;
    padding: 20px;
    text-align: center; 
  }

  


.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px; 
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/

.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto; 
}
  
  .coda-slider-wrapper .coda-slider {
    /************************************************
    * 
    * slider styles 
    *
    *************************************************/
    
    overflow: hidden;
    position: relative;
	margin:0px auto;
	height:auto;
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /************************************************
      * 
      * Panel container styles 
      *
      *************************************************/
      position: relative;
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /************************************************
        * 
        * Panel styles 
        *
        *************************************************/
        display: block;
        float: left; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /************************************************
    * 
    * Navigation tabs 
    *
    *************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav ul {
      /************************************************
      * 
      * Navigation tabs 
      *
      *************************************************/
      clear: both;
      display: block;
      margin: 0px auto 77px auto;
      overflow: hidden;
	  width:100% !important;
	  text-align:center;
	  background:#ffffff;
	  height:40px;
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /************************************************
        * 
        * Navigation tabs 
        *
        *************************************************/
        display: inline-block; 
		height:40px;
		width:16.666666667%;
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /************************************************
          * 
          * Navigation tabs 
          *
          *************************************************/
          display: block;
          text-decoration: none; 
        }
  
  .coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
    /************************************************
    * 
    * Graphical arrows 
    *
    *************************************************/
    cursor: pointer;
    float: left;
  }
    
    .coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
      /************************************************
      * 
      * Graphical arrows 
      *
      *************************************************/
      display: block; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /************************************************
    * 
    * Html arrows 
    *
    *************************************************/
    float: left; 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /************************************************
      * 
      * Html arrow styles 
      *
      *************************************************/
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
    /************************************************
    * 
    * Html and graphical arrow styles 
    *
    *************************************************/
    clear: both; 
  }