/* @override 
http://dev.designcuisine.com/wp-content/themes/designcuisine/style.css
http://dev.designcuisine.com/wp-content/themes/designcuisine/style.css?ver=1.10
http://staging.designcuisine.com/site/wp-content/themes/designcuisine/style.css 
http://staging.designcuisine.com/site/wp-content/themes/designcuisine/style.css?ver=1.10
*/

/*
Author: Joe Tan (joetan54@gmail.com)
*/
 
/* @group Object fit */

/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com> 
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.1
 *
 */

x-object-fit {
	position: relative !important;
	display: inline-block !important;
}

x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
	position: absolute !important;
	left: -100% !important;
	right: -100% !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
}

.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
	width: auto !important;
	height: auto !important;
}

.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
	width: 100% !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-taller {
	width: auto !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-wider {
	width: 100% !important;
	height: auto !important;
}

.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
	max-width: none !important;
	max-height: none !important;
}

.x-object-fit-cover > .x-object-fit-taller {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
}

.x-object-fit-cover > .x-object-fit-wider {
	width: auto !important;
	height: 100% !important;
	max-width: none !important;
}

.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
	top: 0 !important;
	bottom: auto !important;
}

.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
	left: auto !important;
	right: 0 !important;
}

.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
	top: auto !important;
	bottom: 0 !important;
}

.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
	left: 0 !important;
	right: auto !important;
}

/* @end */

xmp { 
	margin: 0 0 1em;
	background: yellow;
	color: #000;
	overflow: hidden; 
	font-size: 10px;
}
html, body {
	margin: 0;
	padding: 0;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	line-height: 1.25;
	color: #000;
	background: #fff;
	text-align: left;
	-webkit-overflow-scrolling: touch;
}
html { 
	overflow-y: scroll; 
	background: #000;
}
body { 
	background: #fff;
	min-width: 320px;
}
html.mask-active, body.mask-active {
	overflow: hidden;
}
html.mask-active.too-short, body.mask-active.too-short {
	overflow: visible;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
em strong,
strong em {
	font-weight: bold;
	font-style: italic;
}
.mobile-only {
	display:none;
}
.hidden {
	display: block;
	position: absolute;
	top: -10000px;
	height: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
.clear { clear: both;}
.alignleft { float: left; }
.alignright { float: right; }
.entity { font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial, Helvetica, sans-serif; }

img {
	max-width: 100%;
	height: auto;
}
img[align=left],
img.alignleft {	margin: 0 25px 15px 0; }
img[align=right],
img.alignright { margin: 0 0 15px 25px; }
img.aligncenter {
	display: block;
	margin: 0 auto 15px auto;
}
img,
a > img {
	border: 0;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin:0 0 1.3em 0;
}
h1,h2,h3,h4,h5,h6 { 
	margin: 0 0 0.70em 0;
	line-height: 1.25;
}
h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 185%;
	text-transform: uppercase;
}
h3 {
	letter-spacing: 0.03em;
}
h4 {
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: 0.05em;
	margin: 1.5em 0 1em;
}
h4.subtitle {
	margin-top: 0;
}
h5 {
	font-size: 80%;
}
p + h4 {
	margin-top: 4em;
}
h3.title a {
	text-decoration: underline;
}
h3.title a:hover {
	text-decoration: none;
}
h3 + ul { margin-top: 0; }

/* Posts title hovers */
#blog .hentry:hover .underline-title a,
#bottom .hentry:hover .title a,
#bottom .hentry .title a:hover {
	color: rgba(0,0,0,0.75);
}

.underline-title {
	margin: 0 0 1.55em 0;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.underline-title:after {
	content: ' ';
	display: block;
	margin: 0.7em auto 1em;
	width: 110px;
	height: 15px;
	background: #000;	
}
.underline-title > small {
	display: block;
}
.underline-title > img {
	display: block;
	margin: 0.7em 0;
}
th, td {
	border: 0;
}

h4 + ol,
h4 + ul {
	margin: 0;
}
.wrap ol, 
.wrap ul {
	display: inline-block;
	text-align: left;
}

input[type="submit"],
input[type="button"],
button,
.button {
	position: relative;
	display: inline-block;
	padding: 20px 30px;
	margin: 0;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background: #fff ;
	background-clip: padding-box;
	color: #000;
	text-decoration: none;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #000;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-weight: 500;
	-o-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-webkit-transition: background .1s linear;
	transition: background .1s linear;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .05em;
}

input[type="submit"]:hover,
button:hover,
.button:hover {
	background: #000;
	color: #fff;
}

button.unstyled,
.button.unstyled {
	padding: 3px 5px;
	background: none;
	color: #363636;
	font-size: 100%;
	font-family: arial,sans-serif;
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background-image:    -moz-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background-image: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background-image:      -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background-image:     -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
	background-image:         linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
button.unstyled:hover {
	background: #eeeeee;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	line-height: 1;
	margin: 0;
	padding: 8px;
	font-size: 1em;
	border: 0;
	background: #e5e5e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

textarea {
	width: 100%;
}
[type="submit"],
[type="reset"],
textarea:focus, 
input:focus {
	outline: 0;
}
textarea:focus, 
input:focus {
	background: #f1f1f1;
}
.expandable {
	cursor: pointer;
	position: relative;
}
.expandable:hover {
    text-decoration: underline;
}
.expandable > .i {
	position: absolute;
	width: 20px;
	height: 20px;
	margin: 0px 0 0 10px;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.expandable.opened > .i {
	
	
}
.expand-content {
	display: none;
	margin: 0 0 20px 0;
}
.expandable:after {
    content: " \002B";
}
.expandable.opened:after {
    content: " \002D";
}

#wrap {
	position: relative;
	overflow: hidden;
}
.overlay-active.too-short #wrap {
	overflow: visible;
}
.wrap {
	position: relative;
	width: 940px;
	margin: 0 auto;
}
@media screen and (max-width:960px) {
.wrap {
	width: auto;
	max-width: 940px;
	margin: 0 auto;
}

}
/* @group Grid Layout */


.row {
	position: relative;
	margin-bottom: 20px;
	zoom: 1;
}
.row.group {
	margin-bottom: 0;
}
.row:before, .row:after {
	display: table;
	line-height: 0;
	content: "";
}
.row:after {
	content: ' ';
	display: block;
	clear: both;
}

[class*="span"] {
	float: left;
}

.row { margin-left: -3.529411764%; }
[class*="span"] { margin-left: 3.409090909%; }

.span1 { width: 4.924242424%; }
.span2 { width: 13.257575757%; }
.span3 { width: 21.5909090909%; }
.span4 { width: 29.9242424242%; }
.span5 { width: 38.2575757576%; }
.span6 { width: 46.5909090909%; }
.span7 { width: 54.9242424242%; }
.span8 { width: 63.2575757576%; }
.span9 { width: 71.5909090909%; }
.span10 { width: 79.9242424242%; }
.span11 { width: 88.2575757576%; }
.span12 { width: 96.5908080808%; }

.span9 > .row > .span3 { width: 29.8%; }

.offset1 { margin-left: 11.7424242424%; }
.offset2 { margin-left: 20.0757575758%; }
.offset3 { margin-left: 28.4090909091%; }
.offset4 { margin-left: 36.7424242424%; }
.offset5 { margin-left: 45.0757575758%; }
.offset6 { margin-left: 53.4090909091%; }
.offset7 { margin-left: 61.7424242424%; }
.offset8 { margin-left: 70.0757575758%; }
.offset9 { margin-left: 78.4090909091%; }
.offset10 { margin-left: 86.7424242424%; }
.offset11 { margin-left: 95.0757575758%; }


.wide .row10,
.wide2 .row10,
.row10 { margin-left: -4%; }
.wide .row10 [class*="span"],
.wide2 .row10 [class*="span"],
.row10 [class*="span"] { margin-left: 4%; }

.row10 .span1 { width: 6%; }
.row10 .span2 { width: 16%; }
.row10 .span3 { width: 26%; }
.row10 .span4 { width: 36%; }
.row10 .span5 { width: 46%; }
.row10 .span6 { width: 56%; }
.row10 .span7 { width: 66%; }
.row10 .span8 { width: 76%; }
.row10 .span9 { width: 86%; }

.row10 .offset1 { margin-left: 14%; }
.row10 .offset2 { margin-left: 24%; }
.row10 .offset3 { margin-left: 34%; }
.row10 .offset4 { margin-left: 44%; }
.row10 .offset5 { margin-left: 54%; }
.row10 .offset6 { margin-left: 64%; }
.row10 .offset7 { margin-left: 74%; }
.row10 .offset8 { margin-left: 84%; }
.row10 .offset9 { margin-left: 94%; }

.show-grid {
	margin-top: 10px;
	margin-bottom: 20px;
}
.show-grid [class*="span"] {
	background-color: #578ec8;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 40px;
	line-height: 40px;
	color: #fff;
}

@media screen and (max-width:600px) {
.row {
	width: auto !important;
	xmargin: 0 15px !important;
	margin-left: auto !important;
}

[class*="span"] {
	float: none !important;
	margin: 0 0 15px 0 !important;
	width: auto !important;
}	
}

/* @end */

#mask {
	display: block;
	position: fixed;
	z-index: 90;
	-webkit-transform:translateZ(90px);
	-moz-transform:translateZ(90px);
	-o-transform:translateZ(90px);
	transform:translateZ(90px);
	
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0);
	-o-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-webkit-transition: background .1s linear;
	transition: background .1s linear;
	
}
.mask-active #mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	z-index: 10;
	-webkit-transform:translateZ(10px);
	-moz-transform:translateZ(10px);
	-o-transform:translateZ(10px);
	transform:translateZ(10px);
}
.admin-bar #header {
	margin-top: 32px;
}
#header > .wrap {
	height: 135px;
	font-weight: 700;
}
#header .logo {
	position: relative;
	padding: 30px 0 0;
	text-align: center;
}
#header .logo a {
	display: block;
	height: 68px;
	width: 142px;
	margin: 0 auto;
	background: url(images/logo.svg) no-repeat center bottom;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
