@font-face {

    font-family: 'canterbold';

    src: url('fonts/canterbold-webfont.eot');

    src: url('fonts/canterbold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/canterbold-webfont.woff2') format('woff2'),

         url('fonts/canterbold-webfont.woff') format('woff'),

         url('fonts/canterbold-webfont.ttf') format('truetype'),

         url('fonts/canterbold-webfont.svg#canterbold') format('svg');

    font-weight: normal;

    font-style: normal;



}



.post h1,

.post .post-details{display:none;}

img{

	max-width: 100%;

	height: auto;

}

body{

	font-family:'canterbold';

	font-size: 2rem;

	  background-attachment: fixed!important;



}

.map a:hover{

border-bottom:0;

}

.site, .site .wrapper, .hero{

	min-width: 0!important;

}

.container{

	max-width: 1200px!important;

	width: 100%!important;

}



.list-inline li{

	display: inline-block;

}

/*header*/

.logo{

	height: 7.4rem;

	display: block;

	line-height: 6.4rem;

}

.header_nav {

	line-height: 7.4rem;

}

.header_nav  ul{

	height: 7.4rem;

}

.header_nav .active a,

.header_nav a:hover{

	color:#fcb547!important;

	text-decoration: none;

}

.header_nav  ul,

.header_nav li{

	margin-bottom: 0;

}

.header_nav li a{

	font-size: 3rem;

	line-height: 7.4rem;



	color:white;

	font-weight: bold;

	text-transform: uppercase;

}

.header_nav .main_nav a {

	padding: 0 2.5rem;



}

.social a{

	vertical-align: middle;

	display: inline-block;

	height: 2.8rem;

	width: 2.8rem;

	background-size: contain!important;

	background-repeat: no-repeat!important;

	background-position: center center!important;

	-webkit-transition: background 0.3s linear;

	-moz-transition: background 0.3s linear;

	-ms-transition: background 0.3s linear;

	-o-transition: background 0.3s linear;

	transition: background 0.3s linear;

}











/* footer */

footer a:hover,

footer a:visited,

footer a:active{

	color:white;

	border-bottom:1px solid white;



}

footer .social a:hover{

border-bottom:0;

}

footer,

footer a{

	color:white;

	font-style: italic;

	font-family: 'Gentium Basic', serif;

	font-size: 2.2rem;

	line-height: 3.2rem;



}

footer .active a{

	border-bottom: 1px solid white;

}

footer .hours{

	padding-left:6rem;

}

footer p{

	line-height: 3.2rem;

	margin-bottom: 2rem;

}

footer{

	margin-top:0!important;

	border-top:2px solid white;

	padding-top:3rem;

}

footer ul{

	margin: 0;

}

footer li{

	line-height: 1;

}



footer .current_page_item a{

	border-bottom: 1px solid white;	

}



.footer_heading{

	line-height: 1;

	margin-bottom: 0.8rem;

	font-size: 3.5rem;

	font-family:'canterbold';

	font-style:normal;

}



footer .footer_nav {

	padding-left:7rem;

}

.copyright{

	color:white;

	margin-top:7rem;

	font-size:1.7rem;

	font-family: 'Gentium Basic', serif;



}





/* title container */

.title-container{

	height:27.2rem;

	width: 100%;

	display: table;

	background-size: cover!important;

	background-position: center center;

}



.title-container .container{

	display: table-cell;

	vertical-align: middle;

}



.title-container h1.page-title {

	color:white;

	margin: 0 auto;

	font-size: 8.5rem;

	display: table;

	margin-top:-3.2rem;

}

.title-container h1.page-title  span{

	font-size: 7rem;

}

.title-container h1.page-title:before{

	width: 100%;

	content: "";

	height: 3px;

	background: white;

	display: block;

	position: relative;

	top: 2rem;

}

.title-container h1.page-title:after{

	width: 100%;

	content: "";

	height: 3px;

		background: white;

	display: block;

	position: relative;

	top: -1.5rem;



}

@-moz-document url-prefix() { 

.title-container h1.page-title:before{

   top: 2.2rem;

  }

}



