@charset "UTF-8";
/* CSS Document */

 


html, body 								{	height: 100%;      width: 100%;    margin: 0;    padding: 0; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
* 										{   padding: 0;    margin: 0;	} 
a img 									{   border: 0; outline : none;}
img 									{	border: 0; outline : none; }
/*Opera Fix*/ body:before 				{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
body 									{   margin: 0px;  	}
div 									{   font-family: 'Open Sans', sans-serif;	    letter-spacing:0px;	 	 font-size: 14px;						}
a 										{   font-family: 'Open Sans', sans-serif;	    text-decoration: none; 	 	}
#wrap 		 							{	min-height: 100%;}
#content 								{   width: 100%; float:left; margin-top: 0px;        overflow: hidden;     	}
.title_rof								{    line-height: 90%; word-spacing: -30px;  margin-bottom:10px;  font-family: 'rofitasteregular';   font-weight: normal;    font-style: normal;  		  font-size: 100px; text-align:center;}
.title									{    line-height: 90%; word-spacing: 0px;  margin-bottom:30px;  font-family: 'Oswald', sans-serif;    font-weight: 400;    font-style: normal;  		  font-size: 50px; text-align:center; text-transform:uppercase}
section 								{   width:80%;  float: left;  margin-left:10%; min-height:20px;  }
#announcement_strip 					{ 	background-color: #F4F7FE; padding: 2px 10px 0px 10px;  height:18px; font-weight:600;   color: #3C3C3C; font-size:11px; text-align:right;  z-index:103;  position: relative }
#announcement_strip img 				{ 	width: 8px; margin-left:10px; margin-right:5px;  }
#slide 		 							{   background-color: #fff; overflow: hidden; position:relative;     width: 100%;    display: block;   z-index: 4; margin-top:-0px; }
#slide 	img	 							{   width:100%; display: block;   -webkit-filter: brightness(70%);  filter: brightness(70%);}
.slider  								{   width:100%; float:left;        	}
.slide 									{	position: relative; 		overflow:hidden;	}
.slide_title 							{   margin-bottom:30px; display:block;  color: #fff; letter-spacing:-1px;  font-size: 70px; font-family: 'Oswald', sans-serif;     text-transform:uppercase;  }
.slide__heading 						{   transition: all 0.2s ease-in-out; display: block; height:auto;   position: absolute; bottom:15%;      z-index: 2;    width:100%; text-align:center; }
.slide__heading a    					{   transition: all 0.2s ease-in-out;  background-color: #019247;  font-weight: 300; color: #fff; text-transform:uppercase; letter-spacing:0px; font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px;}
.slide__heading a:hover       			{   transition: all 0.2s ease-in-out;  background-color: #E66721;  font-weight: 300; color: #fff; text-transform:uppercase; letter-spacing:0px; font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px;}

.white_brush	 						{   background:url(../images/white_brush.svg) 	no-repeat; background-size: 120%;    position:absolute;    width:100%; height:3.1%;  bottom:-2px; z-index: 3; margin-left:-1%;  }

.wh_brush	 							{   display:none; background:url(../images/white_brush.svg)  	no-repeat; background-size: 120%; float:left;  width:100%; height:auto; padding-top:2.0%;  margin-bottom:0%;    margin-left:-1%; z-index: 3;  }
.grey_brush	 							{   background:url(../images/gr_brush.svg) 	no-repeat; background-size: 120%;    position:absolute;    width:100%; height:3.1%;  bottom:-2px; z-index: 3; margin-left:-1%;  }
.white_brush_down	 					{   background:url(../images/white_brush.svg) 	no-repeat; background-size: 120%;    position:absolute;    width:100%; height:3.1%;  top:-2px; z-index: 3; margin-right:-1%;    -moz-transform: scaleX(-1) scaleY(-1);  -o-transform: scaleX(-1) scaleY(-1);    -webkit-transform: scaleX(-1) scaleY(-1);    transform: scaleX(-1) scaleY(-1); }
.footer_brush	 						{   background:url(../images/orange_brush.svg)  no-repeat; background-size: 120%; float:left;  width:100%; height:auto; padding-top:3.5%;  margin-top:-2%;  margin-left:-1%;  display: block;  }
#logo 		 							{   transition: all 0.2s ease-in-out; background:url(../images/logo.svg); background-size:cover; top: 45px;  position:absolute;     width:270px; height:270px; left:50%;  margin-left:-135px;  z-index: 3;   }
#logo.active  		 					{   transition: all 0.2s ease-in-out; background:url(../images/logo.svg); background-size:cover; top: 5px;  position:absolute;    width:2px; height:2px; left:50%;  margin-left:-1px;  z-index: 3;   }
header  	 							{	width: 80px;	height: 80px;transition: all 0.2s ease-in-out; background-color: #CE2A37;	 top:20px; right:30px;	display: block; position: fixed !important; z-index:101;  }
header.active  	 						{	width: 80px;	height: 80px;transition: all 0.2s ease-in-out; background-color: #CE2A37;	 top:0px;  right:30px;	display: block; position: fixed !important;  z-index:101;}
.burger 								{	width: 60px;  	height:60px;background:url(../images/burger.svg); 	background-size:cover; 	}
.burger.active 							{	background:url(../images/logo.svg); 	background-size:cover;  }
.close  								{	width: 60px;  	height: 60px; background:url(../images/close.svg);	background-size:cover; 	}
#burger 	 							{   width:60px;		height: 60px;  	transition: all 0.2s ease-in-out; cursor:pointer;    	   float: right;    	margin-top: 10px;    margin-right: 10px;    display: block; z-index:101;   }
#burger img 							{   position:absolute;   -webkit-transition: opacity 400ms ease-in-out;  -moz-transition: opacity 400ms ease-in-out;  -o-transition: opacity 400ms ease-in-out;    transition: opacity 400ms ease-in-out;}
#burger img.transparent 				{	opacity:0;}
#mobnavreveal 							{ 	background-color:#CE2A37;   display:none;   z-index:100;   top:0;     right:0;  float:right;  padding-top:100px;   	width:200px;     	  position: fixed; } 
#mobnavreveal.active					{ 	padding-top:80px;   	 } 
#menu 									{  	transition: all 0.2s ease-in-out; text-align:right;  	    height:100%;  overflow-y:auto; -webkit-overflow-scrolling: touch;  margin-bottom: 20px;} 	
.mobilenav a  							{   transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); margin-left:5%; margin-right:55px;      margin-bottom: 10px;       color: #fff;              font-size: 16px; letter-spacing:0px;   text-decoration: none;     display:block;  }
.mobilenav a:hover  					{   color: #696969;  }
#white   								{   float:left;  background-color: #fff ;  color: #50816D;   width: 100%;  }
#gallery   								{   color: #fff; float:left;    position:relative;   width: 100%;    }
#grey   								{  	background:url(../images/grey_bg.jpg);  background-color: #E4E4DA; float:left;      color: #686868;   width: 100%;  }
.smaller_section 						{   text-align:center; min-height:10px; width:40%; margin-left:30%;    	 font-weight: 300;   	color: #686868;   margin-top:70px; margin-bottom:100px;    }
#grey img 								{  	width:30px; margin-top:20px;}
#contact   								{  	width: 100%;   } 
#book   								{   float:left;   background-color: #fff;	 width: 50%;    min-height:20px;   }
#location   							{   float:left;  background-color: #fff;   	 width: 50%;   min-height:400px; }
.booking_inner 							{  	width:40%; min-height:20px;  float:left; margin-top:5%; margin-bottom:5%; margin-left:5%; margin-right:5%; color: #3C3C3C }
.booking_inner_title  					{  	font-family: 'Oswald', sans-serif;     font-style: normal;   text-transform:uppercase; 	color: #019247;	font-size:30px; margin-bottom:0px; font-weight:400;    }
table 									{  	margin-bottom:60px; width:100% }
tr,td 									{	width:50%}
.google_map 							{	width:100%;  height:100%;}
.map 									{	width:100%;  height:100%;}
.menu 									{ 	min-height:10px;    	 font-weight: 300;  font-size: 14px;  	color: #3C3C3C;   margin-top:90px; margin-bottom:90px;  }
footer 									{   background-color: #2C2C2C;     	position: relative;   	width: 100%;    	height: 110px;   margin-left:auto; 	margin-right: auto;  	margin-top: -130px;   	clear: both;	text-align:center;  color: #fff;}
footer a img  							{   width:40px;   margin-left:5px; margin-right:5px;}
.credit 								{	color: #fff;	font-size:10px; margin-top:18px}
.credit a								{  	color: #fff;	font-size:10px;}
a.anchor 								{   display: block;    position: relative;    top: 20px;    visibility: hidden;}
.lightwidget-widget_mobile 				{	display:none}
.lightwidget-widget 					{	display:block}
#more_menu_btn 							{ 	display:none;	width:100%; margin-top:30px; float:left; text-transform:uppercase;    z-index: 99;      border: none;     outline: none;     background-color: #019247;     color: white;      cursor: pointer;      padding: 15px;      border-radius: 0px; }
.avpn  									{	height:150px!important; width:auto!important; margin-bottom:30px;  }
.rest 									{ 	float:left;  width: 48%;  margin-left:1%;  min-height:300px; text-align:center;border-width:1px;border-style:solid;border-color:#ccc;}
.takeout								{ 	float:left;  width: 48%; margin-right:1%;  min-height:300px; text-align:center; border-width:1px;border-style:solid;border-color:#ccc;}
.takeout a    							{   transition: all 0.2s ease-in-out;  background-color: #019247;  font-weight: 300; color: #fff; text-transform:uppercase; letter-spacing:0px; font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px; margin-top:20px; margin-bottom:20px; display:inline-block}
.takeout 	a:hover       				{   transition: all 0.2s ease-in-out;  background-color: #E66721;     }
.rest a   								{   transition: all 0.2s ease-in-out;  background-color: #CE2A37;  font-weight: 300; color: #fff; text-transform:uppercase; letter-spacing:0px; font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px; margin-top:20px; margin-bottom:20px;display:inline-block}
.rest 		a:hover       				{   transition: all 0.2s ease-in-out;  background-color: #019247;     }
.takeout img, .rest img 				{	width:100%; height:auto	}
.takeout_title  						{   font-family: 'Oswald', sans-serif;   	color: #181616;	font-size:36px; margin-bottom:0px; font-weight:400; text-transform:uppercase;    margin-bottom:10px;}



.covid {color: #666; font-size:12px; margin-top:50px;}




.extraheadertxt {font-size:48px;}
.headersmtxt {font-size:18px;  font-family: 'Open Sans', sans-serif; text-transform:none; font-weight:300;  }



/*--------Responsive Flow-------------*/

 
@media only screen and (max-width: 1250px) 	{
  

#logo 		 							{   top: 25px; width:240px; height:240px; left:50%;  margin-left:-120px;  z-index: 3;   }
.slide_title 							{    margin-bottom:30px;   font-size: 40px;   }
.slide__heading 						{   bottom:8%;    }
.smaller_section 						{	width:70%; margin-left:15%;   }
 
 }


 
@media only screen and (max-width: 1000px) 	{
  

#logo 		 							{   top: 15px; width:220px; height:220px; left:50%;  margin-left:-110px;  z-index: 3;   }
.slide_title 							{   font-size: 30px;  margin-bottom:30px; }
.slide__heading 						{   bottom:8%;    }
.slide__heading a    					{   margin-top:30px; 	font-size: 14px; padding-left:20px;  padding-right:20px;  padding-top:8px; padding-bottom:8px;}
.slide__heading a:hover       			{    					font-size: 14px; padding-left:20px;  padding-right:20px;  padding-top:8px; padding-bottom:8px;}
section 								{   width:90%;    margin-left:5%;  }
.rest 									{ 	width: 99%;  margin-left:0%; margin-top:50px;   }
.takeout								{ 	width: 99%; margin-right:0%;   }
.menu 									{	margin-top:40px; margin-bottom:40px; }


}



@media only screen and (max-width: 840px) 	{

.white_brush,
.wh_brush,
.white_brush_down,
.grey_brush,
.footer_brush							{   background-size: 120%;    width:130%;    margin-left:-2%;  }
#logo 		 							{   width:270px; height:270px; left:50%;  margin-left:-135px;   }
.slide_title 							{   margin-bottom:20px;  font-size: 60px;   }
.slide__heading 						{   bottom:15%;  }
.slide__heading a    					{   font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px;}
.slide__heading a:hover       			{   font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px;}
#slide img 		 						{   width: 200%;   margin-left:-50%;  	}
.smaller_section 						{	width:90%; margin-left:5%;   }
#book   								{   width: 100%;      }
#location   							{   width: 100%;  height:400px!important  }
.booking_inner 							{  	width:90%;   margin-left:5%; margin-right:5%;  margin-bottom:60px;}
.wh_brush	 							{   display:block;} 
.equal_height 							{	height:auto!important}
header  	 							{	width: 60px;	height: 60px;  	 top:20px; right:18px;	 }
header.active  	 						{	width: 60px;	height: 60px; right:18px;	}
.burger 								{	width: 40px;  	height:40px;  	}
.close  								{	width: 40px;  	height: 40px;   	}
#burger 	 							{   width:40px;		height: 40px;   	margin-top: 10px;    margin-right: 10px;     }
#mobnavreveal 							{ 	padding-top:80px;     	width:160px;     	   } 
#mobnavreveal.active					{ 	padding-top:80px;   	 } 
 
.mobilenav a  							{   margin-right:40px;      margin-bottom: 10px;    }
footer a img  							{   margin-top:20px;}
.google_map 							{	width:90%;  height:90%; margin-left:5%; }
.lightwidget-widget 					{	display:none}
.lightwidget-widget_mobile 				{	display:block;}
 
.extraheadertxt {font-size:28px;}
.headersmtxt {font-size:12px;   margin-bottom:10px		}
.notice		  							{ 	    	font-size:40px;    }


}



@media only screen and (max-width: 660px) 	{


 
.slide_title 							{   margin-bottom:10px;  font-size: 50px;   }
.slide__heading 						{   bottom:10%;  }
.slide__heading a    					{   font-size: 14px; padding-left:20px;  padding-right:20px;  padding-top:10px; padding-bottom:10px;}
.slide__heading a:hover       			{   font-size: 14px; padding-left:20px;  padding-right:20px;  padding-top:10px; padding-bottom:10px;}
#announcement_strip 					{ 	padding: 5px 10px 0px 10px; font-size:8px; }
.avpn  									{	width:40%!important; height:auto!important; margin-left:30%; display:block;  }
}


@media only screen and (max-width: 500px) 	{


#logo 		 							{   top: 10px; width:200px; height:200px; left:50%;  margin-left:-100px;   }
.slide_title 							{   margin-bottom:10px;  font-size: 35px;   }
.slide__heading 						{   bottom:7%;  }
.slide__heading a    					{   font-size: 12px; padding-left:10px;  padding-right:10px;  padding-top:5px; padding-bottom:5px;}
.slide__heading a:hover       			{   font-size: 12px; padding-left:10px;  padding-right:10px;  padding-top:5px; padding-bottom:5px;}
#announcement_strip 					{ 	display:none  }
header  	 							{	top:0px;   }

}


@media only screen and (max-width: 350px) 	{

#logo 		 							{  top: 10px; width:150px; height:150px; left:50%;  margin-left:-75px;   }

.slide_title 							{   margin-bottom:10px;  font-size: 40px;   }
.slide__heading 						{   bottom:7%;  }
.slide__heading a    					{   font-size: 10px;    }
.slide__heading a:hover       			{   font-size: 10px;    }

}