body { font-family: Lato, Verdana, Helvetica, sans-serif; padding-top: 70px; }
h1, h2, h3, h4, h5, h6 { font-family:"brandon-grotesque", Verdana, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; }
h3, h4, h5 { margin-top: 5px; margin-bottom: 5px; }
b { font-weight: 900; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.green { color: #83b543; }
.blue { color: #3b88b8; }
.blue-bg, .bg-blue { background-color: #3b88b8; }
.blue-button, .btn-blue { background-color: #3b88b8; color: #ffffff; }
.blue-button:hover, .btn-blue:hover { color: #e5e5e5; }
.btn-blue-transparent { color: #3b88b8; padding: 3px; vertical-align: baseline; }
.btn-blue-transparent:hover { color: #e5e5e5; }
.grey { color: #e5e5e5; }
.dark-grey { color: #777; }
.grey-bg, .bg-grey { background-color: #e5e5e5; }
.grey-button, .btn-grey { background-color: #e5e5e5; color: #000000; }
.grey-button:hover, .btn-grey:hover { color: #83b543; }
.navbar-inverse .navbar-text { color: #eee; }
.navbar-brand-image { margin-top: 3px; width: 272px; height: 64px; min-width: 204px; min-height: 48px; }
.navbar { font-size: 18px; }
.navbar-nav>li>.dropdown-menu { max-height: 300px; overflow:auto; }
#nav-search-form { width: 290px; }
.content { margin-top: 20px; }
.title { font-size: 23px; }
.secondary { font-size: 16px; }
.tertiary { font-size: 14px; }
.text-center img {display: block; margin: 0 auto;}
.shade-background { background-color: #e5e5e5; }
.bordered {border:1px solid #ffffff;}
.map-canvas { height: 400px; }
.map-canvas-short { height: 200px; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.text-top { vertical-align: text-top; }
.text-bottom { vertical-align: text-bottom; }
hr.thin { margin-top: 10px; margin-bottom: 10px; }
.noborder-bottom { border-bottom: none; }
.modal-content { padding: 20px; }
.tabs-dark-grey-green li a { color: #777; font-weight: bold; }
.tabs-dark-grey-green li.active a { color: #83b543; }
.affix-dynamic.affix { top: 120px; }
.label-div { margin-bottom: 3px; }
.bar-owner-cta { padding-bottom: 10px; text-align: center }
.bar-owner-cta h3 { vertical-align: middle }

.user-rating-0:before { content: "\e0e7"; }
.user-rating-1:before { content: "\e0e8"; }
.user-rating-2:before { content: "\e0e6"; }

/* ==========================================================================
Footer
 ========================================================================== */
#footer {background-color:#0F141A; background-color: #0C0C0C; padding: 90px 0;}
#footer p { color: #aaa; font-size: 14px;}
#footer h4 {font-size: 16px; color: #FFF; margin: 1em 0;}
#footer a {color: #f5f5f5; font-size: 14px;}
#footer a:hover {color: #FFF;}
#footer hr {border-top:1px solid rgba(255,255,255,0.2); margin-top: 35px; margin-bottom: 35px;}

#footer p { margin-bottom: 20px; line-height: 24px; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { line-height: 28px; }
#footer .quick-links {margin-left: 10px;}
#footer .quick-links li {list-style-type: square; margin-bottom: 10px;}
#footer .copyright {float: right;}
#footer .copyright i {color: #FF3D7F; margin:0 5px;}

#footer .contact-list li {font-size: 14px; color: #FFF;}
#footer .contact-list i {/*border: 1px solid #fff; border-radius: 50%; */height: 40px; width: 40px; text-align: center; line-height: 40px; margin-right: 10px; margin-bottom: 10px;}

#footer .footer-bottom {margin-top: 60px; padding-top: 40px; border-top:1px solid rgba(255,255,255,0.2);}

#footer .social { margin-top: 20px; }
#footer .social li {display: inline-block; width: 35px; height: 35px; margin-right: 5px; border-radius: 3px; text-align: center; line-height: 35px; webkit-transition: background-color 400ms ease-out 0.2s; -moz-transition: background-color 400ms ease-out 0.2s; -o-transition: background-color 400ms ease-out 0.2s; transition: background-color 400ms ease-out 0.2s;}
#footer .social li a { color: #fff; }
#footer .social li.facebook { background: #204385; }
#footer .social li.twitter { background: #2aa9e0; }
#footer .social li.google-plus { background: #d3492c; }
#footer .social li.linkedin { background: #0073b2; }
#footer .social li.skype { background: #00b0f6; }
#footer .social li.youtube { background: #e22d24; }
#footer .social li.instagram { background: #d3492c; }
#footer .social li.snapchat { background: #c2bc0f; }
#footer .social li:hover {background:#31373a; cursor: pointer; }

#footer .logo { width: 250px; margin-bottom: 20px; }


/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {
	.navbar-brand-image { margin-left: 5px; width: 204px; height: 48px; min-width: 204px; min-height: 48px; }
	.btn { white-space: normal; }
}
/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.navbar-brand-image { margin-left: 5px; width: 204px; height: 48px; min-width: 204px; min-height: 48px; }
	.map_canvas { height: 300px; }
	.btn { white-space: normal; }
}
/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

.beer-page-image {
	max-height: 200px;
	max-width: 200px;
}


#locationPhotos .carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	font-size: 20px;
	color: #83b543;
		opacity: .9;
	text-align: center;
	text-shadow: none;
}
#locationPhotos .carousel-control.left {
	background-image: none;
	margin-left: -40px;
}
#locationPhotos .carousel-control.right {
	left: auto;
	right: 0;
	background-image: none;
	margin-right: -40px;
}
#locationPhotos .carousel-control {
	padding-top:5.25%;
	width:5%;
}

.rb-overall {
	background-color: #003366;
}

.rb-style {
	background-color: #66A212;
}