/*	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;*/
}
/*#header .logo a:hover {
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}*/
#header .logo img {
	display: none;
}
.no-svg #header .logo a {
	background: none;
}
.no-svg #header .logo img {
	display: block;
}
@media screen and (max-width:500px) {
	.no-svg #header .logo img {
		height: 50px;
		width: auto;
	}
}
#header .toggle {
	position: absolute;
	top: 50%;
	margin: -50px 0 0 0;
	height: 100px;
	padding: 30px 0px 0 0px;
	width: 150px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 20px;
	text-align: center;
}
#header .toggle:hover {
	text-decoration: underline;
}
#header #nav-toggle {
	left: -40px;
	border-right: 1px solid #000;
	letter-spacing: 0.03em;
}
#header #quote-toggle {
	right: -40px;
	border-left: 1px solid #000;
	letter-spacing: 0.03em;
}
@media screen and (max-width:960px) {
#header > .wrap {
	margin: 0 20px;
}
}
@media screen and (max-width:700px), screen and (max-height:768px) {
#header > .wrap {
	height: 70px;
	margin: 0 auto;
}
#header .logo {
	padding-top: 10px;
}
#header .logo a {
	height: 50px;
}
#header #nav-toggle {
	top: 10px;
	left: 0;
	width: 70px;
	height: 50px;
	margin: 0;
	text-align: left;
	text-indent: -10000px;
}
#header #nav-toggle:before {
	position: absolute;
	content: ' ';
	display: block;
	height: 4px;
	width: 26px;
	left: 20px;
	top: 26px;
	background: #000;
}
#header #nav-toggle:after {
	position: absolute;
	content: ' ';
	display: block;
	height: 12px;
	width: 26px;
	left: 20px;
	top: 18px;
	border:4px solid #000;
	border-width: 4px 0;
}
#header #nav-toggle br {
	display: none;
}
#header #quote-toggle {
	width: 70px;
	height: 50px;
	margin: 0;
	right: 0;
	top: 10px;
	text-indent: -10000px;
	display: block;
	background: url(images/q.svg) no-repeat center;
	-webkit-background-size: 24px auto;
	-moz-background-size: 24px auto;
	background-size: 24px auto;
}
.no-svg #header #quote-toggle {
	background-image: url(images/q.png);
}
#header #quote-toggle br {
	display: none;
}



}

#nav {
	position: fixed;
	z-index: 100;
	-webkit-transform:translateZ(100px);
	-moz-transform:translateZ(100px);
	-o-transform:translateZ(100px);
	transform:translateZ(100px);
	
	top: 0;
	left: -450px;
	width: 345px;
	height: 100%;
	overflow: scroll;
	-o-transition: left .2s ease-in;
	-moz-transition: left .2s ease-in;
	-webkit-transition: left .2s ease-in;
	transition: left .2s ease-in;
	-webkit-overflow-scrolling: touch;
}

.nav-active #nav {
	left: 0;
}
#nav-close {
	position: fixed;
	z-index: 110;
	-webkit-transform:translateZ(110px);
	-moz-transform:translateZ(110px);
	-o-transform:translateZ(110px);
	transform:translateZ(110px);
	
	top: 10px;
	left: 0;
	margin-left: -110px;
	background: #282828;
	height: 100px;
	width: 100px;
	cursor: pointer;
	-o-transition: margin-left .2s ease-in, background .1s linear;
	-moz-transition: margin-left .2s ease-in, background .1s linear;
	-webkit-transition: margin-left .2s ease-in, background .1s linear;
	transition: margin-left .2s ease-in, background .1s linear;
}
#nav-close:hover {
	background-color: #000;
}
#nav-close:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	content: ' ';
	display: block;
	width: 50px;
	height: 50px;
	background: url(images/icon-x.svg) center no-repeat;
}
.no-svg #nav-close:after {
	background-image: url(images/icon-x.png);
}
.nav-active #nav-close {
	margin-left: 350px;
}
#nav ul,
#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav > ul {
	display: block;
	width: 100%;
	max-width: 330px;
}
#nav > ul > li {
	display: block;
	background: #282828 no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#nav > ul > li > a {
	display: block;
	padding: 3em 0;
	padding: -webkit-calc(100px - 0.5em) 0;
	padding: -moz-calc(100px - 0.5em) 0;
	padding: calc(100px - 0.5em) 0;
	text-align: center;
	text-transform: uppercase;
	color: white;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1;
	vertical-align: middle;
	background-color: rgba(0,0,0,0);
	-o-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-webkit-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
	text-shadow: 0 0 10px rgba(50,50,50,.8);
	text-decoration: none;
}
#nav > ul > li > a > span {
	position: relative;
}
#nav > ul > li > a > span:after {
	position: absolute;
	content: ' ';
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	background: white;
}
#nav > ul > li > a:hover {
	background-color: rgba(0,0,0,0.4);
}

