/*
Theme Name: Asian Box 2015
Theme URI: http://asianbox.com/
Description: The custom Wordpress 4.0+ HTML5 theme for Asian Box. Includes responsive styles, custom jquery, etc.
Author: Kymera
Version: 1.0
Author URI: http://kymerastudio.com
*/


/* =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;
}

/* HTML5 elements need display: block */
header,nav,section,article,aside,figure,footer { display:block; }

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

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

#container {
	width: 100%;
}
#footer {
	clear: both;
	width: 100%;
}

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

.one-column {
}





/* -------------------------------------------------- STRUCTURE -------------------------------------------------------------- */



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

#main {
	clear: both;
	padding: 0px 0 0 0;
}


/* -------------------------------------------------- GLOBAL ELEMENTS -------------------------------------------------------------- */


*, *:after, *:before {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
body {
	background: #fff;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
.screen-reader-text {
	position: absolute;
	left: -99999px;
}
.hidden {
	display:none !important;
}
img {
	max-width:100%;
	height:auto;
}
.mobile {
	display:none;
}
#main * { 
	/*-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);*/
}
.center {
	text-align:center;
}

/* -------------------------------------------------------
 --------------------Vertical Center Content --------------
------------------------------------------------------------- */

.table-container {
	display:table;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	top:0px;
	left:0px;
	transition:all .3s ease 0s;
}
.table-overlay {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#fff;
}

/* --------------------------------------------------- FONTS & TEXT ELEMENTS ------------------------------------------------- */

html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}
/* ------------ Define Font Faces --------------- */


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

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

}

@font-face {
	font-family: 'knockout';
	src: url('inc/fonts/knockouthtf50welterweight.eot');
	src: url('inc/fonts/knockouthtf50welterweight.eot?#iefix') format('embedded-opentype'),
	url('inc/fonts/knockouthtf50welterweight.svg#knockouthtf50welterweight') format('svg'),
	url('inc/fonts/knockouthtf50welterweight.ttf') format('truetype'),
	url('inc/fonts/knockouthtf50welterweight.woff') format('woff'),
	url('inc/fonts/knockouthtf50welterweight.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidenzGrotesk';
	src: url('inc/fonts/akzidenzgroteskroman.eot');
	src: url('inc/fonts/akzidenzgroteskroman.eot?#iefix') format('embedded-opentype'),
	url('inc/fonts/akzidenzgroteskroman.svg#akzidenzgroteskroman') format('svg'),
	url('inc/fonts/akzidenzgroteskroman.ttf') format('truetype'),
	url('inc/fonts/akzidenzgroteskroman.woff') format('woff'),
	url('inc/fonts/akzidenzgroteskroman.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidenzGrotesk';
	src: url('inc/fonts/akzidenzgroteskromanbold.eot');
	src: url('inc/fonts/akzidenzgroteskromanbold.eot?#iefix') format('embedded-opentype'),
	url('inc/fonts/akzidenzgroteskromanbold.svg#akzidenzgroteskromanbold') format('svg'),
	url('inc/fonts/akzidenzgroteskromanbold.ttf') format('truetype'),
	url('inc/fonts/akzidenzgroteskromanbold.woff') format('woff'),
	url('inc/fonts/akzidenzgroteskromanbold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

/* ------------ Define Classes for Custom Fonts --------------- */

.socicon {
    font-family: 'socicon' !important;
}
.slab {
	font-family: 'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
}
.AkzidenzGrotesk {
	font-family: 'AkzidenzGrotesk', sans-serif;
}
.mascot {
	font-family: 'knockout',sans-serif;
}
.knockout {
    font-family: 'knockout' !important;
}
/* --------- All Other Font/Text Styles ------------------- */

body,
input,
textarea {
	color: #55565a;
	font-size: 17px;	
	font-weight:400;
	font-family: "AkzidenzGrotesk", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h1, h2, h3, h4, h5 {
	font-family: 'knockout', sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


p {
	margin-bottom: 18px;
	line-height: 1.6em;
}
ul {
	list-style: disc;
	margin: 0 0 18px 1.6em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.6em;
}
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;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	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;
}
.orange {
	color:#d07a20;
}
.caps {
	text-transform:uppercase;
}
/* --------------------------------------- FIELDS --------------------------------------- */

input[type=text],  input[type=url],  input[type=tel],  input[type=number],  input[type=color],  input[type=email],  input[type=password], input[type=website] {
	transition: all .3s ease 0s;
	background:#fff;
	padding: 12px 26px;
	border:1px solid #e7e7e7;
	position:relative;
	-webkit-appearance: none;
 	letter-spacing:1px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
 input[type="search"] {
    -webkit-appearance: textfield;
  border-radius:0px;
  -webkit-border-radius:0px;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
	transition: all .3s ease 0s;
	background:#fff;
	padding: 12px 26px;
	border:0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
input[type=submit],
.gform_footer input[type="submit"] {
	-webkit-appearance: none;
	color:#fff;
	font-family:'knockout',sans-serif;
	background:#d07a20;
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:3px;
	font-size:22px !important;
	line-height:1em;
	padding:18px 32px 16px 32px;
	text-align:center;
	border:0px;
	width:auto;
	cursor:pointer;
	transition:all .3s ease 0s;
}
.no-touch input[type=submit]:hover,
.no-touch .gform_footer input[type="submit"]:hover {
	background:#d07a20;
}
input[type="text"],
textarea {
	background: #fff;
	border: 1px solid #e7e7e7;
	-webkit-appearance:none;
}
input, textarea {
	border-radius: 0;
}

::-moz-placeholder {  /* Firefox 19+ */
 color:#55565a;
 font-weight:bold;
 opacity:1;
}

::-webkit-input-placeholder {
 color:#55565a;
 font-weight:bold;
}

:-ms-input-placeholder {
 color:#55565a;
 font-weight:bold;
}
textarea, input { outline: none; }
input, textarea {
	transition: all .3s ease 0s;
}

/* ----------------------------------------- GRAVITY FORMS OVERRIDES ------------------------------------ */

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large {
	width:100% !important;
}
.gform_wrapper textarea.large {
	width:100% !important;
}
.gform_wrapper li.hidden_label input {
	margin-top:0px !important;
}
.gform_wrapper textarea {
	padding:16px 22px !important;
	letter-spacing:1px !important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
	padding: 16px 18px 12px 18px !important;
	letter-spacing:1px !important;
}
.gform_wrapper .gform_footer br {
	display:none;
}
/* -------------------------------------------------------- LINKS ----------------------------------------------------- */



a {
	color: #d07a20;
	text-decoration:none;
	transition:all .2s ease-in-out 0s;
}
a:active,
a:hover {
	color: #d07a20;
}
.entry-content a {
	text-decoration:none;
}
a:active, a:focus { /* Firefox hover Override */
	outline:0px;
}
a.read-more {
	text-transform:uppercase;
}


/* Overlay and Preloader */
#preloader {
	position:fixed;
	z-index:1005;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:block;
	background: #55565a;
}
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform:  rotate(0deg) ;
    } 
    100% { 
        -webkit-transform:  rotate(359deg) ;
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform:  rotate(0deg) ; 
    } 
    100% { 
        transform:  rotate(359deg) ;
    } 
} 
#status
{
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	margin-top:-50px;
	margin-left:-50px;
}
#status-bg {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(images/bg-status-bg.png) top center no-repeat;
	background-size:cover;
	
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
	
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn;
}
#status-logo {
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(images/bg-status-logo.png) top center no-repeat;
	background-size:cover;
}
/* ----------------------------------- HEADER & NAVIGATION ----------------------------------------------- */

.header {
	position:absolute;
	z-index:1000;
	height:112px;
	width:100%;
	top:0px;
	left:0px;
	overflow:visible;
}
#logo {
	position:absolute;
	top:30px;
	left:30px;
	display:block;
	width:169px;
	height:120px;
	background:url(images/logo-asianbox-new.png) 0px 0px no-repeat;
	background-size:cover;
	text-indent:-9999em;
	transition: all .3s ease-in-out 0s;
	z-index:50;
}
.no-touch #logo:hover {
	left:50px;
}
#link-catering {
	
}
#link-order {
	
}
#hdr-buttons {
	position:absolute;
	top:85px;
	right:30px;
	z-index:2;
}
#hdr-buttons.loaded {
	opacity:1;
}
.hdr-button {
	display:inline-block;
	vertical-align:middle;
	background:#d07a20;
	color:#fff;
	position:relative;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.em;
	padding:8px 16px;
	text-decoration:none;
	margin:0px 4px;
	width:auto;
	height:auto;
	font-family:"knockout", sans-serif;
}
.hdr-button:hover {
	color:#fff;
	background:#55565a;
}
#link-doordash {
	display:inline-block;
	width:180px;
	vertical-align:middle;
	margin-bottom:-5px;
}
#link-doordash.loaded {
	right:15px;
	opacity:1;
}
.mobile-link {
	display:none;
	width:50%;
	position:fixed;
	bottom:0px;
	height:auto;
	font-family:'knockout',sans-serif;
	text-transform:uppercase;
	font-size:18px;
	line-height:18px;
	padding:8px 0px 7px 0px;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	z-index:1000;
}
.mobile-link:hover {
	color:#fff;
}
#link-catering-mobile {
	right:0px;
	background:#d07a20;
}
#link-order-mobile {
	left:0px;
	background:#d07a20;
}
#link-pa-order-mobile {
	left:0px;
	background:#d07a20;
	color:#55565a; 
	bottom:33px;
	width:100%;
}
/* =Menu
-------------------------------------------------------------- */

.mobile-nav {
	background:#d07a20 url(images/bg-footer.png) top center no-repeat;
	background-size:cover;
	display: block;
	position:absolute;
	top:0px;
	right:-600px;
	overflow-y:auto;
	z-index:2;
	width:254px;
	padding:140px 36px 36px 36px;
	text-align:right;
	transition:right .4s ease 0s;
}
.mobile-nav.active {
	right:0px;
}
.mobile-nav ul {
	list-style:none;
	text-align:right;
	margin:0px;
}
ul.sub-menu {
	margin-bottom:12px;
}
.mobile-nav li {
	font-size:22px;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:1.3em;
	margin-bottom:4px;
	font-family:'knockout',sans-serif;
}
.mobile-nav li a {
	color:#fff;
}
.mobile-nav li li {
	font-style:italic;
	text-transform:none;
	font-size:15px;
}
#menu-primary-menu {
	margin-bottom:30px;
}
.mobile-nav #menu-primary-menu li a {
	color:#fff;
}
.mobile-nav #menu-secondary-menu li a {
	color:#ffbb9d;
}
.mobile-nav #menu-primary-menu li a:hover,
.mobile-nav #menu-secondary-menu li a:hover {
	color:#fef9b2;
}
.mobile-nav-social-links {
	margin:24px 0px;
	color:#fff;
}
.mobile-nav-social-links a {
	display:inline-block;
	font-size:20px;
	font-weight:300;
	color:#fff;
	padding:0px 0px 0px 6px;
	vertical-align:middle;
}
.mobile-nav-social-links span {
	display:inline-block;
	vertical-align:middle;
	padding:0px 12px;
	margin-left:6px;
}
a.mob-blog-link {
	color:#fff;
	text-transform:uppercase;
	font-size:17px;
	padding:0px 0px 0px 0px;
}
.desktop-nav {
	display:inline-block;
	float:right;
	position:relative;
	top:31px;
	padding-right:22px;
}
.desktop-nav ul {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin:0px;
	line-height:42px;
}
.desktop-nav ul li {
	margin:0px 9px;
	display:inline-block;
	vertical-align:middle;
}
.desktop-nav ul li a {
	color:#fff;
	display:block;
	font-weight:900;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:20px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
	font-family:'knockout',sans-serif;
}
.desktop-nav ul li a:hover {
	color:#f8981d;
}

.desktop-social {
position:absolute;
right:0px;
top:0px;
height:42px;
width:auto;
max-width:109px;
line-height:42px;
color:#fff;
background:#d27c29;
padding-left:26px;
overflow:hidden;
transition:all .3s ease-in-out 0s;
cursor:pointer;
}
.desktop-social.active {
	max-width:400px;
}
.desktop-social a {
	color:#fff;
}
.desktop-social a.socicon {
	display:inline-block;
	vertical-align:middle;
	font-size:22px;
	font-weight:300;
	margin:0px 4px 0px 4px;
}
.desktop-social a.socicon:hover {
	color:#55565a;
}
.social-label {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:2px;
	font-size:15px;
	font-weight:900;
	text-transform:uppercase;
	padding:0px 0px 1px 5px;
}
.desktop-social.active .social-label {
	
}

