@import url(../../fonts.googleapis.com/css@family=karla_3a400,400italic,700,700italic_7clora_3a400,700,400italic.css);

/* Base */
*{margin:0; padding:0; box-sizing: border-box;}
a, img {border:none;outline:none}
body{width:100%; max-width:1180px; display:block; margin:0 auto; position:relative; font-size:14px; color:#1a1a1a; background: #fff; font-family: 'Karla', sans-serif;}
p{font-size:1em; margin:0 0 1em 0; line-height:1.6em;}
ul,ol{font-size:1em; margin:0 0 1em 3em; line-height:1.468em;}
a[href$=".pdf"]:before {content: "\f1c1"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 18px; padding-right: 0.5em;}

/* Scroll to Top */
.scrollToTop{padding:.2em .5em; font-size: 1.4em; background:rgba(166,14,12,.7); border-radius: 3px; color: #fff; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none;}
.scrollToTop:hover{text-shadow: 0 2px 2px rgba(0,0,0,.7); box-shadow: 0 8px 4px -3px rgba(0,0,0,.3); bottom:22px;}
.scrollToTop:active{text-shadow: 0 2px 2px rgba(0,0,0,0); box-shadow: 0 5px 4px -3px rgba(0,0,0,.3); bottom:21px;}

/* Responsive iFrames (Youtube vids) */
.responsiveIframe {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0; margin:0 0 20px 0;}
.responsiveIframe iframe {	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

/* Responsive Table */
.responsiveTable{font-size:1em; width:100%; border-collapse:collapse;}
.responsiveTable td,.responsiveTable th{max-width:20%; padding:.5em; text-align:left;}
.responsiveTable tr:nth-of-type(even){background:#f8f8f8;}

/* Wrap */
.wrap{width:100%; max-width:940px; margin:0 auto; position:relative; background:#fff;}

/* Header */
.header{width:100%; margin:0 auto; position:relative; padding:1em; overflow:hidden;}
.header .logo{width:100%; max-width:202px; margin:0 auto; text-align:center;}
.header .logo img{width:100%; height:auto;}
.header .phone{color:#fff; text-align:center; font-size:2.5em; margin:0 0 .25em; font-family: 'Lora', serif;}
.header .phone a{color:#fff; text-decoration:none;}
.header .eatstreet{margin:0 auto; text-align:center;}

/* Nav */
.nav{width:100%;}
.nav .navList{width:100%; margin:0 auto; position: relative; display:block; text-align:right; text-transform: uppercase; font-size: 1em;}
.nav .navList > li{display:block; position:relative;}
.nav .navList > li a{color:#fff; text-decoration:none; display: block; padding: .25em .5em; transition: all 0.3s ease 0s;}
.nav .navList > li a:hover{background:rgba(0,0,0,.2);}
.nav .navList > li .dropTrig{color:#fff; text-decoration:none; display: block; padding: .25em .5em; transition: all 0.3s ease 0s; cursor:pointer;}
.nav .navList > li .dropTrig:hover{background:rgba(0,0,0,.2);}
.nav .navList > li .active{background:rgba(0,0,0,.2);}
.nav .navList .drop{display:none; position:absolute; width:320px; top:100%; z-index:1000; margin:0; padding:0; text-align:left; background:#444;}
.nav .navList .drop > li{text-transform:none; display:block; font-size:1em;}
.nav .navList .drop > li a{color:#fff; display:block; padding:.5em; border:0; font-weight:400; font-size: 1em; transition: all 0.1s ease 0s;}
.nav .navList .drop > li a:hover{background:#000;}
.nav .menuTrig{display:none;}
.nav .menuClose{display:none;}

/* Slideshow */
.slideshow{width:100%; margin:10px auto 20px;}
.slideshow .slide{width:100%; position:relative;}
.slideshow .slide img{width:100%; height:auto;}
.slideshow .prev{position: absolute; cursor:pointer; top: 50%;  transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left:10px; z-index: 100; background:none; border:none; text-shadow:1px 1px 3px rgba(0,0,0,.4); color: #fff; font-size: 2.4em;}
.slideshow .next{position: absolute; cursor:pointer; top: 50%;  transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); right:10px; z-index: 100; background:none; border:none; text-shadow:1px 1px 3px rgba(0,0,0,.4); color: #fff; font-size: 2.4em;}
.slideshow .prev:focus,.slideshow .next:focus{outline:none;}
.slideshow .caption{background:#093d4f; color:#fff; width:100%; position:relative; bottom:0; left:0; right:0; padding: 10px; z-index:200;}

/* Main Content */
.contentWrap{width:100%;}
.content{max-width:1180px; padding:1em; overflow:hidden;}
.content a{color:#a60e0c;}
.content ul {list-style: outside disc; margin-left: 1em;}
.content ul li {position: relative; left: 2em; padding-right: 1em;}
.content h1{font-size:2em; margin:0 0 .5em 0; color: #a60e0c; font-family: 'Lora', serif;}
.content h2{font-size:1.5em; margin:0 0 .5em 0; color: #333; font-family: 'Lora', serif;}
.content h3{font-size:1.3em; margin:0 0 .5em 0; color: #333;}
.content h4{font-size:1.1em; margin:0 0 .5em 0; color: #333;}
.content h5{font-size:.9em; margin:0 0 .5em 0; color: #333;}
.content h6{font-size:.8em; margin:0 0 .5em 0; color: #333;}
.content img{max-width:100%; height:auto;}

/* Menu Grid */
.menuGrid{}
.menuGrid .item{width:33.3333%; height:170px; float:left; display:inline-block; vertical-align:top; border:#fff .25em solid; overflow:hidden; position:relative;}
.menuGrid .item a{text-decoration:none; color:#fff;}
.menuGrid .item img{width:100%; height:auto;}
.menuGrid .item .title{position:absolute; bottom:0; text-transform:uppercase; width:100%; text-align:center; padding:1em; background: rgba(0,0,0,.7); color:#fff; transition: all 0.3s ease 0s;}
.menuGrid .item:hover .title{background:rgba(166,14,12,.7);}

/* Menu List */
.menuList tr.hot{color:#ec1616;}
.hotNote{color:#ec1616; margin:2em 0 0 0;}
.menuList .desc{font-size:.9em; font-style:italic;}

/* Blog */
.blogPost{border-bottom:#eeeeee 1px solid; margin: 0 0 1em 0; padding: 0 0 1em 0; overflow:hidden;}
.blogPost .blogPostTitle{font-size:1.2em;}
.blogPost .blogPostDate{font-size:.9em;}
.blogPost .blogPostContent{padding:.5em 0 0 0;}
.blogPost .blogPostMore{padding:.5em 0 0 0;font-size:.9em;}
.blogPost .blogPostMore a{color:#00489d;}
.pageNav{padding: 1em 0 0 0;}
.pageNav li{display:inline-block; list-style:none; padding: 0 .5em 0 0;}
.pageNav li a{text-decoration:none; color:#00489d;}
.pageNav li a.active{font-weight:700;}

/* Sidebar */
.sidebar{float:left; width:240px; padding:0; background:#a60e0c;}
.sidebar .hours{text-align:right; padding:1em .5em; border-top:1px #fff solid; margin:1em auto .5em; color:#fff; line-height: 1.5em;}
.sidebar .cards{text-align:center; color:#fff; font-size: 2.5em;}
.sidebar .address{text-align:center; color:#fff; font-size: 1em; font-family: 'Lora', serif;}
.sidebar .address a{color:#fff; text-decoration:none;}
.sidebar .address a:hover{text-decoration:underline;}
.sidebar .ewd{display:block; clear:both; text-align:center; padding:1em;}
.sidebar .ewd img{max-width:90%; height:auto;}
.sidebar .menuLink{color:#fff; text-align:center; font-size:1.2em; font-weight:bold; display:block; text-decoration:none; margin:1em auto .5em;}

/* Footer */
.footer{width:100%; margin:20px auto 0; overflow:hidden;}
.footer .copyright{margin: 1em auto 0;text-align: center;}
.footer .collegeIcons{margin: 1em auto 0;text-align: center;}
.footer .priceNote{margin: 1em auto 0;text-align: center;}
.footer img{max-width:100%; height:auto;}
.footerMobile{background:#a60e0c; padding:0; display:none; border-top:6px #2b2b2b solid; border-bottom:6px #2b2b2b solid;}
.footerMobile .hours{text-align: center; padding:1em 0; color:#fff; line-height: 1.5em;}
.footerMobile .cards{text-align:center; color:#fff; font-size: 2.5em;}
.footerMobile .address{text-align:center; color:#fff; font-size: 1em; font-family: 'Lora', serif;}
.footerMobile .address a{color:#fff; text-decoration:none;}
.footerMobile .address a:hover{text-decoration:underline;}
.footerMobile .ewd{display:block; clear:both; text-align:center; padding:1em;}
.footerMobile .ewd img{max-width:90%; height:auto;}

/* Formstack */
.fsBody .fsForm{border:none!important; width: 100%; margin:0!important; float:left; background:none !important;}
.fsFieldFocused{background:none!important;}
.fsBody .fsRowBody {padding: 10px 0!important;}
.fsFieldFocused .fsSupporting,.fsFieldFocused .fsRequiredLabel,.fsFieldFocused .fsLabel,.fsFieldFocused .fsRequiredMarker{color:#000!important;}
.fsBody .fsSubField {float: left;margin-right: 5px;width: 48%;}
.fsFieldFocused input{border:red 1px solid!important;}
.fsBody .fsForm input.fsField[type=text],.fsBody .fsForm input.fsField[type=file],.fsBody .fsForm input.fsField[type=number],.fsBody .fsForm input.fsField[type=email],.fsBody .fsForm input.fsField[type=tel],.fsBody .fsForm textarea.fsField,.fsBody .fsForm select{border:#c6c6c6 1px solid!important;background:none!important;background-color:#fff!important;width: 100%;border-radius:3px;font-size:1em !important;padding:.5em!important;}
.fsForm input.fsField[type="email"]:focus, .fsForm input.fsField[type="file"]:focus, .fsForm input.fsField[type="number"]:focus, .fsForm input.fsField[type="tel"]:focus, .fsForm input.fsField[type="text"]:focus, .fsForm textarea.fsField:focus{border:#c1d72e 1px solid!important;}
.fsBody .fsForm select{padding:.32em!important;}
.fsBody input[type=checkbox],.fsBody input[type=radio]{vertical-align:middle;position:relative;bottom:1px;margin:0 5px 0 0;}
.fsBody input[type=radio]{bottom:2px;}
.fsBody .fsForm .fsLabel,.fsBody .fsForm .fsOptionLabel,.fsBody .fsForm .fsMatrix th,.fsBody .fsForm .fsMatrixLabel,.fsBody label{font-size:.9em!important;font-weight:400!important;font-family:Arial, Helvetica, sans-serif!important; background:none;height:auto;}
.fsBody input[type=submit]{font-size:1.1em;border:none!important;cursor:pointer!important;background:#94bd54;border-radius:4px;color:#fff !important;padding:10px 20px!important;}
.fsBody input[type=submit]:hover{background:#3f4831;border:none;}
.fsBody .fsSectionHeader,.fsForm .fsSubmit{background:none!important;padding:0!important;}
.fsBody .fsSectionHeader .fsSectionHeading{font-size:1.7em!important;}
.fsBody .fsSection{margin:0 0 2em 0;}
.fsBody .ui-datepicker-trigger {display: inline; float: none !important; height: 18px; width: 18px;}
.fsPagination {text-align: left !important;}

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

@media (max-width: 800px) {
/* Mobile Nav */
.nav{margin:.5em 0;}
.nav .navList {text-align:left; font-size:1.2em; position:absolute; left:0; top:-9999px; width:100%;z-index:9999;}
.nav .navList > li {display:block;}
.nav .menuTrig{display:block; padding: .2em .5em; font-size: 1.5em; cursor:pointer; background:#2b2b2b; color:#fff;}
.nav .menuClose{display:none;}
.nav .navList .drop {display: none;position: relative;top: auto;opacity: 1;width: 100%;margin: 0; background:rgba(0,0,0,.1); padding: 0;border:none;text-align: left;transition: none;}
.nav .navList .drop a{color: #fff; display: block; font-size: 1em; padding: .5em 2em;}
.nav .navList.show{left:0; padding:0; position: relative; top:100%;}
.nav .navList span{display:block;}
.nav .navList li{display:block; border:none;}
.nav .navList li a{display:block; padding:.5em 1em; margin:0;}
.nav .navList li .dropTrig{display:block; padding:.5em 1em;}
}

@media (max-width: 768px) {
/* Sidebar */
.sidebar {position:relative; top:auto; right: auto; width: 100%; padding: 0;}
.sidebar .hours{display:none;}
.sidebar .cards{display:none;}
.sidebar .address{display:none;}
.sidebar .ewd{display:none;}
.sidebar .menuLink{display:none;}

.footerMobile{display:block;}
}

@media (max-width: 680px) {
/* Menu Grid */
.menuGrid .item{width:50%; height:200px;}
}

@media (max-width: 500px) {
/* Menu Grid */
.menuGrid .item{width:50%; height:130px;}
.menuGrid .item .title{  font-weight: 700; font-size: 0.7em; padding:.5em;}

/* Responsive Table */
.responsiveTable, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {display: block; width: 100%;}
.responsiveTable thead tr {position: absolute; top: -9999px; left: -9999px;}
.responsiveTable tr, .contactTable th{ border: 1px solid #ccc; }
.responsiveTable td {border: none;border-bottom: 1px solid #eee; position: relative; max-width:100%;}
.responsiveTable td:before {content: attr(data-label); position: relative; white-space: nowrap; font-weight:600;}
}