#nav > ul > li.taste { background-image: url(images/nav-taste.jpg); }
#nav > ul > li.events { background-image: url(images/nav-event.jpg); }
#nav > ul > li.weddings { background-image: url(images/nav-weddings.jpg); }
#nav > ul > li.gallery { background-image: url(images/nav-gallery.jpg); }
#nav > ul > li.blog { background-image: url(images/nav-blog.jpg); }
#nav > ul > li.company { background-image: url(images/nav-company.jpg); }
#nav > ul > li.prepped { background-image: url(images/nav-prepped.jpg); }
#nav > ul > li.venues { background-image: url(images/nav-venues.jpg); }
#nav > ul > li.home,
#nav > ul > li.back-to-home { background-image: url(images/nav-home.jpg); }
#nav > ul > li.back-to-home > a {
	padding: 2em 0;
	padding: -webkit-calc(77px - 0.5em) 0 -webkit-calc(57px - 0.5em) 0;
	padding: -moz-calc(77px - 0.5em) 0 -moz-calc(57px - 0.5em) 0;
	padding: calc(77px - 0.5em) 0 calc(57px - 0.5em) 0;
}
#nav > ul > li.home > a:after,
#nav > ul > li.back-to-home > a:after {
	display: block;
	content: ' ';
	width: 60px;
	height: 55px;
	background: url(images/icon-left-arrow.svg) no-repeat left center;
	margin: 10px auto 0 auto;
}
.no-svg #nav > ul > li.home > a:after,
.no-svg #nav > ul > li.back-to-home > a:after {
	background-image: url(images/icon-left-arrow.png);
}

@media screen and (max-width:450px) {
#nav {
	width: 70%;
	width: calc(100% - 120px);
}
#nav-close {
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
	width: 60px;
	height: 60px;
}
#nav-close:after {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
}
.nav-active #nav-close {
	margin-left: 70%;
	margin-left: -webkit-calc(100% - 110px);
	margin-left: -moz-calc(100% - 110px);
	margin-left: calc(100% - 110px);
	left: auto;
}
#nav > ul > li > a,
#nav > ul > li.back-to-home > a {
	font-size: 1em;
	padding: calc(60px - 0.5em) 0;
}
#nav > ul > li.back-to-home > a {
	padding: calc(40px - 0.5em) 0;
}
#nav > ul > li.back-to-home > a:after {
	height: 30px;
	width: 30px;
	background-size: 60px 55px;
}
.textarea-wrap textarea {
	height: 100px !important;
}
}

#quote {
	position: fixed;
	z-index: 100;
	-webkit-transform:translateZ(100px);
	-moz-transform:translateZ(100px);
	-o-transform:translateZ(100px);
	transform:translateZ(100px);
	
	top: 0;
	right: -650px;
	width: 520px;
	height: 100%;
	line-height: 1.35;
	overflow: scroll;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 30px 0 20px;
	background: white;
	-o-transition: right .2s ease-in;
	-moz-transition: right .2s ease-in;
	-webkit-transition: right .2s ease-in;
	transition: right .2s ease-in;
	-webkit-overflow-scrolling: touch;
	text-align: left;
}
.quote-active #quote{
	right: 0;
}
#quote-close {
	position: fixed;
	z-index: 110;
	-webkit-transform:translateZ(110px);
	-moz-transform:translateZ(110px);
	-o-transform:translateZ(110px);
	transform:translateZ(110px);
	top: 10px;
	right: -130px;
	background: #282828;
	height: 100px;
	width: 100px;
	cursor: pointer;
	-o-transition: right .2s ease-in, background .1s linear;
	-moz-transition: right .2s ease-in, background .1s linear;
	-webkit-transition: right .2s ease-in, background .1s linear;
	transition: right .2s ease-in, background .1s linear;
}
#quote-close:hover {
	background-color: #000;
}
.quote-active #quote-close {
	right: 530px;
}
#quote-close:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	content: ' ';
	display: block;
	width: 50px;
	height: 50px;
	background: url(images/icon-x.svg) center no-repeat;
}
.no-svg #quote-close:after {
	background-image: url(images/icon-x.png);
}
#quote form {
	padding: 120px 0 50px 0;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#quote form label {
	font-size: 80%;
}
.label-above label {
	margin-bottom: 3px;
}
#quote h3 {
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 1.65em;
}
#quote form .ninja-forms-required-items {
	font-size: 80%;
	position: absolute;
	right: 0;
}
#quote form .ninja-forms-req-symbol {
	color: #000;
}
.ninja-forms-field-error {
	font-size: 80%;
	color: #ff0000;
	text-transform: initial; 
}
#ninja_forms_form_1_response_msg {
	display: none;
}
#ninja_forms_form_1_response_msg {
  position: absolute;
  top: 50vh;
}
#quote form .field-wrap {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	clear: both;
}
#quote form .field-wrap.half,
#quote form .field-wrap.half-wrap {
	width: 49%;
}
#quote form .field-wrap.alignright-wrap {
	float: right;
	clear: right;
}
#quote form .field-wrap.alignleft-wrap {
	float: left;
	clear: left;
}
#quote form .field-wrap label {
	font-weight: normal;
}
#quote form .field-wrap input[type="text"],
#quote form .field-wrap input[type="email"],
#quote form .field-wrap input[type="number"],
#quote form .field-wrap textarea {
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#quote .submit-wrap input {
	font-size: 1em;
	font-weight: 700;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
@media screen and (max-width:640px) {
#quote {
	width: 70%;
	width: calc(100% - 80px);
}
#quote-close {
	xright: auto;
	left: auto;
	width: 60px;
	height: 60px;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
#quote-close:after {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
}
.quote-active #quote-close {
	left: 10px;
	right: auto;
}

}
@media screen and (max-width:500px) {
#quote form {
	padding: 50px 0 10px 0;
}
#quote form .ninja-forms-required-items {
	position: static;
}
#quote form .field-wrap input[type="text"],
#quote form .field-wrap input[type="email"],
#quote form .field-wrap input[type="number"],
#quote form .field-wrap textarea {
	font-size: 16px;
}
#quote form .field-wrap.alignleft-wrap,
#quote form .field-wrap.alignright-wrap {
	width: 100%;
}
#ui-datepicker-div {
	display: none !important;
}
}

#main {
	padding: 135px 0 75px 0;
}

.hentry {
	position: relative;
}


.hentry .thumb {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}
.hentry .thumb img {
	display: block;
}
.hentry .thumb:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}

.hentry:hover .thumb:after {
	background-color: rgba(0,0,0,0.1);
}


.hentry.excerpt.post {
	padding: 0 0 2em 0;
	margin: 0 auto 20px auto;
	max-width: 500px;
}
.hentry.excerpt.post .content p:last-child{
	margin-bottom: 0;
}
.hentry.excerpt.post .content .more {
	display: block;
	max-width: 8em;
	margin: 0.7em auto 0.5em auto;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 80%;
}
.hentry.excerpt.post .thumb {
	margin-bottom: 10px;
}
.hentry.excerpt.post .title {
	margin-bottom: 20px;
	font-size: 28px;
	text-decoration: none;
}

.hentry.excerpt.post .meta {
	margin: 1.5em auto 30px auto;
	font-size: 10px;
	text-transform: uppercase;
}
.hentry.excerpt.post .share {
	display: inline-block;
	font-size: 20px;
}
.hentry.excerpt.post .share .toggle {
	display: none;
}
.hentry.excerpt.post .share a {
	text-decoration: none;
	margin: 0 0.2em;
}
.hentry.excerpt.post .share:after {
	content: ' ';
	display: block;
	margin: 1em auto 0;
	height: 20px;
	background: #000;
}
@media screen and (max-width:500px) {
.hentry .thumb:after {
	display: none;
}
.hentry.excerpt.post .share:after {
	margin: .7em auto 0;
	height: 15px;
}
}