.top-blog-link {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:2px;
	font-size:15px;
	font-weight:900;
	text-transform:uppercase;
	padding-right:24px;
	padding-left:8px;
}
.desktop-nav-social-links {
	vertical-align:middle;
	display:inline-block;
	margin:0px;
	padding:0px 10px;
}
.desktop-nav-social-links a {
	color:#fff;
	font-size:25px;
	margin:0px 3px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.desktop-nav-social-links a:hover {
	color:#d27c29;
}
.desktop-gf {
	position:absolute;
	top:177px;
	left:59px;
	width:100px;
	height:auto;
	z-index:20;
	background:#fff;
	padding:10px;
}
#nav-button {
	text-align:center;
	width:60px;
	position:absolute;
	right:24px;
	top:30px;
	display:none;
	cursor:pointer;
	z-index:5;
}
#nav-button {
	display:none;
	position:absolute;
}
#nav-button.white {
	color:#fff;
}
.nav-label {
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
}
/* =============================================================================
  MENU TOGGLE SWITCHES
============================================================================= */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `cmn-toggle-switch` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
  display: block;
  background:none;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 30px;
  left: 11px;
  right: 11px;
  height: 3px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
}
#nav-button.white .cmn-toggle-switch span,
#nav-button.white .cmn-toggle-switch span::before,
#nav-button.white .cmn-toggle-switch span::after {
	background:#fff;
}
#nav-button.white .cmn-toggle-switch__htx.active span {
	background:none;
	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.cmn-toggle-switch span::before {
  top: -11px;
}

.cmn-toggle-switch span::after {
  bottom: -11px;
}

.active .cmn-toggle-switch span::before,
.active .cmn-toggle-switch span::after {
	background-color:#fff ;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.active .cmn-toggle-switch span {
	color:#fff ;
}
.active span.nav-label {
	color:#fff;
}


/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */

.cmn-toggle-switch__htx span {
  -webkit-transition: all .1s ease 0s;
          transition: all .1s ease 0s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
}

.cmn-toggle-switch__htx.active span {
  background: none;-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}

/* -------------------------------------------------------- FOOTER ----------------------------------------------------- */

#footer {
	width:100%;
	background:#55565a;

	padding:75px 0px 35px 0px;
	color:#fff;
	
	text-align:center;
}
h2.footer-title {
	font-size:42px;
	margin-bottom:72px;
	text-align:center;
	color:#fff;
	display:table;
	width:100%;
	letter-spacing:2px;
}
h2.footer-title span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
h2.footer-title span.title {
	width:54%;
	padding:0px 32px;
}
h2.footer-title span.divider {
	background:url(images/bg-divider-line.png) center center repeat-x;
	background-size:5px 5px;
}

#footer-icon {
	font-size:42px;
	margin-bottom:72px;
	text-align:center;
	color:#fff;
	display:table;
	width:100%;
	letter-spacing:2px;
}
#footer-icon span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
#footer-icon span.title {
	width:255px;
	padding:0px 40px;
}
#footer-icon span.divider {
	background:url(images/bg-divider-line.png) center center repeat-x;
	background-size:5px 5px;
}
img.footer-icon {
	width:174px;
}
	
/*----------------- Footer Boxes ------------------ */

.footer-box {
	height:126px;
	border-right:1px solid #cbc8c7;
	display:inline-block;
	width:auto;
	vertical-align:middle;
}
#fbox-contact {
	padding:36px 35px 6px 35px;
}
#fbox-contact h3 {
	color:#d07a20;
	font-size:40px;
	letter-spacing:2px;
	text-transform:uppercase;
	margin:0px;
}
#fbox-contact h3 span {
	display:inline-block;
	text-transform:none;
	vertical-align:bottom;
	border-bottom:2px solid #d07a20;
	padding-bottom:6px;
	margin-bottom:12px;
	vertical-align:middle;
	line-height:.6em;
	transition:all .3s ease 0s;
}
#fbox-contact h3 span a {
	color:#fff;
	font-size:20px;
	letter-spacing:1px;
	font-family:'AkzidenzGrotesk',sans-serif;
}
#fbox-contact h3 span:hover a {
}
.no-touch #fbox-contact h3 span:hover {
	
}
#fbox-latest-post {
	padding:0px 34px;
}
a.blog-link {
	display:block;
	position:relative;
	color:#fff;
	font-family:'knockout',sans-serif;
	font-size:20px;
	text-transform:uppercase;
	margin-top:-11px;
}
.blog-link-image {
	width:149px;
	display:inline-block;
	vertical-align:middle;
}
a.blog-link span {
	transition:all .3s ease-in-out 0s;
	display:inline-block;
	vertical-align:middle;
	padding:8px 0px 0px 23px;
}
.no-touch a.blog-link:hover span {
	padding-bottom:12px;
}
#fbox-map {
	padding:0px 38px;
}
.location-link {
	display:block;
	width:176px;
	height:94px;
	position:relative;
}
img.location-link-text {
	display:block;
	width:100%;
	position:relative;
	z-index:1;
}
/*img.location-link-icon {
	display:block;
	position:absolute;
	width:39px;
	height:59px;
	top:0px;
	right:20px;
	transition:all .3s ease 0s;
}	*/
.no-touch .location-link:hover img.location-link-icon {
	top:-12px;
}
#fbox-join-team {
	padding:41px 0px 0px 30px;
	border-right:0px;
}

.careers-link-title {
	font-size:28px;
	font-weight:normal;
	height:40px;
	color:#fff;
	font-family:'knockout',sans-serif;
	letter-spacing:0px;
	overflow:visible;
	background:#d07a20;
	position:relative;
	padding:5px 14px 2px 14px;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
}
a.careers-link span {
	color:#fff;
	font-family:'knockout',sans-serif;
	font-size:20px;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
	padding-left:20px;
	transition:all .3s ease 0s;
}
#fbox-shop {
	padding:34px 36px 0px 36px;
}
img.shop-btn {
	width:271px;
	height:auto;
	position:relative;
	left:0px;
	transition:all .3s ease 0s;
}
.no-touch img.shop-btn:hover {
	left:20px;
}
#fbox-social {
	border-right:0px;
	padding-left:29px;
}
p.social-links {
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0px;
	padding-top:31px;
}
p.social-links .socicon {
	display:inline-block;
	vertical-align:middle;
	width:48px;
	height:48px;
	background:#d07a20;
	background-size:cover;
	color:#fff;
	line-height:48px;
	text-align:center;
	margin-right:10px;
	font-weight:normal;
	font-size:28px;
	transition:all .3s ease 0s;
}
p.social-links .socicon:hover {
	color:#fff;
	background:#55565a;
}

.divider-diamond {
	height:11px;
	max-width:100%;
	display:block;
	/*background:url(images/bg-divider-diamonds.png) top left repeat-x;*/
	background-size:42px 11px;
}
#footer .divider-diamond {
	width:1016px;
	margin:16px auto 16px auto;
}
p.site-copyright {
	font-size:11px;
	display:block;
	text-align:center;
	margin:0px 0px 10px 0px;
}
p.site-by {
	font-size:11px;
	display:block;
	text-align:center;
	margin:0px;
}
.btn-kymera {
	display:inline-block;
	vertical-align:middle;
	width:52px;
	height:18px;
	overflow:hidden;
	background:url(images/btn-kymera.png) top left no-repeat;
	background-size:100% auto;
	margin-top:-4px;
	margin-left:3px;
	text-indent:80px;
	opacity:1;
	position:relative;
	transition:none;
	-moz-backface-visibility: hidden;
}
.btn-kymera:hover {
	background-position:bottom left;
}
.btn-kymera span {
	display:none;
}

/* ---- Instagram Feed Section ------ */
#feed-footer-instagram {
	width:1065px;
	max-width:100%;
	background:#55565a;
	margin:16px auto 54px auto;
	padding:5px;
}
#instafeed {
	position:relative;
	z-index:1;
}
.insta {
	display:block;
	width:211px;
	float:left;
	padding:5px;
}
.insta-title {
	display:block;
	position:relative;
	float:left;
	vertical-align:middle;
	text-align:center;	
	width:201px;
	height:201px;
	margin:5px 5px;
}
.mobile-insta-title {
	display:none;
	width:100%;
	height:auto;
	margin:20px 0px;
}
.insta-title-spacer {
	display:block;
	width:100%;
}
.insta-title-container {
	position:absolute;
	display:table;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
	z-index:2;
	top:0px;
	left:0px;
}
.mobile-insta-title .insta-title-container {
	position:relative;
}
.insta-title-container  h2 {
	display: table-cell; 
  vertical-align: middle; 
	font-size:30px;
	line-height:30px;
	font-weight:normal;
	letter-spacing:0px;
	color:#d07a20;
	font-family:'knockout',sans-serif;
	
}
.insta-title-container  h2 a {
	color:#fff;
	font-family:'AkzidenzGrotesk', sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:18px;
	font-weight:bold;
}
.insta-title-container h2 a:hover {
	color:#d07a20;
}
.insta:hover img {
	opacity:.8;
}
.insta img {
	display:block;
	transition:opacity .3s ease 0s;
}
.top-scroll {
	display:block;
	text-align:center;
}
.top-scroll img {
	width:20px;
	height:auto;
	position:relative;
	top:0px;
	transition:all .3s ease 0s;
}
.no-touch .top-scroll:hover img {
	top:-15px;
}
.top-scroll span {
	display:block;
	color:#fff;
	letter-spacing:0px;
	font-family:'knockout',sans-serif;
	text-transform:uppercase;
	font-size:24px;
	margin:10px 0px 18px 0px;
}

/* ------------------------------------------------------------
/* =Content
-------------------------------------------------------------- */

#wrapper {
	overflow:hidden;
}
#main {
	clear: both;
	position:relative;
	z-index:1;
	padding-bottom:75px;
}
.home #main {
	padding-bottom:0px;
}
#main.fullbg {
	background-size:100% auto;
	background-repeat:no-repeat;
	background-color:#d7c5a1;
	background-attachment:fixed;
}

.page-template-page-press #main.fullbg {
	background-color:#fff;
	padding-bottom:0px;
}
p,
ul,
 ol,
 dd,
 pre,
 hr {
	margin-bottom: 24px;
}
 ul ul,
 ol ol,
 ul ol,
 ol ul {
	margin-bottom: 0;
}
 pre,
 kbd,
 tt,
 var {
	font-size: 15px;
	line-height: 21px;
}
code {
	font-size: 13px;
}
dt,
th {
	color: #55565a;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #55565a;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}
 table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
 tr th,
 thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
 tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
 tr.odd td {
	background: #f2f7fc;
}
.page-title {
	color: #55565a;
	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;
}

.default-page-title {
	font-size:70px;
	text-align:center;
	margin-bottom:0px;
	letter-spacing:7px;
	text-transform:uppercase;
	font-weight:bold;
}
 .entry-title {
	color: #55565a;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 0;
	letter-spacing:2px;
}
.entry-title.post-title {
	font-weight:normal;
}
.post-header {
	max-width:872px;
	margin:90px auto 40px auto;
}
.post-header .entry-title {
	float:left;
	display:inline-block;
	vertical-align:middle;
	width:73%;
}
.post-header .entry-meta {
	padding-top:18px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	color:#ffbb9d;
	font-size:14px;
	letter-spacing:2px;
	text-transform:uppercase;
	float:right;
	text-align:right;
	width:26%;
	margin:0px;
}
.entry-meta:before {
content: "";
  display: inline-block;
  width:44px;
  height:5px;
  background-color:#ffbb9d;
  vertical-align:middle;
  margin-right:8px;
  transition:width .3s ease-in-out 0s;
}
.entry-title a:link,
.entry-title a:visited {
	color: #55565a;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}

.entry-content,
.entry-summary {
}
.default-page .entry-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: #55565a;
	font-weight: bold;
	padding: 0 24px;
}
.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 {
	color: #55565a;
	font-weight: bold;
	margin: 0 0 22px 0;
	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;
}
.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 #55565a;
	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: #55565a;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #a6a6a6;
	font-size: 12px;
	line-height: 18px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:60px 0px;
}
.entry-utility a {
	color:#a6a6a6;
	font-weight:bold;
}
.entry-utility a:hover {
	color:#55565a;
}
article.post {
	width:878px;
	max-width:100%;
	margin:0px auto;
}
div.single-post-image {
	margin-bottom:60px;
}
div.single-post-image img {
	width:100%;
}
.single-post-content {
	padding:0px 20px;
}
.post-content-wrapper {
}
@media screen and (max-width: 500px) 
{
	div.single-post-image {
		margin-bottom:20px;
	}
	.entry-utility {
		margin:20px 0px;
	}
}
/* ----------------------------- PAGE HEADER ------------------------------------- */

