/* FONTS */

/*
 @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
*/

@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica);

/* ALL SIZES */

body {
	position: relative;
	font-family: 'IM Fell DW Pica', serif;
	font-size: 18px;
	/* background: #0a1e2e; */
	background: url(../images/bluecloth.jpg) repeat 0 0;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #eee;
}
body.home {
    overflow:hidden;
}
#sidebar a {
	color: #0b7dc1;
}

.no-padding {
	padding: 0;
}

.no-padding .entry-content,.no-padding .entry-header,.no-padding .entry-content,.no-padding .post-header {
	padding: 1em 2em;
}

.entry-image {
	text-align: center;
}

.dancing {
	font-family: 'Dancing Script', cursive;
}

.footer {
	color: white;
	text-align: center;
	padding: 0 0;
}

.logo-wrapper img.visible-xs {
	margin: 10px;
}

#sidebar-menu {
	background: url(../images/menubg.jpg) repeat 0 0 #0a1e2e;
	height: 100%;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	transition: width 1s ease;
	-o-transition: width 1s ease;
	z-index: 999 ;

	box-shadow: 0px 0px 10px #333;
	
}

#sidebar-menu h1,#sidebar-menu h1 a, .logo-wrapper {
	margin: 0;
	padding: 0;
}

.logo-wrapper {
	text-align: center;
}

.make-reservation-mobile {
	color: white;
	font-size: 16px;
	background: #0b7dc1;
	text-align: center;
	padding: 5px;
	display: block;
	margin-top: 18px;
	line-height: 26px;
}

footer .make-reservation-mobile {
    max-width: 60%;
    margin: 10px auto;
}

.mobile-menu-link .glyphicon {
	font-size: 34px;
	color: #fff;
}

.offcanvas.in {
	display: block !important;
}

.offcanvas {
	display: none !important;
}

#mobileNav {
	background: url(../images/menubg.jpg) repeat 0 0 #0a1e2e;
	
}

.navigation-wrapper {
	/* background: #eee url(../images/graybg.jpg) repeat; */
	padding: 0;
}

.navigation-wrapper .nav {
	padding: 0;
}

.nav ul {
	padding: 0;
}

.nav ul li {
	list-style: none;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0;
	border-bottom: 1px solid #111;
	overflow:hidden;
}

.nav ul li:hover {

	overflow:inherit;
}
.nav ul li a {
	color: #716a66;
	line-height: 66px;
	padding: 0 0 0 110px;
	white-space: nowrap;
}

.nav ul li.reservation a {
	background: url(../images/reservationssprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #f9ed37;
}

.nav ul li.reservation a:hover {
	background-color: #e7d032;
	color: #fff;
}

.nav ul li.features a {
	background: url(../images/circlessprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #ef4134;
}

.nav ul li.features a:hover {
	background-color: #ef4134;
	color: #fff;
} 

.nav ul li.contact-us a {
	background: url(../images/contactsprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #e62d92;
}

.nav ul li.contact-us a:hover {
	background-color: #e62d92;
	color: #fff;
} 

.nav ul li.restaurant a {
	background-image: url(../images/restaurantsprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #00a4de;
}

.nav ul li.restaurant a:hover {
	background-color: #00a4de;
	color: #fff;
} 

.nav ul li.special-events a {
	background: url(../images/specialeventssprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #7a4b9e;
}

.nav ul li.special-events a:hover {
	background-color: #7a4b9e;
	color: #fff;
}

.nav ul li.weddings a {
	background: url(../images/weddingssprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #95cc74;
}

.nav ul li.weddings a:hover {
	background-color: #95cc74;
	color: #fff;
}

.nav ul li.press a {
	background: url(../images/presssprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #f48daa;
}

.nav ul li.press a:hover {
	background-color: #f48daa;
	color: #fff;
}

.nav ul li.gallery a {
	background: url(../images/gallerysprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #0b7dc1;
}

.nav ul li.gallery a:hover {
	background-color: #0b7dc1;
	color: #fff;
}

.nav ul li.the-menu a {
	background: url(../images/menusprite.png);
	background-position: 25px top;
	background-repeat: no-repeat;
	color: #f89737;
}

.nav ul li.the-menu a:hover {
	background-color: #f89737;
	color: #fff;
}

.nav ul li > a:hover {
	
	color: #222;
	background-color: #eee;
	background-position: 25px -66px !important;
}

#mobile-offcanvas {
	position: fixed;
	right: -100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	display: none;
	padding-right: 0;
	width: 0;
}

#mobile-offcanvas.active {
	right: 0;
	display: block;
	width: 83%;
}

#mobile-offcanvas.nav ul li {
	font-size: 15px;
	height: auto;
}

#mobile-offcanvas.nav ul li a {
	line-height: 140%;
	background: none;
	padding: 8px;
}

.callus {
	font-size: 28px;
}

.navigation-social a {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background: url(../images/social.png);
	width: 30px;
	height: 33px;
	display: inline-block;
}

.navigation-social a#twitter {
	background-position: -30px 0;
}

.navigation-social a#youtube {
	background-position: -60px 0;
}

.navigation-social a#yelp {
	background-position: -90px 0;
}

.navigation-social a#instagram {
	background-position: -120px 0;
}

