@charset "UTF-8";
@import url("//hello.myfonts.net/count/2fb5bc");
@import url("//hello.myfonts.net/count/2fbf21");
@import 'https://fonts.googleapis.com/css?family=Lato:400,900';

/* WEB FONTS */
@font-face {font-family: 'Anodyne';src: url('webfonts/2FB5BC_0_0.eot');src: url('webfonts/2FB5BC_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB5BC_0_0.woff2') format('woff2'),url('webfonts/2FB5BC_0_0.woff') format('woff'),url('webfonts/2FB5BC_0_0.ttf') format('truetype');}
@font-face {font-family: 'CatalinaAnacapaSans';src: url('webfonts/2FBF21_0_0.eot');src: url('webfonts/2FBF21_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FBF21_0_0.woff2') format('woff2'),url('webfonts/2FBF21_0_0.woff') format('woff'),url('webfonts/2FBF21_0_0.ttf') format('truetype');}

/* Body */
body {
	font-family:'Lato', Helvetica, Arial, sans-serif;
}

/* Grid */
.margin-top {
	margin-top: 2rem;
}

/* Takeaway menu */
.menu.takeaway > li {
	padding-right: 1.4rem;
}
.menu.takeaway > li > a {
	color: #c0b299;
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
}
.menu.takeaway .is-active a {
	border-bottom: 1px solid #8A7043;
	color: #8A7043;
}

/* Map */
.map {
	height: 540px;
}
#bh-sl-map {
	height: 540px;
}
.bh-sl-loc-list {
	overflow-x: auto;
}

