@import https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,700,700italic;

/* CSS Document for Screens */
body {
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-weight:500;
	color:#000;
	margin:0;
	padding:0;
}

body.landing {
	background-color:#000;
	background-image:url(../images/land-background-1.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center top;
}

#landing_container {
	max-width:1400px;
	height:auto;
	margin:auto;
}

#landing_header {
	width:100%;
	height:60px;
	background-color:rgba(93,0,12,0.50);
}

#landing_header_left {
	width:50%;
	float:left;
}

#landing_header_right {
	width:50%;
	float:right;
}

#landing_logo {
	text-align:center;
}

#landing_call {
	text-align:center;
	color:#fff;
	font-size:18px;
	margin:20px auto;
}

#landing_content {
	width:100%;
	display:inline-block;
	margin-top:50px;
	text-shadow:1px 1px 3px #000;
	font-weight: 300;
}

.scissors {
	position:absolute;
	margin-top: -20px;
	margin-left: -40px;
	width:68px;
	height:67px;
	background-image: url('../images/scissors.png');
	background-repeat: no-repeat;
}

#landing_left {
	width:50%;
	float:left;
	height:auto;
	background-color:rgba(0,0,0,0.50);
	color:#fff;
	padding:30px;
	font-size:14px;
}

#landing_right {
	width:50%;
	float:right;
	height:auto;
	color:#FEDB67;
	padding:0 50px 25px;
}

#landing_footer {
	max-width:1800px;
	height:250px;
	background-color:#000;
	text-align:center;
	margin:auto;
}

#landing_footer_left {
	width:50%;
	float:left;
}

#landing_footer_right {
	width:50%;
	float:right;
}

.landing_footer_location img {
	margin-top:-25px;
	max-width: 100%;
	height: auto;
}

/* Media Queries */
@media screen and (max-width: 850px) {
	#landing_header {
		height:auto;
	}
	
	#landing_header_left {
		width:100%;
		float:none;
	}
	
	#landing_header_right {
		width:100%;
		float:none;
	}
	
	#landing_call {
		margin:0;
		padding:0 0 20px;
	}
	
	#landing_content {
		margin-top:0;
	}
	
	#landing_left {
		float:none;
		width:100%;
		margin:auto;
		background-color:transparent;
	}
	
	#landing_right {
		float:none;
		width:100%;
		margin:auto;
		padding:20px 30px;
	}
	
	#landing_footer {
		height: auto
	}
	
	#landing_footer_left {
		width:100%;
		float:none;
	}
	
	#landing_footer_right {
		width:100%;
		float:none;
		margin-top:0;
		padding:50px 0;
	}
}

/* Fix for floated elements causing empty space mid-sentence in Fluid Layouts - keep floated images in a separate div */
p:before {
	content:"";
	width:25%;
	display:block;
	overflow:hidden;
}

#venue_header {
	position:fixed;
	width:100%;
	height:100px;
	background-color:rgba(52,32,2,0.96);
	top:0;
	z-index:700;
}

/* fix for anchor links with a fixed header */
a[name]:not([href]) {
	padding-top:150px;
	margin-top:-150px;
}

a[name]:not([href]):before {
	display:block;
	content:" ";
	padding-top:150px;
	margin-top:-150px;
	visibility:hidden;
}

a.button {
	width:auto;
	cursor:pointer;
	text-transform:uppercase;
	display:inline-block;
	padding:10px 30px;
	font-size:1.5em;
	letter-spacing:1px;
	border-radius:5px;
	background-color:#712160;
	color:#FFF!important;
	border:#712160 solid thin;
	border-radius:5px;
	text-decoration:none;
}

a.button:hover {
	background-color:#FFF;
	color:#712160!important;
	text-decoration:none;
	border:#712160 solid thin;
	transition:background-color .7s;
}

#page {
	min-height:400px;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

.spacer {
	clear:both;
	height:160px;
}

#content {
	padding:0 20px;
	font-weight: 300;
}

.no_wrap {
	white-space:nowrap;
}

.no_decoration,.no_decoration a {
	text-decoration:none;
}

iframe {
	max-width:100%!important;
}

body.mobile	table {
	width:100%!important;
	height:auto!important;
	overflow:hidden;
	border-collapse:collapse;
}