.navigation-social a#email {
	background-position: -149px 0;
}

h1.page-title,h3.post-title a {
	margin: 0;
	color: white;
	-moz-text-shadow: 1px 1px 1px #a95e18;
	-webkit-text-shadow: 1px 1px 1px #a95e18;
	text-shadow: 1px 1px 1px #a95e18;
	font-size: 28px;
}

header.entry-header {
	-moz-box-shadow: -10px -3px 10px #333;
	-webkit-box-shadow: -10px -3px 10px #333;
	box-shadow: -10px -3px 10px #333;
}

#content::before {
	background-image: url(../images/texture.png);
	background-repeat: repeat;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

h4.menu-item-title {
	text-transform: uppercase;
	-moz-text-shadow: 1px 1px 1px #3b3b3b;
	-webkit-text-shadow: 1px 1px 1px #3b3b3b;
	text-shadow: 1px 1px 1px #3b3b3b;
	margin: 1em 0 0 0;
}

h4.menu-item-title span.price {
	text-transform: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	padding-left: 10px;
}

h2 {
	text-transform: uppercase;
	font-size: 24px;
	-moz-text-shadow: 1px 1px 1px #3b3b3b;
	-webkit-text-shadow: 1px 1px 1px #3b3b3b;
	text-shadow: 1px 1px 1px #3b3b3b;
	border-bottom: dashed 1px white;
}
h2 a, h2 a:hover {
	color: white;
	text-decoration: none;
}

div.subtitle a {
	color: white;
}


#container {
	/*min-height: 1200px*/
	overflow: hidden;
	-webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	transition: left 1s ease;
	left: 0;
	z-index: 100;
}

#container.offcanvas {
	left: -83%;
	position: relative;
}

#content {
	padding: 0;
	/*overflow: scroll;
	position: fixed;*/
	color: white;
	height: 100%;
	/*left: 290px;*/
}

#content .entry-content {
	z-index: 2;
	/*min-height: 1200px;*/
	position: relative;
	height: 100%;
	margin-bottom: 40px;
}

.entry-content ul {
	padding-left: 30px;
}

input[type=submit] {
	background: #0a1e2e;
	color: white;
	border: none;
	text-transform: uppercase;
	padding: 5px 15px;
}

.gfield input,.gfield textarea {
	border: 1px solid #f2f2f2;
	background: #eee;
}

.gfield label.gfield_label {
	font-weight: normal;
}

footer.visible-xs {
	background: #0a1e2e;
	/* max-width: 100%; */
}

#sidebar .widget ul {
	padding-left: 25px;
}

.event-description{
	font-style: italic; 
	font-weight: 600;
	padding: 5px 0px;
}

div#sidebar {
	padding: 30px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #5c5c5c;
}


header.post-header {
	padding: 0 0 10px 0 !important;
}

.entry-image img {
	width: 100%;
	margin-bottom: 20px;
}

section.post-body {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #eee;
}

body.single section.post-body {
	border-bottom: none;
}

.pagination {
	width: 100%;
	text-align: center;
}

ul.page-numbers {
	list-style: none;
	padding: 0;
	width: auto;
	text-align: center;
	float: none;
	display: inline-block;
	border-radius: 5px;
	overflow: hidden;
}

ul.page-numbers li {
	display: inline;
	clear: none;
	border-radius: 0;
}

.page-numbers {
	background: #eee;
	padding: 5px;
	border-radius: 5px;
	width: 24px;
	height: 30px;
	line-height: 20px;
	float: left;
	text-align: center;
	color: #5c5c5c;
}

.page-numbers.current {
	background: orange;
	border-radius: 0;
}