@media screen and (max-width:700px),screen and (max-height:800px) {
#main {
	padding-top: 70px;
	padding-bottom: 0;
}
}
#banner {
	position: fixed;
	
	display: table;
	width: 100%;
	margin: 0 0 0px 0;
	background: #000 no-repeat center;
	background-size: cover;
	text-align: center;
}
#banner > .wrap {
	display: table-row;
	height: 550px;
}
#banner > .wrap > h1 {
	display: table-cell;
	vertical-align: middle;
	color: white;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
	font-size: 60px;
	letter-spacing: 0.03em;
}
#banner > .wrap > h1 a {
	color: white;
}
#banner.blog {
	position: relative;
	background-image: url(images/section-blog-banner.jpg);
	background-size: cover;
	background-position: center top;
}
#banner.blog > .wrap {
	height: auto;
}
#banner.blog > .wrap > h1 {
	padding: 65px 0;
	font-size: 40px;
}
@media screen and (max-width:785px) {
	#banner > .wrap {
		height: 432px;
	}	
}
@media screen and (max-width:700px) {
#banner > .wrap {
	height: 225px;
}
#banner > .wrap > h1 {
	font-size: 32px;
}
}


.top-featured {
	position: relative;
}
.top-featured > .wp-post-image{
	display: block;
	margin: 0 auto 50px auto;
	zoom: 1;
}
.top-featured.underline-title {
	margin-bottom: 50px;
}
.top-featured.underline-title > .wp-post-image {
	margin-bottom: 0;
}
.top-featured.underline-title:after {
	margin-top: 30px;
}

.section-nav {
	display: block;
	position: absolute;
	top: 240px;
	margin: 0px 0 0 0;
	background: center no-repeat;
	background-size: contain;
	width: 80px;
	height: 80px;
}

.section-nav.prev {
	left: 50%;
	margin-left: -470px;
	background-image: url(images/icon-left.svg);
}
.no-svg .section-nav.prev {
	background-image: url(images/icon-left.png);
	background-position: left center;
}
.section-nav.next {
	right: 50%;
	margin-right: -470px;
	background-image: url(images/icon-right.svg);
}
.no-svg .section-nav.next {
	background-image: url(images/icon-right.png);
	background-position: right center;
}

.fixed-filter .section-nav {
	position: fixed;
	top: 535px;
}

@media screen and (max-width:970px) {
.section-nav.prev {
	margin-left: 0;
	left: 10px;
}
.section-nav.next {
	margin-right: 0;
	right: 10px;
}

}
@media screen and (max-width:700px) {
.section-nav {
	top: 100px;
	width: 40px;
	height: 40px;
	background-size: 80px 80px;
}
.section-nav.next {
	background-position: -40px center;
}
.section-nav.prev {
	background-position: 0px center;
}
.fixed-filter .section-nav {
	top: 280px;
}
}


#filter {
	position: relative;
	padding: 1.5em 0 3.4em;
	margin: 0 0 0px 0;
	background: white;
}
#filter:before {
	position: relative;
	width: 100%;
	top: -1.5em;
	content: ' ';
	display: block;
	height: 35px;
	background: url(images/section-banner.png) center;
	background-size: cover;
}
#filter strong {
	text-transform: uppercase;
	display: block;
	margin: 0 0 0.5em 0;
	text-decoration: underline;
	letter-spacing: 0.03em;
}
#filter > .wrap > .label {
	display: inline-block;
	width: 29%;
	vertical-align: text-top;
}
#filter > .wrap.archive > .label > strong:after {
	content: ':';
}
#filter > .wrap > .taxonomy {
	display: inline-block;
	vertical-align: text-top;
	width: 16.5%;
}
#filter > .wrap > .taxonomy:after {
	content: ' ';
	display: block;
	clear: both;
}
#filter > .wrap > .taxonomy.wide {
	width: 33%;
}
#filter > .wrap > .action {
	display: inline-block;
	width: 15%;
	vertical-align: text-top;
	float: right;
}
#filter > .wrap > .action button {
	display: inline-block;
	margin: 0 0 10px;
}
#filter > .wrap > .action button {
	width: 100%;
	font-weight: 700;
	font-size: 1em;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#filter > .wrap > .action button[type="reset"] {
	display: none;
	width: 100%;
	margin-bottom: 0;
}

#filter.active > .wrap > .action button[type="reset"] {
	display: inline-block;
	font-weight: 700;
	font-family: "brandon-grotesque", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
}
#filter .taxonomy > label {
	position: relative;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 80%;
	font-weight: 500;
	line-height: 2em;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#filter .taxonomy > label.checkbox {
	padding-left: 20px;
}
#filter .taxonomy > label.checkbox:after{
	position: absolute;
	top: 0.45em;
	left: 1px;
	display: block;
	content: ' ';
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	-o-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-webkit-transition: background .1s linear;
	transition: background .1s linear;
}
#filter .taxonomy > label.checkbox:hover:after {
	background-color: rgba(0,0,0,0.4);
}
#filter .taxonomy > label.checkbox.checked:after{
	background-color: #000;
}
#filter .taxonomy > label.checkbox input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}
#filter > .wrap > .taxonomy.wide label {
	display: block;
	float: left;
	width: 50%;
}


#filter.venues > .wrap > .label {
	width: 15%;
}
#filter.venues > .wrap > .taxonomy.wide {
	position: relative;
}
#filter.venues > .wrap > .taxonomy.wide label[for="t455"] {
	position: absolute;
	width: 150px;
	right: -180px;
}
@media screen and (max-width:960px) {
	#filter > .wrap.archive {
		margin: 0 1em;
	}
	#filter.venues > .wrap > .taxonomy.wide label[for="t455"] {
		right: -160px;
	}
}
@media screen and (max-width:700px) {
#filter > .wrap.archive {
}
#filter > .wrap.archive > .label,
#filter > .wrap.archive > .taxonomy {
	margin: 0 -10px;
	padding: 0 10px;
	display: block;
	width: auto;
}
#filter > .wrap.archive > .label {
	padding: 0.5em 0;
	text-align: center;
}
#filter > .wrap.archive > .label > strong {
	display: inline-block;
	padding: 0.5em 2.5em 0.5em 1.5em;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #000;
	background: #fff;
	text-decoration: none;
	cursor: pointer;
}
#filter > .wrap.archive > .label > strong:after {
  font-family: "design-cuisine" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'e';
  position: absolute;
  margin-top: 0.1em;
  margin-left: 0.3em;
}

#filter > .wrap.archive > .taxonomy strong {
	font-size: 120%;
	padding: 0.8em 10px;
	margin: 0 -10px;
	line-height: normal;
	border-bottom: 1px solid #bbb;
}
#filter > .wrap.archive > .taxonomy label {
	border-bottom: 1px solid #bbb;
	display: block;
	float: none;
	margin: 0 -10px;
	padding: 0.4em 10px;
	width: auto;
}

#filter > .wrap.archive > .taxonomy label.checkbox:after {
	display: none;
}
#filter > .wrap.archive > .taxonomy label.checkbox.checked {
	background: #000;
	color: white;
}
#filter > .wrap.archive > .action {
	display: block;
	width: auto;
	padding: 1.8em 0 0.8em;
	text-align: center;
}
#filter > .wrap.archive > .action button{
	display: block;
	width: 80%;
	margin: 0 auto 0;
}
#filter > .wrap.archive > .action button + button {
	margin-top: 1em;
}
#filter > .wrap.archive > .taxonomy,
#filter > .wrap.archive > .action {
	display: none;
}
#filter.on > .wrap.archive > .taxonomy,
#filter.on > .wrap.archive > .action {
	display: block;
	padding: 10px 20px;
	float: none;
}
#filter.on > .wrap.archive > .label > strong:after {
	content: 'h';
}
#filter.on > .wrap.archive > .label {
	border-bottom: 1px solid #bbb;
}
#filter.on {
	max-height: 100%;
	overflow: scroll;
	
}
#filter.on > .wrap {
	padding-bottom: 100px;
}

#filter.venues > .wrap > .taxonomy.wide label[for="t455"] {
	position: relative;
	width: auto;
	right: auto;
}
}