/* main_content */

main{



	position: relative;

	padding-bottom: 7.5rem;

}

.background_container{

	position: relative;

}

.home .background_container:before{

	display: none;

}

.background_container:before{

	  background: url('images/dark.png');

	  content: "";

	  position: absolute;

	  top:0;

	  left:0;

	  bottom:0;

	  right: 0;

	  display: block;

	  background-position: center -3rem;

	  background-repeat: no-repeat;

	  opacity: 0.4;

	  z-index: -1;



}



.main_content{

	padding: 7rem 0 8rem 0;	

	background-repeat: no-repeat;

	background-position: center top;

}



.main_content p{

	color:white;

	font-size: 2.5rem;

	font-family: 'Gentium Basic', serif;

	letter-spacing: -0.2px;

}

.main_content_inner {

	padding: 0 7rem;

}







/* gallery */

.venue .main_content{

	padding-bottom: 0;

}

.sbi_follow_btn{

	display: none!important;

}

#sb_instagram{

	background: transparent!important;

}

#sbi_images {

	padding: 0!important;

}



#loadMore,

#see_all_events{

	color: white;

	font-size: 8rem;

	border-top: 3px solid;

	border-bottom: 3px solid;

	display: inline-block;

	height: 0rem;

	padding-bottom: 5.8rem;

	line-height: 3.3rem;

	cursor: pointer;

	  padding-bottom: 4.8rem;

  padding-top: 1rem;

}

.gallery_item{

	margin-bottom: 30px;

}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item{

	display:none;

}

.gallery .gallery_item img{

	max-width: 100%;

}

#gallery + .event_more{	

	clear: both;

	float: none;

}

#gallery{

	height: auto;

	display: inline-block;

	padding: 7rem 0 4rem 0;

}



/* blocks */

.blocks,

#contact{

	margin:6rem auto;

}

.block_heading{

	margin-top:1.5rem;

}

.block_img{

	height: 12.5rem;

	display: table;

	width: 100%;

}

.block_img a{

	display: table-cell;

	width: 100%;

	vertical-align: middle;

}

.block_heading a{

	line-height: 1;

	margin-bottom: 0.8rem;

	font-size: 4.5rem;

	font-family:'canterbold';

	font-style:normal;

	color:white;



}



.blocks img{

	margin: 0 auto;

}

.block:hover a {

	color:#fcb547;

	text-decoration: none;

}



.block:hover img.block_img_default,

.block img.block_img_hover

{

	display: none;

}

.block:hover img.block_img_hover,

.blkock img.block_img_default{

	display: inline-block;

}







/* contact */

.contact-us .main_content{

	margin-bottom: 0;

	padding-bottom: 0;

}

#contact {

	text-align: center;

}

#contact input[type=text],

#contact input[type=email],

#contact textarea

{  

	font-family: "canterbold";

	text-transform: uppercase;

	font-size: 4.5rem;

	max-width: 57.5rem;

	text-align: center;

	width: 100%;

	color:white;

	opacity:0.5;

}

#contact input[type=text],

#contact input[type=email]{

	height: 6.5rem;

	border:2px solid white;

	line-height: 5.5rem;

	background: transparent;

}

#contact textarea{

	height: 20rem;

	line-height: 5rem;

	border:2px solid white;

	background: transparent;

	resize:none; 



}

.contact_form_row{

	margin-bottom: 3rem;

}

#contact input[type=text]:hover,

#contact input[type=email]:hover,

#contact textarea:hover,

#contact input[type=text]:focus,

#contact input[type=email]:focus,

#contact textarea:focus{

	opacity:1;

}

#contact input[type=text]::-webkit-input-placeholder,

#contact input[type=email]::-webkit-input-placeholder,

#contact textarea::-webkit-input-placeholder {

	font-size: 3.5rem;

	color:white;

	font-family: "canterbold";

}



#contact input[type=text]:-moz-placeholder,

#contact input[type=email]:-moz-placeholder,