.mobile-banner img {
	width: 100%;
}

p.source {
	font-style: italic;
}

div.si_item {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.table-btn {
    font-size: 1.3em;
}

/* TABLET */

@media screen and (min-width: 768px) {

	

	#sidebar-menu.collapsed {
		position: absolute;
		left: 0;
		top: 0;
		width: 130px;
	}
	
	#sidebar-menu ul.nav {
		/* width: inherit;
		-webkit-transition: width 1s ease;
		-moz-transition: width 1s ease;
		transition: width 1s ease; */
		width: 100%;
	}

	#sidebar-menu.collapsed ul.nav {
		width: 130px;
	}


	#sidebar-menu.collapsed .footer {
		display: none;
	}


	.full-screen {
		position: absolute;
		width: 100%;
		/* min-height: 1200px; */
		height: 100%;
	}

	#sidebar-menu.collapsed .nav ul li a {
	  border: 0;
	  font: 0/0 a;
	  text-shadow: none;
	  color: transparent;
	  width: 80px;
	  height: 66px;
	}
	
	
	
	
	#video-bg, #drink-video-bg {
	  /* position: fixed; */
	  top: 0; right: 0; bottom: 0; left: 0;
	  overflow: hidden;
	  /* z-index: -100; */
	}
	#video-bg > video, #drink-video-bg > video {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	/* 1. No object-fit support: */
	@media (min-aspect-ratio: 16/9) {
	  #video-bg > video, #drink-video-bg > video { height: 300%; top: -100%; }
	}
	@media (max-aspect-ratio: 16/9) {
	  #video-bg > video, #drink-video-bg > video { width: 300%; left: -100%; }
	}
	/* 2. If supporting object-fit, overriding (1): */
	@supports (object-fit: cover) {
	  #video-bg > video, #drink-video-bg > video {
	    top: 0; left: 0;
	    width: 100%; height: 100%;
	    object-fit: cover !important;
	  }
	}
	
	
	

	/* #video1 {
		position: fixed; right: 0; bottom: 0;
		min-width: 100%; min-height: 100%;
		width: auto; height: auto; z-index: -100;
		background-size: cover;
	} */

	#sidebar-menu {
		max-width: 290px;
		/*position: fixed;*/ /* this cannot be fixed. Small screens can't see all items */
		height: 100%;
	}

	#carousel-background {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	#carousel-background img {

	}

	#carousel-background div.carousel-caption {
	    bottom: 0;
	    right: 40px;
	    color: white;
	    font-size: 2em;
	    position: absolute;
	    text-align: right;
	}

	#make-reservation {
		position: absolute;
		top: 50px;
		right: 20px;
	}

	#make-reservation a.giftcards {
	    position: absolute;
	    top: 115px;
	    z-index: 2;
	    left: -30px;
	}
	#make-reservation a {
	    z-index: 2;
	    position: relative;
	}

	 .logo-wrapper,.logo-wrapper h1 {
	    margin: 0;
	    padding: 0;
	    height: 150px;
		overflow-y:hidden;
	}

	.logo-wrapper a {
		position: relative;
		top: 0;
		display: inline-block;
	
	}

	.logo-wrapper a img {
		vertical-align: middle;
	}

	.carousel-caption{
		position: fixed;
		right: 5%;
		text-align: right;
		font-size:25px;
	}

	/* div#content {
		padding: 0;
		height: 1200px;
		overflow: scroll;
		position: relative;
		color: white;
	} */
	
	div#main {
		min-height: 100%;
		max-height: 100%;
		overflow-y: scroll;
	}
	
	article.page, .article-wrap {
		min-height: 100%;
	}
	
	#content .type-page .entry-content {
		/*min-height: 100% !important;*/
		position: relative;
		padding-bottom: 3em;
	}
	

	.home div#content {
		background: none;
		
	}

	ul.sub-menu{
		position: absolute;
		left: 100%;
		top:0;
		z-index:9999;
	}

	ul.sub-menu > li{
		width:0px;
		transition: width .5s ease;
		-webkit-transition: width .5s ease;
		-moz-transition: width .5s ease;
		overflow:hidden;
		border:none;
		height:50px;
		
	}
	.nav ul li ul.sub-menu a {
		color:#fff !important;
		background:none !important;
		text-decoration:none !important;
		line-height:50px;
	}

	.logo-link img{
		display:block;
	}


	#logo-full {
		width: 120px;
		margin: 20px 0;
		position: relative;
		left: 0;
		transition: all .5s;
	}

	 .no-padding .entry-header {
		position: relative;
		width: 42%;
		z-index: 10;
	}
	/*.page #content .entry-content{
		top: 7em;
	}*/
		.page-title{
			width:85%;
		}

}