#filter > .slides {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	max-width: 940px;
	font-size: 50px;
}
#filter > .slides ul,
#filter > .slides ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#filter > .slides > ul {
	width: 100%;
	vertical-align: middle;
}
#filter > .slides > ul > li {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #000;
}
#filter > .slides > ul > li > a {
	display: inline-block;
	padding: 20px 0.8em;
	line-height: 1;
	text-decoration: none;
}
#filter > .slides > ul > li.about {
	border-left: 0;
}
#filter > .slides > ul > li.about > a {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.35;
}
#filter > .slides > ul > li.about > a.selected,
#filter > .slides > ul > li.about > a:hover {
	text-decoration: underline;
}
#filter > .slides > ul > li.slide > a span {
	position: relative;
	display: inline-block;
}
#filter > .slides > ul > li.slide > a span:after {
	content: ' ';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 1px;
}
#filter > .slides > ul > li.slide.selected > a span:after,
#filter > .slides > ul > li.slide > a:hover span:after
{
	background: #000;
}

#filter .slides ul li.slide a {
	display: inline-block;
	min-width: 45px;
	text-align: center;
	font-family: "design-cuisine", sans-serif;
	font-weight: normal;
	font-size: 40px;
	line-height: 1;
}

#filter > .pages {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	max-width: 940px;
	text-transform: uppercase;
}
#filter > .pages ul,
#filter > .pages ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#filter > .pages > ul {
	width: 100%;
	vertical-align: middle;
	font-weight: 700;
	line-height: 1.35;
}
#filter > .pages > ul > li {
	display: table;
	/*width: 100%;*/
	width: auto;
	margin: 0 auto;
	vertical-align: middle;
}
#filter > .pages > ul > li > a {
	display: none;
}
#filter > .pages > ul > li > ul {
	display: table-row;
}
#filter > .pages > ul > li > ul > li {
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #000;
	height: 90px;
	max-width: 150px;
}
#filter > .pages > ul > li > ul > li > a {
	display: inline-block;
	height: 2.4em;
	line-height: 1.2;
	padding: 5px 0.8em 5px;
	text-decoration: none;
	letter-spacing: 0.03em;
}
#filter > .pages > ul > li > ul > li > a:before {
	display: none;
}
#filter > .pages > ul > li > ul > li:first-child {
	border-left: 0;
}
#filter > .pages > ul > li > ul > li.current_page_item > a,
#filter > .pages > ul > li > ul > li.current_page_ancestor > a,
#filter > .pages > ul > li > ul > li > a:hover {
	text-decoration: underline;
}

.fixed-filter #filter {
	position: fixed;
	top: 135px;
	width: 100%;
	left: 0;
	z-index: 10;
	background: white;
}
.admin-bar.fixed-filter #filter {
	margin-top: 32px;
}

#filter + #content {
	padding-top: 70px;
}

.type-venue .content {
	font-size: 80%;
}

#filter.blank {
	padding-bottom: 0;
	padding-top: 0;
	border-bottom: 0;
	background: none;
}
#filter.blank:before {
	top: 0;
}

@media screen and (max-width:785px) {
#filter > .slides {
	font-size: 40px;
}
#filter .slides ul li.slide a {
	font-size: 25px;
	min-width: 25px;
}
#filter > .slides > ul > li > a {
padding: 20px 0.6em;
}
}


@media screen and (max-width:700px), screen and (max-height:800px) {
.fixed-filter #filter {
	top: 70px;
}	

}
@media screen and (max-width:640px) {
#filter > .slides {
	font-size: 30px;
}
}
@media screen and (max-width:500px) {
#filter > .slides {
	font-size: 15px;
}
#filter > .slides > ul > li {
	border-left: 0;
	padding: 0 0.35em;
	line-height: 1;
}
#filter > .slides > ul > li.slide > a {
	padding: 0px .1em;
}
#filter > .slides > ul > li.about {
}
#filter > .slides > ul > li.about > a {
	font-size: 11px;
	padding: 0 1em;
}

#filter + #content {
	padding-top: 20px;
}


}
@media screen and (max-width:900px) {
#filter > .pages {
	font-size: 14px;
}
}
@media screen and (max-width:800px) {
#filter > .pages {
	font-size: 13px;
}
#filter > .pages > ul > li > ul > li > a {
	padding: 0 0.5em;
}
}
@media screen and (max-width:640px) {

#filter > .pages > ul > li,
#filter > .pages > ul > li > ul {
	display: block;
}
#filter > .pages > ul > li > ul > li {
	display: inline;
	height: auto;
	border: 0;
}
#filter > .pages > ul > li > ul > li > a{
	font-size: 25px;
	height: auto;
}
#filter > .pages > ul > li > ul > li > a:before {
	display: block;
	content: ' ';
	margin: 0 auto;
	background: #bbb;
	width: 10px;
	height: 10px;
	overflow: hidden;
	padding: 0;
	border-radius: 50%;
}
#filter > .pages > ul > li > ul > li.current-menu-item > a:before,
#filter > .pages > ul > li > ul > li > a:hover:before {
	background-color: #000;
}

#filter > .pages > ul > li > ul > li > a span {
	display: none;
}

}

@media screen and (max-height:700px) {
.fixed-filter #filter {
	position: relative;
	top: auto;
	z-index: 1;
}
.fixed-filter #content {
	top: 0 !important;
}
}

#posts-loader {
	position: relative;
	min-height: 500px;
}
#posts-loader > .image.placeholder {
	width: 100%;
	height: 0px;
	margin-bottom: 0;
}

#more-loader .no-more {
	display: none;
	padding: 2em 0;
	color: #aaa;
	text-transform: uppercase;
}
#more-loader.done .no-more {
	display: block;
}
#more-loader.done .button {
	display: none;
}

#more-loader .button:after {
	position: absolute;
	top: 50%;
	margin-top: -14px;
	right: -50px;
	display: block;
	content: ' ';
	height: 27px;
	width: 27px;
	background: url(images/loading.gif) no-repeat -1000px -1000px;
	vertical-align: middle;
}
#more-loader.loading .button:after {
	background-position: center;
}



/*
#posts-loader.gallery > .image {
	display: inline-block;
	margin: 0 0 1em 0;
	cursor: pointer;
	overflow: hidden;
}
*/
#posts-loader.gallery > .hentry {
	position: relative;
	margin: 0 0 20px;
	cursor: pointer;
	width: 30%;
	width: -webkit-calc((100% - 40px) / 3);
	width: -moz-calc((100% - 40px) / 3);
	width: calc((100% - 40px) / 3);
}
@media screen and (max-width:600px) {
#posts-loader.gallery > .hentry {
	width: 45%;
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
}
	
}
#posts-loader.gallery > .hentry > a {
	display: block;
}
#posts-loader.gallery > .hentry > a:after {
	position: absolute;
	content: ' ';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-o-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-webkit-transition: background .1s linear;
	transition: background .1s linear;
}
#posts-loader.gallery > .hentry:hover > a:after {
	background-color: rgba(0,0,0,0.15);
}
#posts-loader.gallery > .hentry > a img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
#posts-loader.gallery > .hentry > a .no-image {
	display: block;
	background: rgba(100,100,100,0.1);
	height: 300px;
	width: 100%;
}
#posts-loader.gallery.resizing > .hentry {
	overflow: hidden;
}


#posts-loader.venue {
	position: relative;
}
#posts-loader.venue > .hentry {
	width: 30%;
	width: -webkit-calc((100% - 40px) / 3);
	width: -moz-calc((100% - 40px) / 3);
	width: calc((100% - 40px) / 3);
	
	margin: 0 0 40px 0;
	text-transform: uppercase;
	text-align: center;
	padding: 0 5%;
	box-sizing: border-box;
}

@media screen and (max-width:600px) {
#posts-loader.venue > .hentry {
	width: 45%;
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
}
	
}