#contact textarea:-moz-placeholder { /* Firefox 18- */

	font-size: 3.5rem;

	color:white;

	font-family: "canterbold";

}



#contact input[type=text]::-moz-placeholder,

#contact input[type=email]::-moz-placeholder,

#contact textarea::-moz-placeholder{  /* Firefox 19+ */

	font-size: 3.5rem;

	color:white;

	font-family: "canterbold";

}



#contact input[type=text]:-ms-input-placeholder,

#contact input[type=email]:-ms-input-placeholder,

#contact textarea:-ms-input-placeholder {  

	font-size: 3.5rem;

	color:white;

	font-family: "canterbold";

}

.contact_form_info{

	font-family: "canterbold";

	font-size: 4.5rem;

	color:#ffffff;

	opacity: 0.5;

	font-weight: bold;

}

.contact_form_row input[type=checkbox]{

	display: none;

}

.contact_form_row  input[type=checkbox] + span.wpcf7-list-item-label{

	opacity: 0.5;

	cursor: pointer;

	margin-right: 3rem;

	font-size: 4.5rem;

	font-family: "canterbold";

}

.contact_form_row input[type=checkbox]:checked + span.wpcf7-list-item-label:before{

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;



  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

  content: "\f00c"!important;

}

.contact_form_row  input[type=checkbox] + span.wpcf7-list-item-label:before{

	content: "";

	border: 2px solid white;

	width: 1.5rem;

	height: 1.5rem;

	position: relative;

	display: inline-block;

	top: -0.5rem;

	margin-right: 1rem;

}

#contact input[name=dates-requesting]{

	text-indent:-38px;

}

#contact input[name=dates-requesting]::-webkit-input-placeholder{

	background: url('images/calendar.png');

	background-repeat: no-repeat; 

	background-position: 82% 40%;

}

#contact input[name=dates-requesting]:-moz-placeholder{

	background: url('images/calendar.png');

	background-repeat: no-repeat; 

	background-position: 82% 40%;

}

#contact input[name=dates-requesting]::-moz-placeholder{

	background: url('images/calendar.png');

	background-repeat: no-repeat; 

	background-position: 82% 40%;

}

#contact input[name=dates-requesting]:-ms-input-placeholder{

	background: url('images/calendar.png');

	background-repeat: no-repeat; 

	background-position: 82% 40%;

}



.contact_form_row  input[type=checkbox]:checked  + span.wpcf7-list-item-label,

.contact_form_row  input[type=checkbox]:checked + span.wpcf7-list-item-label:hover{

	opacity: 1;

}

.contact_form_row  input[type=checkbox] + span.wpcf7-list-item-label:hover{

	opacity:0.8;

}

.contact_form_row input[type=submit]{

	border:0;

	background: 0;

	color:white;

	font-size: 8rem;

	font-family: "canterbold";

	height: 9.6rem;

	line-height: 0;

	position: relative;

	top: -2.3rem;

	margin: 0;

	padding: 0;

	text-align: center;

}



.submit_border{

	display: inline-block;

	height: 6.2rem;

	border-top: 3px solid white;

	border-bottom: 3px solid white;

	width: 13.5rem;

	text-align: center;

	margin-top:2rem;

}

.submit_border:hover,

.submit_border:hover input{

	border-color:#fcb547;

	color:#fcb547;

}

.contact_form_row:last-child{

	margin-bottom: 0;

}





/* social */

.main_content .social a{

	width: 5rem;

	height: 4.8rem;

	margin: 0 auto;

}

.main_content .social li{

	margin: 0 2rem 0 0;

	padding: 0;

	

}



/* newsletter */

.text_before_newsletter h3{

	font-size: 8rem;

	color:#ffffff;

	margin: 9rem 0 5rem 0;

}

#newsletter h3{

	margin-top:3rem!important;

}



.text_before_newsletter h3:before{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/left_line.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-right: 3rem;

}

.text_before_newsletter h3:after{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/right_line.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-left: 3rem;

}

.newsletter_form {

	max-width: 63.5rem;

	margin: 2rem auto 5rem auto;

	width: 100%;

	display: table;

}