#page-header {
	width:100%;
	height:70vh;
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:80px;
	z-index:2;
}
.header-text-container {
	z-index:10;
}
.header-title {
	margin:0px;
	padding:0px 20px;
	font-size:100px;
	letter-spacing:4px;
	line-height:1em;
	color:#fff;
	text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
}
.header-overlay {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(0,0,0,.3);
}
.top-shadow {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:196px;
	z-index:2;
	background:url(images/bg-top-shadow.png) top left repeat-x;
}
#header-arrow {
	display:block;
	position:absolute;
	z-index:200;
	width:32px;
	height:61px;
	bottom:-30px;
	left:50%;
	margin-left:-14px;
	background:url(images/bg-home-arrow.png) top center no-repeat;
	background-size:cover;
	transition:all .3s ease 0s;
}
#header-arrow:before {
	color:#fff;
	display:block;
	content:"Scroll For More";
	width:220px;
	font-family:'knockout',sans-serif;
	position:absolute;
	top:-35px;
	left:-75px;
	font-size:23px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.blog-header #header-arrow {
	bottom:160px;
}
.full-header #header-arrow {
	bottom:120px;
}
.no-touch #header-arrow:hover {
	
}
.header-text-img {
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	z-index:3;
	background-position:50% calc(50% + 50px);
	background-repeat:no-repeat;
	background-size:50% auto;
}
@media screen and (max-width: 500px) 
{
	.header-title {
		font-size:80px;
	}
}
@media screen and (max-width: 700px) and (orientation: landscape) 
{
	.header-text-img {
		background-size: 40% auto !important;
		background-position:50% 50%;
	}
}
@media screen and (max-width: 500px) 
{
	
	#page-header {
		margin-bottom:50px;
		height:60vh;
	}
	.header-text-img {
		background-size: 70% auto !important;
		background-position:50% 50%;
	}
	#header-arrow {
		width:16px;
		height:30px;
		margin-left:-8px;
		bottom:-17px;
	}
	.header-title {
		font-size:40px;
	}
}

/* -------------------------------------------------------------------------------------
------------------------------------------- HOME PAGE ----------------------------------
---------------------------------------------------------------------------------------- */

.home .share-main {
	display:none;
}

#home-arrow {
	display:block;
	position:absolute;
	z-index:2;
	width:26px;
	height:50px;
	bottom:36px;
	left:50%;
	margin-left:-10px;
	background:url(images/bg-home-arrow.png) top center no-repeat;
	background-size:cover;
	transition:all .3s ease 0s;
}
#home-arrow:before {
	color:#fff;
	display:block;
	content:"Scroll for More";
	font-family:'knockout',sans-serif;
	position:absolute;
	width:220px;
	top:-30px;
	left:-76px;
	font-size:23px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.no-touch #home-arrow:hover {
	bottom:56px;
}
/* Home Top Area (Flexslider content) ------ */
#home-top {
	position:relative;
	width:100%;
	height:95vh;
	left:0px;
	top:0px;
	z-index:1;
}

@media screen and (max-width: 1800px) 
{
	#home-top {		
		height:95vh;
	}
}
.home-slide-content.mobile {
	display:none;
}
.home-slide-content.desktop {
	display:block;
}
.home-slide-content {
	display:block;
	position:absolute;
	text-align:center;
	right:140px;
	max-width:100%;
	height:auto;
	width:auto;
	text-align:left;
	padding:0px;
	margin:0px;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	font-family:'knockout', sans-serif;
	bottom:15%;
	opacity:0;
	line-height:1.5em;
	transition:all .5s ease 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.home-slide-content.active {
	right:100px;
	opacity:1;
}
.home-slide-content span {
	line-height:1em;
	padding:4px 8px;
	background-color:#d07a20;
}
/* FLEXSLIDER STYLES ----------- */

/* 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 {clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;}
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 { 
	background: #fff; 
	display: block;
	position: absolute;
	height: 100%;
	overflow: hidden!important;
	width: 100%;
	top:0px;
	left:0px;
	z-index:1;
	 zoom: 1;
 }
.flexslider .slides,
.flexslider .slides li {
	height: 100%!important;
	overflow:hidden;
}
.flexslider .slides li {
	position:relative;
}
.flexslider .slides li {
	background-position: center center;
	background-size:cover;
	background-repeat:none;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; height:100%; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
	position:absolute;
	right:30px;
	bottom:45%;
	z-index:5;
	width:44px;
	transition:all .8s ease 0s;
}
.flex-direction-nav a  { display: block; font-size:44px; width: 44px; height: 44px; line-height:44px;text-align:center; margin: 0px 0px 6px 0px; position: relative; z-index: 10; overflow: visible; cursor: pointer; color: #fff; text-decoration:none; transition: all .3s ease 0s; text-shadow: 0px 0px 25px rgba(0, 0, 0, 1); 
	font-family: 'athelas', Georgia, "Times New Roman", Times, serif;
	}
.flex-direction-nav .flex-prev {  }
.flex-direction-nav .flex-next {  }
.flexslider:hover .flex-prev {  }
.flexslider:hover .flex-next {  }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { color:#fddb20; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { }
.flex-direction-nav a.flex-next:before  { }


.flex-control-nav {
  width:100%;
  height:auto;
  position: absolute;
  z-index:50;
  bottom:10%;
 left:0px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0px 0px 8px 0px;
  display: inline-block;
  vertical-align:top;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 22px;
  height: 21px;
  margin:0px 7px;
  display: block;
  background: #666;
  background: url(images/bg-flex-nav.png) top left no-repeat;
  transition:none;
  background-size:100% auto;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-control-paging li a:hover {
  background-position: bottom left;
}
.flex-control-paging li a.flex-active {
  background-position: bottom left;
  cursor: default;
}


/* Close Button */
.popup-close {
	text-align:center;
	width:60px;
	position:absolute;
	right:24px;
	top:30px;
	display:block;
	cursor:pointer;
	z-index:50;
}

.cmn-x {
  display: block;
  background:none;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-x :focus {
  outline: none;
}

.cmn-x  span {
  display: block;
  position: absolute;
  top: 30px;
  left: 10px;
  right: 10px;
  height: 5px;
  background: #55565a;
}

.cmn-x span::before,
.cmn-x span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #55565a;
  content: "";
}
.cmn-x span {
	background:none;
}
.cmn-x span::before {
  top: -11px;
}

.cmn-x span::after {
  bottom: -11px;
}

.cmn-x span {
  background: none;
}

.cmn-x span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmn-x span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cmn-x span::before,
.cmn-x span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}

/* --------------------------------------------------------------------------------------------------------------
------------------------------------------- OUR FOOD PAGE -------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

#ourfood-values {
	position:relative;
	padding:86px 0px;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repat;
	margin-bottom:66px;
}
.steps-image {
	display:block;
	margin:0px;
}
#ourfood-first {
	margin-bottom:30px;
	text-align:center;
}
#ourfood-first .entry-content {
	float:left;
	max-width:550px;
	padding-top:24px;
		text-align:left;
}
#ourfood-second {
	display:block;
	position:relative;
	margin-bottom:46px;
}
.ourfood-second-image {
	display:block;
	position:relative;
	z-index:1;
}
.ourfood-second-content {
	position:absolute;
	background:#fff;
	width:320px;
	max-width:100%;
	padding:0px 30px 34px 38px;
	z-index:2;
	top:-20px;
	left:35.5%;
}
.ourfood-second-content :last-child {
	margin-bottom:0px;
}
.left-title {
	display:inline-block;
	float:left;
	width:36%;
	text-align:center;
	color:#55565a;
	font-size:68px;
	font-weight:bold;
	letter-spacing:3px;
	font-family:'knockout', sans-serif;
	margin:0px 3% 0px 0px;
	text-transform:uppercase;
	position:relative;
	padding:10px 0px;
}
.left-title span {
	display:block;
	position:relative;
}
.left-title span:before {
	content:"";
	display:block;
	position:absolute;
	top:-7px;
	left:0px;
	width:90%;
	margin:0px 5%;
	background:#d07a20;
	height:4px;
	-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.left-title:before {
	content:"";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:88%;
	margin:0px 6%;
	background:#d07a20;
	height:3px;
	-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

.left-title span:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-7px;
	left:0px;
	width:90%;
	margin:0px 5%;
	background:#d07a20;
	height:4px;
	-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.left-title:after {
	content:"";
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:88%;
	margin:0px 6%;
	background:#d07a20;
	height:3px;
	-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.values-list {
	list-style:none;
	margin:0px;
	padding-left:102px;
	max-width:100%;
}
.values-list-item {
	list-style:none;
	color:#fff;
}
.value-left {
	display:table;
	float:left;
	text-align:left;
	vertical-align:top;
	width:343px;
	max-width:100%;
}
.number {
	width:54px !important;
	height:54px;
	background:#d07a20 url(images/bg-cart-icon.png) center center no-repeat;
	background-size:60% 60%;
	line-height:48px;
	padding-bottom:4px;
	text-indent:0px;
	font-size:0px;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}
.value-title {
	display:table-cell;
	font-family:'knockout',sans-serif;
	letter-spacing:0px;
	font-size:36px;
	width:40%;
	vertical-align:middle;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:24px;
	padding-right:18px;
	line-height:54px;
	position:relative;
	top:6px;
	text-transform:uppercase;
}
.arrow {
	height:20px;
	display:table-cell;
	width:auto;
	vertical-align:middle;
	background:url(images/bg-arrow.png) right center no-repeat;
	background-size:auto 20px;
	position:relative;
	top:5px;
}
.value-right {
	float:left;
	width:276px;
	padding-left:16px;
	padding-top:10px;
}
#our-promise { 
	margin:40px 0px;
}
.promise-section {
	margin-bottom:28px;
}

.promise-section h3 {
	text-align:center;
	line-height:1em;
	color:#d27c29;
	font-size:60px;
	margin-bottom:0px;
}
.promise-section p {
	font-weight:bold;
	text-transform:uppercase;
	font-size:24px;
	margin-bottom:0px;
	text-align:center;
}

/* --------------- Partners Section --------------------- */

#partners {
	margin-bottom:40px;
}
.partner {
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin-bottom:30px;
}
.partner-blurb p {
	font-size:16px;
	line-height:1.1em;
	padding-right:30px;
}
.partner-info h2 {
	margin-bottom:6px;
	line-height:1em;
	font-size:30px;
}
.partner-info h3 {
	font-family:'AkzidenzGrotesk', sans-serif;
	font-size:18px;
	line-height:1em;
	text-transform:none;
	letter-spacing:0px;
	font-weight:bold;
	color:#55565a;
	margin-bottom:16px;
}
.partner-img {
	float:left;
	width:33%;
}
.partner-info {
	float:left;
	width:67%;
	padding-left:30px;
}
a.button.partner-button {
	font-size:19px;
	padding:10px 16px;
}
@media screen and (max-width: 1200px) 
{
	.page-template-page-community .left-title {
		font-size:40px;
	}
}
@media screen and (max-width: 800px) 
{
	#ourfood-first .entry-content {
		width:100%;
		max-width:100%;
	}
	.values-list {
		padding-left:38px;
	}
	.left-title {
		float:none;
		margin:0px 0px 36px 0px;
		display:inline-block;
		width:auto;
		
	}
	.page-template-page-community .left-title {
		font-size:62px;
	}
		
}
@media screen and (max-width: 500px) 
{
	
	.left-title {
		width:100%;
		margin:0px 0px 36px 0px;
		font-size:44px;
		letter-spacing:2px;
	}
	.page-template-page-community .left-title {
		font-size:44px;
	}
	#ourfood-first {
		margin-bottom:0px;
	}
	#ourfood-first .entry-content {
		padding-bottom:30px;
	}
	.ourfood-second-content {
		width:100%;
		left:0px;
		position:relative;
		top:auto;
		padding:0px;
		margin-bottom:24px;
	}
	.values-list {
		padding-left:0px;
	}
	.value-title {
		font-size:44px;
	}
	.arrow {
		background:none;
	}
	.value-right {
		padding-top:15px;
	}
	.number {
		display:inline-block;
		width:54px;
		height:54px;
	}
	.value-title {
		display:inline-block;
		width:auto;
	}
	.value-left .arrow {
		display:none;
	}
	.inner.steps-inner {
		padding:0px;
	}
	#ourfood-values {
		margin-bottom:0px;
	}
	.page-template-page-ourfood #main {
		padding-bottom:0px;
	}
	.page-template-page-community #main {
		padding-bottom:0px;
	}
	.partner {
		width:100%;
	}
	.partner-blurb p  {
		padding-right:0px;
	}
}