/* DESKTOP */

@media screen and (min-width: 1030px) {
	

}

/* LARGE DESKTOP */

@media screen and (min-width: 1200px) {
	
}
/* MOBILE ONLY */

@media screen and (max-width: 481px) {
	/* .make-reservation-btn{
		padding-top:35px;
	} */
	.mobile-menu-link{
		float:right;
	}
	.home .mobile-menu-link {
		display: none;
	}

	/* .mobile-menu-link .glyphicon{
		font-size:40px;
		color:#fff;
		top:-10px;
	} */
	
	.nav ul li > a{
	color: #222;
	}
	.nav ul li ul.sub-menu li a{
		padding-left:50px !important;
	}
	.nav ul li ul.sub-menu li a{
		display:inline-block;
		width:100%;
	}
	
	.mobile-full-width {
		padding: 0;
	}

	.mobile-full-width .entry-content,.mobile-full-width .entry-header {
		padding: 10px 20px;
	}
	.grFilterList li a{
	
	font-size:9px !important;
	}
	.page #content .entry-content, .blog #content .entry-content {
		top: 1em !important;
	}
}

#footer-tablet-bar{
	display:none;
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  {
	#make-reservation{
		position:fixed;
		top:5px;
		right:3px;
		text-align:right;
	}
	#make-reservation a img{
		width:60%;
	}

	a#holiday-party-bubble {
		left: -60px;
		top: 0;
		position: absolute;
		height: 150px;
		width: 150px;
		z-index: -1;
	}

	#make-reservation a.giftcards {
		top: 5px;
		left: -85px;
	}
	#maximize{
		display:none;
	}
	#sidebar-menu{
		max-width:none;
		width:30% !important;
	}
	#content{
		width:70% !important;
	}
	header.entry-header {
		height:120px;
		position:fixed !important;
	}
	#logo-full {
		width: 100px;
	}
	#footer-tablet-bar{
		display:block;
		background: url(../images/menubg.jpg) repeat 0 0 #0a1e2e;
		box-shadow: 0px 0px 10px #333;
		position:fixed;
		bottom:0;
		width:100%;
		color:#fff;
		height:50px;
		padding-left:50%;
		padding-top:5px;
		z-index:100;
	}
	
	#front-welcome{
		display:block;
		background: url(../images/menubg.jpg) repeat 0 0 #0a1e2e;
		box-shadow: 0px 0px 10px #333;
		position:fixed;
		bottom:0;
		width:100%;
		color:#fff;
		height:35px;
		padding-left:50%;
		padding-top:5px;
		z-index:100;
	}
	#logo-full.hidden-xs{
		display:none !important;
	}
	
	#logo-full.visible-xs{
		display:block !important;
	}
	
	.logo-wrapper, .logo-wrapper h1 {
		height: 110px;
	}
	#sidebar-menu .nav ul li a {
		font-size: 13px !important;
		padding-left:90px !important;
		background-position: 20px 3px !important;
	}
	.page #content .entry-content, .blog #content .entry-content, .single #content .entry-content, .archive #content .entry-content {
		top: 6em !important;
	}
}
/*
#container {
	min-height: 953px !important;
}
*/
#content{
	transition:left .5s;
}
.bk-control{
	display:none;
	top:inherit;
	z-index:9999;
	font-size:40px;
	transition:all 1s;
	top:1%;
	color:#fff;
	opacity:.6;
}
#maximize{
	float:left;
}
#lightbox-container{
	width:70%;
	margin:auto;
	color:#fff !important;
	text-align:center;
	display:none;
}
.gravityLightClose{
	position:fixed;
	top:2%;
	right:2%;
}

.grFilterList li {
display: inline-block;

margin-top: 5px !important;
width: 33% !important;
text-align: center;

}

select{
	background:white !important;
	color:black !important;
}
.ai1ec-month-view .ai1ec-event, .ai1ec-week-view .ai1ec-event, .ai1ec-oneday-view .ai1ec-event {
  max-height: 100%;
   overflow: visible; 
  margin: 1px 0 0;
  padding: 0 3px 1px;
   white-space:normal !important;
}