.newsletter_form span{

	width: 85%;

	float:left;

}

.newsletter_form input[type=email]{

	width: 100%;

	color:white;

	font-size: 1.8rem;

	font-style:italic;

	background: transparent;

	font-family: 'Gentium Basic', serif;

	padding: 0 3rem;

}

.newsletter_form br{

	display: none;

}

.newsletter_form input{

	height: 4.8rem;

	border:1px solid white;

}

.newsletter_form input[type=submit]{

	width: 15%;

	float:left;

	padding: 0;

	margin: 0;

	color:#323739;

	font-size: 3rem;

	font-family: "canterbold";

	padding-bottom: 0.6rem;

}



.newsletter_form input[type=email]::-webkit-input-placeholder{

	font-size: 1.8rem;

	font-style:italic;

	font-family: 'Gentium Basic', serif;

	color:white;

}

.newsletter_form input[type=email]:-moz-placeholder{

	font-size: 1.8rem;

	font-style:italic;

	font-family: 'Gentium Basic', serif;

	color:white;

}

.newsletter_form input[type=email]::-moz-placeholder{

	font-size: 1.8rem;

	font-style:italic;

	font-family: 'Gentium Basic', serif;

	color:white;

}



.newsletter_form input[type=email]:-ms-input-placeholder{

	font-size: 1.8rem;

	font-style:italic;

	font-family: 'Gentium Basic', serif;

	color:white;

}



.ajax-loader{

	display: none!important;

}

.page-template-page-contact-us-template footer{

	margin-top: -2rem;

}

.datepicker{

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;

}



/* events */

.event{

	margin-bottom: 6rem;

	display: table;

	width: 100%;

}



.event date{

	font-size: 3rem;

	color: white;

	display: block;

	line-height: 2rem;

	margin: 0;

}

.event h2{

	font-size: 4.5rem;

	color: #fcb242;

	margin: 1.5rem 0 1.5rem 0;

	line-height: 0.5;

}

.event_image {

	padding-left:0;

}

.event_image img{

	border:2px solid white;

}

.event .event_description{

	font-size: 2rem; 

	color:white;

	line-height:1.2;

	font-family: 'Gentium Basic', serif;

}

.event .read_more{

	display: none;

}

.event a:hover{

	text-decoration: none;

}

.event_more .more_trigger{

	color: white;

	font-size: 8rem;

	border-top: 3px solid;

	border-bottom: 3px solid;

	display: inline-block;

	height: 0rem;

	padding-bottom: 5.8rem;

	line-height: 3.3rem;

	cursor: pointer;
	padding-top:2rem;

}

.event_more .more_trigger:hover,

.gallery + .event_more #loadMore:hover,

#see_all_events:hover{

	color: #fcb242;

	text-decoration: none;

}

.events .event{

	display: none;

}

.page-template-page-events-calendar .main_content{

	padding-bottom: 0;

}







/* music events */ 



.upcoming h3{

	font-size: 8rem;

	color:#ffffff;

	margin: -4rem 0 5rem 0;

}



.upcoming h3:before{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/left_line.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-right: 3rem;

}

.upcoming h3:after{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/right_line.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-left: 3rem;

}

.upcoming_events date{

	display: block;

	color: white;

	font-size: 4rem;

	text-align: center;

	margin-bottom:1rem;

}

.upcoming_inner {

	max-width: 24rem;

	text-align:center;

	margin: 0 auto;

}

.upcoming_inner img{

	border:2px solid white;

	max-width: 100%;

	box-sizing: content-box;



}

.upcoming_inner .bow_tie{

	border:2px solid white;

	padding: 0.6rem;



}

.upcoming_inner .bow_tie:after{

	content: "";

	background: url('images/tie.png');
  background-size: cover!important;
	width: 3.1rem;

	height: 1.3rem;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -1.55rem;

	margin-top: 0.1rem;

}

.upcoming .short_description{

	font-size: 2rem;

	color:white;

	font-family: 'Gentium Basic', serif;

	line-height: 2.5rem;

	margin: 2rem auto 6rem;

}