/* --------------------------------------------------------------------------------------------------------------
------------------------------------------- COMMUNITY PAGE -------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

#charities {
	margin:40px auto;
	text-align:center;
}
.charity {
	display:inline-block;
	width:24%;
	padding:0px 20px;
	margin-bottom:30px;
	vertical-align:middle;
}
@media screen and (max-width: 500px) 
{
	.charity {
		width:48%;
		padding:0px 12px;
	}
}
/* --------------------------------------------------------------------------------------------------------------
------------------------------------------- OUR STORY PAGE -------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

.page-template-page-our-story #main {
	padding-bottom:0px;
}
.page-template-page-our-story #page-header {
	margin-bottom:20px;
}
#story-nav-wrap {
	height:129px;
	padding:26px 0px;
	position:relative;
}
#story-nav {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	background:rgba(255,255,255,.95);
	z-index:30;
	padding:30px 0px;
	text-align:center;
	transition:all .3s ease 0s;
}
#story-nav ul {
	list-style:none;
	margin:0px;
}
#story-nav ul li {
	display:inline-block;
	padding:0px 24px;
	margin:0px;
	font-size:28px;
	letter-spacing:1px;
	font-family: "knockout",sans-serif;
	text-transform:uppercase;
	vertical-align:top;
	position:relative;
}
#story-nav ul li:after {
	position:absolute;
	content:":";
	right:0px;
	color:#d07a20;
}
#story-nav ul li:last-child:after {
	content:"";
}
.active .story-nav-link {
	color:#d07a20;
}
.our-story-section {
	position:relative;
}
#why {
	background:url(images/bg-our-story-why.png);
	background-position:right 0px bottom 60px;
	background-repeat:no-repeat;
	background-size:65.33% auto;
}
.why-left {
	float:left;
	display:block;
	width:38.5%;
}
.why-content-wrapper {
	float:right;
	width:57.5%;
	padding-top:50px;
}
.header-why {
	font-family:'knockout',sans-serif;
	color:#d07a20;
	font-size:68px;
	margin:0px;
}
.why-content {
	max-width:645px;
	padding-left:18px;
	position:relative;
}
#transparency {
	top:-2px;
}

.transparency-inner {
	padding:160px 0px 160px 0px;
	z-index:5;
	text-align:center;
}
.header-transparency {
	font-family:'knockout',sans-serif;
	text-align:center;
	font-weight:normal;
	color:#fff;
	font-size:68px;
	margin:0px 0px 54px 0px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.t-step {
	display:inline-block;
	width:16%;
	vertical-align:top;
}
.t-step p {
	color:#fff;
	font-size:17px;
	text-align:left;
	line-height:1.5em;
	padding:0 0 0 10px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.t-arrow {
	width:10%;
	height:174px;
	display:inline-block;
	position:relative;
	top:28px;
	vertical-align:top;
	background-image:url(images/arrow-right-orange.png);
	background-size:36px 30px;
	background-repeat:no-repeat;
	background-position:top center;
}
.step-number {
	width:84px;
	height:auto;
}
.t-step-img {
	display:block;
	margin:0px auto 30px auto;
}
#sustainability {
	background:#d07a20;
	padding:120px 0px;
}

.sust-title {
	font-family:'knockout',sans-serif;
	font-size:68px;
	color:#fff;
	margin-bottom:68px;
}
.sust-title span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	/*background:url(images/bg-diamond-transparent.png) center center repeat-x;
	background-size:auto 21px;*/
}
.sust-title span.left-spacer {
	background-position:right center;
}
.sust-title span.right-spacer {
	background-position:left center;
}
.sust-title .title-container {
	width:400px;
	max-width:100%;
	background:none;
	text-align:center;
}

.sust-images {
	text-align:center;
}
.sust-images img {
	display:inline-block;
	vertical-align:top;
}

.sust-1 {
	margin:20px 26px 0px 0px;
	max-width:100%;
	height:auto;
	width:493px;
}
.sust-2 {
	margin:0px 0px 0px 20px;
	max-width:100%;
	height:auto;
	width:506px;
}
.sust-3 {
	width:519px;
	max-width:100%;
	height:auto;
}
.sust-4 {
	max-width:100%;
	height:auto;
	width:444px;
}
.sust-bottom {
	margin-top:40px;
	margin-bottom:8px;
}
.sust-bottom span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	background:url(images/bg-diamond-transparent.png) center center repeat-x;
	background-size:auto 21px;
}
.sust-bottom span.left-spacer {
	background-position:right center;
}
.sust-bottom span.right-spacer {
	background-position:left center;
}
.sust-bottom .img-container {
	width:620px;
	max-width:100%;
	background:none;
	text-align:center;
}

.sust-4 {
	margin-right:140px;
}

#lifestyle {
	min-height:100vh;
	color:#fff;
}
#lifestyle .inner {
	z-index:10;
	padding-top:148px;
}
.lifestyle-content {
	max-width:325px;
	padding-left:30px;
}
.lifestyle-content p {
	color:#fff;
	font-size:23px;
	line-height:1.55em;
	font-weight:300;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.header-lifestyle {
	font-size:48px;
	color:#fff;
	font-family:'knockout',sans-serif;
	margin-bottom:52px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.header-lifestyle span {
	font-size:68px;
	display:inline-block;
	margin-right:4px;
	
}

#scribbling {
	background-color:#fff;
	padding:120px 0px 100px 0px;
	position:relative;
	background-image:url(images/bg-scrib-right.png), url(images/bg-scrib-bottom.png);
	background-repeat:no-repeat;
	background-position: right center, center bottom;

}
#scribbling .inner {
	padding:0px 20px;
}
.header-scrib {
	font-size:68px;
	color:#d07a20;
	display:inline-block;
	font-family:'knockout',sans-serif;
	margin-bottom:65px;
}
.scrib-images {
	position:relative;
}

.scrib-images img {
	display:inline-block;
	vertical-align:top;
}
.scrib-2 {
	float:right;
	margin-top:-100px;
}
.scrib-3 {
	margin:50px 0px 0px 0px;
}
.scrib-4 {
	margin:43px 55px 0px 116px;
}
.scrib-sticker-1 {
	position:absolute;
	top:188px;
	right:-120px;
}
.scrib-sticker-2 {
	position:absolute;
	top:448px;
	left:-80px;
}
@media screen and (max-width: 1206px) 
{
	.t-arrow {
		width:8%;
	}
	.why-content {
		padding-right:20px;
	}
}
@media screen and (max-width: 1030px) 
{
	.sust-1 {
		margin:0px 0px 20px 0px;
	}
	.sust-2 {
		margin:0px 0px 20px 0px;
	}
	.scrib-1 {
		width:46%;
	}
	.scrib-2 {
		width:46%;
		margin-top:-30px;
	}
	.scrib-4 {
		width:40%;
		margin:43px 55px 0 40px;
	}
	.scrib-5 {
		width:44%;
	}
	.scrib-sticker-2 {
		top:393px;
	}
}
@media screen and (max-width: 800px) 
{
	.t-arrow {
		display:none;
	}
	.t-step {
		width:48%;
		padding:0px 20px;
		margin-bottom:36px;
	}
	.sust-4 {
		margin-right:0px;
	}
	.scrib-sticker-1 {
		right:-150px;
	}
	.scrib-sticker-2 {
		top:240px;
		left:-111px;
	}
	#story-nav ul li {
		padding:6px 18px;
	}
	#transparency {
		background-attachment:local;
		background-position:center center;
	}
}
@media screen and (max-width: 500px) 
{
	.t-step {
		width:100%;
		padding:0px;
	}
	.t-step p {
		padding:0px;
	}
	.why-left {
		float:none;
		width:100%;
	}
	.why-content-wrapper {
		float:none;
		width:100%;
		padding-top:0px;
	}
	.header-why {
		margin-bottom:20px;
		font-size:54px;
		padding:0px 20px;
	}
	.why-content {
		padding:0px 20px 30px 20px;
	}
	#lifestyle {
		min-height:0px;
		padding:88px 0px;
	}
	#lifestyle .inner {
		padding:0px 20px;
	}
	.header-lifestyle {
		font-size:34px;
	}
	
	.header-lifestyle span {
		font-size:40px;
	}
	.lifestyle-content p {
		font-size:18px;
	}
	.flex-control-nav {
		bottom:5%;
	}
	.lifestyle-content {
		padding-left:0px;
	}
	.header-transparency {
		font-size:54px;
	}
	.transparency-inner {
		padding:88px 0px;
	}
	#story-nav ul li::after {
		content:"";
	}
	#story-nav ul li {
		padding:6px 12px;
	}
	#story-nav-wrap {
		display:none;
	}
	.sust-title { 
		font-size:54px;
		margin-bottom:38px;
	}
	.sust-bottom .img-container {
		display:block;
		width:320px;
		padding:0px 20px;
	}
	.sust-bottom {
		margin-top:20px;
	}
	#sustainability {
		padding:80px 0px;
	}
	.header-scrib {
		font-size:54px;
		display:block;
		margin-bottom:32px;
	}
	#scribbling {
		padding:80px 0px;
	}
	.scrib-1 {
		width:100%;
		margin-bottom:30px;
	}
	.scrib-2 {
		width:100%;
		margin:0px 0px 30px 0px;
	}
	.scrib-sticker-1 {
		position:relative;
		top:0px;
		right:-58px;
		max-width:70%;
		margin:0px 0px 30px 0px;
	}
	.scrib-sticker-2 {
		position:relative;
		top:0px;
		left:30px;
		max-width:80%;
		margin:0px 0px 30px 0px;
	}
	.scrib-3 {
		margin:20px 0px 30px 0px;
	}
	.scrib-4 {
		margin:0px 0px 20px 0px;
		width:100%;
	}
	.scrib-5 {
		width:100%;
	}
	#lifestyle {
	}
	#transparency {
		margin-top:-2px;
		z-index:3;
		background-size:cover !important;
	}
}



/* --------------------------------------------------------------------------------------------------------------
------------------------------------------- CAREERS PAGE -------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

.title-careers {
	font-size:68px;
	color:#d07a20;
	font-weight:normal;
	text-transform:none;
	font-family:'knockout',sans-serif;
	margin-bottom:20px;
	line-height:1em;
}
.page-template-page-careers #ourfood-first {
	margin-bottom:50px;
}
.careers-section .inner {
	z-index:10;
}
#opportunities {
	padding:120px 0px 120px 0px;
	position:relative;
	overflow:hidden;
}
.header-opp {
	font-family:'knockout',sans-serif;
	text-align:center;
	font-weight:normal;
	color:#fff;
	font-size:68px;
	margin:0px 0px 54px 0px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, .6);
}
ul.opp-list {
	list-style:none;
	margin:0px;
}
.opp-list-item {	
	margin-bottom:40px;
}
.opp-title {
	width:272px;
	float:left;
	text-align:right;
	padding-right:80px;
	font-family:'knockout',sans-serif;
	font-size:48px;
	color:#fff;
	font-weight:normal;
	line-height:.9em;
	background-image:url(images/bg-opp-title.png);
	background-repeat:no-repeat;
	background-size:39px 4px;
	background-position: right 19px top 20px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, .6);
}
.opp-content {
	padding-top:4px;
	float:left;
	width:calc(100% - 275px);
}
.opp-content p {
	font-size:18px;
	max-width:620px;
	color:#fff;
	margin:0px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}

#perks {
	background-color:#d07a20;
	padding:126px 0px;
	background-image: url(images/bg-perks-topleft.png), url(images/bg-perks-bottomright.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
}
#philosophy {
	padding:147px 0px 147px 0px;
	position:relative;
	overflow:hidden;
}
#philosophy .inner {
	z-index:10;
}
.phl-content {
	max-width:430px;
	padding-left:30px;
}
.phl-content p {
	color:#fff;
	font-size:23px;
	line-height:1.55em;
	font-weight:300;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.header-phl {
	font-size:68px;
	color:#fff;
	font-family:'knockout',sans-serif;
	margin-bottom:30px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, .6);
}
#apply {
	text-align:center;
	padding:83px 0px 0px 0px;
}
#apply-top {
	text-align:center;
	padding:0px 0px 40px 0px;
}
.apply-content {
	text-align:center;
	font-size:23px;
}
.table {
	display:table;
	width:100%;
}
.apply-button {
	margin-top:20px;
	text-align:center;
}
.apply-button span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	/*background:url(images/divider-diamonds-2.png) center center repeat-x;*/
	background-size:auto 21px;
}
.apply-button span.left-spacer {
	background-position:right center;
}
.apply-button span.right-spacer {
	background-position:left center;
}
.apply-button .button-container {
	width:330px;
	background:none;
	text-align:center;
}
.perks-title {
	font-family:'knockout',sans-serif;
	font-size:68px;
	color:#fff;
	margin-bottom:90px;
}
.perks-title span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	/*background:url(images/bg-diamond-transparent.png) center center repeat-x;*/
	background-size:auto 21px;
}
.perks-title span.left-spacer {
	background-position:right center;
}
.perks-title span.right-spacer {
	background-position:left center;
}
.perks-title .title-container {
	width:800px;
	max-width:100%;
	background:none;
	text-align:center;
}
.perks-images {
	text-align:center;
}

.perks-images img {
	display:inline-block;
	vertical-align:top;
}
.perks-1 {
	height:auto;
	max-width:100%;
	width:623px;
}
.perks-2 {
	margin:23px 0px 0px 12px;
	height:auto;
	max-width:100%;
	width:314px;
}
.perks-3 {
	height:auto;
	max-width:100%;
	width:265px;
}

.perks-bottom {
}
.perks-bottom span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	background:#d07a20;
	background-size:auto 21px;
}
.perks-bottom span.left-spacer {
	background-position:right center;
	width:23.3%;
}
.perks-bottom span.right-spacer {
	background-position:left center;
}
.perks-bottom .img-container {
	width:338px;
	max-width:100%;
	background:none;
	text-align:center;
}

