/*
* TOC
*
* Base
* Fonts & Typography
* Utility
* Page Components
* - Logo
* - Main Header Navigation
* -- Beer Slider Dropdown (Desktop)
* -- Beer Finder Dropdown (Desktop only)
* - Footer
* Page Specific
* - Home
* -- Home Hero Slider
* -- Home Brewery Tour Section
* -- Home Paint Slatter Background
* -- Home Callout 2 Column Section
* -- Home Events Section
* -- Home Ink Splatter and Steadman Head Illustration (Background Element)
* -- Home Year-Round Beers Section
* -- Home Instagram Section
* - Beers
* - Beer Detail
* - Beer Pack Detail
* - Beer Finder
* - Brewery Exclusives
* - FAQ
* - Contact Us
* - Beers On Tap Page
* - Careers Page
* - Our Story
* - Error Page
*/

/*
> Base
*/

:root {
	--yellow: #FCD672;
	--tan: #F5F4E8;
	--dark-grey: #7D7E79;
	--light-grey: #E2E1DF;
	--slate: #97967E;
	--black: #212529;
	--offWhite: #efefef;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #F5F4E8;
	background-color: var(--tan);
	background-image: url("../images/backgrounds/background-smears.jpg");
	background-size: 200%;
	max-width: 1500px;
	margin: 0 auto;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	z-index: 10;
	overflow-x: hidden;
	background-position: top left;
}

.lozad {min-height:1px;min-width:1px;}
.required-subject {display: none;}

@media screen and (min-width: 568px) {
	body {
		background-size: 150%;
	}
}

@media screen and (min-width: 768px) {
	body {
		background-size: 100%;
	}
}

img {
	max-width: 100%;
}

.slick-slider img {
	height: auto;
	width: 100%;
	max-height: 100%;
}

/*
> Fonts & Typography
*/

/*Trade Gothic For Headers*/

h1,
h2,
h3,
h4,
h5 {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: .5px;
}

@media screen and (min-width: 768px) {
	h1,
	h2,
	h3 {
		font-size: 200%;
	}
}

@media screen and (min-width: 1024px) {
	h1,
	h2,
	h3 {
		font-size: 220%;
		line-height: 1;
	}
}

a:link,
a:visited,
a:active,
a:hover {
	color: #212529;
	color: var(--black);
	text-decoration: none;
}

/*Gotham For Body and Everything Else*/

p,
.mainContent ul li,
.mainContent table tr td,
.mainContent table tr th {
	font-size: 11px;
	line-height: 1.8;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	color: #7D7E79;
	color: var(--dark-grey);
	letter-spacing: 0.5px;
}

@media screen and (min-width: 768px) {
	p,
	.mainContent ul li,
	.mainContent table tr td,
	.mainContent table tr th {
		font-size: 12px;
		line-height: 1.9;
	}
}

mark {
	background-color: #FCD672;
	background-color: var(--yellow);
}

/* iFrames */

.iframe-container {
	position: relative;
	width: 119%;
	text-align: center;
	background-color: white;
	padding: 25px 0;
	margin: 50px auto;
	left: -9%;
}

iframe {
	background-color: white;
	min-height: 400px;
	margin: 0 auto;
	display: block;
	width: 95%;
	outline: 0;
	border: none;
}

.iframe-container:before,
.iframe-container:after {
	position: absolute;
	content: " ";
	background-image: url("../images/backgrounds/iframe-torn-white-edge-top.png");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	right: 0;
	left: 0;
	top: -20px;
	height: 25px;
}

.iframe-container:after {
	background-image: url("../images/backgrounds/iframe-torn-white-edge-bottom.png");
	background-position: center bottom;
	top: auto;
	bottom: -23px;
}

@media screen and (min-width: 568px) {
	.iframe-container {
		width: 120%;
		padding: 25px 0;
		margin: 50px auto;
		left: -10%;
	}
}

@media screen and (min-width: 768px) {
	.iframe-container {
		width: 110%;
		left: -5%;
	}

	iframe {
		min-height: 500px;
		width: 90%;
	}
}

@media screen and (min-width: 1024px) {
	.iframe-container {
		width: 100%;
		left: 0;
	}
}

/*
> Utility
*/

/* Hide Mobile Class For Desktop */

@media screen and (min-width: 568px) {
	.mobile {
		display: none !important;
	}
}

/* Hide Desktop Class For Mobile */

.desktop {
	display: none !important;
}

@media screen and (min-width: 568px) {
	.desktop {
		display: block !important;
	}
}

/* Yellow CTA Link */

.yellow-cta:link,
.yellow-cta:active,
.yellow-cta:visited,
#faq .collapse p a,
#our-story .copy-block p a,
.mainContent ul li a,
.mainContent p a {
	color: #7D7E79;
	color: var(--dark-grey);
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-style: normal;
	font-weight: normal;
	display: inline;
	margin: 0 auto 10px auto;
	text-transform: uppercase;
	transition: 0.4s all;
	line-height: 0.9;
	position: relative;
	box-shadow: inset 0 23px 0 #FCD672;
	box-shadow: inset 0 23px 0 var(--yellow);
	font-size: 100%;
	letter-spacing: .09em;
	font-size: 1.3em;
}

/* Yellow CTA Hover */

.yellow-cta:hover {
	background-color: white;
}

@media screen and (min-width: 768px) {
	.yellow-cta:link,
	.yellow-cta:active,
	.yellow-cta:hover,
	.yellow-cta:visited {
		font-size: 140%;
		box-shadow: inset 0 15px 0 #FCD672;
		box-shadow: inset 0 15px 0 var(--yellow);
	}
}

@media screen and (min-width: 1024px) {
	.yellow-cta:link,
	.yellow-cta:active,
	.yellow-cta:hover,
	.yellow-cta:visited {
		font-size: 180%;
		box-shadow: inset 0 20px 0 #FCD672;
		box-shadow: inset 0 20px 0 var(--yellow);
	}
}

.yellow-cta:after {
	content: "\A";
	white-space: pre;
}

/* Yellow CTA Link Change Background color for side-by-side elements */

.yellow-cta:link + .yellow-cta:link,
.yellow-cta:link + br + .yellow-cta:link {
	box-shadow: inset 0 18px 0 #FCD672;
	box-shadow: inset 0 18px 0 var(--yellow);
}

/* Yellow CTA Link Add Arrow */

.yellow-cta.cta-arrow:after {
	background-image: url("../images/global/arrow-right.svg");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	content: " ";
	display: block;
	right: -21%;
	top: -4px;
	position: absolute;
	height: 20px;
	width: 25px;
}

p .yellow-cta {
	font-size: 130% !important;
}

.mainContent .page-heading-h1,
.page-heading-h1 {
	background-image: url("../images/backgrounds/exlcusives-ink-splatters.png");
	background-repeat: no-repeat;
	background-size: 110%;
	background-position: left;
}

@media screen and (min-width: 568px) {
	.mainContent .page-heading-h1,
	.page-heading-h1 {
		background-size: contain;
		font-size: 38px;
		background-position-x: -6%;
	}
}

@media screen and (min-width: 768px) {
	.mainContent .page-heading-h1,
	.page-heading-h1 {
		font-size: 50px;
		background-position-x: -8%;
	}
}

@media screen and (min-width: 1024px) {
	.mainContent .page-heading-h1,
	.page-heading-h1 {
		font-size: 60px;
		background-position-x: 2%;
	}
}

/* Beer Sliders */

.beer-slider {
	margin: 60px auto 0 auto;
	width: 100%;
}

.beer-slider a {
	display: block;
	margin: 0 10px;
	max-width: 80px;
}

.beer-slider a img {
	display: block;
	margin: 0 10px;
}

.beer-slider a.pack {
	width: calc(82px * 3.6);
	max-width: none;
}

.beer-slider a.pack img {
	max-width: none;
	margin-top: 23%;
}

.beer-slider .slick-prev,
.beer-slider .slick-next {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	width: 65px;
}

.beer-slider .slick-prev {
	left: -80px;
}

.beer-slider .slick-next {
	right: -80px;
}

/* Hide Default Slick Slider Arrows */

.beer-slider .slick-prev:before,
.beer-slider .slick-next:before {
	display: none;
}

/* Add Left Slick Slider Arrow */

.beer-slider .slick-prev,
.beer-slider .slick-prev:hover,
.beer-slider .slick-prev:focus {
	background-image: url("../images/global/slider-arrow-left.svg");
}

/* Add Right Slick Slider Arrow */

.beer-slider .slick-next,
.beer-slider .slick-next:hover,
.beer-slider .slick-next:focus {
	background-image: url("../images/global/slider-arrow-right.svg");
}

@media screen and (min-width: 568px) {
	.beer-slider {
		width: 70%;
	}

	.beer-slider a {
		margin: 0 20px;
		max-width: 100px;
		position: relative;
	}

	.beer-slider a:hover {
		top: -3px;
	}

	.beer-slider a:focus {
		outline: none;
	}

	.beer-slider a img {
		max-width: 220px;
	}

	.beer-slider a.pack {
		width: calc(100px * 3.6);
	}
}

@media screen and (min-width: 768px) {
	.beer-slider a {
		max-width: 140px;
	}

	.beer-slider a img {
		max-width: 220px;
	}

	.beer-slider a.pack {
		width: calc(140px * 3.6);
	}
}

/*
> Page Components
*/

/*
>> Logo
*/

#logo {
	margin: 20px 0 0 10px;
	display: inline-block;
	max-width: 38%;
	position: relative;
	z-index: 20;
}

@media screen and (min-width: 568px) {
	#logo {
		max-width: 30%;
	}
}

@media screen and (min-width: 768px) {
	#logo {
		max-width: 200px;
		margin: 2% 0 0 4%;
	}
}

@media screen and (min-width: 1024px) {
	#logo {
		max-width: 250px;
		margin: 2% 0 0 4%;
	}
}

/*
>> Main Header Navigation
*/
/* Background element for targeting and closing main nav */
#main-nav-background {
	background-color: #7D7E79;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100vh;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;
}

