/*
 * Main Styles
 */



/* Colors
 * Light Blue rgb(0,157,220)
 * Navy rgb(0,56,85)
 * Red rgb(210,32,47)
 * Maroon rgb(105,0,1)
 * Dark Green rgb(0,70,59)
 * Dark Gray rgb(35,31,32)
 */




/* ==========================================================================
   Web Fonts
   ========================================================================== */

/**
 * @license
 * MyFonts Webfont Build ID 2861955, 2014-08-12T21:33:26-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Lasiver by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/lasiver/regular/
 *
 * Webfont: Lasiver Regular Italic by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/lasiver/regular-italic/
 *
 * Webfont: Lasiver Bold by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/lasiver/bold/
 *
 * Webfont: Lasiver Bold Italic by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/lasiver/bold-italic/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2861955
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright &#x00A9; 2013 by Type Dynamic. All rights reserved.
 *
 * © 2014 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2bab83");


@font-face {font-family: 'Lasiver';src: url('../fonts/2BAB83_2_0.eot');src: url('../fonts/2BAB83_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2BAB83_2_0.woff') format('woff'),url('../fonts/2BAB83_2_0.ttf') format('truetype');font-weight: normal;font-style: normal;}

@font-face {font-family: 'Lasiver';src: url('../fonts/2BAB83_3_0.eot');src: url('../fonts/2BAB83_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2BAB83_3_0.woff') format('woff'),url('../fonts/2BAB83_3_0.ttf') format('truetype');font-weight: normal;font-style: italic;}


@font-face {font-family: 'Lasiver';src: url('../fonts/2BAB83_A_0.eot');src: url('../fonts/2BAB83_A_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2BAB83_A_0.woff') format('woff'),url('../fonts/2BAB83_A_0.ttf') format('truetype');font-weight: bold;font-style: normal;}


@font-face {font-family: 'Lasiver';src: url('../fonts/2BAB83_C_0.eot');src: url('../fonts/2BAB83_C_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2BAB83_C_0.woff') format('woff'),url('../fonts/2BAB83_C_0.ttf') format('truetype');font-weight: bold;font-style: italic;}




/* ==========================================================================
   CSS RESET v2.0 http://meyerweb.com/eric/tools/css/reset/
   ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* User specific resets */
html {
	font-size: 16px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-size: 62.5%;
	line-height: 1.5;
	text-align: center;
}
/* Remove annoying border on linked images. */
a img { border: none; }
/* Remove Firefox dotted border on links */
a { outline: none; }




/* ==========================================================================
   Global and Generic
   ========================================================================== */

sup {
	font-size: .65em;
	position: relative;
	top: -.65em;
	margin-left: .125em;
	vertical-align: baseline;
}

sub {
	font-size: .65em;
	position: relative;
	top: .65em;
	margin-left: .125em;
	vertical-align: baseline;
}

abbr {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

.caps {
	text-transform: uppercase;
}

.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.mobileOnly {
	display: none !important;
}

	@media only screen and (max-width: 767px) {
		.noMobile {
			display: none !important;
		}

		.mobileOnly {
			display: block !important;
		}
	}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.nobr {
	white-space: nowrap;
}

.btn {
	-webkit-appearance: none;
	background: none;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 0;
	color: white !important;
	cursor: pointer;
	display: block;
	font-family: 'Lasiver', Arial, Helvetica, Sans-serif;
	font-size: 1.9em;
	letter-spacing: .1em;
	line-height: 1;
	margin: 0 auto;
	padding: 16px 30px 13px;
	text-align: center;
	text-transform: uppercase;
	white-space: normal !important;
	width: auto;
		-webkit-transition: background-color .25s linear;
	transition: background-color .25s linear;
}

.btn:hover {
	background-color: rgb(0,157,220);
	text-decoration: none;
}

main img {
	max-width: 100%;
	height: auto;
}

.img-fill {
	display: none;
	max-width: none;
}

.full-height {
	height: 100vh;
}

.svg {
	width: 100%;
}

svg path,
svg polygon,
svg circle {
	fill: inherit;
}

	@media only screen and (max-width: 767px) {

		.btn {
			font-size: 1.6em;
			padding: 14px 30px 11px;
		}

	}




/* ==========================================================================
   Basic Typography
   ========================================================================== */

a,
a:link,
a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #fff;
	outline: 0;
	text-decoration: none;
}

a.fade {
		-webkit-transition: opacity .25s linear !important;
	transition: opacity .25s linear !important;
}

a.fade,
a.fade:link,
a.fade:visited {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	opacity: 1 !important; 
	text-decoration: none;
}

a.fade:hover,
a.fade:active {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
	opacity: 0.6 !important;
	text-decoration: none;
}




/* ==========================================================================
   General Structure
   ========================================================================== */

html,
body {
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	width: 100%;
}

body {
	background-color: #fff;
	color: #fff;
	font-family: 'Lasiver', Arial, Helvetica, Sans-serif;
		-webkit-font-smoothing: antialiased;
	font-weight: normal;
	height: 100%;
	min-height: 100vh;
	position: relative;

}

body.no-scroll {
	overflow: hidden;
}

header {
		-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 120px;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
	transform: translatez(0);
	width: 100%;
	z-index: 9999;
}

main {
	min-height: 100%;
	width: 100%;
}

section {
	background-color: #000;
	position: relative;
}

footer {
	background-color:#009ddc;
	color: #fff;
	padding: 0 0 30px;
	position:relative;
	width: 100%;
	z-index: 96;
}

	@media only screen and (max-width: 1024px) {

		header {
			height: auto;
			min-height: 90px;
		}
		
		main {
			min-height: 0;
		}
		
		footer {
			padding: 0 0 20px;
		}
	}

		@media only screen and (max-width: 767px) {

			header {
				min-height: 60px;
			}

		}




/* ==========================================================================
   Header
   ========================================================================== */

/* Logo */

header .logo {
	background: transparent url(../img/4star-logo-wht.png) no-repeat left top;
	background-size: 100% auto;
	bottom: 40px;
	height: 47px;
	left: 50%;
	margin-left: -35px;
	position: absolute;
	text-indent: -9999em;
	width: 70px;
	z-index: 99;
}
	
	@media only screen and (max-width: 1024px) {
	
		header .logo {
			bottom: auto;
			top: 40px;
		}
		
		header.open .logo {
			background-image: url(../img/4star-logo-blue.png);
		}
	
	}
	
		@media only screen and (max-width: 767px) {
			
			header .logo {
				height: 34px;
				margin-left: -25px;
				top: 20px;
				width: 50px;
			}
			
		}

/* desktop navigation */

.desktop-nav {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.desktop-nav-left,
.desktop-nav-right {
	box-sizing: border-box;
	bottom: 100%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	text-align: center;
		-webkit-transition: bottom .25s linear;
	transition: bottom .25s linear;
	width: 50%;
	z-index: 98;
}

	#home .desktop-nav-left,
	#home .desktop-nav-right {
		bottom: 50px;
	}

header:hover .desktop-nav-left,
header:hover .desktop-nav-right {
	bottom: 50px;
}

.desktop-nav-left {
	padding-right: 120px;
	right: 50%;
	text-align: right;
}

.desktop-nav-right {
	left: 50%;
	padding-left: 120px;
	text-align: left;
}

.desktop-nav ul li {
	display: inline-block;
	margin: 0 30px;
	vertical-align: middle;
}

.desktop-nav ul li:first-child {
	margin-left: 0;
}

.desktop-nav ul li:last-child {
	margin-right: 0;
}

.desktop-nav ul li a {
	color: #fff;
	font-size: 1.1em;
	letter-spacing: .15em;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	text-decoration: none;
	text-transform: uppercase;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

.desktop-nav ul li a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
}
	
#nav-overlay {
	background: rgb(0,0,0);
	background-color: rgba(0,0,0,0.6);
	bottom: 0;
	left: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
	z-index: -1;
	display: none;
}

	#home #nav-overlay {
		display: none;
	}

header:hover + #nav-overlay {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	z-index: 97;
}

	@media only screen and (max-width: 1100px) {
		
		.desktop-nav-left {
			padding-right: 100px;
		}
		
		.desktop-nav-right {
			padding-left: 100px;
		}
		
		.desktop-nav ul li {
			margin: 0 25px;
		}
	
	}

	@media only screen and (max-width: 1024px) {

		.desktop-nav {
			display: none;
		}
		
		#nav-overlay {
			display: none;
		}

	}


/* tablet and mobile navigation */

.mobile-nav {
	background-color: rgb(0,157,220);
	display: none;
	overflow: hidden;
}

.mobile-nav ul {
	padding: 150px 0 50px
}

.mobile-nav li {
	font-size: 4.2em;
	font-weight: bold;
	margin-bottom: 20px;
}

.mobile-nav li:last-child {
	margin-bottom: 0;
}

.mobile-nav li a {
	display: block;
	text-decoration: none;
}

.mobile-nav li .social {
	padding-top: 25px;
}

.mobile-nav li .social li {
	margin: 0 10px;
}