@media screen and (max-width: 800px) 
{
	.perks-bottom {
		margin-top:36px;
	}
	.perks-2 {
		margin-top:40px;
	}
	.title-careers {
		text-align:center;
	}
	#opportunities {
		background-attachment:local;
		background-position:center center !important;
		background-size:cover;
		min-height:0px;
	}
	#philosophy {
		background-attachment:local;
		background-position:center center !important;
		background-size:cover;
	}
}

@media screen and (max-width: 500px) 
{
	#opportunities {
		padding:88px 0px;
	}
	#philosophy {
		padding:88px 0px;
	}
	.header-phl {
		font-size:34px;
	}
	.header-phl span {
		font-size:54px;
	}
	.phl-content p {
		font-size:18px;
	}
	.phl-content {
		padding-left:0px;
	}
	.opp-content {
		float:none;
		width:100%;
	}
	.opp-title {
		float:none;
		width:100%;
		margin-bottom:24px;
		text-align:left;
		padding:0px;
		background:none;
		font-size:34px;
	}
	.title-careers {
		font-size:42px;
	}
	.perks-bottom span.left-spacer {
		width:0%;
	}
	.perks-2 {
		margin:30px 0px 0px 0px;
	}
	.perks-title {
		font-size:44px;
		padding:0px 20px;
		margin-bottom:44px;
	}
	#perks {
		padding:75px 0px;
	}
	.header-opp {
		font-size:54px;
	}
	.apply-content p {
		line-height:1.3em;
	}
}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------------------ MENU PAGE ----------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

.order-button {
	margin-top:20px;
	text-align:center;
}
.order-button span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	/*background:url(images/divider-diamonds-2.png) center center repeat-x;
	background-size:auto 21px;*/
}
.order-button span.left-spacer {
	background-position:right center;
}
.order-button span.right-spacer {
	background-position:left center;
}
.order-button .button-container {
	width:350px;
	background:none;
	text-align:center;
}
.order-button-top {
	margin-bottom:42px;
}
.page-template-page-menu #page-header {
	margin-bottom:60px;
}
.menu-fullwidth img {
	display:block;
	width:100%;
}
.menu-commitment-header {
	margin:70px 0px 46px 0px;
}
.menu-fullwidth h2 {
	font-family:'knockout', sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#d07a20;
	font-size:40px;
	text-align:center;
	padding:0px 20px;
	display:none;
	line-height:1em;
}

/* Menu Section --- */
#daily-menu {
	margin-bottom:60px;
}
h2.menu-title {
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
	font-family:'knockout',sans-serif;
	font-weight:bold;
	font-size:55px;
	line-height:1em;
	letter-spacing:4px;
	padding:14px 20px 12px 20px;
	background:#d27c29;
	text-transform:uppercase;
	margin-bottom:42px;
}
h2.menu-title#title-customize {
	background:#55565a;
}
.menu-section {
	display:inline-block;
	width:48%;
	vertical-align:top;
	margin-bottom:40px;
}
.menu-number {
	width:65px;
	height:81px;
	background:url(images/bg-menu-number.png) bottom right no-repeat;
	background-size:cover;
	float:left;
	color:#d27c29;
	font-family:'knockout',sans-serif;
	font-size:64px;
	text-align:center;
	padding-right:12px;
}
.menu-section-content {
	float:left;
	width:calc(100% - 68px); 
	padding-top:12px;
}

.menu-section .title {
	color:#d27c29;
	font-weight:bold;
	font-size:50px;
	line-height:1em;
	padding-left:18px;
}
.menu-section .title span {
	color:#55565a;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
	font-style:italic;
	display:block;
	line-height:1em;
	font-size:16px;
	text-transform:none;
	letter-spacing:0px;
}
.menu-section .items {
	padding-left:18px;
	padding-right:11px;
}
.menu-section .name {
	color:#55565a;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
	font-size:26px;
	letter-spacing:0px;
	margin-bottom:10px;
	display:inline-block;
}
#menu-section-2 .name {
	max-width:85%;
}
#menu-section-2 .menu-callout .name {
	max-width:100%;
	width:100%;
}
#menu-section-2 .menu-callout .price {
	float:right;
}
.menu-section .name span.desc {
	font-size:17px;
	text-transform:none;
	display:inline-block;
	margin-left:12px;
	letter-spacing:0px;
}

#menu-section-4 .name span.desc {
	display:block;
	margin:0px;
	line-height:1em;
}
.menu-section .price {
	display:inline-block;
	float:right;
	color:#d58537;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
	font-size:24px;
}
.menu-callout {
	display:block;
	margin-top:20px;
	padding:8px 12px;
	border:2px solid #d27c29;
}
.menu-callout .price {
	float:none;
}
.menu-callout p {
	margin:0px;
	font-weight:bold;
}
.menu-callout .name {
	margin:0px;
}
.name .smaller {
	font-size:.5em;
	font-style:italic;
}
#menu-section-4 .menu-callout .name {
	margin-bottom:6px;
}
.menu-callout .add {
	color:#d27c29;
	font-size:.9em;
}
span.veg, span.vegan {
	font-size:.8em;
	color:#9ea648;
	display:inline-block;
	font-style:italic;
	margin-left:6px;
}
#menu-section-2 .vegan .name:after {
	content:"V";
	font-size:.8em;
	color:#9ea648;
	display:inline-block;
	font-style:italic;
	margin-left:6px;
}

/* Signature Boxes & Sides & Drinks ---- */

#signature-boxes {
	border-bottom:2px solid #cbc8c8;
	margin-bottom:20px;
}
.signature-box {
	display:inline-block;
	width:48%;
	vertical-align:top;
}
h2.sig-box-name {
	background:#d27c29;
	color:#fff;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-size:26px;
	letter-spacing:0px;
	font-weight:bold;
	padding:4px 6px;
	line-height:1em;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
}
.signature-box .desc {
	margin-top:12px;
}
.signature-box .desc p {
	font-weight:bold;
	font-size:18px;
	padding-right:40px;
	line-height:1.3em;
}
.signature-box .price {
	display:inline-block;
	vertical-align:middle;
	color:#d58537;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
	font-size:24px;
	margin-left:9px;
}
.signature-box .veg {
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	margin-left:4px;
}
.extras .name {
	color:#55565a;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
	font-size:26px;
	letter-spacing:0px;
	margin-bottom:10px;
	display:inline-block;
}
.extras .price {
	display:inline-block;
	float:right;
	color:#d58537;
	font-family:'AkzidenzGrotesk', sans-serif;
	font-weight:bold;
	font-size:24px;
}
.extras .name span.desc {
	font-size:17px;
	text-transform:none;
	display:inline-block;
	margin-left:12px;
	letter-spacing:0px;
}
.extras h2 {
	color:#d27c29;
	font-size:40px;
	margin-bottom:24px;
}
#sides-salads {
	display:inline-block;
	vertical-align:top;
	width:32%;
}
#drinks {
	display:inline-block;
	vertical-align:top;
	width:67%;
	padding-left:80px;
}
/* Commitment List --- */
.cmt-list {
	margin:0px 0px 60px 0px;
	list-style:none;
}
.cmt-item {
	list-style:none;
	display:inline-block;
	margin-bottom:24px;
	text-align:center;
	width:48%;
}
.cmt-icon {
	width:163px;
	height:auto;
	display:inline-block;
	vertical-align:middle;
}
.cmt-content {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	padding-left:34px;
}
.cmt-content p:last-child {
	margin:0px;
}
.cmt-item.even .cmt-content {
	width:298px;
	max-width:100%;
}
.cmt-item.odd .cmt-content {
	width:340px;
	max-width:100%;
}
.chef-quote {
	text-align:right;
	display:inline-block;
	font-size:26px;
	color:#d07a20;
	font-style:italic;
	line-height:1.2em;
	vertical-align:middle;
	margin:0px;
}
.chef-quote span {
	font-family:'AkzidenzGrotesk', sans-serif;
	display:block;
	font-size:17px;
	color:#55565a;
	font-style:normal;
	margin-top:12px;
	padding-right:48px;
}
.chef-quote-icon {
	width:96px;
	height:auto;
	margin-left:32px;
	display:inline-block;
	vertical-align:middle;
}
@media screen and (max-width: 1200px) 
{
	.menu-step-info {
		width:calc(100% - 140px);
	}
	.menu-steps {
		margin-top:-8px;
	}
}
@media screen and (max-width: 1024px) 
{
	
	.cmt-icon {
		margin-bottom:30px;
	}
}
@media screen and (max-width: 800px) 
{
	.menu-step-img-wrap {
		float:none;
		width:100%;
	}
	.menu-step-content {
		width:90%;
		background:#fff;
		padding:30px 20px 30px 40px;
		margin:-122px auto 0px auto;
		display:block;
		float:none;
		text-align:center;
	}
	.menu-step-content-2 {
		padding-bottom:40px;
	}
	.menu-steps .menu-step:first-child .menu-step-content {
		padding-top:30px;
	}
	.chef-quote {
		width:60%;
	}
	.chef-quote-icon {
		margin-right:32px;
	}
	#favorites {
		padding:0px;
		background:none;
	}
	
	#sides {
		width:29.5%;
	}
	#sides h2 {
		margin-bottom:48px;
	}
	.ff-icon {
		margin-top:6px;
	}
	
}
@media screen and (max-width: 500px) 
{
	.menu-fullwidth img {
		display:none;
	}
	.menu-fullwidth h2 {
		display:block;
	}
	.menu-step-info {
		width:100%;
		text-align:center;
	}
	.menu-step-content {
		margin:0px;
		text-align:center;
		width:100%;
		padding:30px 20px;
	}
	.menu-step-info {
		padding-top:32px;
	}
	.menu-step-name {
		left:auto;
	}
	.menu-step-name span {
		display:block;
	}
	.menu-step-inner-2 h5 {
		margin:4px 0px 20px 0px;
	}
	.pointer::before {
		display:none;
	}
	#favorites {
		width:100%;
		float:none;
		padding:0px 0px 0px 0px;
	}
	#sides {
		float:none;
		width:100%;
	}
	.favorite-item {
		width:100%;
	}
	.favorite-item.odd {
		padding-left:0px;
	}
	.ff-content {
		width:100%;
		padding-left:0px;
	}
	.ff-icon {
		margin:0px;
	}
	#favorites {
		margin-bottom:40px;
	}
	#favorites h2 {
		font-size:40px;
		letter-spacing:2px;
	}
	#favorites h2,
	#sides h2 {
		margin-bottom:22px;
	}
	#sides h2 {
		font-size:40px;
		letter-spacing:2px;
	}
	#sides h2 br {
		display:none;
	}
	#favorites h2 span {
		width:autop;
	}
	.menu-commitment-header {
		margin:40px 0px;
	}
	.cmt-item {
		width:100%;
		margin-bottom:48px;		
	}
	.cmt-content {
		text-align:center;
		padding:0px;
	}
	.chef-quote {
		width:100%;
		text-align:center;
		margin-bottom:12px;
	}
	.chef-quote span {
		padding:0px;
	}
	.page-template-page-menu #page-header {
		margin-bottom:40px;
	}
	.menu-steps {
		margin-bottom:45px;
	}
	h2.menu-title {
		font-size:30px;
		letter-spacing:2px;
	}
	.menu-section {
		width:100%;
	}
	.signature-box {
		width:100%;
	}
	#sides-salads {
		width:100%;
		margin-bottom:30px;
	}
	#drinks {
		width:100%;
		padding:0px;
	}
	.menu-section .title {
		font-size:40px;
	}
	.menu-section .title span {
		font-size:14px;
	}
	.menu-section .name {
		font-size:20px;
	}
	h2.sig-box-name {
		font-siez:24px;
	}
	.extras .name {
		font-size:20px;
	}
	.extras .price {
		font-size:20px;
	}
	.extras h2 {
		font-size:30px;
	}
}
/* --------------------------------------------------------------------------------------------------------------
------------------------------------------- CATERING PAGE -------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

.catering-buttons {
	text-align:center;
	width:100%;
	margin:34px 0px 43px 0px;
}
.catering-buttons span {
	padding:0px;
	display:inline-block;
}
.catering-buttons .button {
	margin:0px 30px;
}
.catering-content {
	font-size:23px;
	
}
.catering-content p {
	width:900px;
	max-width:100%;
	display:block;
	margin:30px auto;
}
.catering-content .gform_wrapper {
	max-width:700px;
	margin:0px auto;
	border:1px solid #d07a20;
	padding:20px;
	font-size:17px;
}
#gform_submit_button_1 {
	display:block;
	width:100%;
}
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"] {
	text-indent:0px !important;
}
.gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_year input, .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
	padding:12px 12px !important;
}
#catering-details {
	padding:40px;
	margin:0px auto 24px auto;
	width:700px;
	font-size:17px;
	max-width:100%;
	text-align:left;
	background:#55565a;
	color:#fff;
}
#catering-details ul {
	margin-bottom:0px;
}
#catering-details li {
	line-height:1.3em;
	margin-bottom:2px;
}
#catering-details h3 {
	color:#fff;
	font-size:30px;
	text-align:center;
}
.catering-buttons span {
	display:table-cell;
	vertical-align:middle;
	width:auto;
	/*background:url(images/divider-diamonds-2.png) center center repeat-x;
	background-size:auto 21px;*/
}
.catering-buttons span.left-spacer {
	background-position:right center;
}
.catering-buttons span.right-spacer {
	background-position:left center;
}
.catering-buttons .button-container {
	width:720px;
	max-width:100%;
	background:none;
	text-align:center;
}