@media screen and (min-width: 568px) {
	#main-nav-background {
		display: none;
	}
}

/* Main Header Navigation */
#main-nav {
	list-style-type: none;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: -11px;
	background-color: white;
	padding: 45px 30px 30px 50px;
	z-index: 100;
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);
	display: none;
	height: auto;
	height: 100vh;
	width: 80vw;
}

/* Main Header Navigation List Item */

#main-nav li {
	padding: 0 0 9px 0;
}

@media screen and (min-width: 568px) {
	#main-nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		background-color: transparent;
		box-shadow: none;
		right: 20px;
		height: auto;
		top: 20px;
		padding: 0;
		max-width: 525px;
		width: 330px;
	}

	#main-nav li {
		padding: 0;
		background-color: transparent;
		text-align: center;
		line-height: 0.9;
		position: relative;
	}

	#main-nav li:not(#main-nav-beer-finder) {
		top: 5px;
	}

	/* 	#main-nav li:not(#main-nav-beer-finder) a {
			padding: 0;
		} */
}

@media screen and (min-width: 768px) {
	#main-nav {
		width: 400px;
		padding-right: 0;
	}
}

@media screen and (min-width: 1024px) {
	#main-nav {
		width: 100%;
	}
}

@media screen and (min-width: 1500px) {
	#main-nav {
		right: calc(((100vw - 1500px) / 2) + 2%);
	}
}

/* Main Header Navigation List Item Link */

#main-nav li a {
	text-align: center;
	font-size: 22px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
}

#main-nav li a:focus {
	outline: none;
}

@media screen and (min-width: 568px) {
	#main-nav li a {
		transition: 0.2s all;
		padding: 10px 8px;
		font-size: 13px;
	}

	#main-nav li#main-nav-beer-desktop > a:hover {
		background-color: white;
	}
}

@media screen and (min-width: 768px) {
	#main-nav li a {
		font-size: 15px;
		letter-spacing: 1px;
	}
}

@media screen and (min-width: 1024px) {
	#main-nav li a {
		font-size: 23px;
	}
}

/* Main Header Navigation List Item Link Only Shown on Mobile */

#main-nav li.mobile a {
	color: #7D7E79;
	color: var(--dark-grey);
}

/* Main Header Navigation Open Close */

#main-nav-open,
#main-nav-close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 1%;
	right: 6%;
	z-index: 101;
}

#main-nav-close {
	display: none;
}

/* Main Navigation Open Close Desktop */

@media screen and (min-width: 568px) {
	#main-nav-open,
	#main-nav-close {
		display: none;
	}
}

/* 
>>> Beer Slider Dropdown (Desktop)
*/

/* Main nav beer desktop */

@media screen and (min-width: 568px) {
	.dropdown.active a {
		background-color: white;
	}

	#main-nav-beer-desktop .dropdown-menu * {
		transition: none;
	}

	#main-nav-beer-desktop .dropdown-menu {
		width: 100vw;
		max-width: 100vw;
		top: 22px;
		background-color: #ffffff;
		box-sizing: border-box;
	  clip: rect(0 0 0 0);
	  min-width: 100%;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  text-align: center;
		border: none;
		box-shadow: 1px 8px 14px rgba(0, 0, 0, 0.2);
		padding-top: 80px;
		height: auto;
		z-index: 300;
		left: auto;
		right: -300px;
	}

	#main-nav-beer-desktop .dropdown.active .dropdown-menu {
		clip: auto !important;
	}

	#beerDropdownCloseTarget {
		content: " ";
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color:rgba(256, 256, 256, 0.0);
		display: none;
		z-index: 20;
	}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-next {
		background-image: url(../images/global/arrow-right.svg);
		display: block;
		right: -5%;
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		width: 26px;
		height: 50px;
		top: 57%;
	}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-next.slick-disabled,
	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-prev.slick-disabled {display:none !important;}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-prev {
		background-image: url(../images/global/arrow-right.svg);
		display: block;
		left: -5%;
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		width: 26px;
		height: 50px;
		top: 31%;
		transform: rotate(180deg);
	}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-next:before,
	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-prev {
		display: none;
	}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider {
		width: 85%;
		margin: 0 auto;
	}

	#main-nav-beer-desktop a.slick-slide {
		margin: 10px;
	}

	#main-nav-beer-desktop a.slick-slide:hover {
		position: relative;
		top: -2px;
	}

	#main-nav-beer-desktop a,
	#main-nav-beer-desktop .nav-beer-bottle-slider a:hover,
	#main-nav li #main-nav-beer-desktop a:hover {
		background-color: transparent;
	}

	#main-nav-beer-desktop a,
	#main-nav-beer-desktop a img {
		width: 50px;
		text-align: center;
		margin: 0 auto;
	}

	#main-nav-beer-desktop .nav-types-of-beer {
		width: 80%;
		margin: 20px auto 40px auto;
		max-width: 800px;
		text-align: center;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	#main-nav-beer-desktop .nav-types-of-beer a {
		width: auto;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		transition: 0.2s all;
	}

	#main-nav-beer-desktop .nav-types-of-beer a:hover {
		color: #97967E;
		color: var(--slate);
	}

	#main-nav-beer-desktop .nav-types-of-beer .line {
		border: .5px solid black;
		height: 0;
		padding-bottom: 5%;
	}

	.beer-dropdown-beer-title {
		color: #E2E1DF;
		color: var(--light-grey);
		position: absolute;
		top: 12px;
		font-size: 19vw;
		right: 0;
		left: 0;
	}
}

@media screen and (min-width: 768px) {
	#main-nav-beer-desktop .dropdown-menu {
		padding-top: 130px;
		right: -377px;
	}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-next {
		right: -6%;
		width: 36px;
	}

	#main-nav-beer-desktop .dropdown-menu .nav-beer-bottle-slider .slick-prev {
		left: -6%;
		width: 36px;
		top: 37%;
	}

	#main-nav-beer-desktop a {
		margin: 0 2% 0 0;
		padding: 0;
	}

	#main-nav-beer-desktop a img {
		width: 70px;
	}

	.beer-dropdown-beer-title {
		font-size: 200px;
		top: 29px;
	}
}

@media screen and (min-width: 1024px) {
	#main-nav-beer-desktop .dropdown-menu {
		top: 26px;
		right: -486px;
	}

	#main-nav-beer-desktop a.slick-slide {
		margin: 0 20px;
	}

	#main-nav-beer-desktop a img {
		width: auto;
	}
}

@media screen and (min-width: 1500px) {
	#main-nav-beer-desktop .dropdown-menu {
		right: calc(-495px - ((100vw - 1500px) / 2));
	}
}

#main-nav-beer-desktop .dropdown.active > a {
	background-color: white;
}

/* Different nav elements for mobile beer menu item and desktop */

/* Hide Desktop Nav Element */

#main-nav-beer-desktop {
	display: none;
}

/* Show Desktop Beer Nav Element and Hide Mobile */

@media screen and (min-width: 568px) {
	#main-nav-beer-desktop {
		display: block;
	}

	#main-nav-beer-mobile {
		display: none;
		padding: 10px 8px;
	}
}

/* 
>>> Beer Finder Dropdown (Desktop only)
*/

/* Beer Finder Top Nav Element Icon */

#main-nav li#main-nav-beer-finder:before {
	background-image: url("../images/global/beer-finder-icon.svg");
	display: block;
	content: " ";
	background-repeat: no-repeat;
	background-size: contain;
	height: 27px;
	width: 27px;
	position: absolute;
	right: -8px;
}

/* Beer Finder Top Nav Element */

#main-nav li#main-nav-beer-finder {
	width: 147px;
	position: relative;
}

#main-nav li#main-nav-beer-finder a {
	color: #7D7E79;
	color: var(--dark-grey);
}

/* Main Navigation Beer Dropdown Hide for Mobile */

#main-nav-beer-finder-dropdown-content {
	display: none;
}

#main-nav li#main-nav-beer-finder:hover {
	cursor: pointer;
}

@media screen and (min-width: 568px) {
	#main-nav li#main-nav-beer-finder {
		width: auto;
	}

	#main-nav li#main-nav-beer-finder:before {
		height: 40px;
		width: auto;
		background-position: center;
		position: static;
	}

	#main-nav li#main-nav-beer-finder a {
		line-height: .9;
		padding: 0;
		font-size: 70%;
		display: inline-block;
		width: auto;
	}

	#main-nav li#main-nav-beer-finder a span {
		display: inline-block;
		position: relative;
		top: 5px;
		background-color: #FCD672;
		background-color: var(--yellow);
	}

	#main-nav li#main-nav-beer-finder a span + span {
		position: relative;
		top: 7px;
		display: block;
	}

	/* Main Navigation Beer Finder Dropdown Show for Desktop */
	#main-nav.beerFinderNavActive li {
		z-index: -200;
	}

	#main-nav li#main-nav-beer-finder.active:before {
		background-image: url("../images/global/beer-finder-icon-close.svg");
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background-color: rgba(245, 244, 232, 0.95);
		text-align: center;
		left: 0;
		z-index: -1;
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open form {
		font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 12vw;
		text-align: center;
		margin: 25% auto 0 auto;
		width: 80%;
		text-align: center;
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open form input {
		text-transform: uppercase;
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open form input::placeholder {
		color: white;
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open [type="search"] {
		border: none;
		background-color: transparent;
		width: 100%;
		text-align: left;
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open [type="search"]:focus {
		outline: none;
	}
}

@media screen and (min-width: 768px) {
	/*#main-nav-beer-dropdown-content {
		margin: 0 0 -518px 0;
	}*/

	#main-nav li#main-nav-beer-finder a {
		line-height: 1;
		padding: 5px  0 0 0;
		font-size: 90%;
	}

	#main-nav-beer-dropdown-content a,
	#main-nav-beer-dropdown-content a img {
		width: 80px;
	}

	#main-nav-beer-finder-dropdown-content.dropdown-nav-open form {
		margin: 15% auto 0 auto;
	}
}