.mobile-nav li .social li:last-child {
	padding-top: 0;
}

	@media only screen and (max-width: 1024px) {
		.mobile-nav {
			display: block;
			height: 0;
				-webkit-overflow-scrolling: touch;
			overflow-x: hidden;
			overflow-y: scroll;
				-webkit-transition: height .25s linear;
			transition: height .25s linear;
		}
		
		header.open .mobile-nav {
			height: 100vh;
		}
		
		.mobile-nav .instagram {
			background-image: url(../img/icon-instagram-wht.png);
			background-size: 29px 29px;
			height: 29px;
			width: 29px;
		}
		
		.mobile-nav .facebook {
			background-image: url(../img/icon-facebook-wht.png);
			background-size: 15px 31px;
			height: 21px;
			width: 15px;
		}
		
		.mobile-nav .twitter {
			background-image: url(../img/icon-twitter-wht.png);
			background-size: 35px 24px;
			height: 24px;
			width: 35px;
		}
	}
	
		@media only screen and (max-width: 767px) {
			
			.mobile-nav ul {
				padding: 100px 0 80px;
			}
			
			.mobile-nav li {
				font-size: 2.5em;
				margin-bottom: 18px;
			}
			
			.mobile-nav li .social {
				padding-top: 15px;
			}
			
			.mobile-nav li .social li {
				margin: 0 3px;
			}
			
			.mobile-nav .instagram {
				background-size: 18px 18px;
				height: 18px;
				width: 18px;
			}
			
			.mobile-nav .facebook {
				background-size: 9px 19px;
				height: 19px;
				width: 9px;
			}
			
			.mobile-nav .twitter {
				background-size: 21px 14px;
				height: 14px;
				width: 21px;
			}
			
		}




/* ==========================================================================
   Footer
   ========================================================================== */


/* Gift Cards */

footer #gift-cards-drawer {
	background-color: rgb(35,31,32);
	bottom: 100%;
	left: 0;
	max-height: 0;
	overflow: hidden;
	position: absolute;
		-webkit-transition: max-height .25s linear;
	transition: max-height .25s linear;
	width: 100%;
}

footer #gift-cards-drawer.open {
	max-height: 500px;
}

#gift-cards-drawer h2 {
	color: #fff;
	font-size: 5em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin: 100px 0 70px;
}

#gift-cards-close {
	color: #fff;
	cursor: pointer;
	font-size: 7em;
	line-height: 12px;
	position: absolute;
	right: 30px;
	top: 30px;
}

#gift-cards-close:before {
	line-height: 27px;
}

#gift-cards-drawer .carousel-wrapper {
	margin: 0 auto;
	max-width: 1150px;
	padding: 0 100px;
	position: relative;
}

#gift-cards-drawer .swiper-container {
	height: 175px;
	margin-bottom: 100px;
	width: 100%;
}

#gift-cards-drawer .swiper-slide {
	border: 2px solid #fff;
	border-radius: 20px;
	display: table;
	height: 175px;
		-webkit-transition: background-color .25s linear;
	transition: background-color .25s linear;
	width: 300px;
}

#gift-cards-drawer .swiper-slide:hover {
	background-color: rgb(210,32,47);
}

#gift-cards-drawer .swiper-slide a {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

#gift-cards-drawer .swiper-slide img,
#gift-cards .img-wrapper img {
	max-height: 65%;
	max-width: 40%;
	height: auto;
	vertical-align: middle;
	width: auto;
}

#gift-cards-drawer .swiper-slide img.gc-tuco,
#gift-cards .img-wrapper img.gc-tuco {
	height: auto;
	max-height: none;
	max-width: none;
	width: 50%;
}

#gift-cards-drawer .swiper-slide img.gc-windsor,
#gift-cards .img-wrapper img.gc-windsor {
	height: auto;
	max-height: none;
	max-width: none;
	width: 65%;
}

#gift-cards-drawer .swiper-slide img.gc-remingtons,
#gift-cards .img-wrapper img.gc-remingtons {
	height: auto;
	max-height: none;
	max-width: none;
	width: 70%;
}

#gift-cards-drawer .swiper-slide img.gc-crosbys,
#gift-cards .img-wrapper img.gc-crosbys {
	height: auto;
	max-height: none;
	max-width: none;
	width: 50%;
}

#gift-cards-drawer .swiper-slide img.gc-smoke-daddy,
#gift-cards .img-wrapper img.gc-smoke-daddy {
	height: auto;
	max-height: none;
	max-width: none;
	width: 70%;
}

#gift-cards-drawer .swiper-slide img.gc-frasca,
#gift-cards .img-wrapper img.gc-frasca {
	height: auto;
	max-height: none;
	max-width: none;
	width: 60%;
}

#gift-cards-drawer .swiper-slide img.gc-doc-lp,
#gift-cards .img-wrapper img.gc-doc-lp,
#gift-cards-drawer .swiper-slide img.gc-doc-lombard,
#gift-cards .img-wrapper img.gc-doc-lombard {
	height: 50%;
	max-height: none;
	max-width: none;
	width: auto;
}

#gift-cards-drawer .swiper-slide img.gc-dunlays-clark,
#gift-cards .img-wrapper img.gc-dunlays-clark {
	height: auto;
	max-height: none;
	max-width: none;
	width: 60%;
}

#gift-cards-drawer .swiper-slide img.gc-dunlays-square,
#gift-cards .img-wrapper img.gc-dunlays-square {
	height: auto;
	max-height: none;
	max-width: none;
	width: 60%;
}

#gift-cards-drawer .swiper-slide img.gc-ella-elli,
#gift-cards .img-wrapper img.gc-ella-elli {
	height: auto;
	max-height: none;
	max-width: none;
	width: 50%;
}

#gift-cards-drawer .swiper-prev,
#gift-cards-drawer .swiper-next {
	color: #fff;
	font-size: 5em;
	line-height: 20px;
	margin-top: -30px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	padding: 10px;
	position: absolute;
	text-decoration: none;
	top: 50%;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

#gift-cards-drawer .swiper-prev:hover,
#gift-cards-drawer .swiper-next:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
}

#gift-cards-drawer .swiper-prev {
	left: 20px;
}

#gift-cards-drawer .swiper-next {
	right: 20px;
}

#gift-cards-drawer .swiper-prev i:before,
#gift-cards-drawer .swiper-next i:before {
	line-height: 32px;
}

#gift-cards-drawer .swiper-button-disabled {
	display: none;
}

	@media only screen and (max-width: 1024px) {
		
		#gift-cards-drawer {
			display: none;
		}
		
	}

/* Footer Nav */

footer nav {
	padding-top: 60px;
	position: relative;
	width: 100%;
}

footer nav .logo {
	color: rgb(0,56,85);
	display: block;
	font-size: 3em;
	font-weight: bold;
	left: 50%;
	letter-spacing: .05em;
	line-height: 1;
	margin-left: -100px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 60px;
	width: 200px;
}

/*
footer nav ul {
	display: inline-block;
	vertical-align: middle;
}
*/

.footer-nav-left,
.footer-nav-right {
	box-sizing: border-box;
	list-style: none;
	margin: 5px auto 0;
	padding: 0;
	text-align: center;
	width: 50%;
}

.footer-nav-left {
	float: left;
	padding-right: 100px;
	right: 50%;
	text-align: right;
}

.footer-nav-right {
	float: right;
	padding-left: 95px;
	text-align: left;
}

footer nav ul li {
	display: inline-block;
	letter-spacing: .15em;
	margin: 0 25px;
	text-transform: uppercase;
	vertical-align: middle;
}

.footer-nav ul li:first-child {
	margin-left: 0;
}

.footer-nav ul li:last-child {
	margin-right: 0;
}