.catering-buttons p {
	width:100%;
	
}
.catering-image {
	margin-top:60px;
}
#how-its-done {
	text-align:center;
	margin-bottom:40px;
}
#how-its-done p {
	font-weight:bold;
}
.sample-list {
	list-style:none;
	font-weight:bold;
	margin:30px auto;
	text-align:left;
	width:800px;
	max-width:100%;
}
.sample-list li {
	display:inline-block;
	list-style:none;
	width:48%;
	text-align:left;
	vertical-align:top;
	margin-bottom:10px;
}
@media screen and (max-width: 800px) 
{
	.catering-buttons .button {
		margin-bottom:12px;
	}
}
@media screen and (max-width: 500px) 
{
	.catering-image {
		margin-top:20px;
	}
	.catering-content {
		font-size:21px;
		line-height:1.3em;
	}
	.catering-content span.catering-phone {
		display:block;
	}
	.sample-list li {
		width:100%;
	}
}


/* ----------------------------------------------------------------------------------------------------
------------------------------------------- PRESS PAGE ----------------------------------------------
-------------------------------------------------------------------------------------------------- */

.press-list {
	list-style:none;
	margin:1px;
}
.press-thumb {
	background:#fff;
	border:5px solid #fff;
	margin-bottom:44px;
	list-style:none;
}
.press-thumb a {
	display:block;
	position:relative;
	z-index:1;
}
.press-thumb-overlay {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	width:100%;
	height:100%;
	transition:all .3s ease 0s;
	background:rgba(208,122,32,.9);
	background-size:48px 54px;
	opacity:0;
}
.no-touch .press-thumb a:hover .press-thumb-overlay {
	opacity:1;
}
.press-thumb-overlay span.plus {
	font-weight:900;
	font-size:80px;
}
.press-thumb-overlay h3 {
	color:#fff;
	font-size:30px;
	margin-bottom:8px;
	padding:0px 20px;
}
.press-thumb-overlay h4 {
	font-family:'AkzidenzGrotesk', sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	margin:0px;
	padding:0px 20px;
	letter-spacing:0px;
	text-transform:none;
}
/* ----- Press Links ---- */

.press-links-list {
	list-style:none;
	margin:0px;
	text-align:center;
}
.press-links-wrapper {
	padding:150px 0px 30px 0px;
	margin-top:50px;
	background: #fff url(images/bg-press-links-wrapper.png) center 64px no-repeat;
	background-size:336px 21px;
}

.press-link {
	list-style:none;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:33%;
	margin:0px 0px 60px 0px;
}
.press-link-butotn {
	display:block;
	text-align:center;
}
.press-link-button h3 {
	text-transform:uppercase;
	font-family:"knockout", sans-serif;
	font-size:22px;
	color:#d07a20;
	margin:25px 0px 12px 0px;
	letter-spacing:1px;
	line-height:1em;
}
.press-link-button h4 {
	font-family:'AkzidenzGrotesk', sans-serif;
	margin:0px;
	color:#55565a;
	font-size:15px;
	font-weight:normal;
	letter-spacing:0px;
}
.press-link-img {
	display:inline-block;
	position:relative;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	width:310px;
	max-width:100%;
	height:auto;
	transition:background-size .3s ease 0s;
}
.press-link-button:hover .press-link-img {
	background-size:110% auto;
}
.press-link-img .left-overlay {
	position:absolute;
	width:48%;
	height:100%;
	left:0px;
	top:0px;
	background:url(images/bg-press-link-left.png) top left no-repeat;
	background-size:auto 100%;
}
.press-link-img .right-overlay {
	position:absolute;
	width:48%;
	height:100%;
	right:0px;
	top:0px;
	background:url(images/bg-press-link-right.png) top right no-repeat;
	background-size:auto 100%;
}


li.press-masonry {
	width:30%;
}
ul.press-grid .grid-sizer {
	width:30%;
}
ul.press-grid .gutter-sizer {
	width:5%;
}
@media screen and (max-width: 1000px) 
{
	.press-link {
		padding:0px 20px;
	}
}
@media screen and (max-width: 800px) 
{
	
	li.press-masonry {
		width:48%;
	}
	ul.press-grid .grid-sizer {
		width:48%;
	}
	ul.press-grid .gutter-sizer {
		width:4%;
	}
	
	.press-link {
		width:48%;
	}
	
}


@media screen and (max-width: 500px) 
{
	li.press-masonry {
		width:100%;
	}
	ul.press-grid .grid-sizer {
		width:100%;
	}
	ul.press-grid .gutter-sizer {
		width:0%;
	}
	
	.press-link {
		width:100%;
		padding:0px;
	}
	

}

#press-intro {
	background:#fff;
	width:678px;
	max-width:100%;
	padding:28px 54px;
	display:block;
	position:relative;
	text-align:center;
	z-index:20;
	top:-120px;
	margin:0px auto 0px auto;
}
#press-intro p {
	line-height:1.6em;
}
#press-intro p:last-child {
	margin-bottom:0px;
}

@media screen and (max-width: 800px) 
{
	#press-intro {
		max-width:90%;
	}
	
}
@media screen and (max-width: 500px) 
{
	#press-intro {
		width:100%;
		max-width:100%;
		margin:-40px auto 40px auto;
		top:0px;
		padding:20px;
	}
	.press-links-wrapper {
		margin-top:0px;
		background-position: top center;
		padding-top:65px;
	}
}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- LOCATIONS PAGE -----------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.locations-intro {
	text-align:center;
	font-size:23px;
	line-height:1.4em;
	max-width:730px;
	margin:0px auto;
}
.locations-intro :last-child {
	margin-bottom:60px;
}
.acf-map {
	width: 100%;
	height: 400px;
}
.region-map {
	width:50%;
	float:right;
	height:575px;
}
.region-locations {
	width:47%;
	float:left;
	padding-left:30px;
}
.region {
	margin-bottom:60px;
}
div.location {
	display:inline-block;
	margin-bottom:0px;
	width:32%;
	padding-right:30px;
	vertical-align:top;
	font-size:14px;
	line-height:1.4em;
}
.location p {
	font-size:14px;
	line-height:1.4em;
}

.location h3 {
	color:#d07a20;
	font-size:22px;
	margin-bottom:19px;
}
h2.region-name {	
	text-transform:uppercase;
	font-family:"knockout", sans-serif;
	color:#d07a20;
	font-size:72px;
	letter-spacing:2px;
	display:inline-block;
	border-bottom:5px solid #d07a20;
	margin-bottom:42px;
	line-height:.85em;
}
@media screen and (max-width: 1200px) 
{
	div.location {
		width:48%;
	}
	
}
@media screen and (max-width: 800px) 
{
	.region-map {
	}
	.locations-intro {
		padding:0px 20px;
	}
	
}
@media screen and (max-width: 500px) 
{
	.region-map {
		height:300px;
		float:none;
		width:100%;
	}
	.region-locations {
		float:none;
		padding:0px 30px;
		width:100%;
	}
	h2.region-name {
		font-size:42px;
	}
	div.location {
		width:100%;
		padding:0px;
	}
	.locations-intro {
		padding:0px 20px;
	}
	.locations-intro p {
		line-height:1.3em;
	}
	.page-template-page-locations #main {
		padding-bottom:0px;
	}
	article .region:last-child {
		margin-bottom:0px;
	}
	
}
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- BLOG PAGES -----------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------ BLOG WIDGET AREA (SIDEBAR) ----------------------------- */

.nav-blog {
	display:inline-block;
	width:380px;
	max-width:100%;
	text-align:center;
	position:relative;
}
.nav-blog ul {
	list-style:none;
	margin:0px;
}
.nav-blog ul li {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
}
.nav-blog a {
	cursor:pointer;
}
.nav-blog-links {
}
.nav-blog-links li {
	width:32%;
}
.nav-blog .hide-list ul li {
	padding:4px 6px;
}
.hide-list {
	display:none;
	padding:8px 0px;
	position:absolute;
	top:100%;
	width:100%;
	height:auto;
	background:#fff;
}
.hide-list.open {
	display:block;
}
/* ------------------------------------------ BLOG WIDGET AREA (SIDEBAR) ----------------------------- */


#search-blog {
	display:inline-block;
	vertical-align:middle;
	margin:0px 0px 4px 42px;
}
#search-blog input.search-field {
	color:#55565a;
    -webkit-appearance: none;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	background:#fff;
	width:80px;
	line-height:22px;
	text-align:left;
	padding:2px 0px 0px 0px;
	text-indent:9px;
	margin:0px;
	border:0px;
	transition:all .3s ease 0s;
	display:inline-block;
	vertical-align:middle;
}
#search-blog input.search-field.focused {
	width:120px;
	background:#55565a;
	color:#fff;
}
#search-blog input.search-submit {
	background:#fff;
	border:0px;
	display:inline-block;
	vertical-align:middle;
	font-size:0px;
	height:22px;
	width:22px;
	background:url(images/bg-search-blog.png) center center no-repeat;
	background-size:15px 17px;	
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

	text-shadow:none;
	font-size:0px !important;
	-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#search-blog input.search-field::-moz-placeholder {  /* Firefox 19+ */
 color:#55565a;
 opacity:1;
}
#search-blog input.search-field::-webkit-input-placeholder {
 color:#55565a; 
}
#search-blog input.search-field:-ms-input-placeholder {
 color:#55565a;
}

#search-blog input.search-field.focused::-moz-placeholder {  /* Firefox 19+ */
 color:#fff;
 opacity:1;
}
#search-blog input.search-field.focused::-webkit-input-placeholder {
 color:#fff; 
}
#search-blog input.search-field.focused:-ms-input-placeholder {
 color:#fff;
}

h3.search-product-title {
	font-family: "knockout",sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 12px;
    padding: 0 ;
    text-transform: uppercase;
}
.search-page-title {
	padding-left:40px;
	padding-right:40px;
	font-size:50px;
}
.search-price {
    display: block;
    font-weight: bold;
}
.search-title {
	text-align:center;
	font-family: 'knockout', sans-serif;
	font-size:40px;
	margin:36px 0px;
}
.productsearch .navigation,
.postsearch .navigation {
	padding:0px 0px 30px 0px;
}
/* ------------- General Blog Styles ------------ */

#header-image-blog {
	position:relative;
	display:block;
	z-index:1;
}
img.hdr-blog-image {
	width:100%;
	height:auto;
	display:block;
	position:relative;
	z-index:1;
}

img.hdr-blog-mask {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
}
img.hdr-blog-triangles {
	max-width:1174px;
	height:auto;
	position:absolute;
	bottom:10%;
	left:50%;
	z-index:3;
	transition:bottom .3s ease 0s;
}
img.hdr-blog-right-triangle {
	width:76px;
	height:auto;
	position:absolute;
	bottom:-86px;
	right:0px;
	z-index:4;
	transition:bottom .3s ease 0s, width .3s ease 0s;
}
#header-blog {
	position:relative;
	display:block;
	z-index:2;
	margin-top:-138px;
}
.blog-logo {
	margin-left:5.36%;
	display:inline-block;
}
img.hdr-blog-logo {
	position:relative;
	z-index:2;
	padding-left:12px;
}
.blog-title {
	font-size:78px;
	text-transform:uppercase;
	margin:0px;
	position:relative;
	z-index:1;
	margin-top:-30px;
	font-weight:bold;
}
@media screen and (max-width: 1300px) 
{
	img.hdr-blog-triangles {
		bottom:6.33245%;
	}
}
@media screen and (max-width: 1174px) 
{
	img.hdr-blog-triangles {
		max-width:100%;
	}
}
@media screen and (max-width: 500px) 
{
	img.hdr-blog-triangles {
		display:none;
	}
	img.hdr-blog-right-triangle {
		display:none;
	}
	.blog-logo {
		display:block;
		margin:0px auto;
		text-align:center;
		padding-top:130px;
	}
	img.hdr-blog-logo {
		padding-left:0px;
		width:33%;
	}
	.blog-title {
		font-size:55px;
		margin-top:-25px;
	}
	.nav-blog-links li {
		padding:0px 5px;
		width:auto;
	}
	.nav-blog-links {
		width:100%;
		text-align:center;
	}
	#search-blog {
		display:block;
		text-align:center;
		margin:0px;
	}
	#header-image-blog {
		display:none;
	}
	#header-blog {
		margin-top:-68px;
	}
	#header-blog .inner {
		padding:0px 10px;
	}
	.hide-list {
		position:relative;
	}
}
/* ------ BLOG List------------------ */

