/* styles for 2017 on... */

html, body {
			    height: 100%;
			    overflow-y: scroll !important;
				-webkit-overflow-scrolling: touch;
			   
					}
						html {
						overflow-y: hidden;
/* 						background: #8b4b0b; */
						}
						body {
			    overflow-y: scroll;
						}
/*
.no-js .dropdown {display: none;}
@media screen and (min-width: 40em) { .no-js .dropdown {display: block; }
.no-js .title-bar {display: none;}}
*/

.no-js .dropdown {display: none;}
@media screen and (min-width: 40em) { .no-js .dropdown {display: block; }
.no-js .title-bar {display: none;}}

body {font-family: 'Mulish', sans-serif; background: #121212;}
#logospace {color: #f5f3f0}
.smallertop {margin-top: 1em;}
.smallpush {margin-bottom: 3em;}
.smallerpush {margin-bottom: 2em;}
.framed {background: rgba(7, 7, 7, 0.8);}
.banded {background: rgba(7, 7, 7, 0.8); padding-top: 1em; padding-bottom: 1em; }
.menu-items {color: #f5f3f0}
.fyi {border: 1px solid #312f2b; padding: 1em; margin-bottom: 2em; font-size: 1em; font-style: italic}
.reducer {font-size: .8em;}
 li {list-style: none; text-indent: none;}
.colorer-title {color: #daedf5}

.skip-link {background: #973030; color: #fff; font-weight: 700; left: 70%; padding: 4px; position: absolute; transform: translateY(-100%); transition: transform 0.3s;}
.skip-link:focus {transform: translateY(0%);}

a:link {color: #e6eef1;text-decoration: none;}
a:visited {color: #daedf5;text-decoration: none;}
a:hover {color: #879cb5;text-decoration: none;}
a:active {color: #daedf5;text-decoration: none;}

#resbutton {position: fixed; top: 1em; left: 1em; z-index: 1001;}
.reservation-btn {color: white; text-transform: uppercase; padding: .2em; font-size: .9rem}	

.menu-items li {color: #f5f3f0}
.bordered	{border: 1px solid #fbf7f7}
dt {font-family: 'Buda', sans-serif; color: #f5f3f0; font-size: 1.5em; margin: 0px; padding: 0; line-height: 1em;}
dd {margin-bottom: 2em;}
dd p {margin: 0px; padding: 0; line-height: 1.2em; font-family: 'Mulish', sans-serif; font-style: italic;}
/* dl {border-bottom: 1px solid #f5f3f0;} */
.liner {margin: 3em 0; height: 1px; background: #f0f0e2; background: -webkit-gradient(linear, 0 0, 100% 0, from(black), to(black), color-stop(50%, #f0f0e2));}		
.writer {font-family: 'Buda', sans-serif; color: rgba(131, 96, 84, 1); font-size: 1.3em;}
.press-title {font-family: 'Buda', sans-serif; color: rgba(131, 96, 84, 1); font-size: 2em;}

/* font games */
.buda {font-family: 'Buda', cursive; font-size: 2em;}
.hour-phone {font-family: 'Buda', sans-serif; font-size: 1.2em; line-height: .6em;}

/*News Flash*/
.newsflash h3 {font-family: 'Buda', sans-serif; color: #f5f3f0;}
.newsflash p {font-family: 'Mulish', sans-serif; color: #f5f3f0;}

/*action boxes*/
.actionbar {}
.actionbarspace {margin-bottom: 1em;}
.actionbartile {background: rgba(7, 7, 7, 0.8); padding: 1em; margin-bottom: 1em;}
.actionbartile h3 {font-family: 'Buda', sans-serif; color: #f5f3f0;}
.actionbartile p {font-family: 'Mulish', sans-serif; color: #f5f3f0;}

.menu-items h2 {font-family: 'Buda', sans-serif; font-size: 2em; color: #daedf5}

/*form*/
.pushback {display: none !important;}

/*globalnav*/
#globalnav  {background: rgba(7, 7, 7, 0.9); text-decoration: none;margin-top: 1px;}
#globalnav a:link {color: #daedf5;text-decoration: none;}
#globalnav a:visited {color: #daedf5;text-decoration: none;}
#globalnav a:hover {color: #f6fcff;text-decoration: none; }
#globalnav a:active {color: #daedf5;text-decoration: none;}
#logospace h5 {font-family: 'Buda', sans-serif; color: rgba(131, 96, 84, 1);}

/*mobile nav*/
.mobilenav {
    /*    top: 47px !important;*/
    font-family: inherit;
    top: 0;
    left:0;
    z-index: 999;
    display: none;
    position: fixed;
    width: 100%;
    min-height: 100%;
    background: #827e79;
    
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.mobilemenu li {
    list-style-type: none;
    text-align: center;
    line-height: normal;
    padding: 3px;
}
/*
.mobilemenu li a {
    font-size: 1em;
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
}
*/
.mobilemenu li a:link {color: rgba(59, 140, 221, 0.95)}
.mobilemenu li a:visited {color: rgba(59, 140, 221, 0.95)}
.mobilemenu li a:hover {color: rgba(59, 140, 221, 0.95)}
.mobilemenu li a:active {color: rgba(59, 140, 221, 0.95)}
.mobilemenu li:first-child {margin-top: 40px;}
.hamlabel {
    list-style-type: none;
    font-size: 1.75em;
    text-align: center;
    line-height: normal;
    padding-top: 3px;
    color: rgba(255, 255, 255, 0.95);
}
/*transforms fancy*/
#popup {
  transform: scale(0.2);
  background: #252323;
}
.popup_visible #popup {
  transform: scale(1);
}

/* end of pop up nav*./
	
/* footer */
.footerarea {background: rgba(7, 7, 7, 0.8); padding-top: 2em; color: #daedf5; /* border-top: 1px solid #585858 */}
.lowernav {border-left: 1px solid #454141; border-bottom: 1px solid #454141; padding-left: 1em; padding-top: .5em;}
.lowernav li {list-style: none;}
.lowernav li a:link {color: #daedf5;text-decoration: none; font-family: 'Mulish', sans-serif; }
.lowernav li a:visited {color: #daedf5;text-decoration: none; font-family: 'Mulish', sans-serif;}
.lowernav li a:hover {color: #879cb5;text-decoration: none; font-family: 'Mulish', sans-serif;}
.lowernav li a:active {color: #daedf5;text-decoration: none; font-family: 'Mulish', sans-serif;}
.lowernav h4 {font-family: 'Buda', sans-serif; color: #f5f3f0; font-size: 1.2em;}
.lowernav h6 {font-family: 'Buda', sans-serif; color: #f5f3f0;}
.lowerfoot {font-size: .8em;}
.lowerfoot a:link {color: #daedf5;text-decoration: none; font-family: 'Mulish', sans-serif; }
.lowerfoot a:visited {color: #daedf5;text-decoration: none; font-family: 'Mulish', sans-serif;}
.lowerfoot a:hover {color: #879cb5;text-decoration: none; font-family: 'Mulish', sans-serif;}
.lowerfoot a:active {color: #daedf5;text-decoration: none; font-family: 'Mulish', sans-serif;}


/* covd warninf */ 
	
	#notify {
		width:100%;
		height:auto;
		background: rgba(27, 26, 26, 0.85); 
		font-family: 'Droid Sans', sans-serif;
		color: #f2ecec
		}
		
		#notify a:link {color: rgba(65, 22, 7, 1);}
		#notify a:visited {color: rgba(65, 22, 7, 1);}
		#notify a:hover {color: rgba(65, 22, 7, .5);}
		#notify a:active {color: rgba(131, 96, 84, 1);}
		
		#notify h1{font-family: 'Droid Sans', sans-serif; font-size: 1.5vw;}
   	#notify h2{font-family: 'Droid Sans', sans-serif; font-size: 1vw;}
   	#notify h3{font-family: 'Droid Sans', sans-serif; font-size: 1.1vw;}
   	.notfiypad {padding: 1em;}
   	.reducer {font-size: .8em;}
   	.covcaption {font-size: .8em;}
   	.brad {border-radius: 3px 3px 3px 3px;}
   	.bradshad {box-shadow: 1px 1px 2px 1px #83610a}
   	.early-warning li {list-style: disc; list-style-position: outside;}

   	
   	.reverseout-red /*red*/ {background: #e50b0b; border: 1px solid #ffffff; padding-left: .3em; padding-right: .3em; color: white; border-radius: 3px;}
   	.reverseout-bob-red /*red*/ {background: #e50b0b; border: 1px solid #ffffff; padding-left: .3em; padding-right: .3em; color: #f9f9f9; border-radius: 3px;}
   	#bigorderbutton {position: fixed; bottom: 12px; width: 100%; background: none; z-index: 1001; text-align: center; font-size: 1.5rem; font-family: 'Heebo', sans-serif;}
   	.orderon {background: #1d1b1b; border-radius: 3px; margin-bottom: 3em;}
   	.orderon h2 {text-align: center; font-family: 'Buda', sans-serif;}
   	.phoners {text-align: center; font-family: 'Mulish', sans-serif !important; font-size: 1em !important;}
   	

	/* Small only */
@media screen and (max-width: 39.9375em) {
		
   		#notify h1{font-family: 'Droid Sans', sans-serif; font-size: 5vw;}
   	#notify h2{font-family: 'Droid Sans', sans-serif; font-size: 2.5vw;}
   	#notify h3{font-family: 'Droid Sans', sans-serif; font-size: 2vw;}
   	#notify p{font-family: 'Droid Sans', sans-serif; font-size: 2vw;}
   	.notfiypad {padding-top: 3em; padding-left: 0; padding-right: 0;}
   	.reducer {font-size: .5em;}
   	.covcaption{font-size: .5em;}
   	.brad {border-radius: 3px 3px 3px 3px; font-size: .8em;}
   	.phoners {text-align: center; font-family: 'Mulish', sans-serif; font-size: .8em !important;}
   	.lowerfoot {padding-bottom: 6em;}
   	
   	#resbutton {position: fixed; top: 1.5em; left: .2em; z-index: 1001;}
   	.reservation-btn {color: white; text-transform: uppercase; padding: .2em; font-size: .8rem}	
   	

}
/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#notify h1{font-family: 'Droid Sans', sans-serif; font-size: 2vw;}
   	#notify h2{font-family: 'Droid Sans', sans-serif; font-size: 2vw;}
   	#notify h3{font-family: 'Droid Sans', sans-serif; font-size: 3.2vw;}
   	#notify p{font-family: 'Droid Sans', sans-serif; font-size: 2vw;}
   	.notfiypad {padding-top: 3em; padding-left: 0; padding-right: 0;}
   	.reducer {font-size: .7em;}
   	.brad {border-radius: 3px 3px 3px 3px; font-size: .8em;}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}*/