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


#nav-mobile-ul li { list-style: none; float: left; margin-right: 5px; }
#navigation { display:none; }
#navigation-footer { height:auto; }
#nav-mobile-ul ul li { margin: 3px 0 3px 15px; }
#nav { display:none; }
#nav-mobile { display:block; float:right; margin-top:6px; }
#nav-mobile { position: relative; z-index:10; }
#menu-icon { color: #000; width: 50px; height:54px; cursor: pointer; background: url(images/icons-menu.png) no-repeat center; background-size: 50px 54px; display: block; /* show menu icon */ }
#menu-icon:hover { background-color: #f8f8f8; }
#menu-icon.active { background-color: #bbb; }
#nav-mobile-ul { clear: both; position: absolute; top: 38px; width: 160px; z-index: 10000; padding: 5px; background: #f8f8f8; border: solid 1px #999;     left: -130px; display: none; /* visibility toggled with jquery  margin-left: -132px;*/ }
#nav-mobile-ul li { clear: both; margin: 5px 0 5px 5px; }
#nav-mobile-ul a, #nav-mobile-ul ul a { font: inherit; background: none; display: inline; padding: 0; border: none; text-decoration:none; font-weight:bold; color:#000; }
#nav-mobile-ul a:hover, #nav-mobile-ul ul a:hover {	background: none; color: #000; }
/* dropdown */ #nav-mobile-ul ul {	width: auto; position: static; display: block; border: none; background: inherit; }

#warningmsg { 
	padding:5px; 
	width:90%; 
	max-width: 600px;
	margin:50px auto; 
	background-color:#FFF;
	border:2px solid #00ada7; 
	border-radius:10px;
 }