footer nav ul li a,
footer nav ul li a:link,
footer nav ul li a:visited {
	color: rgb(0,56,85);
	font-size: 1.2em;
	text-decoration: none;
		-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

footer nav ul li a:hover {
	color: #fff;
}

	@media only screen and (max-width: 1024px) {
		
		footer nav {
			padding-top: 25px;
		}
		
		footer nav .logo {
			left: auto;
			margin: 0 auto 15px;
			position: relative;
			top: auto;
			width: auto;
		}
		
		footer nav ul {
			display: none;
		}
		
	}
	
		@media only screen and (max-width: 767px) {
		
			footer nav {
				padding-top: 20px;
			}
			
			footer nav .logo {
				font-size: 2.2em;
				margin-bottom: 8px;
			}
		
		}

/* Social Media */

ul.social {
	font-size: 1em;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .social {
	position: relative;
	margin-top: -11px;
	top: 2px;
}

ul.social li {
	display: inline-block;
	vertical-align: middle;
}

footer nav ul li .social li {
	margin: 0;
}

footer nav ul li .social li:first-child {
	margin-left: 0;
}

footer nav ul li .social li:last-child {
	margin-right: 0;
}

.social li a {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: content-box;
	display: block;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	overflow: hidden;
	padding: 5px;
	text-indent: -9999em;
}

.instagram {
	background-image: url(../img/icon-instagram-blue.png);
	background-size: 18px 18px;
	height: 18px;
	width: 18px;
}

.instagram:hover {
	background-image: url(../img/icon-instagram-wht.png);
}

.facebook {
	background-image: url(../img/icon-facebook-blue.png);
	background-size: 10px 20px;
	height: 20px;
	width: 10px;
}

.facebook:hover {
	background-image: url(../img/icon-facebook-wht.png);
}

.twitter {
	background-image: url(../img/icon-twitter-blue.png);
	background-size: 23px 16px;
	height: 16px;
	width: 23px;
}

.twitter:hover {
	background-image: url(../img/icon-twitter-wht.png);
}

/* Rewards Form */

footer form {
	border-bottom: 2px solid #fff;
	margin: 70px auto 70px;
	max-width: 800px;
	position: relative;
}

footer form input[type='text'] {
		-webkit-appearance: none;
	appearance: normal;
	background: none;
	border: none;
	border-radius: none;
	box-sizing: border-box;
	color: rgb(0,56,85);
	font-family: 'Lasiver', Arial, Helvetica, Sans-serif;
	font-size: 1.5em;
	letter-spacing: .05em;
	line-height: 35px;
	margin: 0;
	padding: 0 100px 0 20px;
	text-align: left;
	width: 100%;
}

footer form input[type='text']::-webkit-input-placeholder {
	color: #fff;
}

footer form input[type='text']::-moz-placeholder {
	color: #fff;
}

footer form input[type='text']:-moz-placeholder {
	color: #fff;
}

footer form input[type='text']:-ms-input-placeholder { 
	color: #fff;
}

form input:focus,
form button:focus {
    outline: none;
}

footer form input[type='submit'] {
		-webkit-appearance: none;
	appearance: normal;
	background: none;
	border: none;
	border-radius: none;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	font-family: 'Lasiver', Arial, Helvetica, Sans-serif;
	font-size: 1.2em;
	letter-spacing: .15em;
	line-height: 35px;
	margin: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	padding: 0 20px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
	z-index: 1;
}

footer form input[type='submit']:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
}

footer form p {
	display: none;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 35px;
}

	@media only screen and (max-width: 1024px) {
		
		footer form {
			display: none;
		}
		
	}

/* Copyright */

footer .copyright {
	font-size: 1.2em;
	color: rgb(0,106,147);
	letter-spacing: .15em;
	text-transform: uppercase;
}

footer .copyright a {
		-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

footer .copyright a,
footer .copyright a:link,
footer .copyright a:visited {
	color: rgb(0,106,147);
	text-decoration: none;
}

footer .copyright a:hover {
	color: #fff;
}

.grip {
	background: transparent url(../img/grip-logo.png) no-repeat left top;
	background-size: 100% auto;
	bottom: 30px;
	display: block;
	height: 23px;
	position: absolute;
	right: 30px;
	width: 30px;
}

.grip:hover {
	background-position-y: bottom;
}

	@media only screen and (max-width: 1024px) {
		
		footer .copyright {
			font-size: 1em;
			color: rgb(0,56,85);
		}
		
		footer .copyright a,
		footer .copyright a:link,
		footer .copyright a:visited {
			color: rgb(0,56,85);
		}
		
		.grip {
			bottom: 25px;
			height: 19px;
			right: 20px;
			width: 25px;
		}
	
	}
	
		@media only screen and (max-width: 767px) {
			
			footer .copyright {
				font-size: .9em;
			}
			
			.grip {
				bottom: 22px;
				height: 17px;
				right: 15px;
				width: 22px;
			}
			
		}




/* ==========================================================================
   Homepage
   ========================================================================== */

/* Marquee */

.home-tagline {
	background-color: #009ddc;
	display: table;
	width: 100%;
}

.home-tagline > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.home-tagline > div h1 {
	color: rgb(0,56,85);
	font-size: 11.7em;
	font-weight: bold;
	line-height: 1.5;
}

#restaurants {
	bottom: 95px;
	height: 115px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
}

	@media only screen and (max-width: 1024px) {

		.home-tagline {
			height: 700px !important;
			padding: 0 20px;
		}
		
		.home-tagline > div h1 {
			font-size: 7em;
		}
		
		#restaurants {
			height: 130px;
			bottom: 0px;
		}
	
	}
	
		@media only screen and (max-width: 767px) {
			
			.home-tagline {
				height: 420px !important;
			}
			
			.home-tagline > div h1 {
				font-size: 3.3em;
			}
			
			#restaurants {
				height: 75px;
			}
			
		}

/*	Restaurants List */

.for-the-love-of-chicago-and-food {
	background-color: #003855;
	margin-top: -95px;
}

.for-the-love-of-chicago-and-food > h2 {
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: .15em;
	margin: 0 auto;
	padding: 40px 0 60px;
	text-align: center;
	text-transform: uppercase;
}

.for-the-love-of-chicago-and-food > p {
	color: #fff;
	font-size: 3.9em;
	line-height: 1.6;
	margin: 0 auto;
	padding: 0 0 50px;
	text-align: center;
}

.restaurants-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.restaurants-list li {
	background-color: #d2202f;
	box-sizing: border-box;
	display: block;
	float: left;
	height: 0;
	margin: 0;
	padding: 28% 0 0;
	position: relative;
	width: 50%;
}

.restaurants-list li a {
	color: #fff;
	bottom: 0;
	display: block;
	left: 0;
	padding: 3.5% 3%;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
}

.restaurants-list figure {
	bottom: 0;
	left: 0;
	margin: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	padding: 0;
	right: 0;
	top: 0;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
	position: absolute;
	z-index: 1;
}

.restaurants-list li a:hover figure {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}

.restaurants-list figcaption {
	display: none;
}

.restaurants-list a figcaption {
	box-sizing: border-box;
	border:3px solid #fff;
	display:table;
	height:100%;
	margin:0 auto;
	width:100%;
	position:relative;
	z-index: 2;
}

.restaurants-list figcaption table {
	display: table;
	border-collapse: collapse;
	height:100%;
	width:100%;
}

.restaurants-list figcaption table tr:first-child {
	height: 0;
}

.restaurants-list figcaption table tr:last-child {
	height: auto;
}

.restaurants-list figcaption table .location,
.restaurants-list figcaption table .category {
	font-size: 1em;
	letter-spacing: .15em;
	line-height: 1;
	padding: 10px 12px 7px 12px;
	text-align: left;
	text-transform: uppercase;
}

.restaurants-list figcaption table .location {
	border-bottom:3px solid #fff;
	vertical-align: middle;
}

.restaurants-list figcaption table .category {
	border-bottom:3px solid #fff;
	border-left:3px solid #fff;
	vertical-align: middle;
}