/* HEADER */
.contain-to-grid {background-color:#000005}
.top-bar .menu > li > a {color:#CBC4BC;font-family:'Lato', Helvetica, Arial, sans-serif}
.top-bar .menu > li > a:hover {color:#8A7043;transition:all 0.25s ease-out}
.menu-text, .menu .menu-text a {padding-left:0}
.top-bar, .top-bar ul {background-color:#000005;color:#CBC4BC}
.top-bar .menu-item a {
	margin: 4rem 0 0 0.75rem;
}
.top-bar-global {
	background-color: #000005;
	border-bottom: 1px solid #333;
	font-size: 1em;
	padding: 0.625em 0;
}
.top-bar-global a {
	color: #cbc4bc;
	opacity: 0.6;
}
.top-bar-global a:hover {
	color: #8a7043;
}
.top-bar-global i {
	margin-right: 0.25em;
}

/* MOBILE */
.off-canvas {background-color:#000005;margin-top:1rem}
.off-canvas-wrapper {background-color:#000005}
.title-bar-title {margin-left:2rem}
.title-bar i {color:#CBC4BC;font-size:1.75rem;margin-top:0.75rem}

/* FONTS */
h1 {font-family:'Anodyne', Arial, Helvetica, sans-serif;font-size:4rem;line-height:4.2rem}
h2 {font-family:'Anodyne', Arial, Helvetica, sans-serif;font-size:2.5rem;line-height:4rem}
h3 {
	color: #CBC4BC;
	font-family:'Lato', Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
}
h4, h5, h6, p, li, button, input {font-family:'Lato', Helvetica, Arial, sans-serif}
h4 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-top: 1rem;
}
h4 small {
	color: inherit;
	font-size: 0.875rem;
	opacity: 0.5;
}
h4 span {opacity:0.25}
h5 {font-weight: 900}
h6 {
	color: #CBC4BC;
}

/* Buttons */
.button {
	background-color: #000005;
	color: #CBC4BC;
	border-radius: 3px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
}
.button.secondary {
	background-color:#CBC4BC;
	color:#000005
}

a {color:#8A7043}
a:hover {color:#000005;transition:all 0.25s ease-out}
p.lead {font-size:1.5rem}

.button:hover, .button.secondary:hover {background-color:#8A7043}
.button i {margin-left:0.5rem}
.sheep {margin:0.25rem 0 0 1rem}

/* SECTIONS */

.top-bar-global section, section .callout {background-image:url('http://www.badshepherd.com.au/wp-content/uploads/2015/11/concrete-wall.png')}
#content section {
	padding:2.5rem 0;
}
#banner {
	background-position: center;
	height: 480px;
}
#content section.entry-content {
	padding: 0;
}
#content #map {background:url('http://www.badshepherd.com.au/wp-content/uploads/2015/12/map-black-white-logo.jpg') no-repeat center;background-size:cover;height:420px;padding:18rem 0 2.5rem;width:100%}
#content #menu {
	background:url('http://www.badshepherd.com.au/wp-content/uploads/2016/09/bbq-smoked-meat-and-beer-wide.jpg') no-repeat left;
	color: #CBC4BC;
	height: 420px;
	margin-top: 1.5em;
	padding:5rem 0 2.5rem;
	width:100%;
}

/* Subscribe */
#subscribe {
	background-color: #000005;
	background-image: url('http://www.badshepherd.com.au/wp-content/uploads/2015/11/concrete-wall.png');
	color: #fff;
	padding: 2.5rem 0;
}
#subscribe button {
	margin-top: 1rem;
}
#subscribe input {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}
#subscribe label {
	color: #CBC4BC;
}

@media only screen and (max-width: 32em) {
	#banner {
		background-position: center;
		height: 420px;
	}
}

/* BEER */
.beer-slick {
	margin: 1.5em auto;
}
.beer-label {
	margin-bottom: 1.5em;
}
.callout {background-color:#000005;color:#fff;margin:0 0 1.5rem 0}
.beer {
	padding-top: 1rem;
}
.beer.almighty {
	border-top: 4px solid #bcad70;
}

.beer.esb {
	border-top: 4px solid #f3534d;
}

.american-pale-ale {
	border-top: 4px solid #606a20;
	padding-top: 1rem;
}
.american-pale-ale h3 {color:#a8ae2d}
.american-pale-ale h4 {color:#606a20}
.california-lager {
	border-top:4px solid #e09e1a;
	padding-top: 1rem;
}
.california-lager h3 {color:#fac40b}
.california-lager h4 {color:#e09e1a}
.hazelnut-brown {
	border-top:4px solid #7d4c0f;
	padding-top: 1rem;
}
.hazelnut-brown h3 {color:#b79257}
.hazelnut-brown h4 {color:#7d4c0f}
.raspberry-wheat-ale {
	border-top: 4px solid #7b0a42;
	padding-top: 1rem;
}
.new-world-ipa {
	border-top: 4px solid #ed7f31;
	padding-top: 1rem;
}
.new-world-ipa h4 {
	color: #ed7f31
}
.oatmeal-stout {
	border-top: 4px solid #514840;
	padding-top: 1rem;
}
.tiny-ipa {
	border-top:4px solid #006385;
	padding-top: 1rem;
}
.tiny-ipa h3 {color:#00a4c7}
.tiny-ipa h4 {color:#006385}
.baltic {
	border-top:4px solid #fce92f;
	padding-top: 1rem;
}
.baltic h3 {color:#}
.baltic h4 {color:#fce92f}
.double-choc {
	border-top:4px solid #7f4a28;
	padding-top: 1rem;
}
.double-choc {color:#}
.double-choc h4 {color:#7f4a28}
.smash {
	border-top:4px solid #74ced4;
	padding-top: 1rem;
}
.smash {color:#}
.smash h4 {color:#74ced4}
.russian {
	border-top:4px solid #b42211;
	padding-top: 1rem;
}
.russian {color:#}
.russian h4 {color:#b42211}
.spacer {
	clear: both;
	display: block;
	height: 5rem;
	padding-top: 0.5rem;
}
.spacer hr {
	border-bottom: 4px solid #f5f3f2;
}

/* HOMEPAGE */
.slick-dots {
	bottom: -80px;
	margin-left: 0;
}
.slick-dots li {
	height: 28px;
	width: 28px;
	margin: 0;
}
.slick-dots li button:before {font-size:1.5rem}
.slick-slide {outline:none}
.slick-slide img {display:inline}
.slick-prev::before {
	background-color: #000005;
	border-radius: 3px;
	color: #CBC4BC;
	content: "\f053";
	font-family: FontAwesome;
	padding: 1rem;
}
.slick-next::before {
	background-color: #000005;
	border-radius: 3px;
	color: #CBC4BC;
	content: "\f054";
	font-family: FontAwesome;
	padding: 1rem;
}

/* FOOTER */
footer {background-color:#CBC4BC;background-image:url('http://www.badshepherd.com.au/wp-content/uploads/2015/11/concrete-wall.png');font-size:1.25rem;padding:2rem 0}
footer h3 {
	color: #000005;
	margin-top: 1rem 0 0.5rem;
}
footer hr {border-color:#b6b0a9}
footer img {margin:0.25rem 0 0}
footer p {line-height: 1.5rem}
footer strong {color:#000005}
footer img:hover {opacity:0.5}
footer .menu > li > a {padding: 0.5rem 0}
footer .social-icons i {font-size:3rem}

/* Notification bar */
#notification-bar {
	background-color: #cbc4bc;
	background-image: url('http://www.badshepherd.com.au/wp-content/uploads/2015/11/concrete-wall.png');
	padding: 1rem 0;
}
#notification-bar i {
	margin-right: 0.25rem;
}
#notification-bar span {
	color: #999;
	margin: 0 0.25rem;
}
#notification-bar .callout {
	background-color: inherit;
	border: none;
	color: #000005;
	padding: 0;
	margin: 0;
}

/* Tablet */
@media screen and (min-width: 32em) {
	.menu-text img {
		max-width: 160px;
	}
	.slick-dots li {
		height: 40px;
		width: 40px;
		margin: 0 0.25rem;
	}
	.top-bar .menu > li > a {
		font-size: 1rem;
	}
	.top-bar .menu-item a {
		margin: 2.375rem 0 0; 
	}
	#subscribe button {
		margin-top: 1.5rem;
	}
}
@media screen and (min-width: 64em) {
	.menu-text img {
		max-width: 250px;
	}
	.top-bar .menu > li > a {
		font-size: 1.25rem;
	}
}
iframe {
	border: 0;
}