@charset "utf-8";
/* CSS Document */

/* Elementz, y'all */
		
button {color: white !important; 
		}
		
button a:link {color: white !important;
}

button a:visited {color: white !important;
}

footer a:link {color: white !important;
}

footer a:visited {color: white !important;
}

ul {list-style: none;}

th {padding: 15px;}

.w3-container a:link {
    color: #F54F29;

}


.w3-container a:visited {
    color: #900000 !important;
}


.w3-container a:hover {
    color: red !important;

}

h3 {font-weight:bold;}

@media  (min-width:480px) {  
  .order {
    display: none;
  }
}

@media (max-width:480px) {
	.poof {
		display: none;
	}
}


.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}
 
.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: white;
	z-index: 99;
}
 


/* footer {color: white !important; border-radius: 0px 0px 5px 5px;
		box-shadow: 10px 10px 5px rgba(0,0,0,.25);
		} */
	
/* body {font-family: rosario, sans-serif;
		font-size:16px;} */

/* p {font-family: rosario, sans-serif;
	font-size: 16px;
	clear:both;} */

/* h1 {font-family: league-gothic, sans-serif;
	font-size: 4em;}

h2 {font-family: league-gothic, sans-serif;
	font-size: 3em;}

h3 {font-family: league-gothic, sans-serif;
	font-size: 2em;}
	
h4 {font-family: league-gothic, sans-serif;
	font-size: 1.75em;}

h5 {font-family: league-gothic, sans-serif;
	font-size: 1.5em;}
	
img a {border: 0px;}

  	a:link {	
		color: #F54F29; 
		text-decoration:none;
		}
		
	a:visited {
		color:#9C9B7A; 
		text-decoration:none;
		}
		
	a:hover {
		color:red; 
		text-decoration:underline;
		}
		
	table { width:100%;
		text-align:left;
	}
		
	th {
    border-bottom: 1px solid #ddd;
	padding: 30px;
    text-align: left;
	}
	
	td {
		
	}
	
	p {padding-left: 5px;} */


/* Keepin' it Classy */
.img-header {border-radius: 5px 5px 0 0px; margin-top: 10px;  
}

.tap { width: 65px; float:left; margin-right: 10px; }

.glass {float:right; margin-left: 10px;}

.navbar-nav {
  		  width: 100%;
   		 text-align: center;}
		 
.navbar-nav li {
      
      display: inline-block;
    }
	
	   
.navbar-inverse {border-radius: 0px 0px 5px 5px; 
				margin-top: -1px;
				}
				
.nav 
{   margin:auto;
    font-size: 14px;
	}

.navbar-toggle {
			font-size:24px;
			float:left;
			padding-left:10px;}
			
.dropdown-menu {background-color: #000; color:white !important;}

ul.dropdown-menu>li>a {color: white !important;}

ul.dropdown-menu>li>a:hover {color: #9C9B7A !important; background: #000;}

ul.dropdown-menu>li.active>a:hover{
    background: #9C9B7A !important;
}

ul.dropdown-menu>li.active>a{
    background: #822A16 !important;
}

.wrapper {padding-left: 15px;
		padding-right: 15px;}

.padding { }

.background {background-color: #FFFBE9;
 }
 
 .well {background:none; padding-top: 0px;}

.dark {background-color: #000;
}

.bricks {background-image:url(../images/repeatingbricks_small.jpg);
}

.indent {text-indent: 20px;
	}

.lineheight {line-height: 200% !important;}

.center {text-align:center;
}

.right {text-align:right;}

.darkred {color:#822A16;}

.darkgreen {color:#005A15;
			font-size:12px;
			font-weight:bold;}
			
.gf			{color:#822A16;
			font-size:12px;
			font-weight:bold;}

.button {background-color: #822A16; 
	border-radius: 15px; 
	padding-right:12px;
	padding-left:10px;
	border:0;
	font-size: 16px;}
	
.foodsub {text-align: center; font-style: italic; font-weight:bold;
}

.shadow {box-shadow: 10px 10px 5px rgba(0,0,0,.25);
}

.img-responsive,.thumbnail a>img,.thumbnail>img {display:block;max-width:100%;height:auto;
}

body, html {
    height: 100%;
    font-family: "Inconsolata", sans-serif;
}
.bgimg {
	background-attachment:fixed;
	    background-position: center;
    background-size: cover;
    background-image: url("images/newhomebg.jpg");
	background-repeat: no-repeat;
    min-height: 75%;
}
.menu {
    display: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.plain a:link{text-decoration: none;}

.plain a:hover{text-decoration:underline;}

/* Google Maps Responsive Embed Fix */
    .google-maps {
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
		clear:both;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/*Fixing photo alignment in carousel*/

div.c-wrapper{
    width: 100%; 
    margin: auto;
	min-height:350px;
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
margin: auto;
max-height: 325px;
}

/* Fixing Column Order on Beer Page for XS Devices - Thank you, Stack Overflow */

@media (max-width: 767px) {
  .row.reorder-xs {
    transform: rotate(180deg);
    direction: rtl; /* Fix the horizontal alignment */
  }

  .row.reorder-xs > [class*="col-"] {
    transform: rotate(-180deg);
    direction: ltr; /* Fix the horizontal alignment */
  }
}