.restaurants-list figcaption table .name {
	display: table-cell;
	font-size: 4.5em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

	@media only screen and (max-width: 1024px) {
		
		.for-the-love-of-chicago-and-food {
			margin-top: 0;
		}
		
		.for-the-love-of-chicago-and-food > h2 {
			font-size: 1.1em;
			padding: 95px 0 30px;
		}
		
		.for-the-love-of-chicago-and-food > p {
			font-size: 2.6em;
			padding: 0 0 90px;
		}
		
		.restaurants-list {
			margin: 0 0 -1px;
		}
		
		.restaurants-list li {
			background-color: transparent;
			float: none;
			padding: 62% 0 0;
			width: 100%;
		}
		
		.restaurants-list li a:hover figure {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			opacity: 1;
		}
		
		.restaurants-list figcaption, .restaurants-list a figcaption {
			border-width: 2px;
		}
		
		.restaurants-list figcaption table .location {
			border-bottom-width: 2px;
		}
		
		.restaurants-list figcaption table .category {
			border-bottom-width: 2px;
			border-left-width: 2px;
		}
	
	}
	
		@media only screen and (max-width: 767px) {
			
			.for-the-love-of-chicago-and-food {
				padding: 0 20px 70px;
			}
		
			.for-the-love-of-chicago-and-food > h2 {
				font-size: 1em;
				padding: 60px 0 35px;
			}
			
			.for-the-love-of-chicago-and-food > p {
				font-size: 1.7em;
				padding: 0 0 60px;
			}
			
			.for-the-love-of-chicago-and-food > p br {
				display: none;
			}
			
			.restaurants-list {
				margin: 0;
			}
			
			.restaurants-list li {
				background-color: transparent;
				height: auto;
				margin-bottom: 35px;
				padding: 0;
			}
			
			.restaurants-list li:last-child {
				margin-bottom: 0;
			}
			
			.restaurants-list li a {
				bottom: auto;
				display: block;
				left: auto;
				padding: 0;
				position: relative;
				right: auto;
				top: auto;
			}
			
			.restaurants-list figure {
				display: none;
			}
			
			.restaurants-list figcaption, .restaurants-list a figcaption {
				border: none;
				display: block;
				height: auto;
			}
			
			.restaurants-list figcaption table,
			.restaurants-list figcaption tbody {
				display: block;
				height: auto;
			}
			
			.restaurants-list figcaption table tr {
				display: block;
				width: 100%;
			}
			
			.restaurants-list figcaption table tr:first-child {
				bottom: 0;
				height: auto;
				left: 0;
				max-height: none;
				position: absolute;
				width: 100%;
			}
			
			.restaurants-list figcaption table .location,
			.restaurants-list figcaption table .category {
				color: rgb(0,157,220);
				display: inline;
				padding: 0;
				text-align: center;
			}
			
			.restaurants-list figcaption table .location {
				border: none;
				vertical-align: top;
			}
			
			.restaurants-list figcaption table .location:after {
				background-color: rgb(0,157,220);
				content: ' ';
				display: inline-block;
				height: 1px;
				margin: 3px 3px 0 4px;
				vertical-align: top;
				width: 7px;
			}
			
			.restaurants-list figcaption table .category {
				border: none;
				vertical-align: top;
			}
			
			.restaurants-list figcaption table .name {
				display: block;
				font-size: 2.8em;
				padding-bottom: 20px;
				text-align: center;
				vertical-align: top;
			}
		
		}




/* ==========================================================================
   Interior Pages
   ========================================================================== */

.interior main {
	background-color: rgb(0,157,220);
}

.interior-fixed-content {
	background-color: transparent;
	height: 100%;
	left:0;
	position:fixed;
	right:50%;
	top:0;
	z-index: 9;
}

.interior-fixed-content .content-wrapper {
	display:table;
	height:100%;
	margin: 0 auto;
	max-width: 420px;
	width:100%;
}

.interior-right-content {
	background-color: transparent;
	color:#fff;
	float:right;
	min-height:100vh;
	padding: 170px 0 100px;
	text-align: center;
	width:50%;
}

.interior-right-content * {
	max-width: 400px;
	margin: 0 auto;
}

.interior h1 {
	color: #fff;
	font-size: 5em;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.interior main h2 {
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.5;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.interior .contact-list h3 {
	color: #fff;
	font-size: 3.1em;
	line-height: 1.3;
	margin-bottom: 4px;
}

.interior main p {
	font-size: 1.6em;
	line-height: 2;
	margin-bottom: 30px;
}

.interior main p:last-child {
	margin-bottom: 0;
}

.interior main p strong {
	font-size: .9em;
	font-weight: bold;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.interior .contact-list li {
	margin-bottom: 45px;
}

.interior .contact-list li:last-child {
	margin-bottom: 0;
}

.interior .contact-list .contact-title {
	color: rgb(0,157,220);
	font-size: 1.4em;
	letter-spacing: .05em;
	margin-bottom: 0;
	text-transform: uppercase;
}

.interior .contact-list .contact-email {
	font-size: 1.4em;
	letter-spacing: .15em;
	padding-top: 10px;
	text-transform: uppercase;
}

.interior .contact-list .contact-email a {
	font-weight: bold;
}

.interior .contact-list a {
	text-decoration: none;
		-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

.interior .contact-list + h2 {
	padding-top: 80px;
}

	@media only screen and (max-width: 1024px) {
		
		.interior-fixed-content {
			bottom: auto;
			left: auto;
			height: 410px;
			padding: 0 40px;
			position: relative;
			right: auto;
			top: auto;
		}
		
		.interior-fixed-content .content-wrapper {
			max-width: none;
		}
		
		.interior-fixed-content .content-wrapper .center {
			padding-top: 60px;
		}
		
		.interior-right-content {
			float: none;
			min-height: 0;
			padding: 80px 40px 90px;
			width: 100%;
		}
		
		.interior-right-content * {
			max-width: none;
		}
		
		.interior-right-content img {
			max-width: 100%;
		}
		
		.interior h1 {
			font-size: 3.4em;
		}
		
		.interior main h2 {
			font-size: 1.1em;
			margin-bottom: 30px;
		}
		
		.interior .contact-list li {
			margin-bottom: 35px;
		}
		
		.interior .contact-list h3 {
			font-size: 2.5em;
			margin-bottom: 5px;
		}
		
		.interior main p {
			font-size: 1.5em;
			line-height: 1.8;
			margin-bottom: 25px;
		}
		
		.interior .contact-list .contact-title {
			font-size: 1.1em;
		}
		
		.interior .contact-list .contact-email {
			font-size: 1.2em;
			padding-top: 6px;
		}
		
		.interior .contact-list + h2 {
			padding-top: 70px;
		}
		
	}

	@media only screen and (max-width: 767px) {

		.interior-fixed-content {
			height: auto;
			padding: 90px 20px 60px;
		}
		
		.interior-fixed-content .content-wrapper .center {
			padding-top: 0;
		}

		.interior-right-content {
			padding: 0 20px 60px;
		}
		
		.interior h1 {
			font-size: 2.5em;
		}
		
		.interior .contact-list h3 {
			margin-bottom: 2px;
		}
		
		.interior .contact-list .contact-email {
			padding-top: 3px;
		}
		
		.interior .contact-list li {
		    margin-bottom: 30px;
		}
		
		.interior .contact-list + h2 {
			padding-top: 60px;
		}
	}




/* ==========================================================================
   Restaurants
   ========================================================================== */

#restaurant main {
	background-color: rgb(0,70,59);
}

#restaurant h1 {
	margin-bottom: 25px;
}

#restaurant .restaurant-meta {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .1em;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#restaurant .restaurant-meta .location:after {
	background-color: #fff;
	content: ' ';
	display: inline-block;
	height: 1px;
	margin: 0 10px;
	vertical-align: middle;
	width: 20px;
}

#restaurant .restaurant-contact-info {
	border: 1px solid #fff;
	display: table;
	margin: 30px auto 40px;
	table-layout: fixed;
	width: 100%;
}

#restaurant .restaurant-contact-info td {
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 2.25;
	padding: 25px 15px 22px;
	text-transform: uppercase;
	width: 50%;
}

#restaurant .restaurant-contact-info td:hover {
	background-color: rgb(0,157,220);
}

#restaurant .restaurant-contact-info .contact-info {
	border-left: 1px solid #fff;
}

#restaurant .restaurant-contact-info tr:last-child td {
	border-bottom: none;
}

#restaurant .restaurant-contact-info a {
	display: block;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	text-decoration: none;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
	white-space: normal;
}

#restaurant .restaurant-contact-info a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
}

#restaurant .restaurant-links li {
	margin-bottom: 15px;
}

#restaurant .restaurant-links li:last-child {
	margin-bottom: 0;
}

#restaurant .restaurant-links a {
	font-size: 1.4em;
	letter-spacing: .1em;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	text-decoration: none;
	text-transform: uppercase;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

#restaurant .restaurant-links a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
}

#restaurant .interior-fixed-content .social {
	margin-top: 20px;
}

#restaurant .interior-fixed-content .social li {
	padding: 0 3px;
}

#restaurant .interior-fixed-content .social a {
	opacity: 1;
		-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

#restaurant .interior-fixed-content .social a:hover {
	opacity: .7;
}

#restaurant .interior-fixed-content .social a.facebook {
	background-image: url(../img/icon-facebook-wht.png);
}

#restaurant .interior-fixed-content .social a.twitter {
	background-image: url(../img/icon-twitter-wht.png);
}

#restaurant .interior-fixed-content .social a.instagram {
	background-image: url(../img/icon-instagram-wht.png);
}

/* Right Panel */

#restaurant .interior-right-content {
	background-color: #000;
	padding: 0;
}

#restaurant .interior-right-content * {
	max-width: none;
}

#restaurant .interior-right-content .gallery-slide {
	height: 100vh;
	position: relative;
	width: 100%;
}

#restaurant .interior-right-content .gallery-slide:first-child:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,.2);
    z-index: 1;
}

#restaurant .interior-right-content .gallery-slide img {
	left: 0;
	position: absolute;
	top: 0;
}

#restaurant .interior-right-content .gallery-slide .content-wrapper {
	position: relative;
	z-index: 2;
}

#restaurant .interior-right-content .gallery-slide .content-wrapper img {
	left: auto;
	position: static;
	top: auto;
}

	/* Vetical Media Queries for desktop browsers */
	
	@media only screen and (min-width: 1025px) and (max-height: 900px) {
		
		#restaurant h1 {
			line-height: 1.2;
		    margin-bottom: 15px;
		}
		
		#restaurant .restaurant-meta {
		    margin-bottom: 20px;
		}
		
		#restaurant main p {
		    line-height: 1.6;
		    margin-bottom: 20px;
		}
		
		#restaurant main h2 {
		    margin-bottom: 10px;
		}
		
		#restaurant .restaurant-contact-info {
			margin-bottom: 20px;
			margin-top: 20px;
		}
		
		#restaurant .restaurant-links li {
		    margin-bottom: 5px;
		}
		
	}
	
	@media only screen and (max-width: 1024px) {
		
		#restaurant main {
			min-height: 100%;
		}
		
		#restaurant .interior-fixed-content {
			height: auto;
			padding: 165px 40px 90px;
		}
		
		#restaurant .interior-fixed-content .content-wrapper .center {
			padding-top: 0;
		}
		
		#restaurant .restaurant-meta + p {
			margin-left: auto;
			margin-right: auto;
			max-width: 460px;
		}
		
		#restaurant .restaurant-contact-info {
			margin: 40px auto 50px;
			max-width: 460px;
		}
		
		#restaurant .restaurant-contact-info td:hover {
			background-color: transparent;
		}
		
		#restaurant .restaurant-links li {
			margin-bottom: 10px;
		}
		
		#restaurant .restaurant-links a {
			font-size: 1.3em;
		}
		
		#restaurant .interior-right-content .gallery-slide {
		    height: auto;
		    min-height: 210px;
		    padding-bottom: 0;
		    width: 100%;
		}
		
		#restaurant .interior-right-content .gallery-slide img {
			display: block !important;
			height: auto !important;
			left: auto !important;
			position: relative !important;
			top: auto !important;
			width: 100% !important;
		}
		
		#restaurant .interior-right-content .gallery-slide .content-wrapper {
		    position: absolute;
		    top: 50%;
		    	-webkit-transform: translateY(-50%);
		    	-ms-transform: translateY(-50%);
		    transform: translateY(-50%);
		    width: 100%;
		}
		
