@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'museo300';
    src: url('Museo300-Regular-webfont.eot');
    src: url('Museo300-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('Museo300-Regular-webfont.woff') format('woff2'),
         url('Museo300-Regular-webfont.woff') format('woff'),
         url('Museo300-Regular-webfont.ttf') format('truetype'),
         url('Museo300-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{ margin:0; padding:0; background:#e3e3e3; font-family:'museo300'; font-size:1.3em;}
h1,h2,h3,h4,h5,h6,img,ul,li,ol,div,span,table,tr,td{ margin:0; padding:0; outline:0; border:0;}

#top_wrap{ width:100%; display:block; overflow:hidden; background:#2c2525; color:#FFFFFF; font-size:110%;  height:auto; padding-top:.3em; }

.orangetext{ color:#e9c01a;}
.line{ color:#CCCCCC; text-align:center; line-height:1.7em}
.social{ text-align:center; display:inline-block; }
.social ul{ list-style:none}
.social ul li{ margin-right:.5em; float:right}
.social ul li a:hover{ opacity:.8}

#title_wrap{ background:#fcfcfc; display:block; overflow:hidden; width:100%; height:auto; padding-top:1.5em; padding-bottom:1.5em;}
.logo{ width:100%; height:auto; float:left;}
#menu_wrap{ margin-top:1.2em}
#menu_wrap ul{ list-style:none}
#menu_wrap ul li{ float:left; font-size:120%;}
#menu_wrap ul li a{  padding:0 1em; background:#fff; line-height:3em; color:#000000}
#menu_wrap ul li a:hover{ background:#990000; display:inline-block; color:#FFFFFF;}
#menu_wrap ul li .current-menu-item{ background:#990000 !important;}

#welcome{ background: url(../images/welcome_bg.jpg) repeat; min-height:314px; width:100%; padding:2.3em;}
#wel{ background:#720805; padding:2em; opacity:.9}
#welcome h2.entry-title{ text-align:center; line-height:2.5em; color:#FFFFFF; text-shadow:1px 1px #000;}
.entry-content{ font-size:150%; line-height:1.5em; color:#FFFFFF; text-shadow:1px 1px #000;}


#banner_wrap{ width:100%; height:auto; margin:0 auto;}
#middle_wrap{ width:100%; height:auto; margin:0 auto; background:#e0e0e0;}
/*--------reset------*/
.comments-link, .posted-on, .byline{ display:none;}

/*--------for script----------*/
.grid {
	width:100%; height:auto; text-shadow:1px 1px #000;
	
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;	
	background: #981a18;
	text-align: center;
	cursor: pointer;
	max-width:29em;
	max-height:30em;
	margin-top:1em;
	margin-bottom:1em;
	margin-right:1em;	
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-chico:hover{ opacity:.9}
/*---
figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.4;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.7s, -webkit-transform 0.35s;
	transition: opacity 0.7s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
----*/
/*---------------- bottom menu starts ---------------*/
#menu_bottom_wrap{ background: url(../images/menu_bg.jpg) repeat; min-height:311px; width:100%; padding:2.3em; border-top:2px solid #FFFFFF}
.listhere1{ background:url(../images/bottom_menu_bg.jpg) repeat-x; border:2px solid #FFFFFF; text-indent:10em}
li.listhere1 ul{ list-style:none;}
li.listhere1 { display:block; margin-bottom:1em;}
li.listhere1 a{ color:#FFFFFF; font-size:130%; line-height:4em; text-decoration:none}
li.listhere1 a:hover{ color:#FFCC00; text-shadow:1px 1px #000; }
.icon1{ background:url(../images/catering_icon.jpg) no-repeat left; display:block;}
.icon2{ background:url(../images/deliver_icon.jpg) no-repeat left; display:block;}
.icon3{ background:url(../images/order_icon.jpg) no-repeat left; display:block;}

#foodmenu h4{ text-align:center; color:#FFFFFF; font-size:200%; line-height:3em;}
#foodmenu h5{ font-size:120%; text-align:center; line-height:2em;}
#foodmenu img{ text-align:center}
#foodmenu .menuicon a:hover{ opacity:.8; color:#FF9900; }
#foodmenu .aligncenter{ text-align:center;}
.textalignright{ text-align:right}

#footer_wrap{ width:100%; height:auto; margin:0 auto; background:#fff; padding-top:2em; padding-bottom:2em; border-bottom:2px solid #e0e0e0;  border-top:2px solid #e0e0e0;}
#footer a{ color:#990000; text-decoration:none;}
#footer a:hover{ color:#333333}


#pages_wrap{ width:100%; height:auto; margin:0 auto; background:#9A272A ; min-height:30em}
#pages_wrap h1{ color:#FFFFFF; text-align:center; line-height:3em;}

/*----------for food menu reset----------*/
.fdm-section-header h3{ font-size:120%; color:#FF9900}
.fdm-item{ width:45%; float:left; margin-right:3%; font-size:.8em;}

/*---------- button scroll to top ----*/
.topbutton {
height:50px;
width:50px;
position:fixed;
right:5px;
bottom:5px;
z-index:1;
background-image: url(../images/top.png);
background-repeat:no-repeat;
display:none;
}