.page-template-page-music-events-template

footer{

	margin-top:6rem;

}

.page-template-page-music-events-template .main_content{

	padding-bottom: 0;

}









/* home */

.home .logo{

	display: none;

}

.home .header_nav{

	z-index: 9999;

	position: relative;

	top: 2.5rem;

}

.home .hero{

	position: relative;

	top: -7.4rem;

	z-index: 9;

	background-size:cover;

	background-attachment: fixed;

	

	padding-top: 20rem;

	text-align: center;

	margin-bottom: -7.4rem;

	

}



.home .hero a{

	color: white;

	margin: 0 auto;

	font-size: 8.5rem;

	display: inline-block;

	margin-top: 0;

	border-top: 3px solid transparent;

	border-bottom: 3px solid transparent;

	line-height: 3.2rem;

	padding-bottom: 2.6rem;

	margin-left: 7rem;

	margin-right: 7rem;

	padding-top:1rem;

	padding-bottom: 1.5rem;

}

.home .hero a:hover{

	border-color:#fcb242;

	text-decoration: none;

	color:#fcb242;

}

.hero-text-1{

	margin-bottom: 10rem;

}

.hero-text-2{

	margin-bottom: 15rem;

}

.hero-text-3 img{

	cursor: pointer;

}

.home .main_content_inner h3{

	font-size: 8rem;

	color:#ffffff;

	margin: 5rem 0 5rem 0;

}



.home .main_content_inner h3:before{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/left_line.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-right: 3rem;

}

.home .main_content_inner h3:after{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/right_line.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-left: 3rem;

}

.home .welcome{

	position: relative;

	padding-bottom: 5rem;



}

.home .main_upcoming{

	position: relative;

	padding-top:9rem;

	padding-bottom: 7rem;

}

.home .main_upcoming:before{

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	display: block;

	background: url('images/main_home_bg.png');

	content: "";

	background-repeat: no-repeat;

	background-position: center -6rem;

	opacity: 0.5;

	z-index: -1;

}

.home .welcome:before{

	background: url('images/home_bg_section.png');

	opacity: 0.5;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	position: absolute;

	z-index: -1;

	content: "";

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: 0 3rem;

}

.flexslider {

	margin: 0 auto!important;

	background: transparent!important;

	border: 0!important;

	box-shadow: none!important;  

	padding: 0 1.5rem!important;



}

.quotes{

	min-height: 57rem;

	padding: 6.5rem 0;

	background: url('images/quote_bg.jpg');

	background-size: 100% 100%;

}

.quote_sign{

	margin: 0 auto 5.5rem auto;

	display: block;

}

.quote_text p{

	font-size: 7.5rem;

	font-family:'canterbold';

	line-height: 6rem;

}

.quotes li:nth-child(2) .quote_text p{

	font-size: 6.5rem;

	line-height: 5rem;

}

.quote_title {

	font-size: 4.5rem;

	color: white;

	margin-top:2rem;

	text-align: center;

}

.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: -5.5rem!important;

	text-align: center;

	display: block;

}

.flex-control-nav{

	z-index: 9999;

	margin-left:-12px!important;

}

.flex-control-paging li a.flex-active{

	background: white!important;

}

.flex-control-paging li a{

	background: rgba(255,255,255,0.3)!important;

}

#sbi_load,.sbi_load{

	display: none;

}

#sb_instagram{

	padding-bottom: 0!important;

}

.instagram_feed_home{

	margin-top:0rem;

}

.home .main_content{

	padding-bottom: 0;

	padding-top:0;

}

.home footer {

	margin-top: 2.5rem;

	border-top: 0;

}



.main_content_inner.newsletter{

	position: relative;

	padding-bottom: 5rem;

}

.main_content_inner.newsletter:before{

	background: url('images/connect.png');

	background-position: center top;

	background-size: 72%;

	background-repeat: no-repeat;

	position: absolute;

	display: block;

	top: 0;

	left: 0;

	opacity: 0.4;

	right: 0;

	content: "";

	bottom: 0;

	z-index: -1;



}