/* Main Navigation Beer Dropdown Position for Desktop */

#main-nav-beer-dropdown-content.dropdown-nav-open {
	opacity: 1;
	z-index: 2000;
}

/* Basic Page Structure */

.mainContent {
	text-align: left;
	margin: 20px auto 70px auto;
	padding: 0 8%;
	width: 100%;
}

.mainContent h1 {
	text-align: left;
	background-size: contain;
}

.mainContent h1:after {
	content: " ";
	background-image: url("../images/lines/line-under-page-title.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 5px;
	width: 100%;
	height: 20px;
	display: block;
}

@media screen and (min-width: 568px) {
	.mainContent {
		margin: 40px auto 90px auto;
		padding: 0;
		width: 80%;
	}

	.mainContent > h1:after {
		background-position: -11% 28%;
		background-size: 80% 5px;
	}
}

@media screen and (min-width: 768px) {
	.mainContent {
		margin: 30px auto 80px auto;
		padding: 0;
		width: 75%;
	}
}

@media screen and (min-width: 1024px) {
	.mainContent {
		padding: 0;
		margin-bottom: 120px;
	}
}

.copy-image-block-container {
	display: flex;
	flex-direction: column;
	width: 120%;
	background-color: white;
	padding: 12% 8%;
	margin-left: -9%;
	position: relative;
	background-color: transparent;
}

.copy-image-block-container:nth-child(odd) {
	background-color: white;
}

.copy-image-block-container:nth-child(odd):before,
.copy-image-block-container:nth-child(odd):after {
	background-image: url("../images/backgrounds/torn-edge-generic-white-top.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 20px;
	content: "";
	position: absolute;
	width: 100%;
	top: -20px;
	left: 0;
}

.copy-image-block-container:nth-child(odd):after {
	background-image: url("../images/backgrounds/torn-edge-generic-white-bottom.png");
	top: initial;
	bottom: -20px;
	z-index: 3;
}

@media screen and (min-width: 568px) {
	.copy-image-block-container {
		flex-direction: row;
		align-items: center;
		width: 126%;
		margin: 0 0 0 -13%;
		align-items: center;
	}

	.copy-block {
		margin: 0 5%;
	}

	.copy-image-block-container:nth-child(odd) {
		flex-direction: row-reverse;
	}

	.image-block {
		width: 250%;
	}
}

@media screen and (min-width: 768px) {
	.copy-image-block-container {
		width: 134%;
		margin: 0 0 0 -17%;
		align-items: center;
		padding: 12% 8%;
	}
}

@media screen and (min-width: 1028px) {
	.copy-image-block-container {
		margin: 0 0 0 -15%;
		padding: 12% 8%;
		width: 130%;
		max-width: 1500px;
	}
}

/*
>> Footer
*/

/* Footer Before Pseudo Element*/

footer:before {
	position: absolute;
	content: " ";
	background: url("../images/global/torn-white-edge-for-footer.png");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	left: 0;
	top: -40px;
	height: 40px;
}

/* Footer */

footer {
	background-color: white;
	text-align: center;
	position: relative;
	margin: 40px auto 0 auto;
	padding: 20px 5% 30px 5%;
	width: 100%;
}

/* Scroll Back To Top */

footer #scrolltotop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #97967E;
	color: var(--slate);
	text-transform: uppercase;
	width: 100%;
	margin: 0 auto;
	font-size: 17px;
	position: relative;
	left: -10px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	max-width: 245px;
	right: 0;
	letter-spacing: 1px;
}

/* Scroll Back To Top Image */

footer #scrolltotop .bottlecap {
	max-width: 120px;
	height: auto;
	margin: 0 3px;
}

footer #scrolltotop .arrow {
	max-width: 10px;
	height: auto;
	margin: 0 3px;
}

/* Nav List */

footer .nav-links {
	margin: 20px auto;
	z-index: 99;
}

footer .nav-links a:link,
footer .nav-links a:visited,
footer .nav-links a:active {
	display: block;
	color: black;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 19px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1.5px;
}

/* Footer Form */

footer form {
	margin: 50px auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
}

/* Footer Form Newsletter Copy */

footer form p {
	font-size: 9px;
	flex: 1 1 100%;
	order: 1;
	width: 90%;
	margin: 10px auto;
}

/* Footer Form All Fields */

footer form input,
footer form button[type=submit] {
	width: 100%;
	margin: 5px auto 0 auto;
	padding: 6px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #E2E1DF;
	color: var(--light-grey);
	text-transform: uppercase;
	background-color: white;
	font-size: 11px;
	text-align: center;
	outline: none;
	border: 1px solid black;
	max-width: 350px;
	order: 2;
}

footer form input#email {
	border: 1px solid #7D7E79;
	border: 1px solid var(--dark-grey);
	color: #7D7E79;
	color: var(--dark-grey);
}

/* Footer Form Submit */

footer form button[type=submit] {
	background-color: #7D7E79;
	background-color: var(--dark-grey);
	border: 1px solid #7D7E79;
	border: 1px solid var(--dark-grey);
	color: white;
}

footer .footer-social-icons {
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 20px auto;
	width: 100%;
	max-width: 220px;
}

footer .footer-social-icons img {
	width: 25px;
}

footer .footer-sub-nav {
	display: flex;
	font-size: 10px;
	max-width: 300px;
	justify-content: space-between;
	text-align: center;
	margin: 20px auto;
	width: 95%;
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
}

footer .footer-copyright {
	margin: 0 auto;
	line-height: 1.3;
}

.footer-copyright p {
	margin-bottom: 0;
	font-size: 8px;
}

footer .footer-copyright a {
	display: inline;
}

@media screen and (min-width: 568px) {
	footer {
		padding: 10px 5% 6% 5%;
	}

	/* Scroll Back To Top Hide */
	footer #scrolltotop {
		display: none;
	}

	/* Desktop Logo with Cap */
	footer .desktop.logo {
		width: 75%;
		max-width: 550px;
		text-align: left;
		position: relative;
		left: -3%;
	}

	.footer-right-half {
		width: 50%;
		position: absolute;
		right: 3%;
		top: 31%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	footer .desktop.good-people-type {
		width: 100%;
		margin-bottom: 11px;
		max-width: 400px;
	}

	footer .nav-links a:link,
	footer .nav-links a:visited,
	footer .nav-links a:active {
		margin: 0 0 7px 0;
		text-transform: uppercase;
		font-size: 14px;
		font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
		font-weight: normal;
		font-style: normal;
	}

	/* Footer Form Responsive */
	footer form {
		flex-direction: row;
		max-width: 600px;
		margin-top: 0;
		margin-bottom: 15px;
		align-items: stretch;
	}

	footer form p {
		order: 3;
		margin: 10px auto;
		line-height: 1.6;
		max-width: 320px;
	}

	footer form input,
	footer form button[type=submit] {
		padding: 0;
	}

	footer form input {
		width: 187px;
		order: 1;
		padding: 5px 8px;
		text-align: left;
		border: 1px solid #E2E1DF;
		border: 1px solid var(--light-grey);
		font-size: 12px;
		margin: 0 5px 0 0;
		display: block;
		max-width: none;
	}

	footer form button[type=submit] {
		background-color: white;
		color: #7D7E79;
		color: var(--dark-grey);
		order: 2;
		border: 1px solid #E2E1DF;
		border: 1px solid var(--light-grey);
		width: 100%;
		margin: 0 0 0 5px;
		padding: 6px 10px;
	}

	footer .footer-social-icons {
		margin: 4px auto 10px auto;
		width: 100%;
		max-width: 220px;
	}

	/* Nav List Responsive*/
	footer .nav-links {
		position: absolute;
		top: 25%;
		text-align: left;
		left: 26%;
	}

	footer .footer-sub-nav {
		margin: 10px auto;
	}

	footer .footer-copyright a {
		display: block;
		margin-top: 5px;
	}
}

@media screen and (min-width: 768px) {
	footer {
		padding: 20px 0 30px 5%;
	}

	footer .desktop.logo {
		left: -2%;
		width: 80%;
	}

	footer .nav-links {
		top: 29%;
		left: 28%;
		left: calc(210px + 2%);
	}

	footer .nav-links a:link,
	footer .nav-links a:visited,
	footer .nav-links a:active {
		margin: 0 0 10px 0;
		font-size: 18px;
	}

	.footer-right-half {
		right: 5%;
		top: 34%;
	}

	footer .desktop.good-people-type {
		max-width: 600px;
		margin-bottom: 20px;
	}

	footer form {
		margin: 0 0 15px 0;
	}

	footer form button[type=submit],
	footer form input {
		padding: 7px 15px;
		font-size: 16px;
	}

	footer form input {
		width: 240px;
	}

	footer form p {
		font-size: 12px;
		max-width: 410px;
	}

	footer .footer-social-icons {
		max-width: 300px;
	}

	footer .footer-social-icons img {
		width: 35px;
	}
	.footer-copyright p {
		margin-bottom: 0;
		font-size: 11px;
	}
}

@media screen and (min-width: 1024px) {
	footer .desktop.logo {
		left: 0;
	}

	footer .nav-links {
		top: 29%;
		left: 22%;
		left: calc(220px + 4%);
	}

	.footer-right-half {
		right: 8%;
	}

	footer form input {
		width: 360px;
	}
}

@media screen and (min-width: 1500px) {
	footer {
		width: 100vw;
		left: calc((100vw - 1500px) / -2);
	}

	footer .nav-links {
		left: calc(((100vw - 1500px) / 2) + 280px);
	}

	footer .desktop.logo {
		left: calc(((100vw - 1500px) / 2));
	}
}

/*
> Page Specific
*/

/*
>> Home
*/

/*
>>> Home Hero Slider
*/

/* Hero Slide Thumb Nav Before Text */

#home-hero-slider-for:before {
	content: "Featured Beers";
	font-size: 12px;
	width: 60px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #7D7E79;
	color: var(--dark-grey);
	text-align: right;
	margin-right: 10px;
	letter-spacing: 1px;
}