body.mobile	table th,body.mobile table td {
	padding:5px;
}

body.mobile	table td {
	display:block;
	width:100%!important;
	height:auto!important;
	overflow:hidden;
	text-align:center;
}

body.mobile	table td,body.mobile	table td div {
	text-align:center;
}

body.mobile	table td img {
	max-width:100%!important;
	height:auto!important;
	margin-left:0!important;
	margin-right:0!important;
	margin:auto;
}

#content img {
	max-width:100%;
	height:auto!important;
}

.external-icon {
	vertical-align:baseline;
	font-size:60%!important;
	padding:3px;
	vertical-align:super;
}

a.external {
	white-space:nowrap;
}

a.phone {
	text-decoration:none;
}

#company_name,#company_address,#company_phone,#footer_links,#footer_credits {
	margin:20px 0;
}

#company_name {
	font-size:1.5em;
}

#footer_credits {
	font-size:.8em;
	font-weight:300;
	text-align:center;
}

/* Text */
h1 {
	margin:5px 0 1em;
	font-size:2.8em;
	font-weight:200;
	color:#000;
}

h2 {
	margin:0 0 1em;
	font-size:1.6em;
	font-weight:200;
	color:#000;
}

h3 {
	margin:0 0 .5em;
	font-size:1.3em;
	font-weight:200;
	color:#000;
}

h4 {
	margin:0 0 .5em;
	font-size:1.2em;
	font-weight:200;
	color:#000;
}

h5 {
	margin:0 0 .5em;
	font-size:1.1em;
	font-weight:200;
	color:#000;
}

h6 {
	margin:0 0 .5em;
	font-size:1em;
	font-weight:200;
	color:#000;
}

p {
	margin:0 0 1em;
}

a {
	color:#000;
}

a:visited {
	color:#000;
}

/* header */
#slider {
	height:auto;
	position:relative;
}

#venue_header a.logo {
	z-index:1;
	position:absolute;
	display:block;
	width:483px;
	height:89px;
	background:url(../images/logo1.png) no-repeat 0 0;
	background-size:contain;
	top:10px;
	left:30px;
}

#venue_header a.logo span {
	display:none;
}

/* Social */
body.mobile #social {
	position:relative;
	top:45px;
	right:auto;
	text-align:center;
	font-size:12px;
	line-height:16px;
}

#social {
	position:absolute;
	top:12px;
	right:50px;
	margin:0;
	font-size:18px;
	text-align:right;
	color:#712160;
	font-weight:600;
}

#social i {
	padding-top:10px;
}

#social.hide {
	display:none;
}

#social.show {
	display:block;
}

#social a {
	color:#712160;
}

#social a:hover {
	color:#FEA500;
}

.social_connect {
	display:inline-block;
	font-size:18px;
	font-weight:700;
	padding:5px 5px 7px 0;
	vertical-align:top;
}

.social_connect a {
	background-color:#FEA500;
	border-radius:0 0 10px 10px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:12px 13px!important;
	margin:0 10px 0 0;
	font-size:15px;
	vertical-align:text-bottom;
}

.social_connect a:hover {
	background:#900200;
	color:#fff!important;
}

/* Slideshow */
.slider_content {
	position:absolute;
	bottom:100px;
	right:0;
	width:900px;
	height:92px;
	background-color:#9E120F;
}

.slider_heading {
	text-align:left;
	font-size:40px;
	font-weight:100;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	padding:25px 0 0 70px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
}

.slider_content.tablet {
	bottom:20%;
}

.slider_subheading {
	font-weight:700;
}

/* all */
.box_1 {
	background-color:#51171A;
	padding:70px 100px;
	background-image:url(../images/background-1.jpg);
	background-size:cover;
}

.box_1 p {
	color:#fff!important;
}

blockquote.testimonials {
	font-size:140%;
	margin:10px 40px;
	padding:10px 40px;
	line-height:1.45;
	position:relative;
}

blockquote.testimonials::before {
	display:block;
	content:"\201C";
	position:absolute;
	left:-10px;
	top:-20px;
	color:#000;
	font-size:3em;
	font-family:serif;
}

blockquote.testimonials::after {
	display:block;
	content:"\201D";
	font-size:3em;
	color:#000;
	position:absolute;
	right:-10px;
	bottom:20px;
	font-family:serif;
}