/*
		#restaurant .interior-right-content .gallery-slide .content-wrapper .center {
			display: block;
		}
*/
		
		#restaurant .interior-right-content .gallery-slide .content-wrapper img {
			max-width: 70%;
			width: auto !important;
		}
	
	}
		
		@media only screen and (max-width: 767px) {
			
			#restaurant .interior-fixed-content {
				padding: 90px 20px 50px;
			}
			
			#restaurant h1 {
				margin-bottom: 15px;
			}
			
			#restaurant .restaurant-meta {
				font-size: 1em;
				margin-bottom: 25px;
			}
			
			#restaurant .restaurant-meta .location:after {
				margin: 0 7px;
				width: 15px;
			}
			
			#restaurant main h2 {
				font-size: 1.2em;
				margin-bottom: 10px;
			}
			
			#restaurant .restaurant-contact-info {
				border: none;
				margin: -5px auto 30px;
				max-width: 240px;
				table-layout: fixed;
				width: 100%;
			}
			
			#restaurant .restaurant-contact-info tr {
				display: block;
				margin-bottom: 10px;
			}
			
			#restaurant .restaurant-contact-info tr:last-child {
				margin-bottom: 0;
			}
			
			#restaurant .restaurant-contact-info td {
				box-sizing: border-box;
				border-bottom: none;
				display: block;
				font-size: 1em;
				line-height: 1.8;
				padding: 15px 0 10px;
				width: 100%;
			}
			
			#restaurant .restaurant-contact-info .contact-info {
				border-top: 1px solid #fff;
				border-left: none;
			}
			
			#restaurant .restaurant-links li {
				margin-bottom: 7px;
			}
			
			#restaurant .interior-fixed-content .social {
				margin-top: 10px;
			}
		    
		    #restaurant .interior-right-content .gallery-slide .content-wrapper img {
			    max-height: 65%;
				max-width: 65%;
			}
			
		}




/* ==========================================================================
   About
   ========================================================================== */

#about main {
	background-color: rgb(210,32,47);
}

/* Left Panel */

#about .interior-fixed-content .content-wrapper {
	max-width: 500px;
}

/* Right Panel */

#about .interior-right-content {
	background-color: rgb(105,0,1);
	height: 100vh;
	padding: 0;
}

.interior-right-content .content-wrapper {
	display:table;
	height:100%;
	margin: 0 auto;
	width:100%;
}

#about h1 {
	margin-bottom: 55px;
}

#about .contact-list h3 a:hover {
	color: rgb(210,32,47);
}

#about .contact-list .contact-title {
	color: rgb(210,32,47);
}

	@media only screen and (min-width: 1025px) and (max-height: 800px) {

		#about main h2 {
			margin-bottom: 25px;
		}
		
		#about .interior-fixed-content p {
			line-height: 1.7;
		}
	
	}
	
		@media only screen and (min-width: 1025px) and (max-height: 600px) {
			
			#about h1 {
				margin-bottom: 20px;
			}
			
			.interior .contact-list li {
				margin-bottom: 30px;
			}
			
		}
	
	@media only screen and (max-width: 1024px) {
		
		#about .interior-fixed-content {
			background-color: rgb(105,0,1);
			height: auto;
			padding: 0;
		}
		
		#about .interior-fixed-content .content-wrapper {
		    max-width: none;
		}
		
		#about .interior-fixed-content .content-wrapper .center {
			padding-top: 0;
		}
		
		#about h1 {
			background-color: rgb(210,32,47);
			height: 410px;
			margin-bottom: 100px;
			padding: 210px 40px 0;
		}
		
		#about .interior-fixed-content p {
			margin-left: auto;
			margin-right: auto;
			max-width: 520px;
		}
		
		#about .interior-right-content {
			height: auto;
			padding: 100px 40px 90px;
		}
	
	}
	
		@media only screen and (max-width: 767px) {
			
			#about .interior-fixed-content {
				background-color: rgb(210,32,47);
				padding: 90px 20px 60px;
			}
			
			#about h1 {
				background-color: transparent;
				height: auto;
				margin-bottom: 60px;
				padding: 0;
			}
			
			#about .interior-right-content {
				padding: 70px 20px 60px;
			}
			
		}




/* ==========================================================================
   Team Members
   ========================================================================== */
   
#team-member main {
	background-color: rgb(210,32,47);
}

/* Left Panel */

#team-member .interior-fixed-content .content-wrapper {
	background-color: rgb(210,32,47);
	bottom: 0;
	height: auto;
	left: 0;
	max-width: none;
	min-height: 25%;
	padding: 50px 0 40px;
	position: absolute;
	width: 100.1%;
	z-index: 10;
}

#team-member .interior-fixed-content .content-wrapper * {
	margin: 0 auto;
	max-width: 400px;
}

#team-member .interior-fixed-content .content-wrapper h1 {
	margin-bottom: 30px;
}

.back-link {
	color: rgb(105,0,1) !important;
	display: block;
	font-size: 1.4em;
	letter-spacing: .05em;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
		-webkit-transition: color .25s linear;
	transition: color .25s linear;
	width: 100%;
}

.back-link:hover {
	color: #fff !important;
}

/* Right Panel */

#team-member .interior-right-content {
	background-color: rgb(105,0,1);
}

/* Image */

#team-member .img-wrapper {
	height: 75%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 50%;
	z-index: 8;
}

	@media only screen and (max-width: 1024px) {
		
		#team-member main {
			background-color: rgb(105,0,1);
			min-height: 100%;
		}
		
		#team-member .interior-fixed-content .content-wrapper {
			height: 100%;
			left: 0;
			min-height: 0;
			padding: 160px 20px 0;
			width: 50%;
		}
		
		#team-member .interior-fixed-content .content-wrapper * {
			max-width: none;
		}
		
		#team-member .interior-fixed-content .content-wrapper h1 {
			margin: 0 auto 20px;
			max-width: 300px;
		}
		
		.back-link {
			color: #fff !important;
			font-size: 1.1em;
		}
		
		#team-member .interior-right-content p {
			margin-left: auto;
			margin-right: auto;
			max-width: 520px;
		}
		
		#team-member .img-wrapper {
			height: 410px;
			left: auto;
			position: absolute;
			right: 0;
			width: 50%;
		}
		
	}
	
		@media only screen and (max-width: 767px) {
		
			#team-member .interior-fixed-content {
				padding-bottom: 0;
				padding-left: 0;
				padding-right: 0;
			}
			
			#team-member .interior-fixed-content .content-wrapper {
				background-color: transparent;
				bottom: auto;
				height: auto;
				left: auto;
				padding: 0 20px;
				position: relative;
				width: 100%;
			}
			
			#team-member .interior-fixed-content .content-wrapper h1 {
				margin-bottom: 60px;
				max-width: 230px;
			}
			
			.back-link {
				display: none;
			}
			
			#team-member .interior-right-content {
				background-color: transparent;
			}
			
			#team-member .img-wrapper {
				height: auto;
				position: relative;
				right: auto;
				width: 100%;
			}
			
			#team-member .img-wrapper img {
				display: block !important;
				height: auto !important;
				left: auto !important;
				position: relative !important;
				top: auto !important;
				width: 100% !important;
			}
		
		}




/* ==========================================================================
   Events
   ========================================================================== */

#events .interior-fixed-content .content-wrapper {
	max-width: 450px;
}

#events .interior-right-content {
	background-color: rgb(0,56,85);
	height: 100vh;
	padding: 0;
}

#events .contact-list h3 a:hover {
    color: rgb(0,157,220);
}

	@media only screen and (max-width: 1024px) {
		
		#events main {
			background-color: rgb(0,56,85);
			min-height: calc(100vh - 105px);
		}
		
		#events .interior-fixed-content {
			background-color: rgb(0,157,220);
		}
	
		#events .interior-right-content {
			background-color: transparent;
			height: auto;
			padding: 100px 40px 90px;
		}
		
	}

		@media only screen and (max-width: 767px) {
			
			#events main {
				background-color: rgb(0,56,85);
				min-height: calc(100vh - 83px);
			}
			
			#events .interior-fixed-content {
				background-color: transparent;
			}
			
			#events .interior-right-content {
				padding-top: 0;
				padding-bottom: 100px;
			}
			
		}




/* ==========================================================================
   Private Events & Catering Pages
   ========================================================================== */

#private-events main,
#catering main {
	background-color: rgb(0,70,59);
}

#private-events .interior-right-content,
#catering .interior-right-content {
	background-color: rgb(0,56,85);
}

#private-events .interior-right-content *,
#catering .interior-right-content * {
	margin: 0;
	max-width: none;
}

#private-events .interior-fixed-content .content-wrapper h1,
#catering .interior-fixed-content .content-wrapper h1 {
    margin-bottom: 30px;
}

#private-events .back-link,
#catering .back-link {
	color: rgb(0,157,220) !important;
}

#private-events .back-link:hover,
#catering .back-link:hover {
	color: #fff !important;
}

/* Contact Forms */

#private-events main .interior-right-content #form-wrapper,
#catering main .interior-right-content #form-wrapper {
	margin: 0 auto;
	max-width: 540px;
}

#private-events main form .field,
#catering main form .field {
	margin-bottom: 90px;
}

#private-events main form .field span,
#catering main form .field span {
	display: block;
	font-size: 3.7em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}

#private-events main form .field span em,
#catering main form .field span em {
	display: block;
	font-size: .45em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .1em;
	margin-top: 20px;
	text-transform: uppercase;
}

#private-events main form .field .col-2,
#catering main form .field .col-2 {
	box-sizing: border-box;
	float: left;
	padding: 0 20px;
	width: 50%;
}

#private-events main form input[type='text'],
#private-events main form input[type='tel'],
#private-events main form input[type='email'],
#catering main form input[type='text'],
#catering main form input[type='tel'],
#catering main form input[type='email'] {
	-webkit-appearance: none;
	background: none;
	border: none;
	border-bottom: 2px solid #fff;
	border-radius: 0;
	box-sizing: border-box;
	color: rgb(0,157,220);
	font-family: 'Lasiver', Arial, Helvetica, Sans-serif;
	font-size: 3.7em;
	margin: 0 auto;
	max-width: 400px;
	padding: 0 5px 5px;
	text-align: center;
	width: 100%;
}



