/*
Theme Name: Espiaus
Theme URI: http://cmsnethosting.com
Author: Complete Marketing Solutions
Author URI: http://cmsnethosting.com
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Poppins', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0; background: url(/images/woodback.jpg);
}

h2 {font-family: 'Courgette', cursive; font-size: 30px; padding: 0px; margin: 0px;}

h3 {font-size: 18px; color: #830002;}


h1 {font-family: 'Courgette', cursive; font-size: 30px; padding: 0px; margin: 0px;}


ul {margin: 0px; padding: 0px;}

#viewmenu li {list-style: none; margin: 0 0 0 15px;}

#viewmenu h3 {font-size: 18px; display: block; border-bottom: 1px dotted #B7B7B7; padding: 5px 0;}
#viewmenu p{font-size: 12px;}
#viewmenu h2{background: url(/images/buttonback.png); color: #fff; text-decoration: none; padding: 8px 0 8px 20px; background-size: 100% 100%; width: 95%; text-transform:capitalize;}

a.menudownload {width: 96%; text-align: center; color: #fff; background: rgba(196,0,3,1.00); padding: 10px 2%; text-decoration: none; display: block; margin: 0 0 15px 0;
	border: 2px solid rgba(187,119,0,1.00); line-height: 15px;} 

a.menudownload.fourth {background: #308D00;}
a.menudownload.mother {background: #ba12a3;}

.in {width: 1000px; margin: 0 auto;}
.clear {clear: both;}

a.button {background: url(/images/buttonback.png); color: #fff; text-decoration: none; padding: 15px; background-size: 100% 100%;}

#outermenu {
  position: relative; 
}


.group {display: inline-block; margin-left: 1%; width: 48%; vertical-align: top;}



h2.food {text-align: center; background: #7F1A14; color: #fff; margin-bottom: 10px; margin-top: 20px;}

.group h3.name {float: left; display: inline-block; padding: 0px;
line-height: 18px; margin: 10px 0 5px 0;
}
.price {float: left; margin-left: 10px; font-size: 11px; margin-top: 10px;}
.price.fav {font-weight: bold; margin-left: 0px; display: block; width: 100%; margin-top: -3px; margin-bottom: 3px; letter-spacing: 1px; font-size: 12px;}
p.itemdescrip {margin-top: 2px; margin-bottom: 10px; font-size: 12px;}
p.sectdescrip {text-align: center; font-size: 12px; color: #7F1A14;}









#hours {width: 45%; text-align: center; float: left;padding: 10px;}
#hoursadd {float: left; width: 50%;}

ul.front {width: 30%; float: left; margin-left: 20px;}

#textbox.menu {width: 718px; float: left; background-color:#FAF1E0; background-image: none;}

#sidemenu {width: 280px; float: left; min-height: 100px; background:#7F1A14;
-webkit-box-shadow: inset 7px 0px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 7px 0px 5px -4px rgba(0,0,0,0.75);
box-shadow: inset 7px 0px 5px -4px rgba(0,0,0,0.75);
}
#sidemenu strong{color: #fff; font-family: 'Courgette', cursive; font-weight: 300; font-size: 24px; padding-bottom:15px;}

#sidemenuin {padding: 5px; text-align:center;}
#sidemenu li {border-bottom: 1px dotted #9E0002; list-style: none; color: #fff;}
#sidemenu li a{color: #fff; text-decoration: none; padding: 5px; display: block;}
#sidemenu li a.last {border: 0px;}

#sidemenu li.des {background: #490000;}
#sidemenu li.break {background: #DC7400;}


#viewmenu li.fourth {width: 20%; float: left;}

#cff .cff-details p.cff-date {font-size: 20px !important; font-weight: bold;}
p.cff-desc {background: #fff; font-size: 18px !important; width: 90% !important; padding: 2% !important; border-radius: 3px;}
p.cff-location {display: none;}
.cff-wrapper {padding: 15px 0px; border-top: 1px solid rgba(132,41,43,1.00);}

#topbar {background: #000;}
#topbarin {text-align: right; color: #fff; font-size: 14px; letter-spacing: 1px; padding: 10px 40px 10px 10px; }
#topbarin img {width: 20px; height:inherit; margin-left: 6px; margin-bottom: -3px;}
.line {border-left: 1px solid #fff;margin: 0 8px 0 3px;}

#topbarin a{text-decoration: none; color: #fff;}

#header {background: url(/images/topback2.jpg)repeat-x;background-position: bottom; padding-bottom: 20px;}

#logo {float: left; margin-top: 15px; width: 320px;}
#logo img{width: 100%;}


#topmenu {float: right; padding-top: 10px; padding-left: 0px; width: 675px;}
#topmenu li{list-style: none;float: right;}
#topmenu li a{text-decoration: none; padding: 3px 10px; display: block; color: #000; text-transform: uppercase; letter-spacing:1px; font-size: 12px; border-right: 1px solid #7E7E7E;}
#topmenu li.last a {border: 0px;}
#topmenu li a:hover {color:#830002;}

#menu {float: right; padding-top: 20px; padding-left: 0px; width: 675px;}
#menu li{list-style: none;float: right;}
#menu li a{text-decoration: none; padding: 10px 14px; display: block; color: #000; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: bold; letter-spacing: 0px;}
#menu li a.contact {}
#menu li a:hover {color:#830002;}

#sliderin img{margin-top: -25px;}

#main {min-height: 300px; background: url(/images/woodback.jpg); padding-bottom: 45px;}

#homeboxes {margin-bottom: 15px;}
#homeboxes img {width: 25%; float: left;}

#textbox {background: url(/images/textback.jpg)no-repeat #FFF4E0;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}
#textin {padding: 25px;}

#gallery img{border-radius: 4px; margin-top: 5px;}

#textin.welcome img{float: right; width: 200px; padding: 10px;}

#textin.menupage {padding: 25px 10px 25px 10px;}


#textin.welcome #foodmenu img{float: none; width: inherit; padding: 0px;}
#textin.welcome #foodmenu img.half {float: left; width: 48%; margin-left: 1%;}
#textin.welcome #foodmenu img.half2 {float: left; width: 48%; margin-left: 1%;}
#textin.welcome #foodmenu img.full {width: 98%; margin-left: 1%;}



#input_2_7, #input_2_2, #input_2_3 {width: 100% !important; padding: 0px; font-size: 13px;}

.top_label input.medium.datepicker {width: 100% !important;}

#pageleft {width: 63%; margin-right:3%; float: left; }

#pageright {width: 30%; float: left; padding: 0% 2% 0% 2%; background: #FEEACF; margin-top: -40px;}

#gform_fields_2 .gfield_label {font-size: 13px;}

.gform_wrapper ul li.gfield {margin-top: 10px !important;}

#footer {min-height: 100px; background: #000; color: #AAA; padding: 25px 0 15px 0; font-size: 12px;} 

#footerin {}

#footermenu {width: 10%; border-left: 1px solid #AAAAAA; float: left; margin-right: 2%; padding-left: 10px;}
#footermenu li{list-style: none;line-height: 14px; margin-bottom: 10px;}
#footermenu li a{color: #AAAAAA; text-decoration: none; font-size: 12px; line-height: 14px;}

#footerright {float: right; text-align: right; width: 40%;}
#copy {text-align:center; padding: 20px 0;}

a.employ {float: right; margin-top: -60px;}


#mobileshow {display: none;}

#mobilemenu {display: none;}
#mobiletitle {display: none;}

#mobiletop {display: none;}

#mobilelogo {display:  none;}  
.mobileshow {display: none;} 

@media only screen and (min-width: 0px) and (max-width: 475px) {
	
	a.button {width: 100%; padding:3%; text-align: center; margin-top: 15px; margin-bottom: 15px;} 
a.employ {float: none; display: block; width: 94%; text-align: center;} 

	.group {display: block; float: left; margin-left: 0%; width: 100%;}

	
#mobilesocial {float: right; position: absolute;} 
#mobilesocial img {width: 20px;}   
	
	#menu {display:  none;}	
	
	.in {width: 90%; margin-left: 5%;} 
	
	#topmenu {display:  none;}	
	
#topbar {display: none;}
	
#homeboxes img {
    width: 48%; display: inline; float: none; margin-left: 1%;
}
	
#mobilesocial {float: right; position: absolute; text-align: right; margin-top: -35px; z-index: 9999; right:0;
   top: 0;} 
#mobilesocial img {width: 20px;}   	
	
	#mobiletitle img{float: right; width: 23px; margin-right: 3%;} 	  
	
#mobiletitle {
    position: absolute;
    z-index: 9998;
    color: #fff;
    text-align: left;
    margin-left: 70px;
    display: inherit;
    height: 49px;
	margin-top: -35px;
	font-size: .9em; width: 75%;
	}	

#logo {text-align: center; float: inherit; width: 100%; margin: 0px;} 
#logo img{width: 90%; margin: 0 auto;}   

	#mobiletop {display:inherit;}

	ul.front {width: 90%; float: left; margin-left: 20px;} 

#sliderin img { width: 100%; height: auto; 
    margin-top: -25px;
}
	
	.mobileshow {display: inherit;}
	
#mobilehide {display: none; }
.mobilehide {display: none; }
	#sidemenu {display: none;} 
	#viewmenu h2{padding: 5%; width: 90%;}
	
	#mobileshow {display: inherit;}   
	
	#textbox.menu {width: 100%;}
	
	#textin {padding: 5%;} 
	
	#textin.welcome img{width: 40%;} 
	
	#footerright img {width: 90%;}   
	
	img.mobi {width: 50%; height: auto; } 
	
	#pageleft {width: 100%; margin: 0px;}
	#pageright {width: 95%; margin: 15px 0 0 0;}  
	#gallery {width: 95%;} 


#hours {width: 90%; text-align: center; float: left;padding: 10px;}
#hoursadd {float: left; width: 90%;}

#textin.welcome #foodmenu img{float: none; width: inherit; padding: 0px;}
#textin.welcome #foodmenu img.half {float: left; width: 100%; margin-left: 0%;}
#textin.welcome #foodmenu img.half2 {float: left; width: 100%; margin-left: 0%;}
#textin.welcome #foodmenu img.full {width: 100%; margin-left: 0%;}

	
}
	
@media (max-width: 640px) {

	/* Navigation Button
	-------------------------------------------------------- */


	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('/images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('/images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 50px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #5C0001; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 100%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

} /* End Mobile Styles */