.grid .whole,

.grid_row{

	height: 33rem;

	box-sizing: content-box;     

}

.grid .whole,

.grid .half{

	display: table;

	width: 100%;

}

.grid .whole:not(.grid_music):not(.grid_menu):not(.grid_contact) > div,

.grid .half > div{

	display: table-cell;

	vertical-align: middle;



}

.grid .half{

	height: 16.5rem;

}

.border-top{

	border-top:4px solid white;

}

.border-right{

	border-right:4px solid white;

}

.border-left{

	border-left:4px solid white;

}

.border-bottom{

	border-bottom:4px solid white;

}



.grid_big_title{

	font-size: 9.5rem;

	color: #ffffff;

	text-align: center;

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	line-height: 31rem;

}

.grid_big_title:hover{

	text-decoration: none;

}

.grid_big_title span{

	font-size: 7.5rem;

}

.grid_1{

	background: url('images/grid_1.jpg');

}

.grid_2{

	background: url('images/grid_2.jpg');

}

.grid_3{

	background: url('images/grid_3.jpg');

}

.grid_4{

	background: url('images/grid_4.jpg');

}

.grid_5{

	background: url('images/grid_5.jpg');

}

.grid_6{

	background: url('images/grid_6.jpg');

}

.grid_7{

	background: url('images/grid_7.jpg');

}

.grid_8{

	background: url('images/grid_8.jpg');



}

.grid_9{

	background: url('images/grid_9.jpg');

}

.grid_10{

	background: url('images/grid_10.jpg');

}

.grid_11{

	background: url('images/grid_11.jpg');

}

div[class*='grid_'] {

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center; 

}

.text_row

{

	font-size: 3rem;

	color:white;

	font-family: 'Gentium Basic', serif;



}

.text_row p{

	font-size: 3rem;

	display: table-cell;

	vertical-align: middle;

	padding: 0 25%;

	font-style:italic;

	line-height: 3.56rem;

}

a:after,a:before,a, a mark,

input[type=submit]{

	-webkit-transition: all 0.3s linear;

-moz-transition: all 0.3s linear;

-ms-transition: all 0.3s linear;

-o-transition: all 0.3s linear;

transition: all 0.3s linear;

}

a:hover,

a:active,

a:focus,

a:visited{

	text-decoration: none;

}

.grid_menu > div:hover a,

.grid_music > div:hover a ,

.grid_contact > div:hover a{

	background: rgba(0,0,0,0.5);



}

.grid_menu > div:hover a mark,

.grid_music > div:hover a mark,

.grid_contact > div:hover a mark{

	color:#fcb547!important;

}

.grid_menu > div:hover a mark:before,

.grid_music > div:hover a mark:before,

.grid_contact > div:hover a mark:before,

.grid_menu > div:hover a mark:after,

.grid_music > div:hover a mark:after,

.grid_contact > div:hover a mark:after{

	background:#fcb547!important;

}

.grid mark{

	padding: 0;

	color: white;

	background-color: transparent;

	display: -webkit-inline-box;

	display: -moz-inline-box;

	display: -ms-inline-flexbox;

	  height: 6.5rem;

  line-height: 6.5rem;

	position: relative;



}

.grid mark:before{

	content: "";

	position: absolute;

	display: block;

	width: 100%;

	height: 3px;

	background: white;

left: 0px;

top: 0.3rem;



}

@media screen and (-webkit-min-device-pixel-ratio:0) {    

.grid mark:before{

	top:0;

}



}

.grid mark:after{

	content: "";

	position: absolute;

	display: block;

	width: 100%;

	height: 3px;

	background: white;

	margin-top: 2.5rem;

	margin-top: 2.5rem;

bottom: -0.5rem;

left: 0;

}







/* menu */

.menu_content aside{

	padding:0 4rem 0 0;

}



.menu_content .bow_tie{

	border:2px solid white;

	padding: 0.6rem;

	position:relative;

}