ul.blog-list {
	margin:0px;
	list-style:none;
}
li.blog-list-item {
	background:#ffffff;
	padding:5px;
	margin-bottom:50px;
}
.blog-list-info {
	float:left;
	width:47.6%;
}
.blog-list-info.single-post-info {
	float:none;
	width:100%;
	padding:0px 0px 0px 0px;
}
.post-date {
	display:inline-block;
	float:left;
	color:#d07a20;
	text-transform:uppercase;
	text-align:center;
}
.post-date .month {
	font-size:25px;
	display:block;
	margin-bottom:6px;
	font-weight:bold;
	letter-spacing:1px;
}
.post-date .day {
	font-weight:normal;
	font-size:17px;
}
.blog-list-info {
	padding:34px 34px 0px 34px;
}
.blog-list-info .post-date {
}
.blog-list-info .post-info {
	float:right;
	width:calc(100% - 95px);
}
.blog-list-info .post-info p {
	line-height:1.4em;
	font-size:16px;
}
.blog-list-title {
	font-size:28px;
	line-height:1.0em;
	font-weight:500;
	color:#d07a20;
	margin:-5px 0px 13px 0px;
	text-transform:uppercase;
}
.blog-list-img-wrap {
	display:block;
	float:right;
	width:51.47%;
	min-height:296px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	transition:all .3s ease 0s;
}
.blog-list-img-wrap img {
	display:block;
}
a.blog-list-link {
	display:block;
	text-decoration:none;
}
.no-touch .blog-list-img-wrap:hover {
	opacity:.5;
}
.blog-read-more {
	display:inline-block;
	position:relative;
	color:#d07a20;
	font-size:14px;
	line-height:14px;
	font-size:20px;	
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:"knockout", sans-serif;
	padding-right:25px;
	background:url(images/arrow-right-orange.png) right center no-repeat;
	background-size:auto 14px;
}
.no-touch .blog-read-more:hover {
	padding-right:35px;
}

.blog-page-title {
	text-align:center;
	color:#fff;
	font-size:40px;
	margin-bottom:40px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
}
.blog-page-title span {
	font-family:'knockout',sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size:1.2em;
}
li.blog-masonry {
	width:100%;
}
ul.blog-grid .grid-sizer {
	width:100%;
}
ul.blog-grid .gutter-sizer {
	width:0%;
}
@media screen and (max-width: 1000px) 
{
	
	li.blog-masonry {
		width:48%;
	}
	ul.blog-grid .grid-sizer {
		width:48%;
	}
	ul.blog-grid .gutter-sizer {
		width:4%;
	}
	
	.blog-list-img-wrap {
		width:100%;
		min-height:194px;
		
	}
	.blog-list-info {
		width:100%;
		padding:20px;
	}
}
@media screen and (max-width: 800px) 
{
	.blog-list-info .post-date {
		width:100%;
		float:none;
		margin-bottom:20px;
		text-align:left;
	}
	.blog-list-info .post-info {
		float:none;
		width:100%;
	}
}

@media screen and (max-width: 500px) 
{
	li.blog-masonry {
		width:100%;
	}
	ul.blog-grid .grid-sizer {
		width:100%;
	}
	ul.blog-grid .gutter-sizer {
		width:0%;
	}
	
	.blog-list-img-wrap {
		width:100%;
		min-height:130px;
		
	}
	
}


/* ------------- Blog Dropdowns ----------------- */

#blog-dropdowns {
	background:#fff;
	width:314px;
	max-width:100%;
	display:block;
	position:relative;
	z-index:20;
	top:-120px;
	margin:0px auto 0px auto;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(210,124,41,1);
	-moz-box-shadow: 4px 4px 0px 0px rgba(210,124,41,1);
	box-shadow: 4px 4px 0px 0px rgba(210,124,41,1);
}
.blog-select {
	float:left;
	width:50%;
}
div#category-select {
	width:53%;
}
div#archive-select {
	width:47%;
}
@media screen and (max-width: 1000px) 
{
	
}
@media screen and (max-width: 500px) 
{
	#blog-dropdowns {
		width:280px;
		margin:-80px auto 40px auto;
		top:0px;
	}
	
}
/* ------------------------------ DEFAULT PAGE SETUP  --------------------------- */

/* --------------------------------------------------------------------------------------------------------------
------------------------------------------- BUTTONS -------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

a.button {
	display:inline-block;
	background:#d07a20;
	color:#fff;
	position:relative;
	font-size:28px;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.em;
	padding:18px 66px 16px 66px;
	text-decoration:none;
	width:auto;
	height:auto;
	font-family:"knockout", sans-serif;
}
a.button:hover {
	background:#55565a;
	color:#fff;
}

#link-doordash-menu {
	display:inline-block;
	vertical-align:top;
	margin:0px 24px;
}
@media screen and (max-width: 500px) 
{
	a.button {
		font-size:24px;
		letter-spacing:1px;
		padding:14px 44px 12px 44px;
	}
	
}
/* ------------------------------ BREADCRUMBS --------------------------- */

#breadcrumbs {
	margin-bottom:20px;
	font-size:12px;
	letter-spacing:2px;
	text-transform:uppercase;
}
#breadcrumbs span {
	padding:0px 10px;
}
#breadcrumbs a {
	font-weight:bold;
	text-decoration:none;
}



/* --------------------------------------------------------------
FANCYBOX (POPUP IMAGE GALLERY) ------------------------------------
--------------------------------------------------------------- */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 69px;
	height: 68px;
	cursor: pointer;
	background:url('images/btn-x.png') top left no-repeat;
	background-size:41px 40px;
	z-index: 8041;
	padding:24px;-webkit-transform-origin: 30% 30%;
-moz-transform-origin: 30% 30%;
-o-transform-origin: 30% 30%;
transform-origin: 30% 30%;
}
.fancybox-close:hover {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transition:all .4s ease 0s;
}
.fancybox-nav {
	position: fixed;
	top: 0;
	width: 50%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.no-touch .fancybox-prev {
	left: 0;
	cursor: url('images/arrow-left-orange.png'), auto;
	cursor: -webkit-image-set(
	  url('images/arrow-left-orange.png') 1x,
	  url('images/arrow-left-orange.png') 2x
	) 62px 12px, auto;
}

.no-touch .fancybox-next {
	right: 0;
	cursor: url('images/arrow-right-orange.png'), auto;
	cursor: -webkit-image-set(
	  url('images/arrow-right-orange.png') 1x,
	  url('images/arrow-right-orange.png') 2x
	) 62px 12px, auto;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
	display:none !important;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
	display:none !important;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #55565a;
	background: rgba(0, 0, 0, .8);
}


/* -----------------------------------------------------------------------------------
--------------------------- FANCY SELECT ---------------------------------------------
------------------------------------------------------------------------------------ */

div.fancy-select {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	color: #55565a;
}

div.fancy-select.disabled {
	opacity: 0.5;
}

div.fancy-select div.trigger {
	cursor: pointer;
	font-family:"knockout",sans-serif;
	padding: 15px 40px 12px 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #fff url(images/bg-select.png) top right no-repeat;
	background-size: auto 100%;
	border: 1px solid #d07a20;
	color: #d07a20;
	width: auto;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-size:22px;
	
	/*transition: all 240ms ease-out;
	-webkit-transition: all 240ms ease-out;
	-moz-transition: all 240ms ease-out;
	-ms-transition: all 240ms ease-out;
	-o-transition: all 240ms ease-out;*/
}
div.fancy-select div.trigger.open {
	background: #d07a20 url(images/bg-select-open.png) top right no-repeat;
	background-size: auto 100%;
	border: 1px solid #d07a20;
	color: #fff;
	box-shadow: none;
}
.blog-select div.fancy-select div.trigger {
	border:0px;
}
.blog-select div.fancy-select div.trigger.open {
	border:0px;
}

div.fancy-select ul.options {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: auto;
	background: #fff;
	border: 1px solid #d07a20;
	min-width: 100px;
	max-width:100%;
	text-align:left;
	width:100%;

	/*transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;*/
}
div.fancy-select ul.options li:first-child {
	padding-top:12px;
}
div.fancy-select ul.options.open {
	visibility: visible;
	top: 100%;
	opacity: 1;

	/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
	/*transition: opacity 300ms ease-out, top 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out;*/
}

div.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;

	transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;

	transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
	padding: 8px 12px;
	color: #d07a20;
	cursor: pointer;
	white-space: nowrap;

	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
	background: rgba(248,138,61,0.2);
}

div.fancy-select ul.options li.hover {	
	background: rgba(248,138,61,0.1);
}


/* -------------------- PRODUCT SHARING ---------------------------- */


.us_wrapper.us_skin_default a,
.us_wrapper.us_skin_default a i {
	color:#a6a6a6 !important;
	transition:all .3s ease 0s;
}
.share-main-product {
	width:100%;
	position:relative;
	margin:-55px 0px 30px 0px;
	right:0px;
	z-index:3;
	text-align:right;
}
.share-main-product .us_wrapper.tac {
	text-align:right;
}
.share-main-product .us_wrapper .us_button {
	background:none !important;
	width:auto !important;
	margin:0px 4px !important;
}
.share-main-product .us_wrapper .us_button .us_box {
	font-size:20px;
}
.share-main-post .us_wrapper.us_skin_default a:hover,
.share-main-post .us_wrapper.us_skin_default a:hover i {
	color:#ffbb9d !important;
}

/* ----------------- Skroller.js (Parallax Scrolling) --------------- */

#skrollr-body {
    width: 100%;
    height: 100%;
	min-height: 1px;
	position:relative;
}

.skrollable {
	background-attachment:local;
	background-size:cover;
	background-repeat:none;
	background-position:top center;
	position:relative;
	display:block;
	z-index:2;
}
.skrollable.fullscreenbg {
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#d7c5a1;
	background-attachment:fixed;
}
  .skroll-container { 
  	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);
	-moz-backface-visibility:hidden;
 }
 .skrollable {
	 -webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-webkit-transform:translate3d(0,0,0)
 }
 
/* ---------------------------------------------------------------------------------------------
------------------------------------- GENERAL RESPONSIVE/MOBILE STYLES ----------------------------------
---------------------------------------------------------------------------------------------- */

#cc-mobile {
	display:none;
}

@media screen and (max-width: 800px)
{
	.ls-nav a {
		padding:34px 6px 0px 6px;
	}
	.ls-nav ul li a {
		font-size:11px;
	}
}
@media screen and (max-width: 500px)
{
	.lw-inner {
		padding:0px !important;
	}
	.lw-banner-image {
		margin-bottom:24px;
	}
	.panel {
		overflow:hidden;
	}
	.panel-wrapper {
		padding:0px 0px;
		width:100% !important;
	}
	.panel-wrapper p {
		padding:0px 0px;
	}
	#slider-cc {
		width:100%;
		float:none;
	}
	.ls-wrapper {
		width:100% !important;
		max-width:100% !important;
		float:none !important;
	}
	#slider-cc-nav {
		width:100%;
		float:none;
	}
	#cc-mobile {
		display:block;
	}
	#slider-cc, #slider-cc-nav {
		display:none;
	}
}

/* ---------------------------------------------------------------------------------------- 
---------------------------------------SOCIAL SHARING ------------------------------
-------------------------------------------------------------------------------------- */

.share-main {
	text-align:center;
	padding:40px 0px;
}
.share-divider {
	margin:20px 0px;
}
.share-main h2 {
	color:#d07a20;
	font-family: 'mascot', sans-serif;
	font-size:60px;
	letter-spacing:0px;
	margin:0px 0px 20px 0px;
}
.us_wrapper.us_skin_default a,
.us_wrapper.us_skin_default a i {
	color:#d07a20 !important;
	transition:all .3s ease 0s;
}
.share-main .us_wrapper .us_button {
	background:none !important;
	width:auto !important;
	margin:0px 8px !important;
}
.share-main .us_wrapper .us_button .us_box {
	font-size:28px;
}
.blog .share-main {
	display:none;
}
.share-main-post {
	position:relative;
	padding-top:24px;
	display:inline-block;
	display:none;
}
.share-main-post .us_wrapper .us_button {
	background:none !important;
	width:auto !important;
	margin:8px 0px !important;
}
.share-main-post .us_tac {
}
.share-main-post .us_wrapper .us_button .us_box {
	font-size:28px;
}
.share-main-post .us_wrapper.us_skin_default a:hover,
.share-main-post .us_wrapper.us_skin_default a:hover i {
	color:#d07a20 !important;
}


/* =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';
}


/* =Images
-------------------------------------------------------------- */

img {
	max-width:100%;
	height:auto;
}.alignleft,
img.alignleft {
	display: inline-block;
	float: left;
	margin-right: 24px;
	margin-top: 0px;
}
.alignright,
img.alignright {
	display: inline-block;
	float: right;
	margin-left: 24px;
	margin-top: 0px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin:0px auto;
}
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	margin-bottom: 0px;	
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#content .wp-caption {
	background: #fff;
	border:1px solid #eeeeee;
	line-height: 18px;
	margin-bottom: 24px;
	padding: 12px;
	text-align: center;
}
#content .wp-caption img {
	margin:0px;
	width:100%;
}
#content .wp-caption p.wp-caption-text {
	font-style:italic;
	font-size: 12px;
	margin: 5px;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