#posts-loader.venue > .hentry .title {
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 93.33333333%;
}
#posts-loader.venue > .hentry .meta {
	overflow: hidden;
	text-overflow: ellipsis;
}
#posts-loader.venue > .hentry .meta a {
	text-decoration: none;
}
#posts-loader.venue > .hentry .meta a:hover {
	text-decoration: underline;
}
#posts-loader.venue > .hentry .icon-camera {
	cursor: pointer;
	position: relative;
	top: 2px;
}
#posts-loader.venue > .hentry .preview {
	position: absolute;
	display: none;
	z-index: 1;
	padding: 0.5em;
	left: 0;
	width: 100%;
	background: #fff;
}
#posts-loader.venue > .hentry.preview-on .preview {
	display: block;
}
#posts-loader.venue > .hentry .preview .wp-post-image {
	display: block;
	margin: 0 auto;
}
.single-gallery #content {
	padding-top: 100px;
	background: #e7e7e7;
}
.single-gallery #content > .wrap {
	max-width: 500px;
	background: white;
	padding: 20px 100px 40px 100px;
	margin: 0 auto;
}
.back-to-gallery {
	position: relative;
	display: block;
	margin-left: -80px;
	width: 80px;
	height: 80px;
	background: #282828;
	-o-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-webkit-transition: background .1s linear;
	transition: background .1s linear;
}
.back-to-gallery:hover {
	background-color: #000;
}
.back-to-gallery:after {
	position: absolute;
	top: 20px;
	left: 30px;
	content: ' ';
	display: block;
	width: 20px;
	height: 40px;
	background: url(images/icon-left-white.svg) no-repeat left center;
	background-size: 20px 40px;
}
.no-svg .back-to-gallery:after {
	background-image: url(images/icon-left-white.png);
}
@media screen and (max-width:700px) {
.single-gallery #content > .wrap {
	max-width: none;
	width: auto;
	margin: 0 5px;
	padding: 10px 10px 40px 10px;
}
.back-to-gallery {
	width: 40px;
	height: 40px;
	margin-left: 0;
	margin-bottom: 10px;
}
.back-to-gallery:after {
	top: 10px;
	left: 15px;
	width: 10px;
	height: 20px;
}
}

#gallery-images {
	position: relative;
	max-width: 500px;
	margin: 0 auto;
}
#gallery-images .window {
	position: relative;
	height: 500px;
	overflow: scroll;
}
#gallery-images .window .scroller {
	white-space: nowrap;
}
#gallery-images .window .scroller .slide {
	display: inline-block;
	width: 500px;
	overflow: hidden;
	margin-right: 20px;
	vertical-align: middle;
}
#gallery-images .window .scroller .slide:last-of-type {
	margin-right: 0;
}
#gallery-images .window .scroller .slide img {
	display: block;
	width: 100%;
	height: 500px;
	-webkit-object-fit:contain;
	-moz-object-fit:contain;
	object-fit:contain;
	overflow: hidden;
	margin: 0 auto;
}

.gallery-bottom {
	position: relative;
	margin: 1em 0 0 0;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 1.35;
}
.gallery-bottom:after {
	content: ' ';
	display: block;
	clear: both;
}
.gallery-bottom .meta {
	display: block;
	float: left;
	margin-right: 130px;
}
.gallery-bottom .share {
	position: relative;
	float: right;
	display: block;
	margin-left: -120px;
	text-align: center;
	min-width: 115px;
}
.gallery-bottom .share .toggle {
	font-weight: bold;
	cursor: pointer;
}
.gallery-bottom .share .toggle:before {
	position: relative;
	left: 0;
	top: 2px;
	margin-right: 5px;
	font-size: 16px;
}
.gallery-bottom .share .icons {
	display: none;
	position: relative;
	margin: 5px 0 0 0;
	width: 100%;
	background: #000;
}
.gallery-bottom .share.on .icons {
	display: block;
}
.gallery-bottom .share .icons a {
	display: inline-block;
	margin: 0 5px;
	text-decoration: none;
	font-size: 120%;
	display: inline-block;
	color: white;
}

.gallery-bottom .share .icons a:hover {
	color: rgba(255,255,255,0.8);
}
.gallery-bottom .share .icons a:before {
	line-height: 32px;
}
.gallery-bottom .share .toggle:hover,
.icons a:hover {
	color: rgba(0,0,0,0.4);
}
@media screen and (max-width:700px) {
.gallery-bottom .meta {
	float: none;
	margin-right: 0;
}
.gallery-bottom .share {
	float: none;
	clear: both;
	margin-left: 0;
	margin-top: 1em;
	text-align: ;
}
}

.meta .info {
	margin: .25em 0;
}

#content {
	position: relative;
	min-height: 500px;
	padding: 50px 0 200px;
	background: white;
}
#content:after {
	content: ' ';
	display: block;
	clear: both;
}
#content > .wrap {
    padding-bottom: 100px;
}
.archive #content,
.page #content,
.page-section {
	text-align: center;
}

.template-plain #content {
	text-align: left;
}
.section-prepped #content {
	text-align: center;
}

.page-template-default #content > .wrap {
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}
.page-section #content > .wrap {
	max-width: 660px;
}
.page-template-wide #content > .wrap,
.page-template-venues #content > .wrap,
.page-template-gallery #content > .wrap {
	max-width: none;
}
@media screen and (max-width:820px) {
.page-section #content > .wrap {
	margin-left: 80px;
	margin-right: 80px;
}
}
@media screen and (max-width:700px) {
#content > .wrap {
	margin-left: 20px;
	margin-right: 20px;
}	
.has-section-nav #content > .wrap {
	margin-left: 50px;
	margin-right: 50px;
}
.page-section #content > .wrap {
	max-width: 540px;
	margin: 0 auto;
}
}
@media screen and (max-width:500px) {
.page-template-default #content > .wrap {
	margin: 0 20px;
}
}
@media screen and (max-width:640px) {
#bottom .wrap,
.page-section #content > .wrap {
	margin: 0 50px;
}
}

#prepped-logo {
	margin: 2em 0 3em;
	display: inline-block;
}
.section {
	position: relative;
}
.sidebar .widget {
	margin: 0 0 40px 0;
	text-transform: uppercase;
	font-size: 80%;
}
.sidebar .widget h3 {
	margin: 0 0 20px 0;
	background: #000;
	color: white;
	text-align: left;
	padding: 5px;
	text-transform: uppercase;
	font-size: 14px;
}
.sidebar .widget h3.expandable:after {
	position: absolute;
	right: 10px;
	font-size: 20px;
	line-height: 1;
}
.sidebar .widget a {
	text-decoration: none;
}
.sidebar .widget a:hover{
	text-decoration: underline;
}
.sidebar .widget ul,
.sidebar .widget ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar .widget ul li {
	margin: 0 0 0.8em;
}
.sidebar .widget ul li.current-cat > a {
	text-decoration: underline;
}

.sidebar form.widget .input {
	position: relative;
	margin: 0 0 8px 0;
	padding: 0 45px 0 0;
	border: 1px solid #c3c3c3;
}
.sidebar form.widget .input input[type="text"],
.sidebar form.widget .input input[type="text"]:focus {
	width: 100%;
	background-color: white;
	color: #000;
}
.sidebar form.widget .input button {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 32px;
	line-height: 36px;
	padding: 0px 0;
	border: 0;
	font-size: 20px;
}

#widget-archive {
	line-height: 1.6;
}


.section-blog #content {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.section-blog #content > .sidebar {
	width: 230px;
	float: left;
	text-align: left;
}
.section-blog #content > .sidebar.browse {
}
.section-blog #content > .sidebar.social {
	float: right;
}
.section-blog #content > .wrap {
	float: left;
	width: 400px;
	margin: 0 250px 0 -735px;
	margin: 0 -735px 0 250px;
	padding: 0 40px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.section-blog.single #content > .wrap {
	float: right;
	margin: 0;
	width: 60%;
	width: calc(100% - 330px);
	border-right: 0;
}