/* navbar */
#mobile_nav {
	display:none;
}

nav.venue_nav {
	background-color:#fff;
	position:absolute;
	top:100px;
	left:0;
	padding:0;
	width:100%;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}

nav.venue_nav::after {
	content:'';
	display:block;
	clear:both;
}

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

nav.venue_nav ul li {
	text-align:left;
}

/* begin bars after each li */
nav.venue_nav > ul > li::after {
/* 	content: '\007c'; */
}

nav.venue_nav > ul > li.last::after {
	content:'';
}

/* end bars after each li */
nav.venue_nav ul li.nav_active {
	background-color:rgba(52,32,2,0.96);
}

nav.venue_nav ul li.nav_active a {
	color:#fff!important;
}

nav.venue_nav ul li:hover {
	background-color:rgba(52,32,2,0.96);
}

nav.venue_nav ul li:hover a {
	color:#fff!important;
}

nav.venue_nav ul li:hover > ul {
	display:block;
}

nav.venue_nav ul li a {
	display:inline-block;
	color:#1E1813;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:500;
	width:125px;
	position:relative;
}

nav.venue_nav ul li a:visited {
	color:#1E1813;
}

nav.venue_nav ul li a:hover {
	background-color:rgba(52,32,2,0.96);
}

nav.venue_nav ul ul {
	position:absolute;
	top:100%;
	background-color:#000;
	display:none;
}

nav.venue_nav ul ul li {
	position:relative;
}

nav.venue_nav ul ul ul {
	left:100%;
	top:0;
}

/* nav.venue_nav top-level */
nav.venue_nav > ul {
	padding-left:200px;
	margin:0 auto;
}

nav.venue_nav > ul > li {
	float:left;
	text-align:left;
}

nav.venue_nav.centered > ul {
	padding:0;
}

nav.venue_nav.centered > ul > li {
	float:none;
	display:inline-block;
	white-space:nowrap;
	margin-right:-4px;
}

nav.venue_nav ul > li > a {
	width:auto;
	padding:10px 10px 15px;
}

nav.venue_nav a[aria-haspopup="true"]::after {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:16px;
	right:10px;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #fff;
}

nav.venue_nav > ul > li > a[aria-haspopup="true"]::after {
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #1E1813;
	left:20px;
	right:auto;
	bottom:6px;
	top:auto;
}

/* nav mobile */
#mobile_nav {
	width:60px;
	position:fixed;
	top:0px;
	right:0;
	margin:0;
	height:50px;
	text-align:left;
	padding:0 0 20px 20px;
	z-index:999999;
}

#mobile_nav a {
	text-decoration:none;
	line-height:auto;
}

.mobile_nav_label {
	float:left;
	color:#fff;
	font-size:22px;
	padding:13px 0 0 20px;
	white-space:nowrap;
	overflow:hidden;
}

.mobile_nav_icon {
	float:right;
	color:#000;
	font-size:40px;
	padding:5px 20px 0 0;
}

.toggle-name {
	font-size:12px;
	margin-top:-3px;
}

#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {
	margin:auto;
	padding:0;
	border:0;
	list-style:none;
	font-weight:400;
	text-decoration:none;
	line-height:1em;
	font-size:18px;
	position:relative;
	text-align:left;
}

#cssmenu {
	width:100%;
	margin:auto;
	z-index:99999;
	position:fixed;
	top:187px;
}

#cssmenu {
	top:100px;
}

#cssmenu a {
	line-height:auto;
}

#cssmenu > ul > li {
	background-color:rgba(0,0,0,0.90);
}

#cssmenu > ul > li > a {
	display:block;
	line-height:20px;
	font-weight:400;
	text-transform:uppercase;
	color:#FFF;
}

#cssmenu > ul > li > a > span,#cssmenu > ul > li > ul > li > a > span {
	display:block;
	padding:8px 20px;
}

#cssmenu a:hover {
	text-decoration:none;
	color:#F9A843!important;
	background-color:rgba(0,0,0,0.23);
}

#cssmenu > ul > li.active,#cssmenu > ul > li.active > ul > li {
	border:none;
	color:#F9A843!important;
	background-color:#000;
}