#private-events main form .checkbox-option-wrapper,
#catering main form .checkbox-option-wrapper,
#private-events main form .radio-option-wrapper,
#catering main form .radio-option-wrapper {
	overflow: hidden;
	position: relative;
	text-align: left;
}

#private-events main form .field-checkbox label,
#catering main form .field-checkbox label,
#private-events main form .field-radio label,
#catering main form .field-radio label {
	cursor: pointer;
	display: inline-block;
	font-size: 2.2em;
}

#private-events main form .field-checkbox span,
#catering main form .field-checkbox span,
#private-events main form .field-radio span,
#catering main form .field-radio span {
	margin-bottom: 50px;
}

#private-events main form .field-checkbox input:checked + label,
#catering main form .field-checkbox input:checked + label,
#private-events main form .field-radio input:checked + label,
#catering main form .field-rado input:checked + label {
	color: rgb(0,157,220);
}

#private-events main form .field-checkbox input,
#catering main form .field-checkbox input,
#private-events main form .field-radio input,
#catering main form .field-radio input {
	position: absolute;
	right: 200%;
}

#private-events main form input[type='text']::-webkit-input-placeholder,
#private-events main form input[type='tel']::-webkit-input-placeholder,
#private-events main form input[type='email']::-webkit-input-placeholder,
#catering main form input[type='text']::-webkit-input-placeholder,
#catering main form input[type='tel']::-webkit-input-placeholder,
#catering main form input[type='email']::-webkit-input-placeholder {
	color: rgb(27,95,134);
}

#private-events main form input[type='text']::-moz-placeholder,
#private-events main form input[type='tel']::-moz-placeholder,
#private-events main form input[type='email']::-moz-placeholder,
#catering main form input[type='text']::-moz-placeholder,
#catering main form input[type='tel']::-moz-placeholder,
#catering main form input[type='email']::-moz-placeholder {
	color: rgb(27,95,134);
}

#private-events main form input[type='text']:-moz-placeholder,
#private-events main form input[type='tel']:-moz-placeholder,
#private-events main form input[type='email']:-moz-placeholder,
#catering main form input[type='text']:-moz-placeholder,
#catering main form input[type='tel']:-moz-placeholder,
#catering main form input[type='email']:-moz-placeholder {
	color: rgb(27,95,134);
}

#private-events main form input[type='text']:-ms-input-placeholder,
#private-events main form input[type='tel']:-ms-input-placeholder,
#private-events main form input[type='email']:-ms-input-placeholder,
#catering main form input[type='text']:-ms-input-placeholder,
#catering main form input[type='tel']:-ms-input-placeholder,
#catering main form input[type='email']:-ms-input-placeholder { 
	color: rgb(27,95,134);
}

#private-events main form .field-checkbox .checkbox-option-wrapper,
#catering main form .field-checkbox .checkbox-option-wrapper,
#catering main form .field-radio .radio-option-wrapper {
	margin-bottom: 10px;
}

#private-events main form .field-checkbox .checkbox-option-wrapper:last-child,
#catering main form .field-checkbox .checkbox-option-wrapper:last-child,
#catering main form .field-radio .radio-option-wrapper:last-child {
	margin-bottom: 0;
}

/*
#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper,
#catering main form .field-checkbox + .field-radio .radio-option-wrapper {
	display: inline-block;
	margin: 0 15px;
}

#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper:first-child,
#catering main form .field-checkbox + .field-checkbox .checkbox-option-wrapper:first-child {
	margin-left: 0;
}

#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper:last-child,
#catering main form .field-checkbox + .field-checkbox .checkbox-option-wrapper:last-child {
	margin-right: 0;
}
*/

#private-events main form .field-select .col-2,
#catering main form .field-select .col-2 {
	position: relative;
}

#private-events main form .field-select label,
#catering main form .field-select label {
	display: inline-block;
	padding: 0 10px;
}

#private-events main form .field-select,
#catering main form .field-select {
	position: relative;
}

#private-events main form .field-select span,
#catering main form .field-select span {
	margin-bottom: 25px;
}

#private-events main form .field-select .faux-input,
#catering main form .field-select .faux-input {
	background-color: rgb(0,56,85);
	border-bottom: 2px solid #fff;
	bottom: 0;
	box-sizing: border-box;
	color: rgb(27,95,134);
	font-size: 3.7em;
	left: 50%;
	line-height: 1;
    margin: 0 auto;
    max-width: 400px;
	padding: 15px 0 10px;
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	z-index: 2;
}

#private-events main form .field-select .faux-input.selected,
#catering main form .field-select .faux-input.selected {
	color: rgb(0,157,220);
}

#private-events main form .field-select .col-2:first-child .faux-input,
#catering main form .field-select .col-2:first-child .faux-input {
	left: 7.5%;
	max-width: none;
	transform: translateX(0);
	width: 85%;
}

#private-events main form .field-select .col-2:last-child .faux-input,
#catering main form .field-select .col-2:last-child .faux-input {
	left: auto;
	max-width: none;
	right: 7.5%;
	transform: translateX(0);
	width: 85%;
}

#private-events main form .field-select select,
#catering main form .field-select select {
	font-size: 2em;
	margin-bottom: 25px;
	max-width: calc(400px * .85);
	width: 85%;
}

#private-events main form .field-select .col-2:first-child select,
#catering main form .field-select .col-2:first-child select {
	max-width: none;
}

#private-events main form fieldset:first-child + fieldset legend,
#catering main form fieldset:first-child + fieldset legend {
	display: block;
	font-size: 3.7em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}

#private-events main form fieldset:first-child + fieldset .field-text,
#catering main form .contact-info {
	margin-bottom: 30px;
}

#private-events main form fieldset:first-child + fieldset .field-text span,
#catering main form .contact-info span {
	display: none;
}

#catering main form .contact-info + .field-text:not(.contact-info) {
	padding-top: 60px;
}

#private-events main form fieldset:first-child + fieldset .field-radio,
#catering main form fieldset:first-child + fieldset .field-radio {
	font-size: 2.2em;
	margin-bottom: 70px;
	padding-top: 20px;
}

#private-events main form fieldset:first-child + fieldset .field-radio span,
#catering main form fieldset:first-child + fieldset .field-radio span {
	font-size: .8em;
	font-weight: normal;
	letter-spacing: .1em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#private-events main form fieldset:first-child + fieldset .field-radio .radio-option-wrapper,
#catering main form fieldset:first-child + fieldset .field-radio .radio-option-wrapper {
	display: inline-block;
	margin: 0 5px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
}

#private-events main form fieldset:first-child + fieldset .field-radio .radio-option-wrapper label,
#catering main form fieldset:first-child + fieldset .field-radio .radio-option-wrapper label {
	cursor: pointer;
	font-size: 1em;
}

#private-events main form fieldset:first-child + fieldset .field-radio .radio-option-wrapper input,
#catering main form fieldset:first-child + fieldset .field-radio .radio-option-wrapper input {
	position: absolute;
	right: 200%;
}

#private-events main form .field-radio input:checked + label,
#catering main form .field-radio input:checked + label {
	color: rgb(0,157,220);
}

#catering main form .field.delivery-address {
	margin-bottom: 30px;
}

#catering main form .delivery-address + .delivery-address span {
	display: none;
}

#catering main form .delivery-address + .field-checkbox {
	padding-top: 60px;
}

#private-events .interior-right-content .btn,
#catering .interior-right-content .btn {
	margin: 0 auto;
		-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

#private-events .interior-right-content .btn:disabled,
#catering .interior-right-content .btn:disabled {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity: .7;
	pointer-events: none;
}

#errors {
	color: rgb(210,32,47);
	display: none;
	font-size: 1.6em;
	padding-bottom: 30px;
}

#errors ul {
	margin-top: 10px;
}

#errors li {
	display: inline-block;
	font-weight: bold;
}

#errors li:after {
	content: ',\00a0';
}

#errors li:last-child:after {
	content: none;
}

#confirmation {
	display: none;
	height: 100vh;
	left: 0;
	padding: 0 100px;
    position: absolute;
    top: 0;
    width: 100%;
}

#confirmation p {
	display: table-cell;
	font-size: 3.7em;
	font-weight: bold;
	line-height: 1.3;
	vertical-align: middle;
}

	@media only screen and (max-width: 1200px) {
		
/*
		#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper,
		#catering main form .field-checkbox + .field-checkbox .checkbox-option-wrapper {
			margin: 0 10px;
		}
*/
		
	}
	
		@media only screen and (max-width: 1024px) {
			
			#private-events main,
			#catering main {
				min-height: 100%;
				background-color: rgb(0,56,85);
			}

			#private-events .interior-fixed-content,
			#catering .interior-fixed-content {
				background-color: rgb(0,70,59);
			}
			
			#private-events .interior-fixed-content .content-wrapper h1,
			#catering .interior-fixed-content .content-wrapper h1 {
			    margin-bottom: 20px;
			}
			
			#private-events .back-link,
			#catering .back-link {
				color: #fff !important;
			}
			
			#private-events main form .field,
			#catering main form .field {
			    margin-bottom: 70px;
			}
			
			#private-events main form .field span,
			#catering main form .field span {
			    font-size: 2.7em;
			    margin-bottom: 15px;
			}
			
			#private-events main form input[type='text'],
			#private-events main form input[type='tel'],
			#private-events main form input[type='email'],
			#catering main form input[type='text'],
			#catering main form input[type='tel'],
			#catering main form input[type='email'] {
			   font-size: 2.7em;
			}
			
			#private-events main form .field span em,
			#catering main form .field span em {
			    font-size: .55em;
			}
			
			#private-events main form .field-checkbox span,
			#catering main form .field-checkbox span {
			    margin-bottom: 35px;
			}
			