/* Hero Slide Thumb Nav Container */

#home-hero-slider-for {
	display: flex;
	justify-content: start;
	flex-direction: row;
	align-items: center;
	margin: 0 auto 0 auto;
	line-height: 1.2;
}

/* Hero Slide Thumb Nav Remove Padding */

#home-hero-slider-for .slick-list {
	padding: 0 !important;
	margin: 0 auto;
}

/* Hero Slide Thumb Nav */

#home-hero-slider-for .slick-list .slick-track {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	width: auto !important;
	transform: none !important;
}

/* Hero Slide Thumb Nav Image */

#home-hero-slider-for img {
	display: block;
	height: 50px;
	width: 50px !important;
	margin: 0 5px;
	transition: 0.2s all;
}

#home-hero-slider-for img:hover {
	cursor: pointer;
}

/* Hero Slide Thumb Active Nav Image */

#home-hero-slider-for .slick-list .slick-track .slick-slide.slick-current {
	background-image: url("../images/lines/home-hero-slider-thumb-rough-edge.png");
	background-size: 100%;
	background-position: center;
	padding: 7px 7px 6px 7px;
	background-repeat: no-repeat;
}

#home-hero-slider-for .slick-list .slick-track .slick-slide.slick-current:focus {
	border: none;
	outline: none;
}

/* Hero Slide Container */

#home-hero-slider-container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
	margin: 5px auto 70px auto;
	text-align: center;
}

@media screen and (min-width: 568px) {
	#home-hero-slider-container {
		flex-direction: row-reverse;
		justify-content: flex-end;
		align-items: center;
		flex-wrap: nowrap;
		margin-top: 0;
	}

	/* Hero Slider */
	#home-hero-slider {
		position: relative;
		left: -3%;
		width: 75%;
		margin: 0 auto;
	}

	/* Hero Slider Nav Before Content */
	#home-hero-slider-for:before {
		position: absolute;
		top: -28px;
		left: 0;
		right: 0;
		width: auto;
		text-align: center;
		margin-right: 0;
	}

	/* Hero Slider Nav For */
	#home-hero-slider-for {
		margin: 0 auto;
		width: 10%;
	}

	#home-hero-slider-for .slick-list .slick-track {
		flex-direction: column;
		width: 100% !important;
		display: flex;
		transform: none !important;
	}

	/* Hero Slide Thumb Nav Image */
	#home-hero-slider-for .slick-list .slick-track img {
		margin: 5px auto 12px auto;
	}
}

@media screen and (min-width: 768px) {
	#home-hero-slider {
		left: -2%;
	}

	#home-hero-slider-container {
		margin-top: -5%;
		margin-bottom: 90px;
	}

	/* Hero Slide Thumb Nav Image */
	#home-hero-slider-for .slick-list .slick-track img {
		margin: 10px auto;
	}

	#home-hero-slider-for:before {
		font-size: 15px;
		width: 70px;
		top: -35px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1024px) {
	#home-hero-slider-container {
		margin-top: -5%;
		margin-bottom: 100px;
	}

	#home-hero-slider {
		position: relative;
		left: -6%;
		width: 75%;
		margin: 0 auto;
	}

	#home-hero-slider-for:before {
		position: absolute;
		top: -41px;
		left: 0;
		right: 0;
		text-align: center;
		margin-right: 0;
		font-size: 18px;
		width: auto;
	}

	#home-hero-slider-for .slick-list .slick-track img {
		height: 60px;
		width: 60px !important;
		margin: 13px auto;
	}
}

@media screen and (min-width: 1275px) {
	#home-hero-slider-for:before {
		top: -24px;
	}
}

#home-hero-slider-container #home-hero-slider div a img.desktop {
	display: none !important;
}

@media screen and (min-width: 568px) {
	#home-hero-slider-container #home-hero-slider div a img.mobile {
		display: none !important;
	}

	#home-hero-slider-container #home-hero-slider div a img.desktop {
		display: block !important;
	}
}

/*
>>> Home Brewery Tour Section
*/

#home-tour {
	width: 100%;
	padding: 0 1%;
	margin: 0 auto 20px auto;
	text-align: center;
}

#home-tour .home-tour-copy-container {
	padding: 0 5%;
	margin-top: -6px;
}

#home-tour .home-tour-subhead {
	margin: 10px 0 0 0;
	color: #7D7E79;
	color: var(--dark-grey);
	text-align: center;
	position: relative;
	font-size: 23px;
	margin-bottom: -6px;
	letter-spacing: 1px;
}

#home-tour .home-tour-type {
	width: 80%;
}

#home-tour .home-tour-description {
	width: 85%;
	margin: 5px auto 20px auto;
	font-size: 12px;
	letter-spacing: .3px;
}

#home-tour .home-tour-link {
	font-size: 170%;
	margin-bottom: 20px;
}

@media screen and (min-width: 568px) {
	#home-tour {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 40px;
	}

	#home-tour .home-tour-subhead {
		margin: 0;
		font-size: 21px;
	}

	#home-tour .home-tour-copy-container {
		padding: 0;
		margin-top: 0;
		position: relative;
		left: -2%;
		max-width: 500px;
	}

	#home-tour .home-tour-image {
		width: 60%;
		max-width: 600px;
	}

	#home-tour .home-tour-type {
		position: relative;
		max-width: none;
	}

	#home-tour .home-tour-description {
		width: 90%;
		max-width: 350px;
	}

	#home-tour .home-tour-link {
		font-size: 150%;
	}
}

@media screen and (min-width: 768px) {
	#home-tour {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 80px;
		max-width: 1200px;
	}

	#home-tour .home-tour-link {
		font-size: 130%;
	}

	#home-tour .home-tour-image {
		max-width: 700px;
		width: 90%;
	}

	#home-tour .home-tour-type {
		max-width: 450px;
		left: 0;
		width: 100%;
	}
}

/*
>>> Home Paint Slatter Background
*/

#home-splatter-background {
	display: none;
}

@media screen and (min-width: 768px) {
	#home-splatter-background {
		display: block;
		position: absolute;
		top: 35%;
		right: 0;
		width: 12%;
	}
}

@media screen and (min-width: 1024px) {
	#home-splatter-background {
		top: 45%;
		right: 0;
	}
}

@media screen and (min-width: 1500px) {
	#home-splatter-background {
		top: 58%;
	}
}

/*
>>> Home Callout 2 Column Section
*/

.home-callout-2col-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px auto;
}

.home-callout-2col-container .home-callout-2col-column {
	flex-grow: 1;
	flex-basis: 100%;
	width: 95%;
	max-width: 550px;
	text-align: center;
	margin: 0 0 80px 0;
}

.home-callout-2col-container .home-callout-2col-column a img {
	max-width: 80%;
}

.home-callout-2col-container .home-callout-2col-column h3 {
	margin: 15px 0 5px 0;
	font-size: 28px;
	letter-spacing: 1.5px;
}

.home-callout-2col-container .home-callout-2col-column p {
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

@media screen and (min-width: 568px) {
	.home-callout-2col-container {
		flex-direction: row;
		width: 100%;
		align-items: flex-start;
	}
}

@media screen and (min-width: 768px) {
	.home-callout-2col-container .home-callout-2col-column h3 {
		font-size: 180%;
	}
}

@media screen and (min-width: 1024px) {
	.home-callout-2col-container .home-callout-2col-column h3 {
		font-size: 240%;
	}
}

/*
>>> Home Events Section
*/

#home-events {
	margin: 30px auto;
	text-align: center;
}

#home-events .home-events-image {
	width: 90%;
}

#home-events .home-events-info {
	font-size: 12px;
	text-transform: uppercase;
	color: #7D7E79;
	color: var(--dark-grey);
}

/*
>>> Home Ink Splatter and Steadman Head Illustration (Background Element)
*/

.steadman-head-illustration {
	max-width: 285px;
	z-index: 3000;
	position: relative;
	left: 4%;
	top: 88px;
	margin-top: -88px;
}

.home-bkgrnd-ink-splatter {
	position: absolute;
	right: 0;
	max-width: 60px;
	width: 100%;
	margin-top: -40%;
	z-index: 200;
}

@media screen and (min-width: 568px) {
	.steadman-head-illustration {
		max-width: 340px;
		left: 6%;
		top: 80px;
	}

	
	.home-bkgrnd-ink-splatter {
		max-width: 70px;
		margin-top: -10%;
	}

}

@media screen and (min-width: 768px) {
	.steadman-head-illustration {
		max-width: 440px;
		left: 6%;
		top: 80px;
	}

	.home-bkgrnd-ink-splatter {
		max-width: 100px;
		margin-top: -5%;
	}
}

@media screen and (min-width: 1024px) {
	.steadman-head-illustration {
		left: 8%;
	}
}

/*
>>> Home Year-Round Beers Section
*/

#home-year-round {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: white;
	padding: 100px 0 50px 0;
	position: relative;
}

@media screen and (min-width: 568px) {
	#home-year-round {
		padding: 80px 0 70px 0;
	}
}

#home-year-round:before {
	content: " ";
	background-image: url("../images/global/torn-white-edge-1.svg");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	position: absolute;
	top: -4%;
	height: 40px;
	left: 0;
}

#home-year-round:after {
	content: " ";
	background-image: url("../images/global/torn-white-edge-2.svg");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	bottom: -2.5%;
	padding-bottom: 6%;
	left: 0%;
}

#home-year-round .home-year-round-type.mobile {
	width: 86%;
}

#home-year-round .home-year-round-description {
	width: 70%;
	margin: 10px auto;
}

#home-year-round .home-year-round-subhead {
	letter-spacing: 1px;
}

@media screen and (min-width: 568px) {
	/* Meet The Regulars Steadman Type */
	#home-year-round .home-year-round-type.desktop {
		max-width: 1000px;
		width: 90%;
		margin: 0 auto;
	}
}

/*
>>> Home Instagram Section
*/

#home-instagram {
	width: 100%;
	padding: 5% 5% 10% 5%;
	margin: 50px auto;
	position: relative;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
}