.menu_content .bow_tie_inner{

	border:2px solid white;

}

.menu_content .bow_tie:after{

	content: "";

	background: url('images/tie.png');

	width: 3.1rem;

	height: 1.3rem;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -1.55rem;

	margin-top: 0.1rem;  
	background-size: cover!important;

}

.menu_content .bow_tie a{

	color: white;

	font-size: 4.5rem;

	text-align: center;

	line-height: 4.5rem;
	text-transform: lowercase;


}

.menu_content .bow_tie a span{

	font-size: 3.5rem;

}

.menu_content .bow_tie a:hover,

.menu_content .bow_tie .active a

{

	text-decoration: none;

	color:#fcb242;

}

.menu_content .bow_tie .heading{

	font-size: 8rem;

	color: white;

	line-height: 8rem;

}

.menu_content .bow_tie ul#menu-food

{

	margin-bottom: 0;

}

.menu-drink-container{

	margin-bottom: 2.5rem;

}

.menu_content{

	margin-top: 11rem;

}

.menu_block_heading{

	font-size: 8rem;

	color:#fcb547;

	margin: -4rem 0 0 0;

	text-align: center;

}



.menu_block_heading:before{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/menu_heading_left.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-right: 3rem;

}

.menu_block_heading:after{

	height: 0.5rem;

	width: 9.6rem;

	content: "";

	background: url('images/menu_heading_right.png');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center center;

	top: -2rem;

	position: relative;

	margin-left: 3rem;

}



.menu_description{

	color:#fcb547;

	font-size: 2rem;

	font-style: italic;

	font-family: 'Gentium Basic', serif;

	text-align: center;

}

.glass_bottle .menu_block_title{
	margin: 0;
}
.glass_bottle .menu_block_description  {
  font-size: 1.7rem;
}
.menu_block_title{
	text-transform: lowercase;
	font-size: 4.5rem;

	color:white;

	text-align: center;

}
.glass,.bottle{
	font-family: 'Gentium Basic', serif;
	color:white;
}

.menu_block_title span{

	font-size: 3.5rem!important;

}
.glass_value,
.bottle_value{
	font-family: 'Gentium Basic', serif;
	color:white;
	font-weight: bold;
	line-height: 5.4rem;
}

.menu_block p{

	font-size: 2rem;

	color:white;

	font-family: 'Gentium Basic', serif;

	line-height: 2.5rem;

}

.menu_block p span,
.menu_block_number {

	font-size: 2rem;

	color:white;

	font-weight: bold;

	font-family: 'Gentium Basic', serif;

	display: inline;

	

}
.menu_block mark{
	
  padding: 0;
  background-color: transparent;
  color: white;
  margin: 0 5px;

}
body.soup-salad .menu_part .menu_block:nth-child(2n+2){
	clear:left;
}
body.appetizers .menu_part .menu_block:nth-child(2n+2){
	clear:left;
}
body.entrees .menu_part .menu_block:nth-child(3n+2){
	clear:left;
}
body.soup-salad .menu_part:nth-child(1) .menu_block > div,
body.sides .menu_part:nth-child(1) .menu_block > div{
width: 100%;
}
body.sides .menu_part:nth-child(1) .menu_block > div{
	clear: both;
}
body.soup-salad .menu_part:nth-child(2) .menu_block > div{
width: 50%;
}
body.appetizers .menu_part:nth-child(1) .menu_block > div{
width: 50%;
}


body.cocktails .menu_part:nth-child(1) .menu_block > div{
width: 50%;
}
body.cocktails .menu_part:nth-child(1) .menu_block:nth-child(2n+2){
	clear:left;
}
body.sides .second_wrap {
  width: 30rem;
  clear: both;
  margin: 0 auto;
  left: 50%;
  margin-left: -15rem;
}



body.sandwiches .menu_part:nth-child(1) .menu_block:nth-child(2n+1){
	clear:left;
}
body.sandwiches .menu_part:nth-child(1) .menu_block > div{
width: 50%;
}