/*
			#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper,
			#catering main form .field-checkbox + .field-checkbox .checkbox-option-wrapper {
				margin: 0 15px;
			}
*/
			
			#private-events main form .field-checkbox label,
			#catering main form .field-checkbox label,
			#catering main form .field-radio label {
			    font-size: 1.8em;
			}
			
			#private-events main form .field-select span,
			#catering main form .field-select span {
			    margin-bottom: 10px;
			}
			
			#private-events main form .field-select .faux-input,
			#catering main form .field-select .faux-input {
			    font-size: 2.7em;
			}
			
			#private-events main form .field-select .col-2:first-child .faux-input,
			#catering main form .field-select .col-2:first-child .faux-input {
			    left: 12.5%;
			    width: 75%;
			}
			
			#private-events main form .field-select .col-2:last-child .faux-input,
			#catering main form .field-select .col-2:last-child .faux-input {
			    right: 12.5%;
			    width: 75%;
			}
			
			#private-events main form .field-select select,
			#catering main form .field-select select {
			    margin-bottom: 15px;
			}
			
			#private-events main form fieldset:first-child + fieldset legend,
			#catering main form fieldset:first-child + fieldset legend {
			    font-size: 2.7em;
			}
			
			#private-events main form fieldset:first-child + fieldset .field-radio span,
			#catering main form fieldset:first-child + fieldset .field-radio span {
			    font-size: .85em;
			}
			
			#private-events main form fieldset:first-child + fieldset .field-radio,
			#catering main form fieldset:first-child + fieldset .field-radio {
			    font-size: 1.8em;
			    margin-bottom: 60px;
			}
			
			#private-events main form fieldset:first-child + fieldset .field-text,
			#catering main form fieldset:first-child + fieldset .field-text {
			    margin-bottom: 25px;
			}
			
			#catering main form .field.delivery-address {
				margin-bottom: 25px;
			}
			
			#catering main form .delivery-address + .field-checkbox {
				padding-top: 40px;
			}
			
			#catering main form .contact-info + .field-text:not(.contact-info) {
				padding-top: 40px;
			}
			
			#confirmation {
				height: auto;
				left: auto;
				padding: 0;
			    position: static;
			    top: auto;
			}
			
			#confirmation p {
				display: inline-block;
				font-size: 2.7em;
				vertical-align: top;
			}
			
		}
	
			@media only screen and (max-width: 767px) {
			
				#private-events main,
				#catering main {
					background-color: rgb(0,56,85);
				}
				
				#private-events .interior-fixed-content,
				#catering .interior-fixed-content {
					background-color: transparent;
				}
				
				#private-events .interior-fixed-content .content-wrapper h1,
				#catering .interior-fixed-content .content-wrapper h1 {
				    margin-bottom: 0;
				}
				
				#private-events .interior-right-content,
				#catering .interior-right-content {
					background-color: transparent;
				}
				
				#private-events main form .field,
				#catering main form .field {
				    margin-bottom: 50px;
				}
				
				#private-events main form .field span,
				#catering main form .field span {
				    font-size: 2em;
				    margin-bottom: 10px;
				}
				
				#private-events main form input[type='text'],
				#private-events main form input[type='tel'],
				#private-events main form input[type='email'],
				#catering main form input[type='text'],
				#catering main form input[type='tel'],
				#catering main form input[type='email'] {
				   font-size: 2em;
				   max-width: 300px;
				}
				
				#private-events main form .field span em,
				#catering main form .field span em {
				    font-size: .65em;
				    margin-top: 15px;
				}
				
				#private-events main form .field-checkbox,
				#catering main form .field-checkbox {
					margin-left: auto;
					margin-right: auto;
					max-width: 440px;
				}
				
				#private-events main form .field-checkbox span,
				#catering main form .field-checkbox span {
				    margin-bottom: 25px;
				}
				
				#private-events main form .field .col-2,
				#catering main form .field .col-2 {
					padding: 0 10px;
				}
				
				#private-events main form .field span + .col-2,
				#catering main form .field span + .col-2 {
					padding-left: 0;
				}
				
				#private-events main form .field .col-2:last-child,
				#catering main form .field .col-2:last-child {
					padding-right: 0;
				}
				
				#private-events main form .field-checkbox .checkbox-option-wrapper,
/* 				#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper, */
				#catering main form .field-checkbox .checkbox-option-wrapper,
/* 				#catering main form .field-checkbox + .field-checkbox .checkbox-option-wrapper, */
				#catering main form .field-radio .radio-option-wrapper/*
,
				#catering main form .field-checkbox + .field-radio .radio-option-wrapper
*/ {
					display: block;
					margin: 0 0 10px;
					text-align: center;
				}
				
				#private-events main form .field-checkbox .col-2,
				#catering main form .field-checkbox .col-2,
				#catering main form .field-radio .col-2 {
					float: none;
					padding: 0;
					width: 100%;
				}
				
				#private-events main form .field-checkbox .col-2:last-child,
				#catering main form .field-checkbox .col-2:last-child,
				#catering main form .field-radio .col-2:last-child {
					margin-top: 10px;
				}
				
/*
				#private-events main form .field-checkbox + .field-checkbox .checkbox-option-wrapper:last-child,
				#catering main form .field-checkbox + .field-checkbox .checkbox-option-wrapper:last-child,
				#catering main form .field-radio + .field-radio .radio-option-wrapper:last-child {
					margin-bottom: 0;
				}
*/
				
				#private-events main form .field-checkbox label,
				#catering main form .field-checkbox label,
				#catering main form .field-radio label {
				    font-size: 1.5em;
				}
				
				#private-events main form .field-select span,
				#catering main form .field-select span {
				    margin-bottom: 10px;
				}
				
				#private-events main form .field-select .col-2,
				#catering main form .field-select .col-2 {
					padding: 0;
				}
				
				#private-events main form .field-select .faux-input,
				#catering main form .field-select .faux-input {
				    font-size: 2em;
				    max-width: 300px;
				}
				
				#private-events main form .field-select .col-2:first-child .faux-input,
				#catering main form .field-select .col-2:first-child .faux-input {
				    left: 10%;
				    width: 80%;
				}
				
				#private-events main form .field-select .col-2:last-child .faux-input,
				#catering main form .field-select .col-2:last-child .faux-input {
				    right: 10%;
				    width: 80%;
				}
				
				#private-events main form .field-select select,
				#catering main form .field-select select {
				    margin-bottom: 10px;
				}
				
				#private-events main form fieldset:first-child + fieldset legend,
				#catering main form fieldset:first-child + fieldset legend {
				    font-size: 2em;
				    margin-bottom: 10px;
				}
				
				#private-events main form fieldset:first-child + fieldset .field-text,
				#catering main form fieldset:first-child + fieldset .field-text {
				    margin-bottom: 20px;
				}
				
				#private-events main form fieldset:first-child + fieldset .field-radio,
				#catering main form fieldset:first-child + fieldset .field-radio {
				    font-size: 1.5em;
				    margin-bottom: 40px;
				}
				
				#private-events main form fieldset:first-child + fieldset .field-radio span,
				#catering main form fieldset:first-child + fieldset .field-radio span {
				    font-size: .9em;
				    line-height: 1.6;
				    margin-bottom: 10px;
				}
				
				#catering main form .field.delivery-address {
					margin-bottom: 20px;
				}
				
				#catering main form .delivery-address + .field-checkbox {
					padding-top: 30px;
				}
				
				#catering main form .contact-info + .field-text:not(.contact-info) {
					padding-top: 30px;
				}
				
				#errors {
					font-size: 1.4em;
					padding-bottom: 20px;
				}
				
				#confirmation p {
					font-size: 2em;
				}
				
			}




/* ==========================================================================
   Happenings
   ========================================================================== */

#happenings main {
	background-color: rgb(0,157,220);
}

/* Right Panel */

#happenings .interior-right-content {
	background-color: rgb(35,31,32);
}

.post-wrapper {
	margin-bottom: 90px;
}

.post-wrapper:last-child {
	margin-bottom: 0;
}

.post-wrapper .post-date {
	color: rgb(0,157,220);
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#happenings .post-wrapper h2 {
	color: #fff;
	font-size: 3.1em;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.3;
	margin-bottom: 0;
	text-transform: none;
}

#happenings .post-wrapper h2 + * {
	padding-top: 25px;
}

#happenings .post-wrapper h2 + figure {
	padding-top: 35px;
}

#happenings .post-wrapper figure {
	margin-bottom: 30px;
}

#happenings .post-wrapper img {
	display: inline-block;
	margin: 0 auto;
}

#happenings .post-wrapper figure:last-child {
	margin-bottom: 0;
}

#happenings .post-wrapper p {
	margin-bottom: 20px;
}

#happenings .post-wrapper ul,
#happenings .post-wrapper ol {
	font-size: 1.6em;
    line-height: 2;
    margin-bottom: 20px;
}

#happenings .post-wrapper p:last-child,
#happenings .post-wrapper ul:last-child,
#happenings .post-wrapper ol:last-child {
	margin-bottom: 0;
}

#happenings .post-pagination {
	font-size: 1.6em;
    line-height: 2;
	text-align: center;
}