#cssmenu > ul > li.has-sub > a i.nav_plus,#cssmenu > ul > li > ul > li.has-sub > a i.nav_plus {
	float:right;
	display:inline-block;
}

#cssmenu > ul > li.has-sub > a i.nav_minus,#cssmenu > ul > li > ul > li.has-sub > a i.nav_minus {
	float:right;
	display:none;
}

#cssmenu > ul > li.has-sub.active > a i.nav_plus,#cssmenu > ul > li > ul > li.has-sub.active > a i.nav_plus {
	display:none;
}

#cssmenu > ul > li.has-sub.active > a i.nav_minus,#cssmenu > ul > li > ul > li.has-sub.active > a i.nav_minus {
	display:inline-block;
}

#cssmenu ul ul {
	display:none;
	background-color:#000;
}

#cssmenu ul ul a {
	padding:5px 0 5px 25px;
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:400;
}

#cssmenu ul ul a span {
	padding:0 0 0 15px;
}

#cssmenu ul ul ul a {
	padding:5px 0 5px 60px;
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:400;
	line-height:20px;
}

#cssmenu ul ul ul a:before {
	left:90px;
}

#cssmenu ul ul a.nav_active {
	background-color:#000;
}

#cssmenu ul ul a.nav_active span {
	color:#F9A843!important;
}

#cssmenu a.nav_link.nav_active {
	color:#F9A843!important;
}

/* footer */
footer {
	background-color:#000;
	font-size:.8em;
	margin:0;
	padding:50px;
	color:#e3e3e3;
	width:100%;
}

footer::after {
	content:'';
	display:block;
	clear:both;
}

footer .content {
	text-align:left;
	line-height:2em;
}

/* Footer Social */
#social_footer {
	float:right;
	margin:0;
	font-size:18px;
}

#social_footer.hide {
	display:none;
}

#social_footer.show {
	display:block;
}

#social_footer a {
	color:#000;
	padding:0 3px;
	text-decoration:none;
}

#social_footer a:hover {
	color:#a89a5c;
}

footer a {
	color:#e3e3e3;
}

footer a:visited {
	color:#e3e3e3;
}

footer a:hover {
	color:#fff;
}

footer a.location {
	color:#F9AA19;
}

#back-top-wrapper div a {
	width:40px;
	height:40px;
	opacity:1;
}

#back-top {
	display:none;
}

#back-top-wrapper {
	position:fixed;
	right:20px;
	bottom:20px;
	overflow:hidden;
	z-index:10000;
}

#back-top span {
	display:block;
	width:40px;
	height:45px;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	transition:1s;
	color:#CCC;
	font-size:40px;
	opacity:.5;
}

#back-top span:hover {
	color:#000;
	opacity:1;
}

/* Media Queries */
/* iPad in landscape */
@media screen and (max-width: 1024px) {
	body {
		font-size:15px;
	}
	
	.slider_content {
		display:none;
	}
	
	/* Header */
	#venue_header a.logo {
		width:299px;
		height:55px;
		top:5px;
	}
	
	#slider {
		margin-top:100px;
	}
	
	#slider div.hero h1 {
		margin-bottom:20px;
	}
	
	/* Section - Atmosphere */
	section.atmosphere article {
		padding-left:400px;
		background-size:375px auto;
	}
}

@media screen and (max-width: 825px) {
	body {
		font-size:14px;
	}
	
	#social {
		font-size:18px;
	}
	
	.social_connect {
		font-size:12px;
	}
	
	.social_connect a {
		padding:8px 9px!important;
		margin:0 5px 0 0;
		font-size:12px;
	}
	
	.social_connect a:hover {
		background:#900200;
		color:#fff!important;
	}
	
	/* Section - Atmosphere */
	section.atmosphere article {
		padding-left:325px;
		background-size:300px auto;
	}
	
	/* Section - How To */
	section.how-to blockquote p.quote {
		font-size:1.1em;
		line-height:1.2em;
	}
	
	section.how-to blockquote p.credit {
		font-size:.85em;
	}
}