#home-instagram .home-instagram-hashtag:link,
#home-instagram .home-instagram-hashtag:active,
#home-instagram .home-instagram-hashtag:visited {
	color: #7D7E79;
	color: var(--dark-grey);
	text-transform: uppercase;
	font-size: 18px;
}

#home-instagram .home-instagram-gallery {
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#home-instagram .home-instagram-gallery a {
    width: 150px;
    height: 150px;
	margin: 6px;
	background-image: url("../images/home/home-instagram-border-1.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 13px;
	}
#home-instagram .home-instagram-gallery a img {
    width: 100%;
    height: 100%;
    object-fit:  cover;
}



#home-instagram .home-instagram-gallery a:nth-child(even) {
	background-image: url("../images/home/home-instagram-border-2.png");
}

@media screen and (min-width: 568px) {
	#home-instagram {
		padding: 2% 0 4% 0;
		margin: 50px auto;
		width: 95%;
	}

	#home-instagram .home-instagram-gallery {
		flex-wrap: nowrap;
		justify-content: space-around;
		max-width: 1200px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px) {
	#home-instagram .home-instagram-gallery a {
		margin: 20px 5px 40px 5px;
		padding: 20px;
		width: 200px;
    	height: 200px;
	}
}

@media screen and (min-width: 1024px) {
	#home-instagram .home-instagram-hashtag:link,
	#home-instagram .home-instagram-hashtag:active,
	#home-instagram .home-instagram-hashtag:visited {
		position: relative;
		left: 4.5%;
		font-size: 24px;
	}

	#home-instagram .home-instagram-gallery a {
		width: 300px;
		height: 300px;
		margin: 20px 1% 40px 1%;
		padding: 25px;
	}
}

/*
>> Beers
*/

.beer-page-section {
	text-align: center;
	position: relative;
	padding: 40px 0 70px 0;
}

@media (min-width: 768px) {
	.beer-page-section {min-height: 798px;}	
}

.beer-page-section h1 {
	margin-bottom: 6%;
}

#year-round:after {
	background-image: url("../images/backgrounds/beer-page-tan-torn-edge.png");
	position: absolute;
	content: " ";
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	left: 0;
	bottom: -6px;
	height: 7px;
	z-index: 1;
}

#year-round h1 {
	font-size: 20.5vw;
	color: white;
	text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
	margin-bottom: 6%;
}

#seasonal {
	background-color: white;
	padding-top: 50px;
}

#seasonal h1 {
	font-size: 22vw;
	color: #efefef;
	color: var(--offWhite);
}

#limited-release {
	background-color: #F5F4E8;
	background-color: var(--tan);
}

@media screen and (min-width: 1024px) {
	#seasonal h1 {
		font-size: 180px;
	}
}

#limited-release:before,
#limited-release:after {
	background-image: url("../images/backgrounds/beer-page-tan-torn-edge-limited-top.png");
	position: absolute;
	content: " ";
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	left: 0;
	top: -18px;
	height: 22px;
	z-index: 1;
}

#limited-release:after {
	background-image: url("../images/backgrounds/beer-page-tan-torn-edge-limited-bottom.png");
	bottom: -6px;
	top: auto;
	background-position: center bottom;
}

#limited-release h1 {
	font-size: 14vw;
	color: white;
	text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}

#year-round .beer-slider,
#seasonal .beer-slider {
	margin-top: -15%;
}

#limited-release .beer-slider {
	margin-top: -10%;
}

@media screen and (min-width: 1024px) {
	#year-round h1 {
		font-size: 220px;
	}

	#limited-release h1 {
		font-size: 163px;
	}

	#year-round .beer-slider,
	#seasonal .beer-slider,
	#limited-release .beer-slider {
		margin-top: -12%;
	}
}

#brewery-exclusives-banner {
	text-align: center;
	width: 100%;
	padding: 50px 8%;
	margin: 0 auto -20px auto;
	background-color: white;
}

#brewery-exclusives-banner-taps-img {
	width: 90%;
	margin: 10px auto;
}

#brewery-exclusives-banner-psst {
	color: #7D7E79;
	color: var(--dark-grey);
	position: relative;
	left: 13px;
	font-size: 22px;
	text-align: left;
}

#brewery-exclusives-banner-psst span {
	font-size: 80%;
}

@media screen and (min-width: 568px) {
	#brewery-exclusives-banner {
		text-align: right;
	}

	#brewery-exclusives-banner-psst {
		position: absolute;
		left: 38%;
		font-size: 2vw;
		margin: 0;
		top: 30%;
	}
}

@media screen and (min-width: 768px) {
	#brewery-exclusives-banner {
		padding: 40px 8%;
		margin: 0 auto -40px auto;
	}
}

@media screen and (min-width: 1024px) {
	#brewery-exclusives-banner-psst {
		left: 32%;
		top: 25%;
	}
}

#brewery-exclusives-banner-type {
	margin: 10px 0 5px 0;
}

#brewery-exclusives-banner-intro {
	margin: 0 auto 30px auto;
	font-size: 13px;
	line-height: 1.6;
	position: relative;
	left: 7px;
	color: #7D7E79;
	color: var(--dark-grey);
	text-align: left;
}

@media screen and (min-width: 568px) {
	#brewery-exclusives-banner {
		display: flex;
		align-items: center;
		position: relative;
	}

	#brewery-exclusives-banner-taps-img {
		max-width: 220px;
		z-index: 9;
	}

	#brewery-exclusives-banner-type,
	#brewery-exclusives-banner-intro {
		width: 46%;
		display: inline-block;
		font-size: 12px;
		font-size: 1.5vw;
		margin: 0 0 1% 0;
	}

	#brewery-exclusives-banner-type {
		position: relative;
		top: -10px;
	}

	/* Line */
	#brewery-exclusives-banner-intro + img {
		width: 111%;
		left: -5%;
		position: relative;
		right: 0;
		margin-bottom: 3%;
		max-width: none;
	}
}

@media screen and (min-width: 568px) {
	#brewery-exclusives-banner-type {
		position: relative;
		top: -1px;
		left: -5px;
	}
}

/*
>> Beer Detail
*/

#beer-detail-hero {
	position: relative;
	margin-top: -33%;
	padding: 160px 6% 0 6%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	background-image: url(../images/backgrounds/beer-page-bkgrnd-tan-small.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

#beer-detail-hero-img {
	width: 30%;
	max-width: 100px;
	z-index: 30;
}

.beer-detail-12oz-can {
	width: 29% !important;
	max-width: 250px !important;
}

#beer-detail-hero-copy {
	width: 70%;
	line-height: 1;
	position: relative;
	padding: 0 7% 10px 7%;
}

#beer-detail-breadcrumbs,
#beer-detail-breadcrumbs a {
	color: white;
	font-size: 13px;
	letter-spacing: 1px;
	font-size: 3vw;
}

#beer-detail-breadcrumbs a:hover {
	text-decoration: underline;
}

#beer-detail-name {
	color: black;
	font-size: 25px;
	letter-spacing: 1px;
	margin-bottom: 0px;
	font-size: 7vw;
}

#beer-detail-type {
	font-size: 13px;
	letter-spacing: 1px;
}

#beer-detail-abv {
	position: relative;
	left: -63%;
	z-index: 10;
	right: 0;
	width: 176%;
	top: -10px;
	margin: 0;
	text-align: right;
}

#beer-detail-description {
	color: #212529;
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
}

#beer-detail-hero #beer-detail-abv img {
	width: 100%;
	max-width: 400px;
}

#beer-detail-hero #beer-detail-abv figcaption {
	position: absolute;
	right: 2%;
	top: 24%;
	font-size: 37px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-style: normal;
	font-weight: bold;
}

#beer-detail-hero #beer-detail-abv figcaption span {
	font-size: 80%;
}

#beer-detail-formats {
	width: 110%;
	display: flex;
	align-items: center;
	margin: 10px auto;
}

#beer-detail-formats img {
	width: 35px;
	margin-right: 10px;
}

#where-to-buy {
	max-width: 170px;
	margin: 0 auto;
	text-align: center;
	display: block;
	position: relative;
	top: 53px;
	z-index: 10;
	width: 100%;
}

#where-to-buy img {
	width: 100%;
}

@media screen and (min-width: 568px) {
	#beer-detail-breadcrumbs,
	#beer-detail-breadcrumbs a {
		font-size: 14px;
		font-size: 2.2vw;
	}

	#beer-detail-name {
		color: black;
		font-size: 35px;
		letter-spacing: 1px;
		margin-bottom: 0px;
		font-size: 5vw;
	}

	.beer-detail-12oz-can {
		width: 29% !important;
		max-width: 250px !important;
	}

	#beer-detail-formats img {
		width: 45px;
		margin-right: 20px;
	}

	#where-to-buy {
		max-width: 140px;
	}
}

@media screen and (min-width: 768px) {
	#beer-detail-name,
	#beer-detail-type {
		display: inline-block;
	}

	.beer-detail-12oz-can {
		width: 29% !important;
		max-width: 300px !important;
		margin: 20px 0 50px 0;
	}
	
	#beer-detail-name {
		font-size: 45px;
		letter-spacing: 3px;
		font-size: 4.5vw;
	}

	#beer-detail-hero #beer-detail-abv img {
		max-width: none;
	}

	#where-to-buy {
		position: absolute;
		bottom: 0;
		right: 20%;
		top: auto;
		max-width: 200px;
	}
}

@media screen and (min-width: 1024px) {
	#beer-detail-breadcrumbs,
	#beer-detail-breadcrumbs a {
		font-size: 24px;
	}

	#beer-detail-type {
		font-size: 22px;
	}

	#beer-detail-name {
		font-size: 55px;
	}

	#where-to-buy {
		max-width: 250px;
	}
}

/* Beer Detail Page Container for Info for Nerds and Glass Image */

