body {
	font-family: "felt-tip-roman";
	font-size: 110%;
	text-align: center;
	color: #222;
}

/* page wrappers */

html {
	background: #111;
}

.inner { 
	max-width: 1024px;
	margin: 0 auto;
	}

.mask { overflow: hidden;}

.banner { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 1.5em 0;
	box-shadow: 0px 0px 2px rgba(0,0,0,.1);
}	

.wrapper {
	position: relative;
	}
footer { 
	padding: 1em 0 3em 0;
}

footer > div { 
	padding: 0 1em;
}

/* backgrounds */


.bg-0 { background: #000; border-bottom: 1px solid #fefefe;}

.bg-1 {
	background: #fff;
}	

.bg-events { background: url('/images/slides/pic-slate.jpg'); padding: 2.5em 0;}
	
html, .bg-2 { 
	background: #eee url('/images/bg-billie-holiday.png');
}

.bg-3 { 
	background: #333 url('/images/bg-noisy-net.png');
	border-bottom: 1px solid #fefefe;
}




.bg-g1 {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* 
IE6-9 */
}

/* colors */

.c1 { color: #f58904; }
/*.c2 { color: #d849f8; }
.c3 { color: #7fe09e; }
.c3 { color: #fb78d6; }*/

.c2 { color: #a3d386;}
.c3 { color: #86c2d3}
.c4 { color: #a886d3;}
.c5 { color: #f29e9e;}

.chalk { font-size: 20px;}
.chalk .title { font-size: 36px; font-weight: 300;}
.chalk li, .specials li { padding: .15em 0;}
/* links */

a:link, a:visited { color:#d37500}
a:hover, a:active { color:#f58904}

/* type */

h1, h2, h3, h4 { 
	font-weight: 300;
}

h1 { 
	font-size: 3em;
	margin-top: .25em;
	line-height: 1.1;
}

h2 {
	font-size: 2.25em;
	line-height: 1;

}

h3 { 
	font-size: 1.5em; 
	font-weight: 300;
	margin: 0;
	color: #D37500;
	}

h4, .bold-list li { 
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 0;
}

.copyright { color: rgba(0,0,0,.4);}
.caption { font-family: calibri, "lucida grande", verdana, arial; font-size: .8em; font-style: italic; margin: .5em 0 1em 0;}	
/* patterns */
.ease:hover, .social li, .social li:hover, .btn, .btn:hover { 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
		
		
section, .section { overflow: hidden;}
.cb { padding: 0 1.5em 1.5em .75em; text-align: left;}

.hlist, .vlist { margin: 0 auto; padding: 0; list-style-type: none;}
.hlist li { margin: 0; padding: 0; list-style-type: none;}
.hlist li { margin: 0; padding: 0; display: inline-block;}
.hlist a:link { display: block;}
.ruled li { border-bottom: 1px solid #eee; padding-top: .15em; padding-bottom: .15em;}
.ruled li:last-child { border-bottom: none;}

.mod { margin: .25em;}
.mod-inner { background: #fff; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,.1); text-align: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

.mod-basic { border:none; box-shadow: none;}
.mod .hd { padding: .5em .75em; border-bottom: 1px solid #ddd;}
.mod .bd { padding: 1em .75em 1em .75em; }

.mod-trans .mod-inner { background: transparent; border: none; box-shadow: none; }
.mod-trans .hd { border-bottom: none;}

.mod-ko { color: #fff; color: rgba(255,255,255,.7);}
.mod-ko strong, .mod-ko h2, .mod-ko h3, .mod-ko h4  { color: #fff; }

figure { margin: 1em 0;}
figure img { width: 100%;}
figure .img { max-width: 100%;}

.btn { display: inline-block; margin: .25em; padding: .25em 1em .25em 1em; text-align: left; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; text-decoration:none; cursor: pointer; font-size: 1.25em; }
.btn-light, a.btn-light:link, a.btn-light:visited { background: #999; background:rgba(0,0,0,.1); border: 1px solid #999; border: 1px solid rgba(0,0,0,.1); color: #333;}
.btn-light:hover, a.btn-light:hover { background: #d37500; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.5);}
.btn-action, a.btn-action:link, a.btn-action:visited {
	background: #d37500; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.5); padding: .5em 0; width: 96%; margin: 1em auto; text-align: center;}
.btn-action:hover, a.btn-action:hover, a.btn-action:active {
	background: #f58904; color: #fff; top: -.5em;
}

.btn-prime { font-family: calibri, "lucida grande", verdana, arial; text-shadow: 2px 2px 2px rgba(0,0,0,.4); font-size: .875em; text-transform: uppercase; padding: .75em .5em; font-weight: bold; display: block;}
.title { font-weight: bold;}
.date-time, .desc { color: #999; font-size: .825em;}
.menu p { color: #666;}
.menu strong { color: #000;}

.pop-up {font-family: calibri, "lucida grande", verdana, arial; text-align: center !important; max-width: 400px !important;}
.pop-up img {width: 100%; max-width: 100%;display: block;}
/* 12 grid */
.unit { float: left;}
.size1of2 { width: 100%;}
.size1of3  { width: 100%;}
.size1of4  { width: 100%;}
.size2of3  { width: 100%;}
.size3of4  { width: 75%;}



/* masthead */
.masthead { -moz-box-shadow: 0 3px 3px rgba(0,0,0,.6);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.6); box-shadow: 0 3px 3px rgba(0,0,0,.6); position: relative; z-index: 900;}
/* logo */
.logo { display: block; width: 125px; margin: 0 auto; margin-top: .75em;}
.logo img { display: block; width: 100%;}
/* main-nav */
.nav-main { border-top: 1px solid #ddd;}
.nav-main a:link { font-size: 1.25em; text-decoration: none;  padding: .5em .5em;}
#order { display: none; }

/* feature */

.feature {}
.feature .img { display: block; margin: 0 auto 0 auto; max-width: 960px;}
.feature img { display: block; width: 100%;}

.carousel-nav-paginated { display: none; position: relative;}
.carousel-nav-paginated .prev, .carousel-nav-paginated .next  { position: absolute; top: 0; font-size: 1.5em; padding: .25em 0;}
.carousel-nav-paginated .prev { left: .75em;}
.carousel-nav-paginated .next { right: .75em;}
.carousel-nav-paginated  li { background: url('/images/sprite-paginate.png') no-repeat 3px 7px; }
.carousel-nav-paginated  li a:link, .carousel-nav-paginated  li a:visited { font-size: 1.125em; padding: .5em .75em; text-decoration: none; color: #000;}
li.carousel-active-page, .carousel-nav-paginated li:hover { background: url('/images/sprite-paginate.png') no-repeat 3px -59px; }
.carousel-nav-paginated .i-name { display: none;}
.carousel-nav-paginated a.prev:link, .carousel-nav-paginated a.prev:visited,
.carousel-nav-paginated a.next:link, .carousel-nav-paginated a.next:visited { color: #fff; opacity: .5; }
.carousel-nav-paginated a.prev:hover, .carousel-nav-paginated a.prev:active,
.carousel-nav-paginated a.next:hover, .carousel-nav-paginated a.next:active { color: #fff; opacity: 1; }

/* social media icons */
.social {
	padding: 1rem 0;
	margin-top: 1rem; 
	border-top: 1px solid #ccc;
}
.social .section { 
	overflow: visible;
}

.social li { 
	top: 0;
}

.social li:hover {
	top: -.5em;
	position: relative;
}
.icon-btn { 
	display: block; 
	background-image: url('/images/sprite-social.png'); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 60px; 
	height: 60px; 
	text-indent: -9999px; 
	}
.icon-btn:hover { 
	background-image: url('/images/sprite-social.png'); 
	background-repeat: no-repeat; 
	background-position: 0 -120px; 
	width: 60px; 
	height: 60px; 
}

.fb { }
.tw { background-position: -120px 0px; }
.tw:hover { background-position: -120px -120px; }
.shop { background-position: -240px 0px; }
.shop:hover { background-position: -240px -120px; }
.yelp { background-position: -360px 0px; }
.yelp:hover { background-position: -360px -120px; }
/* twitter */
.twitter  { 
	position: relative; 
	overflow: visible;
	padding-bottom: .75em;
}
.tweet_list { 
	margin: 0; 
	list-style-type: none; 
	padding: .5em 0 1em 0; 
	color: #ddd; 
	font-weight: 300;
	font-family: calibri, "lucida grande", verdana, arial;
	font-size: .8em;
}
.tweet_list li { 
	display: inline-block;
	margin: .5em; 
	padding: .25em 1em; 
	background: #333; 
	background: rgba(255,255,255,.1); 
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

.timeline-Tweet-text {
	color: #fff;	
}

.twitter .tweet_list li a:link, .twitter .tweet_list li a:visited {
	color: #fff;
	text-decoration: none;
}

.tweet_list li a.tweet-time:link, .tweet_list li a.tweet-time:visited {
	color: #aaa;
 }

b.pointer  { 
	display: block;
	width: 20px; 
	height: 20px; 
	background: url('/images/point-up.gif') no-repeat; 
	margin: 0 auto; 
	position: relative; 
	top: -19px; 
	text-indent: -9999px;
}


/* kitchen hours */
table { width: 100%; text-align: left;}
td.days { width: 30%;}
td.hours { width: 70%; text-align: right;}

.zone { margin: 1em auto .5em auto; display: block; text-align: center; }


/* footer */
.vcard { margin-top: .75em;}
.footer .adr, .footer .contact, .footer .org { display: block;}

.force-bottom-left { position: absolute; left: 4%; bottom: 4%;}
.force-bottom-right { position: absolute; right: 4%; bottom: 4%;}

.app-icon { display: block; width: 100px;}
.app-icon img { display: block; width: 100%;}
.slides li { position: relative;}

/* notification */


#alert {
    /*  position: fixed;*/
    z-index: 5000;
    width: 100%;
}

#alert:target {
    display: none;
}
.alert {
    /*background-color: #faffba;*/
    background-color: #000;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    box-sizing: border-box;
    color: #e30000;
    display: block;
    padding: .5em;
    font-family: arial;
    font-size: 16px;
    /*position: absolute;*/
    text-align: center;
    text-decoration: none;
   /* top: -45px;*/
    width: 100%;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;
}

.alert-minor {
	background: #222;
	color: #fff;
}

.alert-minor b {
	color: #faffba;
}

#page-load-promo .pop-up-hero{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: 100%;
}

#page-load-promo .fancybox-close-small {
	color: #fff;
	color: #000;
}

#page-load-promo .promo-content {
	position: relative;
	/*margin-top: 130px;*/
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
}

#page-load-promo .promo-content p, .small-text {
	font-size: .875em;
}

#page-load-promo .pop-up-hero.pop-up-image {
	position: relative;
	width: 100%;
	max-width: 100%;
	display: block;
}

.pop-up-pic.fancybox-content {
	padding: 0;
}

/* CTA blocks */

.cta-row {
	text-align: center;
	margin: 1rem auto 0 auto;
	padding-bottom: 2rem;
}

.cta {
	padding: .5rem;
}
.cta img {
	display: block;
	max-width: 400px;
	margin: 0 auto;
}

.cta h2 {
	max-width: 600px;
	text-align: center;
	margin: 3rem auto 0 auto;
	font-size: 2em;
}

.grid-container {
  display: grid;
  gap: 1em;
}

@media (min-width: 35em) {
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}

/* Animation */

@-webkit-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    /*100% { top: 0; }*/
}
@-moz-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    /*100% { top: 0; }*/

}
@-ms-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    /*100% { top: 0; }*/

}
@-o-keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    /*100% { top: 0; }*/

}
@keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    /*100% { top: 0; }*/

}


@media screen and (min-width: 768px) {

/* 12 grid */
.unit { float: left;}
.size1of2 { width: 50%;}
.size1of3  { width: 33.3333%;}
.size1of4  { width: 25%;}
.size2of3  { width: 66.6666%;}
.size3of4  { width: 75%;}
.size1of5  { width: 20%;}
.size2of5  { width: 40%;}
.size3of5  { width: 60%;}


.main { padding: 1em;}
.pad-r { margin-right: 3em;}
.footer .adr, .footer .org { display: inline;}

.nav-main a:link { padding: .5em 1em;}


.feature .img { margin: 0 auto .75em auto;}
.home .feature .img { margin-top: .75em;}

.carousel-nav-paginated { display: block; }
.carousel-nav-paginated  li { background: url('/images/sprite-paginate.png') no-repeat 7px 7px; }
.carousel-nav-paginated  li a:link, .carousel-nav-paginated  li a:visited { font-size: 1.125em; padding: .5em 1em; text-decoration: none; color: #000;}
li.carousel-active-page, .carousel-nav-paginated li:hover { background: url('/images/sprite-paginate.png') no-repeat 7px -59px; }

#order { display: block; position: absolute; right: 0; top: 6em; position: fixed;z-index: 1000; -moz-box-shadow: 0 3px 3px rgba(0,0,0,.6);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.6); box-shadow: 0 3px 3px rgba(0,0,0,.6); }
#order img { display: block;}

.app-icon { display: block; width: auto;}

.force-bottom-left { position: absolute; right: 200px; left: auto; bottom: 30px;}
.force-bottom-right { position: absolute; right: 40px;  bottom: 30px;}

}