.single-post .meta {
	margin: 2.5em auto 30px auto;
	font-size: 10px;
	text-transform: uppercase;
}
.single-post .share .toggle {
	display: none;
}
.single-post .share {
	display: inline-block;
	font-size: 20px;
	margin: 0 0 50px 0;
}
.single-post .share .toggle {
	display: none;
}
.single-post .share a {
	text-decoration: none;
	margin: 0 0.2em;
}
.single-post .share:after {
	content: ' ';
	display: block;
	margin: 1em auto 0;
	height: 20px;
	background: #000;
}


#photos {
	position: relative;
}
#photos-stream {
	margin-left: -10px;
}
#photos-stream .photo {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: 0 0px 10px 10px;
	overflow: hidden;
}
#photos .photo img {
	display: block;
	width: 70px;
	height: auto;
}

@media screen and (max-width:1000px) {
.section-blog #content {
	margin: 0 10px;
}
.section-blog #content > .sidebar.social {
	width: -webkit-calc(100% - 750px);
	width: -moz-calc(100% - 750px);
	width: calc(100% - 750px);
}
}
@media screen and (max-width:930px) {
.section-blog #content > .wrap {
	float: right;
	margin: 0 0px 0 0;
	border-right: 0;
	width: -webkit-calc(100% - 330px);
	width: -moz-calc(100% - 330px);
	width: calc(100% - 330px);
}
.section-blog #content > .sidebar.social {
	float: left;
	width: 230px;
}	
}
@media screen and (max-width:700px) {
.section-blog #content > .wrap {
	border: 0;
	padding-left: 0;
	padding-right: 0;
}
.section-blog #content > .wrap,
.section-blog.single #content > .wrap,
.section-blog #content > .sidebar,
.section-blog #content > .sidebar.social,
.section-blog #content > .sidebar.browse {
	width: auto;
	float: none;
}	
	
}

#feature {
	position: fixed;
	width: 100%;
	display: table;
}
#feature .slides {
	display: table-row;
}
#feature .slide {
	display: table-cell;
	vertical-align: middle;
	height: 550px;
	background: no-repeat center ;
	background-size: cover;
	text-align: center;
	cursor: pointer;
	color: white;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
}
#feature .slide h1 {
	max-width: 470px;
	margin: 0 auto;
	font-size: 57px;
	line-height: 1.15;
}
#feature .slide h1:hover {
	opacity: .85;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
#feature .slide h1 strong {
	display: block;
	margin: 0 0 1em;
	font-size: 19px;
	text-decoration: underline;
	letter-spacing: .05em;
	font-weight: 700;
	/*
	text-decoration: none;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%);
	background-size: 2px 2px;
	background-position: 0 22px;
	background-repeat: repeat-x;
	max-width: 185px;
	margin: 0 auto;*/
}

#banner-placeholder {
	height: 550px;
}
#feature + #banner-placeholder {
	height: 550px;
}
@media screen and (max-width:785px) {
	#banner-placeholder {
		height: 432px;
	}	
}
@media screen and (max-width:700px) {
#banner-placeholder {
	height: 225px;
}
#feature + #banner-placeholder {
	height: 500px;
}

#feature .slide h1 {
	font-size: 43px;
}
#feature .slide h1 strong {
	font-size: 14px;
}

}

@media screen and (max-height:950px) {
#banner > .wrap,
#banner-placeholder {
	height: 225px;
}
}


#blog {
	position: relative;
	background:#000 url(images/section-blog.jpg) no-repeat center;
	background-size: cover;
	padding: 40px 0 100px;
	-webkit-transform:translateZ(1px);
	-moz-transform:translateZ(1px);
	-o-transform:translateZ(1px);
	transform:translateZ(1px);
	z-index: 1; 
	
}
#blog > .wrap {
	max-width: 800px;
	padding: 20px 50px;
	background: white;
	text-align: center;
}

#blog h4 {
	position: relative;
	display: inline-block;
	font-size: 18px;
	text-decoration: none;
}

#blog h4:after {
	position: absolute;
	bottom: 0px;
	left: 0;
	display: block;
	content: ' ';
	height: 1px;
	width: 100%;
	background: #000;
}
#blog .hentry .underline-title {
	display: none;
}
#blog .hentry p {
	margin-bottom: 8px;
}
#blog .hentry p:last-child {
	margin-bottom: 0;
}
#blog .hentry .more {
	display: block;
	margin-top: 1em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
}
@media screen and (max-width:600px) {
#feature .slide,
#feature + #banner-placeholder {
	height: 370px;
}
#feature .slide h1 {
	font-size: 32px;
	max-width: 80%;
	line-height: 1;
}
#feature .slide h1 strong {
	font-size: 11px;
}
#bottom .hentry {
	display: block;
	width: auto;
	margin: 0 auto 30px auto;
}
#blog {
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;
}
#blog p,
#blog .underline-title {
    margin: 0;
}
}

#footer {
	position: fixed;
	z-index:50;
	-webkit-transform:translateZ(50px);
	-moz-transform:translateZ(50px);
	-o-transform:translateZ(50px);
	transform:translateZ(50px);
	
	bottom: 0;
	width: 100%;
	padding: 38px 0 24px;
	background: #000;
	color: white;
}
#footer a {
	color: inherit;
	text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 15px;
}
#footer .content {
    flex-grow: 1;
    align-self: flex-start;
}
#footer .social-certs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#footer .social a {
	margin-right: 5px;
	text-decoration: none;
	font-size: 120%;
}
#footer .social a:hover:before {
	border-bottom: 1px solid white;
	padding-bottom: 3px;
}
#footer .certs {
    margin: 5px 0 0;
}
#footer address {
	display: block;
	vertical-align: middle;
	font-style: normal;
	font-size: 80%;
	line-height: 1.6;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
}
#footer .logos-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 120px;
}
#footer .logos {
    position: relative;
	flex-grow: 1;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap;
    line-height: 1;
}
#footer .logos.slick-initialized {
    visibility: visible;
}
#footer .logos .slide {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    outline: 0;
    text-align: center;
}
#footer .logos .slide p:last-child {
    margin-bottom: 0;
}
#footer .logos img {
    display: block;
    margin: 0 auto;
}
#footer .txt {
    margin-bottom: 5px;
    text-align: center;
}

@media screen and (max-width:767px) {
    #footer .wrap {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #footer .content {
        margin: 0 auto 15px;
        width: 100%;
        order: -1;
    }
    #footer .social-certs,
    #footer .logos-links {
        width: 40%;
    }
}



@media screen and (max-height:900px) {
#main {
	padding-bottom: 0;
}
#footer {
	position: relative;
}
}
@media screen and (max-width:800px) {
#main {
	padding-bottom: 0;
}
.pipe {
	display: none;
}

#back-to-top {
	position: fixed;
	z-index: 10;
	bottom: 110px;
	margin-bottom: -30px;
    right: 10px;
	border: 5px solid rgb(128,128,128);
	background: url(images/icon-up-arrow.svg) center no-repeat rgb(128, 128, 128);
	background-size: 100% auto;
	width: 40px;
	height: 40px;
	opacity: 0;
	-o-transition: opacity .2s ease-in, margin .2s ease-in;
	-moz-transition: opacity .2s ease-in, margin .2s ease-in;
	-webkit-transition: opacity .2s ease-in, margin .2s ease-in;
	transition: opacity .2s ease-in, margin .2s ease-in;
    -webkit-transform: translate(0, -100px);
    -moz-transform: translate(0, -100px);
    transform: translate(0, -100px);
    
}
.no-svg #back-to-top {
	background-image: url(images/icon-up-arrow.png);
	background-size: auto;
	background-position: center top;
}
.scrolled #back-to-top {
	opacity: 1;
	margin-bottom: 0;
}
}
@media screen and (max-width:1050px) {
#back-to-top {
	bottom: 150px;
}
}
@media screen and (max-height:500px) {
#back-to-top {
	bottom: 15px;
}	
}
@media screen and (max-width:800px) {
#back-to-top {
	bottom: 15px;
}	
}