#beer-details-glass-image-container,
#pack-detail-bottles-container {
	position: relative;
	margin-top: 10px;
	background-color: #F5F4E8;
	background-color: var(--tan);
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (min-width: 568px) {
	#beer-details-glass-image-container,
	#pack-detail-bottles-container {
		flex-direction: row;
		padding: 8% 5% 0 5%;
		align-items: flex-end;
		width: 100%;
		justify-content: center;
	}
}

/* Torn Paper Before Info for Nerd and Glass Image Section */

#beer-details-glass-image-container:before,
#pack-detail-bottles-container:before {
	content: " ";
	background-image: url(../images/backgrounds/beer-detail-torn-background-detail-glasses.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	position: absolute;
	top: -25px;
	height: 30px;
	z-index: 1;
}

/* Beer Detail for Nerds Container */

#beer-detail-for-nerds {
	width: 100%;
	padding: 83px 1% 40px 5%;
	font-size: 10px;
	max-width: 381px;
}

#beer-detail-for-nerds h3 {
	font-size: 12px;
	margin-bottom: 25px;
}

#beer-detail-for-nerds .beer-detail-for-nerds-individual {
	position: relative;
	margin-bottom: 4px;
}

#beer-detail-for-nerds .beer-detail-for-nerds-individual p {
	position: absolute;
	left: 50px;
	top: 10px;
}

#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon {
	width: auto;
	margin: 0;
	display: inline-block;
	text-align: center;
	top: 5px;
	position: relative;
}

/*The Beer Nerd Icons*/

#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon img {
	width: 30px;
}

/* The Beer Nerd Icon Label*/

#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon figcaption {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #7D7E79;
	color: var(--dark-grey);
	font-size: 7px;
	margin-top: 3px;
	letter-spacing: .5px;
}

/* The Beer Nerd Content */

#beer-detail-for-nerds .beer-detail-for-nerds-individual p {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
	color: #7D7E79;
	color: var(--dark-grey);
	margin: 0;
	line-height: 1.2;
	letter-spacing: 1px;
}

#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-info-nerds-underline {
	position: absolute;
	bottom: -4px;
	left: 41px;
	max-width: 80%;
	height: 16%;
}

#beer-detail-glass {
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
	text-align: center;
}

#beer-detail-glass img {
	max-width: 350px;
	width: 90%;
}

@media screen and (min-width: 568px) {
	#beer-detail-for-nerds,
	#beer-detail-glass {
		vertical-align: bottom;
		padding: 0;
		width: auto;
		margin: 0;
		position: relative;
	}

	#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon {
		width: 34px;
	}

	#beer-detail-for-nerds {
		width: 87%;
		padding-bottom: 20px;
	}

	#beer-detail-for-nerds h3 {
		font-size: 19px;
	}

	#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon img {
		max-width: 200%;
	}

	#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon figcaption {
		font-size: 10px;
	}

	#beer-detail-for-nerds .beer-detail-for-nerds-individual p {
		font-size: 16px;
		margin-left: 13px;
	}
}

@media screen and (min-width: 768px) {
	#beer-detail-for-nerds {
		width: 100%;
		padding-bottom: 20px;
	}

	#beer-detail-for-nerds h3 {
		font-size: 26px;
		margin-bottom: 30px;
	}

	#beer-details-glass-image-container,
	#pack-detail-bottles-container {
		padding-top: 140px;
		justify-content: space-around;
	}

	#beer-detail-glass:before {
		content: " ";
		width: 60px;
		height: 50px;
		color: transparent;
		background-image: url("../images/type/type-so-good-once-it-hits-your-lips.svg");
		background-size: contain;
		background-repeat: no-repeat;
		bottom: 28px;
		left: -11%;
		position: absolute;
	}

	#beer-detail-for-nerds .beer-detail-for-nerds-individual .beer-detail-icon figcaption {
		font-size: 12px;
	}

	#beer-detail-for-nerds .beer-detail-for-nerds-individual p {
		font-size: 18px;
		margin-left: 0;
		letter-spacing: 1px;
	}
}

@media screen and (min-width: 1024px) {
	#beer-detail-for-nerds {
		padding-bottom: 70px;
	}
	
	#beer-detail-for-nerds h3 {
		font-size: 30px;
	}

	#beer-detail-glass:before {
		width: 120px;
		height: 60px;
		bottom: 30px;
		left: -15%;
	}
}

/* Beer Detail Instagram Slider Section */
.svg-content-top,
.svg-content-bottom {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}

.svg-content-top {
	top: -22px;
}

.svg-content-bottom {
	bottom: -3px;
}

@media screen and (min-width: 500px) {
	.svg-content-top {
		top: -29px;
	}

	.svg-content-bottom {
		bottom: -7px;
	}
}

@media screen and (min-width: 568px) {
	.svg-content-top {
		top: -33px;
	}
}

@media screen and (min-width: 600px) {
	.svg-content-top {
		top: -36px;
	}
}

@media screen and (min-width: 700px) {
	.svg-content-top {
		top: -40px;
	}
}

@media screen and (min-width: 768px) {
	.svg-content-top {
		top: -44px;
	}
}

@media screen and (min-width: 800px) {
	.svg-content-top {
		top: -50px;
	}
}

@media screen and (min-width: 1024px) {
	.svg-content-top {
		top: -57px;
	}

	.svg-content-bottom {
		bottom: -11px;
	}
}

@media screen and (min-width: 1100px) {
	.svg-content-top {
		top: -65px;
	}

	.svg-content-bottom {
		bottom: -14px;
	}
}

@media screen and (min-width: 1200px) {
	.svg-content-top {
		top: -79px;
	}
}

.svg-content-top .st0,
.svg-content-bottom .st0 {
	fill: #CC3333;
}

#beer-detail-instagram {
	background-color: #CC3333;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	padding: 35px 0 35px 0;
}

#beer-detail-instagram .share-a-beer {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin: 0 0 14px 0;
}

#beer-detail-instagram #beer-detail-hashtag {
	font-size: 25px;
	letter-spacing: 1px;
	font-weight: normal;
}

#beer-detail-instagram .share-a-beer a {
	display: block;
	width: 20px;
	margin: 0 3px;
	transition: 0.2s all;
}

#beer-detail-instagram .share-a-beer a:hover {
	opacity: .7;
}

#beer-detail-instagram .share-a-beer h3 {
	font-size: 11px;
}

#beer-detail-instagram .slider a {
	position: relative;
	margin: 0 5px;
}

#beer-detail-instagram .slider a img:last-child {
	width: 20%;
	max-width: 20px;
	position: absolute;
	bottom: 2%;
	right: 2%;
}

@media screen and (min-width: 568px) {
	/*#beer-detail-instagram:before {
		height: 40px;
		top: -40px;
	}*/

	#beer-detail-instagram #beer-detail-hashtag {
		font-size: 30px;
		display: inline-block;
		width: auto;
		margin-bottom: 20px;
	}

	#beer-detail-instagram .share-a-beer {
		width: 133px;
		width: auto;
		position: absolute;
		top: 40px;
		right: 8px;
		margin: 0;
	}

	#beer-detail-instagram .share-a-beer h3 {
		font-size: 13px;
	}

	#beer-detail-instagram .slick-prev.slick-arrow {
		background-color: rgba(0, 0, 0, 0.4);
		left: 0px;
		width: 4%;
		height: 100%;
		z-index: 99;
	}

	#beer-detail-instagram .slick-next.slick-arrow {
		display: none !important;
	}

	#beer-detail-instagram img.insta-image {
	    width: 100%;
	    height: 21vw;
	    object-fit: cover;
	}

}

@media screen and (min-width: 768px) {
	/*#beer-detail-instagram:before {
		height: 70px;
		top: -69px;
	}*/

	#beer-detail-instagram .share-a-beer {
		right: 3%;
	}

	#beer-detail-instagram .share-a-beer a {
		width: 30px;
	}
}

/* Beer Detail Bottom Types Of Beer Nav */

.types-of-beer-list {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	height: auto;
	letter-spacing: 1px;
	padding: 20px 0 30px;
	text-align: center;
	margin: 0 auto;
	position: relative;
    z-index: 100;
}

.types-of-beer-list a {
	font-size: 14px;
	transition: 0.2s all;
}

.types-of-beer-list a:hover {
	color: #97967E;
	color: var(--slate);
}

.types-of-beer-list hr {
	width: 50px;
	border: 0.5px solid #E2E1DF;
	border: 0.5px solid var(--light-grey);
	margin: 11px 0;
}

@media screen and (min-width: 568px) {
	.types-of-beer-list {
		flex-direction: row;
		width: 85%;
		padding: 0 0 20px 0;
		height: auto;
	}

	.types-of-beer-list a {
		font-size: 14px;
	}

	.types-of-beer-list hr {
		width: 1px;
		height: 40px;
	}
}

@media screen and (min-width: 768px) {
	.types-of-beer-list {
		width: 90%;
		max-width: 700px;
		padding: 40px 0 60px 0;
	}

	.types-of-beer-list a {
		font-size: 18px;
	}

	.types-of-beer-list hr {
		height: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.types-of-beer-list {
		width: 100%;
		max-width: 1000px;
	}

	.types-of-beer-list a {
		font-size: 22px;
	}

	.types-of-beer-list hr {
		height: 60px;
	}
}

@media screen and (min-width: 568px) {
	#beer-detail-hero {
		background-image: url("../images/backgrounds/beer-page-bkgrnd-tan-large.jpg");
		background-size: cover;
		padding-top: 34%;
	}

	#beer-detail-hero .beer-name-steadman {
		width: 25%;
		max-width: 130px;
		align-self: center;
	}

	#beer-detail-hero-img {
		width: 19%;
		max-width: 130px;
	}

	#beer-detail-hero-copy {
		width: 55%;
		line-height: 1;
		position: relative;
		padding: 10px 5%;
	}

	#beer-detail-description {
		width: 81%;
		margin-top: -10%;
	}

	#beer-detail-hero #beer-detail-abv {
		width: 130%;
		left: -24%;
		top: -5px;
		max-width: 395px;
	}

	#beer-detail-hero #beer-detail-abv figcaption {
		right: 2%;
		top: 19%;
		font-size: 26px;
	}

	#beer-detail-formats {
		width: auto;
		max-width: 250px;
		margin: 20px 0;
	}
}