img.size-thumbnail {
	width:33%;
	padding: 6px;
	margin:0px;
	max-width:300px;
}
img.size-medium {
	width:50%;
	max-width:400px;
	padding: 6px;
	margin:0px;
}
img.size-full {
	max-width:100%;
	padding:0px;
	padding: 6px;
}

.gallery {
    line-height: 1;
    overflow-x: hidden;
    padding: 6px 0;
}
.gallery .gallery-item {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 6px;
    text-align: center;
}
.gallery:after {	
	content: "";
    display: table;
    clear: both;
}
.ie7 .gallery .gallery-item, .ie8 .gallery .gallery-item {
    padding: 6px 0;
}
.gallery .gallery-caption, .gallery .gallery-icon {
    margin: 0;
}
.gallery .gallery-caption {
    font-size: 13px;
    margin: 4px 0;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.333%;
}
.ie8 .gallery-columns-3 .gallery-item, .ie7 .gallery-columns-3 .gallery-item {
    width: 33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.665%;
}
.gallery-columns-7 .gallery-item {
    width: 14.285%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    width: 11.111%;
}
.gallery img {
    border: medium none;
    height: auto;
    max-width: 100%;
    padding: 0;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #55565a;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation.search-nav {
	padding:20px 0px;
	margin:20px 0px 20px 0px;
	display:block;
	width:100%;
}
.navigation a {
	color: #55565a;
	text-decoration: none;
	transition:all .3s ease 0s;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:20px;
	font-weight:normal;
	font-size:20px;
	font-family:"knockout", sans-serif;
}
.navigation a:active,
.navigation a:hover {
}
.nav-previous {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width: auto;
	background:#fff;
	transition:all .3s ease 0s;
}
.nav-previous a {
	
	padding:10px 10px 10px 25px;
	border-left:10px solid #fff;
	display:inline-block;
	background:#fff url(images/arrow-left-green.png) center left no-repeat;
	background-size:auto 14px;
}
.nav-next {
	position:relative;
	text-align: right;
	float:right;
	display:inline-block;
	vertical-align:middle;
	width: 48%;
	transition:all .3s ease 0s;
}
.nav-next a {
	padding:10px 25px 10px 10px;
	display:inline-block;
	border-right:10px solid #fff;
	background:#fff url(images/arrow-right-green.png) center right no-repeat;
	background-size:auto 14px;
}
.no-touch .nav-next a:hover {
	padding-right:35px;
}
.no-touch .nav-previous a:hover {
	padding-left:35px;
}
#nav-above {
	margin-bottom:32px;
}
#nav-below {
}

.back-to-blog {
	text-decoration: none;
	transition:all .3s ease 0s;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:20px;
	font-weight:normal;
	font-size:20px;
	font-family:"knockout", sans-serif;
	padding:10px 10px 10px 25px;
	border-left:10px solid #fff;
	display:inline-block;
	background:#fff url(images/arrow-left-orange.png) center left no-repeat;
	background-size:auto 14px;
}
.no-touch .back-to-blog:hover {
	padding-left:35px;
}
@media screen and (max-width: 800px)
{
	.back-to-blog {
		width:100%;
	}
	.single #page-header {
		margin-bottom:40px;
	}
}
@media screen and (max-width: 500px)
{
.back-to-blog {
		width:185px;
		display:inline-block;
	}
	#nav-above {
		text-align:center;
		margin-bottom:10px;
	}
	.single #page-header {
		margin-bottom:20px;
	}
	.nav-previous a {
		border-left:0px;
	}
	.nav-next a {
		border-right:0px;
	}
	#nav-below {
		margin-bottom:24px;
	}
	
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	display:none;
}
#post-bottom-links {
	border-bottom:2px solid #d07a20;
	padding-bottom:12px;
	position:relative;
	width:100%;
	margin-top:50px;
}
h2.comments-open {
	display:inline-block;
	vertical-align:top;
	color:#d07a20;
	font-size:17px;
	float:right;
	text-align:right;
	margin:0px;
	clear:none;
	cursor:pointer;
}
h2.share-open {
	display:inline-block;
	vertical-align:top;
	color:#d07a20;
	font-size:17px;
	float:left;
	margin:0px;
	clear:none;
	cursor:pointer;
}
h2.comments-open span {
	font-weight:bold;
	font-size:1.4em;
}
#comments-container {
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #55565a;
	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: 0 0 0 56px;
	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 {
}
.comment-author cite {
	color: #55565a;
	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 */

#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	position: relative;
}
#respond p {
	margin: 0;
}
#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 {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#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;
}

@media screen and (max-width: 1206px)
{
	#post-bottom-links {
		margin-top:0px;
	}
}
/* ----------------------------------------------------- MOBILE/RESPONSIVE STYLES ------------------------------------------------------------ */

@media screen and (max-width: 1206px)
{
	.inner {
		padding-left:20px;
		padding-right:20px;
	}	
}
@media screen and (max-width: 1100px)
{
	.insta-title {
	}
	.insta {
		width:25%;
	}
	.desktop-insta-title {
		display:none;
	}
	.mobile-insta-title {
		display:block;
	}
	
}
@media screen and (max-width: 1048px)
{
	.desktop-nav {
		display:none;
	}
	#hdr-buttons {
		right:100px;
		top:46px;
	}
	#nav-button {
		display:block;
		position:absolute;
	}
	.header {		
	}
	
}
@media screen and (max-width: 800px) 
{
	
	/* --------------- HEADER & MENU -------------------- */
	
	#logo {
		width:127px;
		height:90px;
		top:20px;
		left:20px;
	}
	#nav-button {
		top:4px;
	}
	#hdr-buttons {
		top:24px;
		right:70px;
	}
	.nav-label {
		display:none;
	}
	.mobile-nav {
		padding-top:90px;
	}
	#home-top {
		height:70vh;
	}
	.home-slide-content {
		font-size:24px;
		bottom:20%;
	}
	#link-catering {
		display:none;
	}
	#link-order {
		display:none;
	}
	#link-doordash {
		display:none;
	}
	#link-doordash-menu {
		margin:20px;
	}
	#fbox-map {
		border-right:0px;
	}
	#fbox-shop {
		border-right:0px;
		heigth:auto;
	}
	.footer-box {
		border-right:0px;
	}
	#fbox-join-team {
		height:auto;
		padding:20px 0px;
	}
	#fbox-join-team {
		height:auto;
	}
	
	/* ----------------- FOOTER ---------------- */
	
	
	#footer .divider-diamond {
		display:none;
	}
	h2.footer-title span.title {
		width:90%;
	}
	/* Contact Page ------ */
	.contact-container {
		padding-top:50px;
	}
	li.ci-li:before {
		width:20px;
	}
	li.ci-li {
		padding:0px 0px 0px 32px;
	}
	
	/* ---- Blog ---------------- */
	
	
	.share-main-post {
		display:none;
	}
	.post-header {
		margin:40px 0px 20px 0px;
	}
	.post-header .entry-title {
		font-size:30px;
	}
	.nav-blog {
		width:282px;
	}
	#search-blog {
		margin-left:20px;
	}
	
	/*------ Social ----- */
	h1.social-title {
		margin-right:8.25%;
	}
	
	/* Customer Care ---------- */
	a.cc-nav {
		line-height:20px;
	}
	
	
}
@media screen and (max-width: 700px)
{
	
	
	
	/* --------------- HEADER & MENU -------------------- */
	
	.header {
		height:70px;
	}
	.header.active {
	}
	.mobile-nav {
		width:100%;
		height:auto;
	}
	
	.mobile-nav ul {
		text-align:center;
	}
	.mobile-nav-social-links {
		text-align:center;
	}
	#nav-button {
		right:6px;
	}
	
	#nav-button.white .cmn-toggle-switch span,
	#nav-button.white .cmn-toggle-switch span::before,
	#nav-button.white .cmn-toggle-switch span::after {
		background-color:#55565a;
	}
	#nav-button.white .cmn-toggle-switch__htx.active span {
		background:none;
	}
	#nav-button.white .cmn-toggle-switch__htx.active span::before,
	#nav-button.white .cmn-toggle-switch__htx.active span::after {
		background-color:#fff;
	}
	.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
	}
	.cmn-toggle-switch span {
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		left:14px;
		right:14px;
	}
	#logo {
		width:100px;
		height:71px;
		top:10px;
		left:10px;
	}
	.desktop-gf {
		left:23px;
		top:93px;
		width:73px;
	}
	#home-top {
		height:85vh;
	}
	.home-slide-content {
		right:auto;
		margin-right:-20px;
		font-size:18px;
		bottom:10%;
		display:block;
		width:100%;
		padding:0px 20px 0px 20px;
		text-align:center;
	}
	.home-slide-content.mobile span {
		display:inline-block;
		text-align:center;
		padding:8px 12px;
		line-height:1.3em;
	}
	.home-slide-content.active {
		right:auto;
		margin-right:0px;
	}
	#home-arrow {
		bottom:-23px;
		display:none;
	}
	
	.home-slide-content.desktop {
		display:none !important;
	}
	.home-slide-content.mobile {
		display:inline-block;
	}
	.home-slide-content br {
		display:none;
		clear:none;
		width:0px;
		height:0px;
	}
	#link-catering {
		display:none;
		top:86px;
		width:95px;
		height:98px;
	}
	#link-doordash,
	#link-doordash {
		display:none;
	}
	#link-order {
		display:none;
		top:168px;
	}
	#link-pa-order {
		display:none;
	}
	#link-catering.loaded {
		right:16px;
	}
	#link-order.loaded {
		right:80px;
	}
	.mobile-link {
		display:block;
	}
	#link-doordash-mobile {
		bottom:33px;
		width:100%;
		background:#ef4e42;
	}

	/* ----------------- FOOTER ---------------- */
	
	#footer {
		padding-top:56px;
	}
	h2.footer-title span.title {
		width:88%;
		padding:0px 12px;
	}
	h2.footer-title {
		font-size:29px;
		margin-bottom:48px;
	}
	#footer-icon span.title {
		width:210px;
		padding:0px;
	}
	.footer-box {
		border-right:0px;
		height:auto;
		margin-bottom:24px;
		padding:0px;
	}
	#fbox-social {
		padding:0px;
	}
	#fbox-map {
		padding:0px 20px;
		margin-bottom:36px;
	}
	#fbox-shop {
		padding:20px 20px 0px 20px;
	}
	#fbox-latest-post {
		padding:0px 20px;
	}
	#fbox-join-team {
		padding:0px;
		margin-left:-20px;
		margin-top:20px;
	}
	#fbox-contact {
		padding:10px 0px;
	}
	a.careers-link {
		display:block;
	}
	a.careers-link span {
		
	}
	p.social-links {
		text-align:center;
		padding:0px;
	}
	p.social-links .socicon {
		margin:0px 4px;
	}
	span.social-divider {
		display:none;
	}
	.insta {
		width:50%;
	}
	p.site-by {
		text-align:center;
		float:none;
		display:block;
		margin-top:8px;
	}
	p.site-copyright {
		text-align:center;
		display:block;
	}
	
	
	
	/* Content & Blog ------------- */
	
	.default-page-title {
		font-size:40px;
		letter-spacing:5px;
	}
	.post-header .entry-title {
		width:100%;
		margin-bottom:12px;
	}
	.post-header .entry-meta {
		width:100%;
		text-align:left;
		padding:0px;
	}
	.single-post-content {
		padding:0px;
	}
	.nav-previous, .nav-next {
		width:100%;
	}
	.nav-previous {
	}
	#comments .inner {
		padding:0px;
	}
	h2.comments-open {
		width:60%;
	}
	h2.comments-open span {
	}
	header.post-header {
		margin:20px 0px 24px 0px;
	}
	.entry-title {
		font-size:30px;
		letter-spacing:1px;
	}
	.nav-blog {
		width:100%;
	}
	/* Social Page ------ */
	
	
	.social-content {
		padding:80px 0px 15px 0px;
		background-size:154% auto;
	}
	h1.social-title {
		font-size:30px;
		margin-right:10%;
		margin-top:70px;
		letter-spacing:2px;
		text-shadow:0 0 20px rgba(0, 0, 0, 0.5)
	}
	h1.social-title span {
		font-size:79px;
		margin:-8px 5px 0px 0px;
	}
	.main-social-links {
		margin-top:46px;
	}
	.main-social-links a {
		width:100px;
		height:100px;
		line-height:100px;
		margin:12px;
		font-size:40px;
	}
	
	
	
	
	
	/* Social Sharing ----- */
	
	.share-main .us_wrapper .us_button {
		margin:0px 4px !important;
	}
	.share-main-post {
		display:none;
	}
	
	/* General Styles */
	
	
}