#scroll-down {
	position: fixed;
	z-index: 10;
	bottom: 120px;
	margin-bottom: 50px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	background: rgb(170,170,170) url(images/icon-down.svg) no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 80% auto;
	opacity: 0;
	-o-transition: opacity .4s ease-in, margin .5s ease-in-out;
	-moz-transition: opacity .4s ease-in, margin .5s ease-in-out;
	-webkit-transition: opacity .4s ease-in, margin .5s ease-in-out;
	transition: opacity .4s ease-in, margin .5s ease-in-out;
}
#scroll-down.on {
	margin-bottom: 0;
	opacity: 1;
}
.scrolled #scroll-down {
	margin-bottom: -50px;
	opacity: 0;
}
@media screen and (max-height:500px) {
#scroll-down {
	bottom: 20px;
}
}
@media screen and (max-width:800px) {
#scroll-down {
	bottom: 20px;
}
}
/* @group Paging */
.posts-nav {
	position: relative;
	top: 5em;
	clear: both;
	margin: 4em 0 1em;
	white-space: nowrap;
}
.posts-nav:after {
	content: ' ';
	display: block;
	clear: both;
}

.posts-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.posts-nav ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	color: #aaa;
}
.posts-nav ul li.page_info {
	display: none;
}
.posts-nav ul li a {
	line-height: normal;
	display: block;
	padding: 0.5em 0.7em;
	text-decoration: none;
	color: #000;
}
.posts-nav ul li a:hover {
	text-decoration: underline;
}
.posts-nav ul li.active_page {
	background: #000;
	color: #fff;
}
.posts-nav ul li.active_page a {
	border: 1px solid #000;
	color: #fff;
	padding: 0.5em 1em;
}
@media screen and (max-width:700px) {
.posts-nav {
	margin-left: -10px;
	margin-right: -10px;
	top: 0;
	font-size: 12px;
}
.posts-nav ul li {
	margin-right: 3px;
}

}

/* @end */


/* @group Captions */


.wp-caption {
	margin-bottom: 1em;
	padding-top: 4px;
	text-align: center;
	max-width: 100%;
}
.wp-caption img {
	display: block;
	margin:0 auto;
	float:none;
	max-width: 100%;
	height: auto;
}
.wp-caption.alignright {
	margin: 0 0 1.5em 1.5em;
}
.wp-caption.alignleft {
	margin: 0 1.5em 1.5em 0;
}
.wp-caption.alignnone {
	margin: 1.5em 0;
}
.wp-caption.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0 5px;
	padding: 0.5em 0;
}
.wp-caption .wp-caption-text p {
	margin: 0;
}

/* @end */



/* @group Overlay */

#overlay {
	z-index:200;
	-webkit-transform:translateZ(200px);
	-moz-transform:translateZ(200px);
	-o-transform:translateZ(200px);
	transform:translateZ(200px);
	
	position: fixed;
	top: -1000px;
	left: 50%;
	margin-left: -350px;
	display: block;
	background:white;
	width:700px;
	min-height: 100px;		
	padding: 100px 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-o-transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	overflow: hidden;
}
.mask-active #overlay {
	top: 100px;
}
.mask-active.quote-active #overlay,
.mask-active.nav-active #overlay {
	top: -1000px;
}
.overlay-active #overlay {
	opacity: 1;
}
#overlay-content {
	width: 500px;
	margin: 0 auto;
}
.back-to-gallery + img,
#overlay-content img {
	margin-bottom: 1em;
}
#overlay .close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #282828;
	height: 80px;
	width: 80px;
	cursor: pointer;
}
#overlay .close:hover {
	background: #000;
}
#overlay .close:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	content: ' ';
	display: block;
	width: 40px;
	height: 40px;
	background: url(images/icon-x.svg) center no-repeat;
}
.no-svg #overlay .close:after {
	background-image: url(images/icon-x.png);
}
.too-short.mask-active #mask {
	-webkit-transform:none;
}
.too-short #overlay {
	position: absolute;
}

@media screen and (max-width:720px) {
#overlay {
	left: 10px;
	margin-left: 0;
	width: 96%;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	padding: 60px 10px 20px;
}
#overlay-content {
	width: auto;
	max-width: 600px;
}
#overlay .close {
	width: 40px;
	height: 40px;
	right: 10px;
	top: 10px;
}
#overlay .close:after {
	margin-left: -10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background-size: 40px 40px;
}
}

/* @end */

/* @group Comments */

#commentform {
	position: relative;
	text-align: left;
}
#commentform p.intro {
	text-align: center;
}
#commentform > label {
	display: block;
	margin: 0 0 1.5em 0;
}
#commentform > label strong {
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 80%;
}
#commentform > label input[type="text"] {
	width: 100%;
	font-size: 1em;
}

#commentform > label.author,
#commentform > label.email {
	width: 48.5%;
	float: left;
}
#commentform > label.email {
	float: right;
}
#commentform > label.url {
	clear: both;
}
#commentform button[type="submit"] {
	font-size: 100%;
	color: #fff;
	background-color: #000;
}
#commentform button[type="submit"]:hover {
	color: #000;
	background-color: #fff;
}
#comments {
	text-align: center;
}
#comments .commentlist,
#comments .commentlist li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: inherit;
}
#comments .commentlist li {
	margin-bottom: 4em;
}
#comments .commentlist ul {
	display: block;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
}
#comments .commentlist .comment-content {
	font-size: 110%;
}
#comments .commentlist .comment-meta {
	font-size: 80%;
	text-transform: uppercase;
}
#comments .commentlist .comment-meta a {
	text-decoration: none;
}
#comments .commentlist .comment-meta a:hover {
	text-decoration: underline;
}

#comments .commentlist .comment-meta > a,
#comments .commentlist .comment-meta > cite {
	margin: 0 0.4em;
	font-style: normal;
}
/* @end */


.next-posts {
	position: relative;
	margin-top: 60px;
	padding: 0 0 3em ;
	text-align: center;
}
.next-posts:before {
	content: ' ';
	display: block;
	margin: 0 auto 3em auto;
	height: 1px;
	width: 90%;
	background: #000;
}
.next-posts > .link {
	position: relative;
	display: inline-block;
	width: 50%;
	margin: 0 0%;
	padding: 0 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: text-top;
}
.next-posts > .link strong {
	display: block;
	margin: 0;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 80%;

}
.next-posts > .link a {
	position: relative;
	display: block;
	padding: 2em 20px;
	font-weight: bold;
	text-decoration: none;
}
.next-posts > .link a:hover {
  text-decoration: underline;
}
.next-posts > .link.prev a:before,
.next-posts > .link.next a:before {
	position: absolute;
	top: -10px;
	left: -30px;
	content: ' ';
	display: block;
	width: 50px;
	height: 100px;
	background: url(images/icon-left.svg) no-repeat left center;
}
.next-posts > .link.prev + .link.next:after {
	position: absolute;
	content: ' ';
	height: 100%;
	width: 1px;
	top: 0;
	left: 0;
	background: #000;
	
}
.next-posts > .link.next a:before {
	left: auto;
	right: -30px;
	background-image: url(images/icon-right.svg);
	background-position: right center;
}

@media screen and (max-width:600px) {
.next-posts > .link a {
	padding-left: 5px;
	padding-right: 5px;
}	
.next-posts > .link.prev a:before {
	margin-left: 5px;
}
.next-posts > .link.next a:before {
	margin-right: 5px;
}
}

a[class*="PIN"] {
	z-index: 1 !important;
}