@media screen and (min-width: 768px) {
	#beer-detail-hero {
		/*background-size: 145%;*/
		padding: 31% 5% 0 5%;
		margin-bottom: -6%;
	}

	#beer-detail-hero .beer-name-steadman {
		max-width: 190px;
		z-index: 20;
		align-self: flex-end;
	}

	#beer-detail-hero-img {
		max-width: 150px;
	}

	#beer-detail-description {
		margin-top: -12%;
		width: 81%;
		font-size: 12px;
		max-width: 300px;
	}

	#beer-detail-hero #beer-detail-abv {
		max-height: 40px;
		max-height: none;
		width: 134%;
		left: -24%;
		top: 5px;
		max-width: 550px;
	}

	#beer-detail-abv img.mobile,
	#beer-detail-abv img.desktop {
		width: 100%;
		max-width: none;
	}

	#beer-detail-hero #beer-detail-abv figcaption {
		top: 15%;
		font-size: 41px;
		right: 1%;
	}

	#beer-detail-hero-copy {
		width: 52%;
		padding: 20px 0 0 4%;
	}
}

@media screen and (min-width: 1024px) {
	#beer-detail-hero {
		/*background-size: 139%;*/
		padding-top: 31%;
	}

	#beer-detail-hero-img {
		max-width: 200px;
	}

	#beer-detail-hero #beer-detail-abv {
		left: -155px;
		max-width: 600px;
		margin-bottom: 20px;
	}

	#beer-detail-hero #beer-detail-abv figcaption {
		top: 20%;
		font-size: 50px;
	}

	#beer-detail-description {
		margin-top: -7%;
		width: 80%;
		font-size: 12px;
		max-width: 300px;
		margin-bottom: 5%;
	}

	#beer-detail-hero-copy {
		padding: 50px 0 0 5%;
	}

	#beer-detail-hero .beer-name-steadman {
		max-width: 250px;
	}
}

@media screen and (min-width: 1500px) {
	#beer-detail-hero {
		/*background-size: 120%;*/
		padding: 32% 0 0 0;
	}
}

/*
>> Beer Pack Detail
*/

body.pack-detail #beer-detail-hero {
	background-image: url("../images/backgrounds/pack-detail-green-bkgrnd.jpg");
	margin-bottom: 0%;
}

body.pack-detail #beer-detail-hero-img {
	width: 100%;
	max-width: 500px;
}

body.pack-detail #beer-detail-hero-copy {
	width: 100%;
}

body.pack-detail #beer-detail-description {
	margin: 0;
	width: 100%;
}

body.pack-detail #pack-detail-bottles-container {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 30px 0;
}

body.pack-detail .pack-detail-bottle-container {
	width: 50%;
	padding: 0 10%;
	text-align: center;
	margin-bottom: 30px;
}

body.pack-detail .pack-detail-bottle-container a {
	transition: 0.2s all;
	position: relative;
}

body.pack-detail .pack-detail-bottle-container img {
	max-width: 50px;
}

body.pack-detail .pack-detail-beer-name {
	font-size: 18px;
	margin: 15px 0 0 0;
	letter-spacing: 1px;
}

body.pack-detail .pack-detail-beer-type {
	font-size: 15px;
	margin: 3px 0 0 0;
	color: #7D7E79;
	color: var(--dark-grey);
	letter-spacing: 1px;
}

body.pack-detail .pack-detail-abv {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	margin: 0;
	line-height: inherit;
}

body.pack-detail .pack-detail-abv span {
	font-size: 80%;
}

body.pack-detail .pack-detail-abv + .yellow-cta {
	font-size: 14px;
	margin: 0;
}

@media screen and (min-width: 568px) {
	body.pack-detail #beer-detail-hero {
		flex-direction: row;
		align-items: center;
		padding: 32% 5% 15% 5%;
	}

	body.pack-detail #beer-detail-hero-img {
		width: 50%;
	}

	body.pack-detail #beer-detail-hero-copy {
		padding: 0;
		width: 43%;
		margin-left: 2%;
	}

	body.pack-detail #where-to-buy {
		top: -15px;
		left: 22%;
		max-width: 100px;
	}

	body.pack-detail #pack-detail-bottles-container {
		padding: 0;
	}

	body.pack-detail .pack-detail-bottle-container a:hover {
		top: -5px;
	}

	body.pack-detail .pack-detail-bottle-container {
		width: auto;
		padding: 0 4%;
		position: relative;
		top: -78px;
		z-index: 99;
		margin-bottom: -31px;
	}
}

@media screen and (min-width: 768px) {
	body.pack-detail #beer-detail-hero {
		flex-direction: row;
		align-items: center;
		padding: 32% 5% 25% 5%;
		background-size: 180%;
	}

	body.pack-detail #where-to-buy {
		max-width: 150px;
		bottom: 22%;
		top: auto;
		left: auto;
		right: 19%;
		position: absolute;
	}

	body.pack-detail .pack-detail-bottle-container {
		top: -157px;
		z-index: 99;
		margin-bottom: -122px;
	}

	body.pack-detail .pack-detail-beer-name {
		font-size: 22px;
		margin: 20px 0 0 0;
	}

	body.pack-detail .pack-detail-beer-type {
		font-size: 18px;
	}

	body.pack-detail .pack-detail-abv {
		font-size: 35px;
	}

	body.pack-detail .pack-detail-abv + .yellow-cta {
		font-size: 16px;
	}

	body.pack-detail .pack-detail-bottle-container img {
		max-width: 85px;
	}
}

@media screen and (min-width: 1024px) {
	body.pack-detail .pack-detail-bottle-container img {
		max-width: 145px;
	}

	body.pack-detail #where-to-buy {
		max-width: 250px;
		bottom: 19%;
		top: auto;
		left: auto;
		right: 20%;
		position: absolute;
	}
}

/*
>> Beer Finder
*/

/*
>> Brewery Exclusives
*/

#brewery-exclusives-type {
	margin: 0 auto;
	width: 100%;
	max-width: none;
	display: block;
}

#brewery-exclusives-intro-copy {
	width: 60%;
	margin: 15% 0 30% 0;
	font-size: 15px;
	line-height: 1.3;
	color: #7D7E79;
	color: var(--dark-grey);
}

#brewery-exclusives-intro-copy span {
	color: black;
}

.brewery-exclusive {
	position: relative;
	margin-bottom: 23%;
}

.brewery-exclusive-beer-name {
	padding-right: 36%;
	font-size: 22px;
	font-size: 7.5vw;
	position: relative;
}

.brewery-exclusive-abv-line-container {
	position: relative;
	height: 0;
	margin-top: -25%;
	padding-bottom: 26%;
}

.brewery-exclusive-abv-line-container .brewery-exclusive-abv-line {
	position: absolute;
	width: 100%;
}

.brewery-exclusive-abv {
	position: absolute;
	right: 2%;
	top: 1%;
	font-size: 31px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 9vw;
	color: black;
}

.brewery-exclusive-abv span {
	font-size: 80%;
}

.brewery-exclusive-description {
	margin-top: 10px;
}

#brewery-exclusives-bkgrnd-1 {
	position: absolute;
	top: 21%;
	right: 0;
	width: 40%;
}

#brewery-exclusives-bkgrnd-1 img {
	position: relative;
	right: 10%;
	max-width: none;
	width: 170%;
}

#brewery-exclusives-bkgrnd-2 {
	position: absolute;
	bottom: -249px;
	left: 0;
	width: 40%;
}

#brewery-exclusives-bkgrnd-2 img {
	position: relative;
	left: -96%;
	max-width: 250px;
	width: 170%;
	transform: rotate(-45deg);
	z-index: -1;
}

@media screen and (min-width: 568px) {
	#brewery-exclusives .mainContent {
		width: 70%;
		max-width: 850px;
	}

	.brewery-exclusive {
		position: relative;
		margin-bottom: 12%;
	}

	#brewery-exclusives-intro-copy {
		width: 74%;
		margin: 40px 0;
		font-size: 15px;
		line-height: 1.3;
		color: #7D7E79;
		color: var(--dark-grey);
	}

	#brewery-exclusives-intro-copy a.yellow-cta {
		font-size: inherit;
	}

	.brewery-exclusive-beer-name {
		padding-right: 0;
		margin-bottom: 0;
		font-size: 30px;
		font-size: 5vw;
	}

	.brewery-exclusive-abv-line-container {
		position: relative;
		height: 0;
		margin-top: 0;
		padding-bottom: 20%;
	}

	.brewery-exclusive-abv {
		position: absolute;
		right: 1%;
		top: 0;
		font-size: 5.6vw;
	}

	.brewery-exclusive-description {
		margin-top: -14%;
		width: 70%;
		padding-left: 2%;
	}

	#brewery-exclusives-bkgrnd-1 {
		top: 22%;
	}

	#brewery-exclusives-bkgrnd-1 img {
		right: -20%;
		width: 93%;
	}

	#brewery-exclusives-bkgrnd-2 {
		bottom: -91px;
		left: 0;
	}

	#brewery-exclusives-bkgrnd-2 img {
		position: relative;
		left: -61%;
		max-width: 300px;
		width: 170%;
		transform: none;
		top: 0;
	}
}

@media screen and (min-width: 768px) {
	.brewery-exclusive-beer-name {
		padding-right: 0;
		margin-bottom: 0;
		font-size: 45px;
	}

	#brewery-exclusives-bkgrnd-1 {
		top: 24%;
	}

	#brewery-exclusives-bkgrnd-1 img {
		right: -30%;
		width: 93%;
		max-width: 300px;
	}

	#brewery-exclusives-bkgrnd-2 img {
		position: relative;
		left: -28%;
		max-width: 300px;
		width: 190%;
		transform: none;
	}

	#brewery-exclusives-bkgrnd-2 {
		bottom: -100px;
	}
}

