/*
 Theme Name:   Bluestem
 Theme URI:    http://andrewlux.com
 Description:  Bluestem Theme - for Bluestem Brasserie
 Author:       a lux
 Author URI:   http://andrewlux.com
 Text Domain:  bluestem
 Version:      1.0.0
 License:      GNU General Public License v2 or later

*/

@font-face {
  font-family: 'hannah';
	src: url('fonts/ywft-hannah-regular.eot');
	src: url('fonts/ywft-hannah-regular.eot?#iefix') format('embedded-opentype'),
             url('fonts/ywft-hannah-regular.woff2') format('woff2'),
	     url('fonts/ywft-hannah-regular.woff') format('woff'),
	     url('fonts/ywft-hannah-regular.ttf') format('truetype'),
	     url('fonts/ywft-hannah-regular.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hannah-wide';
	src: url('fonts/ywft-hannah-wide.eot');
	src: url('fonts/ywft-hannah-wide.eot?#iefix') format('embedded-opentype'),
             url('fonts/ywft-hannah-wide.woff2') format('woff2'),
	     url('fonts/ywft-hannah-wide.woff') format('woff'),
	     url('fonts/ywft-hannah-wide.ttf') format('truetype'),
	     url('fonts/ywft-hannah-wide.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hannah-narrow';
	src: url('fonts/ywft-hannah-narrow.eot');
	src: url('fonts/ywft-hannah-narrow.eot?#iefix') format('embedded-opentype'),
             url('fonts/ywft-hannah-narrow.woff2') format('woff2'),
	     url('fonts/ywft-hannah-narrow.woff') format('woff'),
	     url('fonts/ywft-hannah-narrow.ttf') format('truetype'),
	     url('fonts/ywft-hannah-narrow.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}
html{margin:0 !important;padding:0;}
body{
	margin:60px 0 0 0;
	padding:0;
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 22px;
	width: 100%;
}
a{text-decoration: none;
}
span{display:inline-block;font-family: Georgia, serif;font-size: 22px;line-height: 28px;}



/* === Text styles === */
h1{
	font-family: 'hannah-narrow', sans-serif;
	font-size: 75px;
	line-height: 80px;
	text-transform: uppercase;
	padding:0px;
	margin:0px;
}
h2{
	font-family: 'hannah-wide', sans-serif;
	font-size: 38px;
	line-height: 42px;
	text-transform: uppercase;
	padding:0px;
	margin:0px;
}
h3{
	font-family: 'hannah-narrow', sans-serif;
	font-size: 50px;
	line-height: 52px;
	text-transform: uppercase;
	padding:0px;
	margin:0px;
}
p{padding:0px;margin:0px;}
	h1, h2, h3, h4, h5, h6 { 
font-weight: normal;
}
.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;}
.screen-reader-text a{color:#000;}
.screen-reader-text:focus{
	background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* === Logo intro === */
.logoed{
	position: fixed;
	top:0;
	pointer-events: none;
	width:100%;
	height:100%;
	z-index: 9999999999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logoed img{
	display: block;
	width:380px;
	margin:19% auto;
}

/* === header === */
header{
	position: fixed;
	top: 0;
	width:100%;
	height:58px;
	z-index: 99999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.uptop{
	top: -66px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.below{
	top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.logo{
	position: relative;
	display: inline-block;
	margin-top: 10px;
	left:5%;
	width:150px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.logo img{
	width:100%;
	height: auto !important;
}
.logo a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.menu-res{
	position: relative;
	display: inline-block;
	padding-top:15px;
	width:106px;
	float:right;
	right: calc(8% + 38px);
	font-size:17px;
}
.menu-res a{color:#000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.menu-res a:hover, .logo a:hover, .hamburger:hover{color:#000!important;opacity:0.6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.hamburger{
	position: relative;
	display: inline-block;
	padding-top:15px;
	width:38px;
	float:right;
	right: calc(5% - 106px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hamburger img{
	width:100%;
}
.imgmenu{
	cursor: pointer;
}



/* === Static Menu === */
.menugroup{
	position: fixed;
	/*background-color: #9ECBBB;*/
	z-index: 99999;
	overflow-y:scroll;
	width:100vw;
	height: 100vh;
}
#open{
	top:0px;
	overflow:hidden; 
	-o-transition: top .6s ease-out;
	-moz-transition: top .6s ease-out;
	-webkit-transition: top .6s ease-out;
	transition: top .6s ease-out;
}
#closed{
	top:-5000px;
	-o-transition: top 2s ease-in;
	-moz-transition: top 2s ease-in;
	-webkit-transition: top 2s ease-in;
	transition: top 2s ease-in;
}
.menucont{
	display: block;
	margin:0 auto;
	padding-right:70px;
	width:60%;
	max-width: 660px;
	min-width: 620px;
}
.closer{
	display: inline-block;
	float:right;
	cursor: pointer;
	top:45px;
	z-index: 8;
	position: absolute;
	right: 50px;
}

.page-template-single-menu .closer{
	position: fixed;
	right:50px;
}
.page-template-single-menu .menucont{
	display: none;
}

/* === menu inerior === */
.menucont .menu{
	padding-top: 110px;
	display: block;
	width: 100%;
	z-index: 2;
}
.menucont ul{
	padding:0;
	margin:0;
}
.menucont .menu li{
	list-style-type: none;
	position: relative;

}
.menucont .menu li a{
	opacity:1;
	vertical-align: middle;
	font-size: 0px;
}
.menucont .menu .about a{
	display: inline-block;
	width:160px;
	height:87px;
	background: url('images/menu/menu-about.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .about a:hover{
	opacity: .2;
}
.menucont .menu .about{
	left:15%;
	top: 0px;
	width:160px;
}
.menucont .menu .reservations a{
	display: inline-block;
	width:272px;
	height:88px;
	background: url('images/menu/menu-reservations.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .reservations a:hover{
	opacity: .6;
}
.menucont .menu .reservations{
	left:40%;
	top: -40px;
	width:264px;
}
.menucont .menu .contact a{
	display: inline-block;
	width:192px;
	height:104px;
	background: url('images/menu/menu-contact.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .contact a:hover{
	opacity: .2;
}
.menucont .menu .contact{
	left: 4%;
	top:-70px;
	width:190px;
}
.menucont .menu .menus a{
	display: inline-block;
	width:166px;
	height:91px;
	background: url('images/menu/menu-menus.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .menus a:hover{
	opacity: .2;
}
.menucont .menu .menus{
	left:33%;
	top:-130px;
	width:160px;
}
.menucont .menu .private-events a{
	display: inline-block;
	width:234px;
	height:87px;
	background: url('images/menu/menu-private-dinning.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .private-events a:hover{
	opacity: .2;
}
.menucont .menu .private-events{
	left:21%;
	top:-125px;
	width:230px;
}
.menucont .menu .happenings a{
	display: inline-block;
	width:214px;
	height:94px;
	background: url('images/menu/menu-events.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .happenings a:hover{
	opacity: .2;
}
.menucont .menu .happenings{
	left:58.4%;
	top:-204px;
	width:220px;
}
.menucont .menu .gift-cards a{
	display: inline-block;
	width:171px;
	height:93px;
	background: url('images/menu/menu-gift-cards.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .gift-cards a:hover{
	opacity: .2;
}
.menucont .menu .gift-cards{
	left:12.8%;
	top:-222px;
	width:180px;
}
.menucont .menu .presss a{
	display: inline-block;
	width:111px;
	height:64px;
	background: url('images/menu/menu-press.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .presss a:hover{
	opacity: .2;
}
.menucont .menu .presss{
	left:75.7%;
	top:-295px;
	width:110px;
}
.menucont .menu .communityy a{
	display: inline-block;
	width:190px;
	height:86px;
	background: url('images/menu/menu-community.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .communityy a:hover{
	opacity: .2;
}
.menucont .menu .communityy{
	left:44%;
	top:-325px;
	width:190px;
}
.menucont .menu .photo-gallery a{
	display: inline-block;
	width:221px;
	height:73px;
	background: url('images/menu/menu-photo-gallery.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menucont .menu .photo-gallery a:hover{
	opacity: .2;
}
.menucont .menu .photo-gallery{
	left:26.5%;
	top:-320px;
	width:220px;
}
.menucont img.bottle{
	position: absolute;
	display: block;
	width:145px;
	height:85px;
	left:51.7%;
	top:263px;

}


/* === bodyed === */
.containered{
	display: block;
	position: relative;
	width:70%;
	max-width: 840px;
	margin:0 auto;
	text-align: center;   
}
.containered:after{
	display:block;
	content:"";
	width:100%;
	height:15px;
	background:url('images/border.svg');
	background-repeat: no-repeat;
	background-position: center center;}
.containered.no-border:after{
	content: none;
	display: none;
}

/*=== containered exceptions === */
.hours.containered:after{margin-top:60px;}
#contact.containered:after, .map.containered:after, .soshicons.containered:after{
	display: none;
}

/* === New Gallery === */
.slider-container{padding-top: 58px;}
.slider-containerer{
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
}
.slider-containerer img.gallery-img{
	width:100%;
}
.slider-container img.gallery-img{
	height:100%;
	width:auto;
}
.slider-text-out{
	display: flex;
    position: relative;
    z-index: 9;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    background-color: rgba(0,0,0,0.05);
}
.slider-text{
	font-size: 32px;
	line-height: 1.2;
	color:#fff;
    margin: 0 22% 14% 22%;
    position: relative;
}
.rarrow{
	cursor: url(images/right.gif),pointer;
    width: 25%;
    position: absolute;
    right: 0;
    height:55%;
    color: white;
    z-index: 999;
}
.larrow{
	cursor: url(images/left.gif),pointer;
    width: 25%;
    position: absolute;
    left: 0;
    height:55%;
    color: white;
    z-index: 999;
}
.rarrowed{
	cursor: url(images/right.gif),pointer;
    width: 25%;
    position: absolute;
    right: 0;
    height:100%;
    color: white;
    font-size: 30px;
    z-index: 999;
}
.larrowed{
	cursor: url(images/left.gif),pointer;
    width: 25%;
    position: absolute;
    text-align: right;
    font-size: 30px;
    left: 0;
    height:100%;
    color: white;
    z-index: 999;
}
.outa{
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	display:block;
	padding-left:40px;
	margin-top:-58px;
}
.inta{
	display: block;
	padding-top:30px;
}

/* === join us === */
.joinus{
	display: block;
	margin:0 auto;
	text-align: center;
	padding-top:80px;
	padding-bottom:25px;
	width:60%;
}
.one{padding-bottom: 50px;}
.joinus.containered:after{display: none;}
.joinus h2{padding-bottom:12px;font-size: 30px;line-height: 32px;}
.joinus h1{padding-bottom:60px;
font-size: 70px;
line-height: 70px;}
.joinus h3{padding-bottom:15px;padding-top:13px;}
.joinus p{padding-bottom: 20px;font-size: 17px;line-height: 22px;}
.joinus p.date-time{padding-bottom: 10px;}
.joinus span{padding-bottom:33px;}
.joinus img{max-width: 700px;min-width: 300px;}


/* === Info === */
.info{
	display: block;
	margin:0 auto;
	text-align: center;
	padding-top:85px;
	padding-bottom:100px;
	width:67%;
}



/* === reservations */
.resy{
	padding-top:70px;
	padding-bottom:60px;
}
.resy img{
	width:120px;
	padding-right:45%;
	padding-top:40px;
}
.resigit{
	width:100%;
	display: block;
	margin:0 auto;
	padding-top:44px;
	padding-bottom: 40px;
}
.resigit .ot-dtp-picker .ot-dtp-picker-selector select{left:0;}
.resigit .ot-dtp-picker.wide{width: 100%;padding:0;}
.resigit .ot-dtp-picker.wide .ot-title{display: none;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form{display: flex;width: 100%;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector{width: 100%;flex:0 0 25%;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector{width: 100%;flex:0 0 25%;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button{width: 100%;flex:0 0 25%;}
.resigit .ot-dtp-picker.wide .ot-powered-by{display: none;}
/* === Contact === */
.contact-group{
display: flex;
justify-content: center;
align-items: flex-start;
text-align: left;
margin-bottom: 25px;
}
.cont-right,.cont-left{
	flex:1 1 50%;
	padding:0 10%;
}
.contact-group p{padding-bottom: 20px;}

.addy{
	padding-top:48px;
	display: block;
	margin:0 auto;
}
p.addbloc{
	padding-bottom:100px;
}
.addy h1{
	padding-bottom:53px;
	font-size: 70px;
}

.addy img{
	display: block;
	margin:0 auto;
}
.addies{
	width:300px;
	margin:0 auto;
}
.addies h2{
	font-family: 'hannah',sans-serif; 
}


/* === maps === */
.map img.mppd{
	max-width:600px;
	width:73%;
	min-width:204px;
}
.map img{
	width:100%;
	max-width:400px;	
}
.map h2{
	padding-bottom:28px;
}
.map p{
	padding-bottom:70px;
}



/* === hours === */
.hours{
	padding-top:70px;
}
.hours h1, .hours h2{
	padding-bottom:45px;
}
.hours p{
	padding-bottom: 37px;
}



/* === parking === */

.parking{
	padding-top: 24px;
}
.parking .parking-out{
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.parking .parking-in{
	display: flex;
    vertical-align: top;
    position: relative;
    margin: 0 auto;
    flex:0 0 40%;
    text-align: left;
}
.parking .parking-in:before{
	content: " ";
	width: 25px;
	height:25px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	flex:0 0 25px;
	margin-right: 15px;
}
.parking .parking-in:nth-of-type(1):before{
	content:"p1";
}
.parking .parking-in:nth-of-type(2):before{
	content:"p2";
}
.parking .parking-in:nth-of-type(3):before{
	content:"p3";
}
.parking .parking-in:nth-of-type(4):before{
	content:"p4";
}
.parking img{
	padding-bottom: 57px;
}
.parking h2{
	padding-bottom: 24px;
	font-size: 30px;
	line-height: 32px;
}
.parking h3{
	padding-bottom: 14px;
}
.parking p{
	font-size: 17px;
	line-height: 22px;
	padding-bottom: 33px;
	margin:0 auto;
}
.soshicons{
	padding-bottom: 73px;
	padding-top: 40px;
}
.soshicons .sosh-wrap{
	display: flex;
    justify-content: space-around;
    align-items: center;
    width: 30%;
    margin:0 auto;
}
.soshicons h1{
padding-bottom:60px;
font-size: 70px;
}
.soshicons a .fab{
	font-size:40px;
}


/* === Directions === */
.directions{
    padding-top: 24px;
    padding-bottom: 26px;
}
.directions .directions-in h2{
padding-bottom: 24px;
font-size: 30px; 
line-height: 32px; 
flex:0 0 100%;
}
.directions .directions-in p{
flex: 2 0 calc(47% - 12px);
    padding: 0 13px;
    font-size: 17px;
    line-height: 22px;
}
.directions .directions-in .directions-int{
	padding-bottom: 44px;
	display: flex;
	flex-wrap: wrap;
}
.img-cont{
	margin-top:30px;
	margin-bottom: 21px;
}
.img-cont img{max-height:135px;max-width: 100%;}


/* === soshial icons === */
.sosh-icon{
	padding-right:10px;
}
.isat-widget{
	padding-top: 60px;
}

/* === Gallery === */
.gallery{
	padding-top: 56px;
	padding-bottom:140px;
}
.gallery h1{
	padding-bottom: 60px;
}
#photo_gallery{
	width:100%;
	max-width:100%;
}


/* === menu === */
.menupage{
	padding-top: 83px;
	padding-bottom: 83px;
}
.menupage ul{
	padding:0;
	margin:0 auto;
	width:63%;
	max-width:630px;
	min-width: 300px;
}
.menupage .menu li{
	list-style-type: none;
	position: relative;
	display: inline-block;
	padding-right:13%;
	cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.menupage .menu li a{
	vertical-align: middle;
	font-size: 0px;	
}
.menupage .menu .dinner a{
	display: block;
	width:127px;
	height:125px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menupage .menu .lunch a{
	display: block;
	width:100px;
	height:130px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menupage .menu .brunch a{
	display: block;
	width:101px;
	height:134px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menupage .menu .dessert a{
	display: block;
	width:89px;
	height:135px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menupage .menu .bar a{
	display: block;
	width:98px;
	height:132px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menupage .menu .wine a{
	display: block;
	width:101px;
	height:144px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.menupage .end-img-cont img{
	max-width: 140px;
	margin:0 auto;
    margin-top: 70px;
}


/* === Private Events === */
.private.containered{
	padding-top:55px;
}
.private h1{
	font-size: 70px;
	line-height: 70px;
}
.private .top-section{
	padding-top:30px;
	padding-bottom: 30px;
	max-width:58%;
	margin: 0 auto;
}
.private .sect-int{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.private .sect-int:before{
	display:block;
	content:"";
	width:91%;
	margin: 0 auto;
	height:15px;
	background:url('images/border.svg');
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:50px;
}
.private .private-int{
	flex: 0 0 45%;
	text-align: left;
	padding-bottom:60px;
}
.private .private-int h1{
	font-size: 30px;
	line-height: 42px;
	padding-bottom:20px;
	font-family: 'hannah'
}
.private .private-int .sec-img{
	margin-bottom:30px;
	min-width: 0px;
	max-width: 100%;
}
.private .private-int .sec-dec p{
	font-size:17px;
	line-height: 22px;
}
.private .lower-sec{
	max-width: 58%;
    margin: 0 auto;
}
.private .lower-sec .lower-img{
	padding-top:70px;
	max-width: 70%;
	padding-bottom: 50px;
	display: block;
	margin:0 auto;
}
.pdining{
	padding-top: 75px;
	padding-bottom: 55px;
}
.pdining h1{
	padding-bottom: 57px;
}
.pdining span{
	width:70%;
	display: block;
	margin: 0 auto;
}
.pdining span p{
	padding-bottom: 33px;
}

/* === About page === */
.about.containered{
	padding-top:55px;
}
.about.containered h1{
	padding-bottom: 50px;
	font-size: 70px;
	line-height: 70px;
}
.about .open-text{
max-width: 75%;
margin:0 auto;
text-align: left;
font-size: 17px;
line-height: 22px;
}
.about .open-text p{
	margin-bottom:30px;
}
.about .open-text h1{
	font-size: 24px;
	line-height: 24px;
	font-family: 'hannah-wide',sans-serif;
}
.about .open-text img{max-width: 100%;height: auto;}
.about .divider{
	max-width: 300px;
	margin-bottom: 90px;
	margin-top:45px;
}
.about .credits-out{
	max-width: 53%;
	margin: 0 auto;
}
.about .credits-in{
	margin-bottom: 35px;
}
.about .credits-in h1{
	font-size: 50px;
	line-height: 52px;
	padding-bottom: 10px
}
.about .end-img{
	max-width: 100%;
	max-height: 150px;
	margin: 0 auto;
	padding-top:40px;
	padding-bottom:60px;
}


/* === events === */
.events{
	padding-top:80px;
}
.events .event-cont{
	padding-bottom: 100px;
}
.events h1{
	padding-bottom: 60px;
}
.events span{
}

.events span{
	display: block;
	margin:0 auto;
	width:45%;
	font-family: Georgia, serif;
	font-size: 22px;
	line-height: 28px;
	padding-bottom:40px;
}




/* === Gift Cards === */
.giftcard{
	padding-bottom:50px ;
	padding-top: 66px;
}
.giftcard h1{
	padding-bottom: 50px;
	font-size: 70px;
	line-height: 70px;
}
.giftcard p{
	display: block;
	margin:0 auto;
	width:70%;
	padding-bottom: 50px;
	font-size: 17px;
	line-height: 22px;	
}
.containered img.giftimg{
	max-width: 320px;
	width: 100%;
}

/* === community === */
.community{
	display: block;
	margin:0 auto;
	padding-bottom:125px;
	width:100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 8%;
    -moz-column-gap: 8%;
    column-gap: 8%;
    -webkit-column-width: 37%;
    -moz-column-width:37%;
    column-width: 37%;
}
h1.commu{
	padding-top: 100px;
	padding-bottom:50px;
	font-size: 70px;
	line-height: 70px;
}

.community h3{
	text-align: center;
	display: block;
	margin:0 auto;
	padding-bottom:10px;
	font-size: 40px;
	line-height: 42px;
}
.communitybloc{
	display: inline-block;
	margin:0 auto;
	text-align: center;
	margin-bottom: 35px;
	vertical-align: top;
	width: 100%;
}
.communitybloc img{
	display: block;
	margin:0 auto;
	padding-bottom: 20px;
}
.communitybloc p{
	font-size:17px;
	line-height:22px;
}
.communitybloc p a{word-break: break-word;}


/* === press and ending === */

.press{
	display: block;
	margin:0 auto;
	padding-bottom:60px;
	width:75%;
	max-width: 840px;
	text-align: center;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 8%;
    -moz-column-gap: 8%;
    column-gap: 8%;
    -webkit-column-width: 37%;
    -moz-column-width:37%;
    column-width: 37%;
}

.press a{
	color: #000000;
}
h1.prestitle{
	font-size: 70px;
	line-height: 70px;
	text-align: center;
	display: block;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom:50px;
}
.press span{
	padding-bottom: 15px;
}
.press h2{
	font-family: 'hannah', sans-serif;
	font-size: 30px;
	line-height: 32px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin:0 auto;
	padding-bottom:10px;
}

.pressbloc{
	display: inline-block;
	margin:0 auto;
	text-align: center;
	width:80%;
	padding-bottom: 30px;
}
.pressbloc img{
	display: block;
	margin:0 auto;
	padding-bottom: 20px;
	min-width: 0px;
	max-width: 100%;
}
.pressbloc span{
	font-size:17px;
	line-height:22px;
	padding-bottom: 10px;
}
img.bottomborder{
	display: block;
	margin:0 auto;
	padding-bottom: 50px;
	width:100%;
	max-width:323.22px;
}
.copywrite{
	font-size: 17px;
	line-height: 22px;
	text-align: center;
	padding-bottom: 95px;
}

/* === Menu Area === */
body.page-template-single-menu{
	margin-top:0;
	background-color: #f5f0e7;
}

body.page-template-single-menu header{
	display: none;
}
.menubox{
	display: block;
	margin:0 auto;
	width:70%;
	text-align: center;
}
.menubox h1{
	padding-top:90px;
	padding-bottom: 38px;
}
.menubox img.starr{
	margin-top:25px;
	max-width: 263px;
}

/* === Menu section === */
.menusection{
	padding-top: 40px;
}
.menusection h2{
	padding-bottom:20px;
	font-size: 32px;
	line-height: 36px;
}
.sectionbox{
	text-align: left;
	max-width:1175px;
	margin:0 auto;
	padding-bottom: 70px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 75px;
    -moz-column-gap: 75px;
    column-gap: 75px;
}
.menuitem{
	text-align: left;
	display: block;
	margin-bottom: 24px;
	margin-top:0px;	
	width:100%;
	padding-left:0;
	list-style-type: none;
	break-inside: avoid-column;
    list-style: none;
}
.menuitem li{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}
.menuitem span{
	display: inline-block;
    font-family: 'hannah', sans-serif;
    font-size: 20px;
    line-height: 23px;
}
.sectionbox .menuitem .menuname h2{
	font-family: 'hannah', sans-serif;
	font-size: 30px;
	line-height: 32px;
	text-transform: uppercase;
	padding-bottom: 0;
	display: inline;
	position: relative;
	background-color: #f5f0e7;
}
.sectionbox .menuitem .menuname{
	padding-bottom:5px;
	width:90%;
	
}
.sectionbox .menuitem span.menudesc{
	width:100%;
	background-image: url('images/bordertest.svg');
	background-size: 480px;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.sectionbox .menuitem span.menudesc .intint{
	display: inline;
	position: relative;
	background-color: #f5f0e7;
	margin-right: 15px;
	
}
.sectionbox .menuitem span.menucost{
	width:auto;
	background-color: #f5f0e7;
	text-align: right;
}




/* === blue menu section === */
.topbluecontainer{
	padding-top: 32px;
	padding-bottom: 35px;
	margin-bottom: 55px;
	border:3px dotted;
    /*-webkit-border-image: url(images/border-image.svg) 10 10 repeat;
    -o-border-image: url(images/border-image.svg) 10 10 repeat;
    border-image: url(images/border-image.svg) 10 10 repeat;*/
    padding-bottom:7px;
    padding-right: 20px;
    padding-left: 20px;
}
.bottombluecontainer{
	padding-top: 32px;
	padding-bottom: 35px;
	background-color: #BFDDD2;
	margin-bottom: 55px;
	border:10px solid transparent;
    -webkit-border-image: url(images/border-image.svg) 10 10 repeat;
    -o-border-image: url(images/border-image.svg) 10 10 repeat;
    border-image: url(images/border-image.svg) 10 10 repeat;
    padding-bottom:7px;
    padding-right: 20px;
    padding-left: 20px;
}

.bluesectionbox{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 40%; 
    column-width: 40%;
    padding-bottom: 20px;
}

.bluesectionbox .menuitem{
	width:70%;
	margin:0 auto;
	text-align: center;
	margin-bottom: 17px;
	font-family: 'hannah', sans-serif;
    font-size: 20px;
    line-height: 23px;
}

.bluesectionbox .menuitem h2{
	font-family: 'hannah', sans-serif;
	font-size: 31px;
	line-height: 35px;
	text-transform: uppercase;
	padding-bottom: 5px;

}

/* === Green Menu Section === */
.greencontainer{
	padding-top: 30px;
	background-color: #E6EED5;
	margin-bottom: 55px;
	margin-top: 35px;
	border:10px solid transparent;
    -webkit-border-image: url(images/border-image.svg) 10 10 repeat;
    -o-border-image: url(images/border-image.svg) 10 10 repeat;
    border-image: url(images/border-image.svg) 10 10 repeat;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;

}
.greensectionbox{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 300px; 
    column-width: 300px;
}

.greensectionbox .menuitem{
	width:90%;
	margin:0 auto;
	text-align: center;
	margin-bottom: 25px;
}

.greensectionbox .menuitem h2{
	font-family: 'hannah-wide', sans-serif;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.greensectionbox .menuitem h1{
	font-family: 'hannah-narrow', sans-serif;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
}
.prop65{padding-bottom: 175px;}
.prop65 p{
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 12px;
	text-align: left;
}

/* === Insta widget === */
.jr-insta-thumb ul li a img{max-width: 100%;min-width: 0px;}


/* === Resposive area === */
@media (max-width: 1150px){
	.menupage ul{width: 66%}
}

@media (max-width: 1050px){
	.menupage ul{width: 72%}
}

@media (max-width: 740px){
	body{font-size:18px;line-height: 22px;}
	h1{font-size:80px;}
	.greensectionbox .menuitem{word-break: break-word;}
.logoed img{
	width:76%;
	margin-top:0px;
}
.logo{
	margin-top:20px;
}
.logo img{width:96%;}
.slider-text-out{padding:0 26px;}
.about .open-text{max-width: 100%;font-size:22px;line-height:28px;}
.about .credits-out{max-width: 100%;}
.containered{
	width:calc(100% - 55px);
}
.map.containered{
	width: 100%;
}

.private .private-int h1{
	font-size:35px;
	line-height: 37px;
	font-family: 'hannah', sans-serif;
}
.private .lower-sec{
	max-width: 80%;
}
.private .lower-sec .lower-img{
	max-width: 78%;
}
.header{
	width:100%;
}
.logoed{
	width:100%;
}
.resy h1{
    font-size: 80px;
}
.map img.mppd{
	width: 112%;
	margin-left:-6%;
}
.map img{
	width: 75%;
}
.press{
	display: block;
	margin:0 auto;
	padding-bottom:60px;
	width:75%;
	text-align: center;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width:100%;
    column-width: 100%;
}

.community{
	display: block;
	margin:0 auto;
	padding-bottom:0;
	width:75%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width:100%;
    column-width: 100%;
}
.greensectionbox{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%; 
    column-width: 100%;
}
.bluesectionbox{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%; 
    column-width: 100%;
}
.sectionbox{
	text-align: left;
	padding-bottom: 45px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 100%;
    -moz-column-gap: 100%;
    column-gap: 100%;
}
.greencontainer, .bluecontainer{
	padding-bottom: 25px;
	padding-right: 0px;
	padding-left: 0px;
}
.addy{
	width:100%;
	padding-top:30px;
}
.soshicons{
	padding-top:30px;
}
.addy h1, .soshicons h1{
	padding-bottom: 30px;
}
.menubox img.starr{
	margin:0;
	width:90%;
}
.menucont{
	min-width: 100%;
	max-width: 100%;
	width: 100%;padding:0;
}
.parking p{padding-bottom:20px;}

.menucont .menu li{position: absolute;}

.menucont img.bottle{top: 23%;width: 104px;height: 66px;left: 63%;}

.menucont .menu .about a, .menucont .menu .about{width:115px;height:58px;top:3%;left:15%;}
.menucont .menu .reservations a, .menucont .menu .reservations{width: 210px;height:60px;left: 18%;top: 13%;}
.menucont .menu .contact a, .menucont .menu .contact{width: 126px;height: 67px;left:4%;top: 22%;}
.menucont .menu .menus a, .menucont .menu .menus{width: 122px;height: 55px;left: 13%;top: 34%;}
.menucont .menu .private-events a, .menucont .menu .private-events{width: 178px;top:42%;left:1%;}
.menucont .menu .happenings a, .menucont .menu .happenings{width: 186px;top:55%;height:55px;left:22%;}
.menucont .menu .gift-cards a, .menucont .menu .gift-cards{width: 126px;top:63%;height:64px;left:8%;}
.menucont .menu .presss a, .menucont .menu .presss{width:76px;top:65%;height:37px;left:67%;}
.menucont .menu .communityy a, .menucont .menu .communityy{width:142px;height:55px;left: 37%;top: 74%;}
.menucont .menu .photo-gallery a, .menucont .menu .photo-gallery{width: 167px;height:48px;top:84%;left:16.5%;}


.closer{
	right:15px;
	top: 20px;
}
.page-template-single-menu .closer{
	position: fixed;
	right:15px;
	top: 20px;
}
.menucont .menu{
	padding-top:0;
	display: block;
    max-width: 350px;
    position: relative;
    height: 100vh;
    margin: 0 auto;
    max-height: 800px;
}
.containered:after{
	width:80%;
	margin:0 auto;
}
.pressbloc{
	width:100%;
	padding-bottom: 30px;
}
#open{
	overflow-y: scroll;
}
.menucont .menu li a{
	opacity:1;
	vertical-align: middle;
	font-size: 0px;
}

.resigit .ot-dtp-picker.wide .ot-dtp-picker-form{display: flex;width: 100%;flex-direction: column;height:100%;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector{width: 100%;flex:0 0 10%;border-bottom: 1px solid #d8d9db;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector{width: 100%;flex:0 0 10%;border-bottom: 1px solid #d8d9db;}
.resigit .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button{width: 100%;flex:0 0 100%;border-radius: 0 0 2px 2px;}
.isat-widget .jr-insta-thumb ul.thumbnails.jr_col_2{margin:0 !important;}
.isat-widget .jr-insta-thumb ul.thumbnails.jr_col_2 li{width:100% !important;margin: 0 0 2.5% 0; }

.contact-group{flex-direction: column;}

header{height:77px;}
header.uptop{top:-77px;}
.menu-res{padding-top: 0;right:0;margin-top: 45px;}
.slider-text{padding:0 0% 14%;margin:0 18%;font-size:24px;}
.menupage{padding-top: 30px; padding-bottom: 30px;}
.parking .parking-out{flex-direction: column;}
.parking .parking-in{margin:0;}
.soshicons .sosh-wrap{width: 60%;}
.parking .parking-in:before{}

.private .top-section{max-width: 80%;padding:20px 0;}
.private .private-int{flex:0 0 100%;margin:0 auto;text-align: center;padding-bottom: 40px;}
.private .private-int:after{display:block;content:"";width:100%;height:15px;background:url('images/border.svg');background-repeat: no-repeat;background-position: center center;}
.private .private-int:last-of-type:after{content: "";display: none;	}
.private .private-int .sec-dec{margin-bottom: 40px;}
.events span{width: 90%;}
.giftcard p{width: 100%;}

.pressbloc img{width: 100%;}
.pressbloc:after{display:block;content:"";width:100%;height:15px;background:url('images/border.svg');background-repeat: no-repeat;background-position: center center;margin-top: 20px;}
.press:after{display: none;}
.gallery{padding-bottom:80px;}
.about.containered h1{font-size:90px;}
.about .open-text h1{font-size: 30px;line-height: 32px;}
.about .credits-in h1{font-size: 50px;}
.directions .directions-in .directions-int{flex-direction: column;}
.directions .directions-in p{padding:0px 0 20px;}
.isat-widget .jr-insta-thumb ul.thumbnails.jr_col_3 li{width:100% !important;}

.menupage .menu li{
    padding-right: 11%;}

/* bottom edits*/
.resy{padding-top: 40px;padding-bottom: 10px;}
.img-cont{margin-top:-30px;margin-bottom: 0;}
.img-cont img{max-height:115px;max-width: 100%;}
.copywrite{font-size: 12px;line-height: 16px;}
img.bottomborder{padding-bottom: 10px !important;}
.about .end-img{max-width: 125px; padding-top: 0px;padding-bottom: 20px;}
.joinus, .giftcard, h1.prestitle, h1.commu{padding-top:55px;}
.joinus h1, .giftcard h1, h1.prestitle, h1.commu{padding-bottom: 40px;}
.containered img.giftimg{max-width: 300px;}

}



@media (min-width: 768px){
	.menutop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
	.menutop > div { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
	.menutop > div.menu-res { -webkit-box-flex: 0;  -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.menutop > div.menu-res a { margin: 0 10px; }
}