/* iPad in portrait */
@media screen and (max-width: 768px) {
	body {
		font-size:13px;
	}
	
	/* Header */
	#venue_header a.logo {
		width:272px;
		height:50px;
		top:5px;
	}
	
	#social {
		font-size:14px;
		top:30px;
	}
	
	/* Main */
	section.main {
		margin-top:10px;
		margin-bottom:10px;
	}
	
	section.main aside div.content {
		background-size:55px 55px;
		padding-top:60px;
	}
	
	/* Section - How To */
	section.how-to aside div.content img {
		width:85%;
	}
	
	.spacer {
		clear:both;
		height:120px;
	}
	
	/* Navbar */
	#mobile_nav {
		display:block;
	}
	
	nav {
		display:none;
		position:static;
		width:auto;
		padding:20px 15px;
		background-color:#4b0a0c;
	}
	
	nav ul,nav ul ul,nav ul ul ul {
		display:block;
		position:static;
	}
	
	nav > ul {
		padding:0;
	}
	
	nav > ul > li {
		float:none;
		margin-top:25px;
	}
	
	nav ul li:hover {
		background:none;
	}
	
	nav ul li a {
		width:auto;
		display:block;
		margin:8px 10px;
		padding:8px 15px;
		border:1px solid rgba(255,255,255,.25);
	}
	
	nav ul li a:hover {
		background-color:rgba(255,255,255,.2);
	}
	
	nav ul ul {
		background:none;
	}
	
	nav ul ul li a {
		margin-left:30px;
	}
	
	nav ul ul ul li a {
		margin-left:60px;
	}
	
	nav a[aria-haspopup="true"]::after {
		display:none;
	}
}

@media screen and (max-width: 625px) {
	body {
		font-size:12px;
	}
	
	/* Header */
	#venue_header a.logo {
		width:272px;
		height:50px;
		top:5px;
	}
	
	/* Section - Main */
	section.main aside {
		width:100%;
		float:none;
		text-align:left;
	}
	
	section.main aside div.content {
		margin:8px 20px 8px 0;
		padding:5px 0 10px 85px;
		background-size:50px 50px;
		background-position:20px 5px;
	}
	
	/* Section - Atmosphere */
	section.atmosphere article {
		padding:160px 20px 0 0;
		background-size:300px auto;
		min-height:initial;
	}
	
	/* Section - How To */
	section.how-to aside {
		width:100%;
		float:none;
		margin:0;
		position:relative;
	}
	
	section.how-to aside div.content {
		padding:20px 20px 20px 150px;
	}
	
	section.how-to aside div.content p {
		font-size:.9em;
	}
	
	section.how-to aside div.content img {
		display:inline-block;
		width:125px;
		position:absolute;
		top:30px;
		left:0;
	}
	
	section.how-to blockquote {
		margin:0 20px 0 40px;
		width:90%;
		padding:1px 0 20px;
		position:relative;
	}
	
	section.how-to blockquote p.credit {
		margin-bottom:0;
	}
	
	/* Footer */
	footer div.content {
		display:block;
		margin-top:15px;
	}
}

@media screen and (max-width: 425px) {
	/* Header */
	body {
		font-size:11px;
	}
	
	.spacer {
		clear:both;
		height:100px;
	}
	
	#venue_header a.logo {
		width:272px;
		height:50px;
		top:5px;
	}
	
	#slider div.hero {
		width:100%;
		left:0;
		top:46px;
		text-align:center;
		animation-name:animate_425;
	}
	
	@keyframes animate_425 {
	0% {
		opacity:0;
		left:0;
		top:0;
	}
	
	100% {
		opacity:1;
		left:0;
		top:46px;
	}
}

#slider div.hero h1 {
	font-size:1em;
	margin-bottom:10px;
}

/* Section - How to */
section.how-to aside div.content {
	padding:140px 20px 20px 0;
}

section.how-to aside div.content img {
	width:auto;
	height:100px;
	top:30px;
}

section.how-to blockquote {
	margin:10px 40px 0 20px;
}

/* Footer */
footer::after {
	content:'';
	display:block;
	clear:both;
}

footer .content {
	text-align:left;
}	
}

@media screen and (max-width: 340px) {
	/* Header */
	#cssmenu {
		top:60px;
	}
	
	.spacer {
		clear:both;
		height:70px;
	}
	
	#venue_header a.logo {
		width:200px;
		height:37px;
		top:5px;
	}
}