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

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

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);
}

/* 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 */
  }
}