@charset "utf-8";

body {
	padding: 0;
	margin: 0;
	top: 0px;
	text-align: center;
	background-color:#E3E3E3;}

p {
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-weight:500;
	text-align:center;}
	@media all and (min-width:0505px){
		p {font-size: 1.05em; line-height: 1.25em;}}
	@media all and (max-width:0504px){
		p {font-size: .95em; line-height: 1.2em;}}

h1 {
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:700;
	line-height: 1em;
	padding: 6px 0px 10px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:center;}
	@media all and (min-width:0505px){
		h1 {font-size: 2em;}}
	@media all and (max-width:0504px){
		h1 {font-size: 1.4em;}}
h2 {
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	font-weight:700;
	margin-bottom: 0px;
	text-align:center;
	border-top: 1px solid #abff2a;
	border-bottom: 1px solid #abff2a;
	background: #006600;}
	@media all and (min-width:0505px){
		h2 {font-size: 1.3em; line-height: 1.6em;}}
	@media all and (max-width:0504px){
		h2 {font-size: 1.2em; line-height: 1.2em;}}

h3 {
	font-family: 'Roboto', sans-serif;
	color: #006600;
	font-weight:700;
	font-size: 1em;
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: center;}

a.reset {text-decoration: none;}

a.availablelinks {
	font-family: 'Roboto', sans-serif;
	color: #abff2a;
	font-weight:500;
	font-size: .95em;
	text-align: left;
	text-decoration: underline;}

a.printlink {
	font-family: 'Roboto', sans-serif;
	color:#abff2a;
	font-weight:500;
	text-align:center;
	text-decoration: underline;}
	@media all and (min-width:0505px){
		a.printlink {font-size: 1.05em; line-height: 1.25em;}}
	@media all and (max-width:0504px){
		a.printlink {font-size: .95em; line-height: 1.2em;}}

ul {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	list-style-type: none;
	margin: 0;
	padding: 4px 54px 4px 0px;
	overflow: hidden;
	background-color: #abff2a;}
	@media all and (min-width:0505px){
		ul {font-size: 1em; line-height: 1.5em;}}
	@media all and (max-width:0504px){
		ul {font-size: .9em; line-height: 1.5em;}}
li {
    float:none;}
li a, .dropbtn {
   display: inline-block;
   color: white;
   text-align: center;
	margin-left: 4px;
   text-decoration: none;
	background-color: #006600;
width: 150px;}
	@media all and (min-width:0505px){
		li a, .dropbtn {
			padding: 5px 0px 6px 0px;}}
	@media all and (max-width:0504px){
		li a, .dropbtn {
			padding: 5px 0px 6px 0px;
		}}
li a:hover, .dropdown:hover .dropbtn {
   background-color: #006600;}
li.dropdown {
   display: inline-block;}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #006600;
   z-index: 1;
width: 100px;
margin-left: 4px;}
.dropdown-content a {
	font-size: .95em;
	line-height: .95em;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: left;}
	@media all and (min-width:0505px){
		.dropdown-content a {
			padding: 6px 0px 6px 0px;}}
	@media all and (max-width:0504px){
		.dropdown-content a {
			padding: 6px 0px;}}
.dropdown-content a:hover {
	background-color: #006600}
.dropdown:hover .dropdown-content {
   display: block;}

.beerbtn {float:none;
display: inline-block;
   color: white;
   text-align: center;
	margin-left: 4px;
   text-decoration: none;
	background-color: #006600;
	width: 200px;}
@media all and (min-width:0505px){
		li a, .beerbtn {
			padding: 5px 0px 6px 0px;}}
	@media all and (max-width:0504px){
		li a, .beerbtn {
			padding: 5px 0px 6px 0px;}}

table, th, td {
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-weight:500;
	font-size: 1em;
	line-height: 1em;
	padding-top: 3px;
	padding-bottom: 8px;
	width: 67%;
	margin-left: 16.5%;
}

#title {
	top: 0px;
	left: 0px;
	width: 100%;
	margin: auto;
	position: fixed;
	background: #006600;
	z-index: 998;}

#tabs {
	width: 100%;
	position: fixed;
	z-index: 999;}
	@media all and (min-width:0505px){
		#tabs {top: 45px;}}
	@media all and (max-width:0504px){
		#tabs {top: 35px;}}

#container {
	top: 65px;
	margin: auto;
	position: relative;}
	@media all and (min-width:1280px) {
		#container {
			top: 90px;
			width: 1200px;}}
	@media all and (min-width: 0505px) and (max-width:1279px) {
		#container {
			top: 80px;
			width: 100%;}}
	@media all and (max-width:0504px){
		#container {
			top: 65px;
			width: 100%;}}



.text-map-parent {
	margin: auto;
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;}
	.text {
		order: 1;
		flex: 1 1 100%;
		z-index: 1;
		position: relative;
		padding: 0px 12px;}
	.map {
		order: 2;
		flex: 1 1 100%;
		z-index: 1;
		position: relative;}
	@media all and (min-width:0701px) {
		.text {
			margin: 0px 4px 0px 4px;}
		.map {
			margin: 16px 0px 0px 0px;}
		}
	@media all and (max-width:0700px){
		.text {
			margin: 0px;}
		.map {
			margin: 0px;}
		}





#intro					{top: 0px; width: 100%; position: absolute; visibility: visible;}
#bethmaries				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#metzlers				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#bundt					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#poppys					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#rudys					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#backyard				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#cantina					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#scrappys				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#victory					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#touchdowntacos		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#cheetospop				{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#barbeque				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#burgers					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#chicken					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotdogs					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#nachos					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#pizza					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#snacks					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sausages				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sandwiches				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#specials				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#tacos					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#bundlet					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#candy					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#cotton					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#cokefloat				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#cookies					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#frozen					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#fruit					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#funnelcake				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#fruitsours				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#icecream				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#beer						{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#fountain				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#chocolate				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#water					{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#fletchers				{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#konaice					{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#craftbeerkiosks		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#touchdowntacos		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#wine						{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#bbqmap-start			{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#bbqmap-metzlers		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#bbqmap-cantina		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#bbqmap-rudys			{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#hotdogsmap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotdogsmap-bcsv		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotdogsmap-backyard	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotdogsmap-hickory	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotdogsmap-fletchers{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#nachosmap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#nachosmap-nachos		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#nachosmap-cantina	{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#chickenmap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#chickenmap-scrappy	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#chickenmap-victory	{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#sausmap-start			{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sausmap-backyard		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sausmap-hickory		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sausmap-cantina		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sausmap-metzlers		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sausmap-rudys			{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#sandwichmap-start	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sandwichmap-metzlers{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sandwichmap-rudys	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sandwichmap-cantina	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#sandwichmap-victory	{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#snackmap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#snackmap-scrappys	{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#specialmap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#specialmap-cantina	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#specialmap-metzlers	{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#specialmap-bethmaries	{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#candymap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#candymap-bcsv			{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#candymap-poppys		{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#hotchocmap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotchocmap-bcsv		{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#hotchocmap-bethmaries	{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#beermap-start			{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#beermap-craft			{top: 0px; width: 100%; position: absolute; visibility: hidden;}
#beermap-domestic		{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#burgermap-start		{top: 0px; width: 100%; position: absolute; visibility: hidden;}

#winemap-start			{top: 0px; width: 100%; position: absolute; visibility: hidden;}