@media screen and (min-width: 1024px) {
	.brewery-exclusive-beer-name {
		font-size: 45px;
	}

	.brewery-exclusive-abv {
		position: absolute;
		right: 3%;
		font-size: 53px;
		top: 5%;
	}

	#brewery-exclusives-bkgrnd-2 img {
		left: -8%;
	}
}

@media screen and (min-width: 1200px) {
	.brewery-exclusive-beer-name {
		font-size: 55px;
	}

	.brewery-exclusive-abv {
		right: 28px;
		font-size: 60px;
		top: 8px;
	}
}

/*
>> FAQ
*/

#faq .collapse-toggle {
	display: block;
	margin-bottom: 25px;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #7D7E79;
	color: var(--dark-grey);
	font-size: 20px;
	letter-spacing: .6px;
}

#faq .collapse-toggle span {
	margin-right: 10px;
}

#faq .collapse-toggle span img {
	width: 24px;
}

#faq .collapse.active {
	padding-bottom: 10px;
	margin-top: -10px;
}

@media screen and (min-width: 568px) {
	#faq .collapse-toggle span img {
		width: 38px;
	}
}


/*
>> Contact Us
*/

#contactForm input {
	border: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 7px;
}

#contactForm #contactFormNewsletter label {
	font-size: 12px;
	line-height: 1.2;
}

#contactForm #contactFormNewsletter label input {
	display: inline-block;
	width: 25px;
	position: relative;
	top: -1px;
}

#contactForm select,
#contactForm button,
#contactForm textarea,
#contactForm input {
	width: 100%;
	margin: 10px 0;
	border: none;
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#contactForm textarea {
	text-align: left;
	padding: 5px 0 0 10px;
	resize: none;
}

#contactForm select {
	background-color: #E3E3D7;
	color: #7D7E79;
	color: var(--dark-grey);
	text-transform: uppercase;
	height: 40px;
}

@media screen and (min-width: 568px) {
	#contactForm {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}

	#contactFormLeft,
	#contactFormRight {
		width: 100%;
	}

	#contactFormLeft {
		margin-right: 20px;
	}

	#contactFormLeft div:first-child input {
		margin-top: 0;
	}

	#contactForm #contactFormRight {
		text-align: right;
	}

	#contactForm #contactFormRight textarea {
		margin: 0;
		height: 222px;
	}

	#contactFormRight .submit-button button {
		display: inline;
		padding: 10px 31px;
		width: auto !important;
		background-color: #F5F4E8;
		background-color: var(--tan);
		border: 1px solid #97967E;
		border: 1px solid var(--slate);
		color: #7D7E79;
		color: var(--dark-grey);
		transition: 0.2s all;
	}

	#contactFormRight .submit-button button:hover {
		background-color: #E2E1DF;
		background-color: var(--light-grey);
		color: white;
		cursor: pointer;
	}
}

/*
>> Beers On Tap Page
*/
.onTapHours {
	font-size: 18px;
}


@media screen and (min-width: 768px) {
	.onTapHours {
		font-size: 22px;
	}
	
	.onTapHours span {
		display: inline-block;
	}
}

.onTapHours-light {
	color: #9F9E9C;
}

.onTapHours-medium {
	color: #767572;
}

.onTapHours-dark {
	color: #32302E;
}

#menu-container {
	max-width: 900px;
	margin: 0 auto;
}

/* Make all untapped content transparent */
#menu-container * {
	background-color: transparent !important;
}

/* Hide extra untapped elements */
#menu-container .ut-menu .menu-header,
.h1.menu-title {
	display: none;
}

/* Flying Dog Taps of Roasthouse Food Truck */
/*.ut-menu .menu-nav div.menu-list {
	text-align: center;
}*/

.ut-menu .menu-nav div.menu-list div.menu-list-item a,
.ut-menu .menu-nav div.menu-list div.menu-list-item a:visited {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	color: #7D7E79 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.2;
	display: inline-block;
	padding: 20px;
}

.ut-menu .menu-nav div.menu-list div.menu-list-item a.active,
.ut-menu .menu-nav div.menu-list div.menu-list-item a:visited.active {
	border-bottom: none !important;
	color: #212529 !important;
	color: var(--black) !important;
	background-image: url(/static/images/lines/events-highlight-circle.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.ut-menu .menu-nav .date-time {
	font-family: "Gotham A", "Gotham B" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 11px;
	color: #7D7E79;
}

#menu-container .menu-nav.ut-row.divider-color .padding-left.padding-right {
	border: none;
	display: flex;
	flex-direction: column-reverse;
}

#menu-container .beer-name a {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 0.5px !important;
	font-size: 20px !important;
	color: black !important;
	text-transform: uppercase;
}

#menu-container .beer-style, .on-tap-beer-type {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 0.5px !important;
	font-size: 14px !important;
	color: #7D7E79 !important;
	display: inline-block;
}

.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 0.5px !important;
	font-size: 14px !important;
	color: #7D7E79 !important;
}

.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta a {
	box-shadow: inset 0 23px 0 #FCD672;
	box-shadow: inset 0 23px 0 var(--yellow);
	color: #7D7E79 !important;
	text-transform: uppercase;
}

.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta div:before {
	color: #7D7E79 !important;
}

.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-description p.show-less {
	white-space: initial;
}

#menu-container p,
.ut-menu .pagination-container,
.conatiner-item {
	font-family: "Gotham A", "Gotham B" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	text-transform: none !important;
	text-align: left !important;
}

.ut-menu .pagination-container {
	text-align: center !important;
	color: #7D7E79;
}

.ut-menu-standard .section .section-heading .section-name {
	font-family: TradeGothicLT-BoldCondTwenty, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 30px !important;
	margin-bottom: 10px;
}

.ut-menu .padding-right,
.ut-menu .padding-left {
	padding: 0 !important;
}

@media screen and (min-width: 568px) {
	#menu-container .beer-name a {
		font-size: 24px !important;
		line-height: 1 !important;
	}

	#menu-container .beer-style, .on-tap-beer-type {
		font-size: 18px !important;
	}

	.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta,
	.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .item-meta a {
		font-size: 15px !important;
	}

	.ut-menu-standard .menu-items-container .menu-item {
		margin: 30px 0 !important;
	}
}

@media screen and (min-width: 768px) {
	#menu-container .beer-name a {
		font-size: 28px !important;
	}

	#menu-container .beer-style, .on-tap-beer-type {
		font-size: 20px !important;
	}

	.ut-menu-standard .menu-items-container .menu-item .beer .beer-label {
		width: 15% !important;
	}

	.ut-menu-standard .menu-items-container .menu-item .beer .beer-details {
		width: 85% !important;
	}

	.ut-menu-standard .menu-items-container .menu-item {
		margin: 40px 0 !important;
	}
}

/*
>> Careers Page
*/
.careers-bwi-taphouse-container {
	margin: 90px auto;
}

.careers-bwi-logo {
	max-width: 40px;
	float: left;
	margin-right: 10px;
}

a.careers-bwi-taphouse-listing .careers-bwi-job-title {
	font-size: 85%;
}

.careers-bwi-job-info {}

@media screen and (min-width: 568px) {
	.careers-bwi-taphouse-container {
		margin: 100px auto;
		max-width: 900px;
	}

	.careers-bwi-taphouse-container h1 {
		max-width: 400px;
		font-size: 50px;
	}

	.careers-bwi-logo {
		max-width: 50px;
	}

	a.careers-bwi-taphouse-listing .careers-bwi-job-title {
		font-size: 110%;
	}

	a.careers-bwi-taphouse-listing .careers-bwi-job-info {
		font-size: 90%;
		margin-bottom: 30px;
	}
}

/*
>> Our Story
*/

@media screen and (min-width: 568px){
	#our-story .copy-image-block-container {
		padding: 6% 4%;
	}

	#our-story h1 + .copy-image-block-container {
		padding: 0 4%;
		margin-top: -20px;
		z-index: -1;
	}

	#our-story .copy-image-block-container:last-of-type {
		padding-bottom: 0;
		margin-bottom: -40px;
	}
}

@media screen and (min-width: 768px) {
	#our-story h1 + .copy-image-block-container {
		margin-top: -40px;
	}
}

@media screen and (min-width: 1024px) {
	#our-story h1 + .copy-image-block-container {
		margin-top: -100px;
	}
}

/*
>> Error Page
*/

#error-page {
	margin: 40px auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row;
	padding: 0 5%;
}

#error-page img {
	width: 45%;
	margin-right: -15%;
	max-width: 150px;
}

#error-page img.line {
	width: 130%;
	margin: 0;
	position: relative;
	left: -30%;
	height: 5px;
	z-index: -1;
	max-width: 400px;
}

#error-page-right-side {
	padding-left: 13%;
}

#error-page-right-side p {
	text-transform: uppercase;
	line-height: 1.2;
}

#error-page h4 {
	color: #7D7E79;
	color: var(--dark-grey);
	font-size: 14px;
	line-height: 1.3;
}

#error-page-right-side nav .yellow-cta:link {
	margin: 0;
	text-align: left;
	font-size: 80%;
}

@media screen and (min-width: 568px) {
	#error-page img {
		margin: 0;
	}

	#error-page img.line {
		width: 100%;
		position: static;
	}

	#error-page h4 {
		margin: 0;
		font-size: 18px;
		line-height: 1.6;
	}

	#error-page-right-side {
		padding-left: 0;
	}

	#error-page nav {
		column-count: 2;
	}

	/* 	#error-page br {
			display:none;
		} */

	#error-page-right-side nav .yellow-cta:link {
		font-size: 100%;
	}
}

@media screen and (min-width: 768px) {
	#error-page-right-side nav .yellow-cta:link {
		font-size: 120%;
		margin-bottom: 12px;
	}
}

@media screen and (min-width: 1024px) {
	#error-page h4 {
		margin: 0;
		font-size: 20px;
		line-height: 1.6;
	}

	#error-page-right-side nav .yellow-cta:link {
		font-size: 140%;
		margin-bottom: 18px;
	}

	#error-page nav {
		margin-top: 20px;
	}
}