#happenings .post-pagination .previous-posts + .next-posts:before {
	content: '|';
	margin: 0 10px;
}

	@media only screen and (max-width: 1024px) {
		
		.post-wrapper .post-date {
			font-size: 1em;
		}
		
		#happenings .post-wrapper h2 {
			font-size: 2em;
		}
		
		.post-wrapper {
			margin-bottom: 70px;
		}
		
		#happenings .post-wrapper figure {
			margin-bottom: 25px;
		}
		
		#happenings .post-pagination {
			font-size: 1.5em;
		    line-height: 1.8;
		}
		
	}
	
		@media only screen and (max-width: 767px) {
	
			#happenings main {
				background-color: rgb(35,31,32);
			}
			
			#happenings .interior-right-content {
				background-color: transparent;
			}
			
			.post-wrapper .post-date {
				margin-bottom: 10px;
			}
			
			.post-wrapper {
				margin-bottom: 50px;
			}
			
			#happenings .post-wrapper h2 + * {
				padding-top: 15px;
			}
			
			#happenings .post-wrapper h2 + figure {
				padding-top: 25px;
			}
			
		}
	



/* ==========================================================================
   Contact
   ========================================================================== */

#contact main {
	background-color: rgb(210,32,47);
}

#contact .interior-right-content {
	background-color: rgb(0,56,85);
	height: 100vh;
	padding: 0;
}

#contact .interior-right-content .content-wrapper {
	display:table;
	height:100%;
	margin: 0 auto;
	width:100%;
}

#contact .interior-right-content h2 {
	color: rgb(0,157,220);
	margin-bottom: 25px;
}

#contact .interior-right-content p + h2 {
	padding-top: 30px;
}

#contact .interior-right-content p {
	font-size: 3.1em;
	line-height: 1.3;
}

#contact .interior-right-content p a {
	color: #fff;
	text-decoration: none;
		-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#contact .interior-right-content p a:hover {
	color: rgb(0,157,220);
	text-decoration: none;
}

#contact .contact-list .contact-title {
	color: #fff;
}

	@media only screen and (max-width: 1024px) {
	
		#contact .interior-right-content {
			height: auto;
			padding: 100px 40px 90px;
		}
		
	}

		@media only screen and (max-width: 767px) {
			
			#contact main {
				background-color: rgb(0,56,85);
			}
			
			#contact .interior-right-content {
				background-color: transparent;
				padding-top: 0;
				padding-bottom: 100px;
			}
			
			#contact .interior-right-content h2 {
				margin-bottom: 15px;
			}
			
			#contact .interior-right-content p + h2 {
				padding-top: 15px;
			}
			
			#contact .interior-right-content p {
				font-size: 2.5em;
				line-height: 1.5;
			}
			
		}



/* ==========================================================================
   Gift Cards
   ========================================================================== */

#gift-cards main {
	background-color: rgb(0,157,220);
}

/* Right Panel */

#gift-cards .interior-right-content {
	background-color: rgb(35,31,32);
}

#gift-cards .interior-right-content ul {
	margin: 0 auto -70px;
	max-width: 300px;
}

#gift-cards .interior-right-content ul li {
	height: auto;
	margin-bottom: 70px;
	position: relative;
	width: 100%;
}

#gift-cards .interior-right-content .img-wrapper {
    border: 2px solid #fff;
    border-radius: 20px;
    display: table;
    height: 175px;
    	-webkit-transition: background-color .25s linear;
	transition: background-color .25s linear;
    width: 100%;
}

#gift-cards .interior-right-content .img-wrapper:hover {
	background-color: rgb(210,32,47);
}

#gift-cards .interior-right-content .img-wrapper a {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

/* See Footer section desktop logo styles */

	@media only screen and (max-width: 1024px) {
		
		#gift-cards main {
			background-color: rgb(35,31,32);
		}
		
		#gift-cards .interior-fixed-content {
			height: auto;
			padding: 180px 40px 100px;
		}
		
		#gift-cards .interior-fixed-content .content-wrapper .center {
		    padding-top: 0;
		}
		
		#gift-cards .interior-right-content {
			background-color: transparent;
			padding-top: 0;
		}
		
		#gift-cards .interior-right-content ul {
			display: table;
			max-width: none;
			width: 100%;
		}
		
		#gift-cards .interior-right-content ul li {
			display: inline-block;
			max-width: 250px;
			margin: 0 35px 70px;
		}
		
		#gift-cards .interior-right-content .img-wrapper {
		    height: 145px;
		}
		
		#gift-cards .img-wrapper img.gc-doc-lp,
		#gift-cards .img-wrapper img.gc-doc-lombard {
			height: 42%;
		}
		
	}
	
		@media only screen and (max-width: 767px) {
			
			#gift-cards .interior-fixed-content {
				height: auto;
				padding: 90px 20px 60px;
			}
			
			#gift-cards .interior-right-content ul {
				margin-bottom: -40px;
			}
			
			#gift-cards .interior-right-content ul li {
				max-width: 215px;
				margin-bottom: 40px;
			}
			
			#gift-cards .interior-right-content .img-wrapper {
			    height: 125px;
			}
			
			#gift-cards .img-wrapper img.gc-doc-lp,
			#gift-cards .img-wrapper img.gc-doc-lombard {
				height: 37%;
			}
			
		}




/* ==========================================================================
   Careers
   ========================================================================== */

#careers .interior-right-content {
	background-color: rgb(0,56,85);
}

.ca-jobcard-container + .ca-filter-panel-container .ca-filter-panel .ca-filter-section {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

   	@media only screen and (max-width: 1024px) {
	
		#careers .interior-right-content {
			height: auto;
		}
		
	}
	
		@media only screen and (max-width: 767px) {
			
			#careers .interior-fixed-content {
			    background-color: transparent;
			}
			
			#careers .ca-widget-jobs .ca-single-job-card {
	    		width: calc(100% - 20px) !important;
			}
			
		}
		
			@media only screen and (max-width: 480px) {
				
				#careers .ca-widget-jobs .ca-jobcard-container .ca-jobcard-section .ca-single-job-card .ca-job-info .ca-job-business,
				#careers .ca-widget-jobs .ca-jobcard-container .ca-jobcard-section .ca-single-job-card .ca-job-info .ca-job-address {
				    font-size: 11px;
				}
				
			}




/* ==========================================================================
   Rewards
   ========================================================================== */
   
#rewards main {
	background-color: rgb(0,56,85);
}

#rewards .interior-right-content {
	background-color: rgb(0,157,220);
    height: 100vh;
    padding: 0;
}

#rewards .interior-right-content h2 {
	background: transparent url(../img/4star-rewards.png) no-repeat left top;
	background-size: 100% auto;
	display: inline-block;
	height: 30px;
	margin-bottom: 50px;
	overflow: hidden;
	text-indent: -99999em;
	width: 332px;
}

#rewards .interior-right-content p {
	max-width: 390px;
}

#rewards .interior-right-content p strong {
	font-size: 1em;
	letter-spacing: 0;
	text-transform: none;
}

#rewards .interior-right-content p:last-child {
	line-height: 1;
}

#rewards .interior-right-content p:last-child a {
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
    	-webkit-transition: color .25s linear;
    transition: color .25s linear;
}

#rewards .interior-right-content p:last-child a:hover {
	color: rgb(0,56,85);
}

#rewards .interior-right-content p:last-child a + span {
	font-size: .9em;
	letter-spacing: .05em;
	margin: 0 15px;
	text-transform: uppercase;
	vertical-align: middle;
}

	@media only screen and (max-width: 1024px) {
	
		#rewards .interior-right-content {
			height: auto;
			min-height: calc(100vh - 410px);
			padding: 80px 40px 90px;
		}
		
	}
	
		@media only screen and (max-width: 767px) {
			
			#rewards main {
				background-color: rgb(0,157,220);
				min-height: calc(100vh - 83px);
			}
			
			#rewards .interior-right-content {
				background-color: transparent;
				min-height: 0;
				padding: 0 20px 60px;
			}
			
			#rewards .interior-right-content h2 {
				height: 25px;
				margin-bottom: 30px;
				width: 270px;
			}
			
			#rewards .interior-right-content p:last-child a {
				font-size: 1.6em;
			}
			
		}




/* ==========================================================================
   Popup
   ========================================================================== */

#popup-wrapper {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
	
#popup-overlay {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	display: none;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#popup-ad-wrapper {
	display: none;
	height: 100%;
	position: relative;
	text-align: center;
	z-index: 999;
}

#popup-ad {
	display: flex;
	flex-direction: column;
	height: 100%;
    justify-content: flex-start;
    overflow-y: scroll;
    padding: 50px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
	#popup-ad {
		padding: 40px;
	}
}

#popup-ad a {
	margin: auto;
}

#popup-ad img {
	display: block;
	margin: auto;
	max-width: 1000px;
	width: auto;
}

@media only screen and (max-width: 1100px) {
	#popup-ad img {
		max-width: 100%;
	}
}

#popup-wrapper .close {
	-webkit-appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	color: white;
	cursor: pointer;
    font-family: sans-serif;
    font-size: 5em;
    font-weight: 100;
    line-height: .5;
    padding: 5px 5px 15px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    z-index: 2;
}

@media only screen and (max-width: 1024px) {
	#popup-wrapper .close {
		font-size: 4em;
		padding-bottom: 13px;
		right: 3px;
		top: 4px;
	}
}

	@media only screen and (max-width: 767px) {
		#popup-wrapper .close {
			font-size: 3.4em;
			padding-bottom: 10px;
			right: 0;
			top: 3px;
		}
	}
	
#popup-wrapper .close:focus {
	outline: none;
}