body.flatbreads .menu_part:nth-child(1) .menu_block:nth-child(2n+2){
	clear:left;
}
body.flatbreads .menu_part:nth-child(1) .menu_block > div{
width: 50%;
}
.menu_part {

	clear:both;

	float:none;

	margin-bottom: 6rem;

}

.menu_blocks{

	  max-width: 80rem;

  padding: 0;

}

.second_number{

	  height: 4.5rem;

  line-height: 6.5rem;

}

.menu_block_title.second{

	margin: 0;

}

.page-template-page-menu-tempalte .main_content {

  padding: 7rem 0 3rem 0;

}



/* errors */

span.wpcf7-not-valid-tip {

  

  position: absolute;

  text-align: center;

  width: 100%;

  margin-top: 0rem;

  left:0;

  	font-family: 'Gentium Basic', serif;

}

input.wpcf7-not-valid{

	border:2px solid #f00!important;

}

form{

	position: relative;

}

.wpcf7-response-output{

  position: absolute;

  left: 0;

  color: white;

  text-align: center;

  margin: 0 auto!important;

  width: 100%;

  	font-family: 'Gentium Basic', serif;

}

#newsletter .wpcf7-response-output{

display: none!important;

}

#newsletter span.wpcf7-not-valid-tip {

	  margin-top: -3.5rem!important;

	  text-align: right;

}

















.overlay .social li a{

	  width: 5rem;

  height: 5rem;

}



.button_container {

    position: absolute;

  top: 4rem;

  left: 15px;

  height: 27px;

  width: 35px;

  cursor: pointer;

  z-index: 100;



}

.button_container.active{

	position: fixed;

}



.button_container.active .top {



  background: #FFF;

}





.button_container.active .bottom {



  background: #FFF;

}



.button_container span {

  background: white;

  border: none;

  height: 5px;

  width: 100%;

  position: absolute;

  top: 0px;

  left: 0;

  transition: all 0.35s ease;

  cursor: pointer;

}



.button_container span:nth-of-type(2) {

  top: 10px;

}



.button_container span:nth-of-type(3) {

  top: 20px;

}



.overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 1;

  padding-top: 10rem;

  z-index: 50;

}

.overlay:before{

	  background: url('images/dark.png');

	  content: "";

	  position: absolute;

	  left:0;

	  right: 0;

	  top: 0;

	  bottom: 0;

	    background-position: center center;

  background-size: cover;

}





.overlay{display: none;}

.overlay.open {

  opacity: 1;

  visibility: visible;

  height: 100%;

display: block;

}







.overlay a:hover:after{

	text-decoration: none!important;

	border-bottom: 0!important;

	display: none;

}



.overlay .social li{

	display:inline-block!important;

	margin-top: 7%;

}

.overlay nav {

  position: relative;

  height: 70%;

  top: 50%;

  font-size: 50px;

  font-family: 'Vollkorn', serif;

  font-weight: 400;

  text-align: center;

  z-index: 100;

}



.overlay ul {

  list-style: none;

  padding: 0;

  margin: 0 auto;

  display: block;

  position: relative;

  height: 100%;

  width: 100%;

  text-align: center;

}



.overlay ul li {

 display: block;

  height: 14%;

  height: calc(100% / 74);

  min-height: 5rem;

  position: relative;

}



.overlay ul li a {

color:white;

font-size: 8rem;

  text-transform: lowercase;

}


/* --- iOS Safari fix ---------------------------------------------------------
   iOS Safari does not truly support `background-attachment: fixed`. When the
   fixed-position hamburger overlay (#overlay) opens/closes and the user then
   navigates (e.g. Menu > Sliders & Burgers), WebKit fails to repaint the
   fixed body background and leaves a blank white rectangle on screen.
   Force a normal scrolling background on touch/mobile widths to remove it.
   Higher specificity (html body) + !important is required to beat the
   earlier `body { background-attachment: fixed !important }` rule.          */
@media (max-width: 767px) {
  html body,
  html body.home .hero {
    background-attachment: scroll !important;
    -webkit-background-size: cover;
    background-size: cover;
  }
}