#restaurant-container { max-width:1400px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; row-gap: 20px;}
.restaurant-box { width: 300px; text-align: center; margin-left:25px; margin-right:25px;}
.restaurant-box-img { border-radius: 25px; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.restaurant-preview {padding-bottom: 25px; border-bottom: 1px solid #ff6446;}
.subdescription {font-size: 0.78em!important; font-weight:500; display:block;}
.cluster {text-transform:uppercase; font-size: 0.7em; color: #ff6446; font-weight:700; line-height:2.5em;}
.restaurantname {font-size:1.1em;}
.gamapno {color: #01a29c; font-weight: 700;}
.vipmapno {color: #8d64aa; font-weight: 700;}

hr { width:300px; border-top: 2px solid #FF6446; }
h2 { font-size:30px; }

.youtubebox { width:500px; height:300px;}

.ctabox {
	border: 2px #FF6446 solid;
	margin-top:15px;
	text-align: left;
	padding:10px;
	font-size: 20px;
	text-shadow: none;
}

#footer { background-color: #8d63aa; height:200px; text-align:center; }
#footer-container { width:1200px; margin:0px auto; color:#fff; text-shadow: none; display: flex; flex-flow:row wrap; align-items:top; }
.footer-col-short { float:left; width:150px; }
.footer-col { float:left; width:525px; }
.footer-col-wide { float:left; width:525px; }

#homecontent {
	width:1024px;
	margin:0px auto;
}

#homecontent-cta {
	width:500px;
	float:left;
	font-size: 20px;
	text-shadow: none;	
}

#homecontent-text {
	width:450px;
	margin-left:50px;
	float:left;
	font-size: 20px;
	text-shadow: none;
	text-align: left;
}


.button {
  background-color: #FF6446; /* Orange */
  border: none;
  border-radius: 10px;
  color: #000000 !important;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

#headerbuttons { }
#logo { float:left; margin-top:10px; }

#slider { 
width:100%;
height:400px;
/*background: url("images/eatsite-banner.jpg") no-repeat fixed center;*/
background-image: url("images/eatsite-banner-cropped.jpg");
background-size:cover;
}

#slider-text {
	float:none;
	color:#fff;
	margin: 20px auto;
    max-width: 600px;
    text-align: left;
	font-size: 20px;
    text-shadow: none;
	padding-top:100px
}

#homecontent { }

#menu { width:1200px; }
#menu img { width:200px;}
.iconbox { width:300px; float:left; margin-bottom: 20px; }

#sponsors { }
.sponsorgroup{}
.sponsorimg{}


a:link {color: #FFFFFF}
a:visited {color: #FFFFFF}
a:hover {color: #000000}
a:active {color: #FFFFFF}

a.cancellink:link {color: red !important;}
a.cancellink:visited {color: red !important;}
a.cancellink:hover {color: #000 !important;}
a.cancellink:active {color: red !important;}

a.bluelink:link {color:#00ada7 !important; text-decoration: none;}
a.bluelink:visited {color:#00ada7 !important; text-decoration: none;}
a.bluelink:hover {color: #00ada7 !important; text-decoration: none;}
a.bluelink:active {color:#00ada7 !important; text-decoration: none;}

a.blacklink:link {color: #000 !important;}
a.blacklink:visited {color: #000 !important;}
a.blacklink:hover {color: #00ada7 !important;}
a.blacklink:active {color: #000 !important;}

h1 { color:#000; }
img { border:0px; }

body { 
	background-color:#fff;  
	color:#fff; 
	font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"!important;
	font-size: 18px;
	padding:0px;
	margin:0px;
}

#header { width:100%; background-color:#fff; height:50px; }
#header-content { max-width:1024px; margin:0px auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }

#pagecontent { 
	padding:5px; 
	width:90%; 
	max-width: 1800px;
	margin:0px auto; 
	background-color:#FFF;
	/*border:2px solid #00ada7; 
	border-radius:10px;
	*/
 }
 
.pagecontent { 
	padding:5px; 
	width:90%; 
	margin:0px auto; 
	background-color:#FFF;
	/*border:2px solid #00ada7; 
	border-radius:10px;
	*/
 }
 
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background-color: #fff !important; } 
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
width:250px;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}

.ui-page, .ui-content, .ui-btn { background: transparent; }
.ui-mobile .ui-page-active { background: transparent; }

.ui-content { padding: 0px; }
.ui-li btn-inner { white-space: normal !important; }
.ui-li-heading { text-overflow: normal; white-space:normal; }
.ui-btn-inner { white-space: normal !important; }
.ui-body-c { text-shadow:none; color:#000; }
.ui-content{ background: transparent !important; }
.ui-page { background: transparent; }
.ui-body-c { text-shadow:none; }
.ui-collapsible-inset .ui-collapsible-content {text-align: left;}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background: transparent; }
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color: #000 !important; }
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color: #000 !important; }
/*.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { color: #00ada7 !important; }
*/

.ui-link { 
	color:#ffffff;
	font-family: "Trebuchet MS";
	text-decoration:none;
	text-align:center;
	text-shadow:none;	
}

.message_container {
  display: none;
  font-weight: bold;
  color: red;
}

.socialcontainer { width:1000px;margin:0px auto; }
.socialitem { float:left;width:300px;margin-top:20px;margin-left:30px; }
#socialitem-fb { float:left;width:300px;margin-top:20px; }
#socialitem-tw { float:left;width:300px;margin-top:20px;margin-left:50px; }
.timertext { float:left; }
#getting-started { float:left; }

.content-full { display:block; }
.content-mobile { display:none; }

@media screen and (min-width: 300px) and (max-width: 800px) {

.content-mobile { display:block; }
.content-full { display:none; }

.socialcontainer { width:90%;}
.socialitem { float:none;width:100%;margin:0px auto;display:none; }
#socialitem-fb { float:none;width:100%;margin:0px auto; }
#socialitem-tw { float:none;width:100%;margin:0px auto; }

#header { width:100%; background-color:#fff; height: 120px; }
#header-content { width:90%; margin:0px auto; }

.button { min-width:50px; width: fit-content;}
#buttons { float:none; margin-top:10px; }
#logo { float:none; margin:0px auto; }

#slider{
	height:
}
#slider-text {
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
    width: 300px;
	padding-top: 50px;
}


.youtubebox { width:300px; height:200px;}
.ctabox { }

#homecontent {
	width:100%;
}

#homecontent-cta {
	width:300px;
	margin-left:0px;
	margin:0px auto;
	float:none;
}

#homecontent-text {
	width:300px;
	margin-left:0px;
	margin:20px auto;
	float:none; 
	}
	
#menu { width:300px; }
#menu img { width:145px;}
.iconbox { width:150px; float:left; }
	
#footer { height:auto; padding-bottom:20px;}
#footer-container { width:90%; }
.footer-col-short { float:none; width:90%; margin:0px auto; }
.footer-col { float:none; margin-top:25px; width:90%; margin:0px auto; }
.footer-col-wide { float:none; width:90%; margin:0px auto; }

}