/*-------------------------------------------------------------------------------------------------------------------------------------------------
																										RESET
-------------------------------------------------------------------------------------------------------------------------------------------------*/
body, div, ul, li, a, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; list-style: none; }
/*-------------------------------------------------------------------------------------------------------------------------------------------------
																										GENERAL CLASSES
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.clearBoth { clear: both; }
.splitMenu-1, .splitMenu-2 { margin: 0; padding: 0 !important;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------
																										STYLE
-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------ANIMATIONS---*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } } 
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity: 1; } }
/*---------------------------------------------------------BODY---*/
body {
	min-width: 216px;
	background: #ccc;
	background: url(../_images/background.jpg) repeat-y;
	background-size: 100% 100%;
	background-attachment: fixed;

	
}
/*---------------------------------------------------------HEADER---*/
#header {
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}
#header ul {
	border-bottom: 2px solid #FAFAFA;
	list-style: none;
	text-align: center;
	display: inline-block;
	zoom: 1;
	*display: inline; /*IE 7 hack*/
	width: 100%;
}
#header li {
	display: inline-block;
	zoom: 1;
	*display: inline; /*IE 7 hack*/
	padding: 1.65% ;
	font-size: .7em;
}
#header a {
	display: block;
	text-decoration: none;
	line-height: 2em;
	font-size: 1.6em;
	color: #FAFAFA;
	font-family: Arial, Times;
	font-weight: normal;
}
#header a:hover {
	color: #ED4E2B;
}
#header #fb {
	position: absolute;
	bottom: -50px;

}
/*---------------------------------------------------------CONTENT---*/
#content-home, #content-drinks, #content-food, #content-location, #content-photo-gallery, #content-upcoming_events {
	color: #FAFAFA;
	text-align: center;
	margin-bottom: 5%;
	-webkit-animation: fadeIn linear 2s; -moz-animation: fadeIn linear 2s; -o-animation: fadeIn linear 2s; animation: fadeIn linear 2s;
}
#content-home h1 {
	font-size: 90px;
	margin-bottom:1%;
	font-weight: bold;
	font-family: Arial, Times !important;
}
#content-home h2, #content-drinks h2, #content-food h2, #content-location h2, #content-photo-gallery h2, #content-upcoming_events h2 {
	font-size: 43px;
	font-family: Arial, Times !important;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 2%;
	white-space: nowrap;
}
#content-home .qr-code img {
	display: block;
	margin: 0 auto;
	width:20%;
}
#content-drinks .span6, #content-food .span6 {
	width: 46%;
	margin: 0 2%;
}

/*show/hide the template*/ #content-food .span6 { display: none; }
/*show/hide under contruction statement*/  #content-food #under-construction, #content-location #address { display: block; font-size: 1.3em }

#content-drinks h3, #content-food h3 {
	text-align: left;
	font-size: 2.8em;
	font-weight: normal;
	margin-top: 5%;
	font-family: Arial, Times !important;
}
#content-drinks .products, #content-food .products {
	font-weight: normal;
	margin: 1% 0;
	width: 100%;
	font-family: Arial, Times !important;
	padding: 1% 0;
	cursor: default;
}
#content-drinks .products:hover,  #content-drinks .recipe:hover, #content-food .products:hover,  #content-food .recipe:hover {
	color: #ED4E2B;
}
#content-drinks .type, #content-food .type {
	float: left;
	margin-right: 1%;
	font-size: 1.2em;
}
#content-drinks .price, #content-food .price {
	float: right;
	margin-left: 1%;
	font-size: 1.2em;
}
#content-drinks .dots, #content-food .dots {
	overflow: hidden;
	font-size: 1.2em;
}
#content-drinks .recipe, #content-food .recipe {
	display: inline-block;
	text-align: left;
	zoom: 1;
	*display: inline; /*IE 7 hack*/
	text-align: left;
	width: 100%;
}
#content-drinks .recipe .arrow, #content-food .recipe .arrow {
	font-size: 1.5em;
}
#content-location #googleMap {
	margin: 3% 10%;
	width: 80%;
	height: 400px;
}
/*---------------------------------------------------------IMAGE SLIDER---*/
#links {
	text-align: center;
}
#links img {
	border: 1px solid #FAFAFA;
	max-width: 150px;
	max-height: 150px;
	margin-bottom: 5px;
}
#links img:hover {
	border: 1px solid #ED4E2B;
}
h3.title {
	text-align: center !important;
	width: 100% !important;
	left: 0 !important;
	color: #FFF !important;
	text-shadow: 0 0 2px #000 !important;
	font-size: 24px;
	text-wrap: suppress !important;
}
/*---------------------------------------------------------FACEBOOK ACTIVITY FEED---*/
#content-upcoming_events,
#content-upcoming_events .span12,
#content-upcoming_events .span12 .fb-like-box,
#content-upcoming_events .span12 .fb_iframe_widget,
#content-upcoming_events .span12 .fb-like-box span,
#content-upcoming_events .span12 .fb_iframe_widget span,
#content-upcoming_events .span12 .fb-like-box span iframe,
#content-upcoming_events .span12 .fb_iframe_widget span iframe {
	width:100% !important;
	margin: 0 auto 1% !important;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------
																										MEDIA QUERY
-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:768px) {
	.splitMenu-1 { display: block !important; }
	h1{font-size:80%}
	#content-drinks .span6 { float:none;	width: 96%; }
}
@media (min-width:400px) and (max-width:768px) {
	#image-slider #slider3-pager { height: 350px; }
	h3.title { font-size: 20px;	}
}
@media (max-width:400px) {
	.splitMenu-2 {
		display: block !important;
	}
	
}
@media (min-width:300px) and (max-width:399px) {
	#content-drinks .type { font-size: 0.8em; }
	#content-drinks .price { font-size: 0.8em; }
	#content-drinks .dots { font-size: 0.8em; }
	#content-drinks .recipe { font-size: 0.8em; }
	h3.title { font-size: 14px;	}
}
@media (max-width:299px) {
	#content-drinks .type { font-size: 0.65em; }
	#content-drinks .price { font-size: 0.65em; }
	#content-drinks .dots { font-size: 0.65em; }
	#content-drinks .recipe { font-size: 0.65em; }
	h3.title { font-size: 12px;	}
}

a:hover{
	color:white;
	text-decoration: none;
}




/* NEW FB MSG - 07.01.2016 - start */
html,body{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;	
}

.fb-msg-wrapper{
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right0;
}

.fb-msg-inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.fb-msg{
	display:block;
}

@media all and (min-width:1024px) {
	.mobile-only{
		display:none;
	}
}

@media all and (max-width:1023px) {
	.mobile-only{
		display:block;
		
}	
}

@media all and (min-width:480px) and (max-width:767px) {
	#content-home .fb-msg{
		font-size:30px;
	}
	#content-home .qr-code img{
		width:22%;
	}
}
@media all and (max-width:479px) {
	#content-home .fb-msg{
		font-size:40px;
		margin-left:10%;
	}
	#content-home .qr-code img{
		width:50%;
		margin-left: 29%;
	}
}
/* NEW FB MSG - 07.01.2016 - end */