/* ==========================================================================
   ==========================================================================
   ANCHOR + KABOOKABOO MARKETING
   ==========================================================================
   ========================================================================== */










/* ==========================================================================
   ==========================================================================
   General
   ==========================================================================
   ========================================================================== */

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

a.btn,
button,
input[type=button],
input[type=submit],
p strong,
h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}







/* ==========================================================================
   ==========================================================================
   HERO
   ==========================================================================
   ========================================================================== */

section.hero {
	min-height: 0;
}

section.hero .content .cans {
	margin-top: -150px;
	width: 1000px;
	transform: translateY(150px);
}

@media (max-width:768px) {
    
    section.hero .content .cans {
		margin-top: -70px;
		transform: translateY(50px);
	}
}







/* ==========================================================================
   ==========================================================================
   NEWEST ADDITIONS
   ==========================================================================
   ========================================================================== */


section.hero section.newest-additions {
	padding-bottom: 100px;
}

@media (max-width:768px) {
    
    section.hero section.newest-additions {
		padding-bottom: 80px;
	}
}

section.hero section.newest-additions .intro {
    margin-bottom: 0 !important;
}

section.hero section.newest-additions .wrap {
    margin-bottom: 0;
	padding: 250px 0 0;
	background: none;
}

@media (max-width:768px) {
    
    section.hero section.newest-additions .wrap {
		padding-top: 150px
	}
}

section.hero section.newest-additions .cans {
	padding: 0;
	width: 100%;
	transform: none;
}





/* ==========================================================================
   ==========================================================================
   NEW LOOK
   ==========================================================================
   ========================================================================== */


section.new-look.meet-the-fleet {
	padding-top: 300px;
	padding-bottom: 200px;
}

@media (max-width:768px) {
    
    section.new-look.meet-the-fleet {
		padding-top: 200px;
		padding-bottom: 100px;
	}
}





/* ==========================================================================
   ==========================================================================
   HAZY IPA
   ==========================================================================
   ========================================================================== */

section.products.hazy-ipa .product-intro {
	height: 420px;
    background: #f9b757;
}

@media (max-width:850px) {
    
    section.products.hazy-ipa .product-intro {
		height: 345px;
	}
}

@media (max-width:768px) {
    
    section.products.hazy-ipa .product-intro {
		height: 270px;
	}
}

section.products.hazy-ipa .product-intro video {
	width: 100%;
	max-width: inherit;
	height: 100% !important;
	object-fit: cover;
    font-family: 'object-fit: cover;';
}

section.products.hazy-ipa .product-intro .object-fit {
    visibility: visible !important;
}

section.products.hazy-ipa .product-intro picture.background {
    width: 100%;
    height: 100%;
	position: absolute;
    top: 0;
    left: 0;
}

section.products.hazy-ipa .product-intro picture.background img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

section.products.hazy-ipa .product-intro .cans img {
    max-width: 720px;
	min-width: 500px;
    transform: translate(-50%,120px);
}

@media (max-width:768px) {
    
    section.products.hazy-ipa .product-intro .cans img {
		min-width: 0;
	}
}

section.products.hazy-ipa .product-info {
	padding: 200px 16px 150px;
    color: #f0e7da;
	background-color: #0089b2;
}

@media (max-width:768px) {
    
    section.products.hazy-ipa .product-info {
		padding: 120px 0 100px;
	}
}

section.products.hazy-ipa h3 {
	color: #f0e7da;
}

section.products.hazy-ipa h3 a:hover {
    color: #f7ab49;
}

section.products.hazy-ipa h3 span {
	font-size: 89%;
}

section.products.hazy-ipa h3.headline-line:after {
    border-bottom-color: #f9b757;
}

section.products.hazy-ipa .product-buy-btn-group {
	margin-top: 25px;
	width: 100%;
	text-align: center;
}

section.products.hazy-ipa a.product-buy-btn {
	padding: 12px 30px 8px;
	font-family: 'Bignord', sans-serif;
	color: #00506d;
	font-size: 29px;
	line-height: 100%;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
	display: inline-block;
	background: #f9b757;
	border-radius: 24.5px;
}

@media (max-width:768px) {
    
    section.products.hazy-ipa a.product-buy-btn {
		padding: 10px 25px 6px;
		font-size: 24px;
		border-radius: 20px;
	}
}

section.products.hazy-ipa a.product-buy-btn:hover {
    background: #f0e7da;
}





/* ==========================================================================
   ==========================================================================
   WEST COAST IPA
   ==========================================================================
   ========================================================================== */

section.products.west-coast-ipa .product-intro {
	height: 420px;
    background: #115d67;
}

@media (max-width:850px) {
    
    section.products.west-coast-ipa .product-intro {
		height: 345px;
	}
}

@media (max-width:768px) {
    
    section.products.west-coast-ipa .product-intro {
		height: 270px;
	}
}

section.products.west-coast-ipa .product-intro video {
	width: 100%;
	max-width: inherit;
	height: 100% !important;
	object-fit: cover;
    font-family: 'object-fit: cover;';
}

section.products.west-coast-ipa .product-intro .object-fit {
    visibility: visible !important;
}

section.products.west-coast-ipa .product-intro picture.background {
    width: 100%;
    height: 100%;
	position: absolute;
    top: 0;
    left: 0;
}

section.products.west-coast-ipa .product-intro picture.background img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

section.products.west-coast-ipa .product-intro .cans img {
    max-width: 720px;
	min-width: 500px;
    transform: translate(-50%,120px);
}

@media (max-width:768px) {
    
    section.products.west-coast-ipa .product-intro .cans img {
		min-width: 0;
	}
}

section.products.west-coast-ipa .product-info {
	padding: 200px 16px 150px;
    color: #f0e7da;
	background-color: #00463e;
}

@media (max-width:768px) {
    
    section.products.west-coast-ipa .product-info {
		padding: 120px 0 100px;
	}
}

section.products.west-coast-ipa h3 {
	color: #f0e7da;
}

section.products.west-coast-ipa h3 a:hover {
    color: #6ac7b8;
}

section.products.west-coast-ipa h3 span {
	font-size: 89%;
}

section.products.west-coast-ipa h3.headline-line:after {
    border-bottom-color: #6ac7b8;
}

section.products.west-coast-ipa .product-buy-btn-group {
	margin-top: 25px;
	width: 100%;
	text-align: center;
}

section.products.west-coast-ipa a.product-buy-btn {
	padding: 12px 30px 8px;
	font-family: 'Bignord', sans-serif;
	color: #115d67;
	font-size: 29px;
	line-height: 100%;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
	display: inline-block;
	background: #69c6b9;
	border-radius: 24.5px;
}

@media (max-width:768px) {
    
    section.products.west-coast-ipa a.product-buy-btn {
		padding: 10px 25px 6px;
		font-size: 24px;
		border-radius: 20px;
	}
}

section.products.west-coast-ipa a.product-buy-btn:hover {
    background: #f0e7da;
}


.hero .bottom {
	height: 100px;
}




/* ==========================================================================
   ==========================================================================
   CHRISTMAS ALE
   ==========================================================================
   ========================================================================== */

   section.products.christmas-ale .product-intro {
	height: 420px;
    background: #4D6F43;
}

@media (max-width:850px) {
    
    section.products.christmas-ale .product-intro {
		height: 345px;
	}
}

@media (max-width:768px) {
    
    section.products.christmas-ale .product-intro {
		height: 270px;
	}
}

section.products.christmas-ale .product-intro video {
	width: 100%;
	max-width: inherit;
	height: 100% !important;
	object-fit: cover;
    font-family: 'object-fit: cover;';
}

section.products.christmas-ale .product-intro .object-fit {
    visibility: visible !important;
}

section.products.christmas-ale .product-intro picture.background {
    width: 100%;
    height: 100%;
	position: absolute;
    top: 0;
    left: 0;
}

section.products.christmas-ale .product-intro picture.background img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

section.products.christmas-ale .product-intro .cans img {
    max-width: 464px;
	min-width: 439px;
    transform: translate(-50%,120px);
}

@media (max-width:768px) {
    
    section.products.christmas-ale .product-intro .cans img {
		min-width: 0;
	}
}

section.products.christmas-ale .product-info {
	padding: 200px 16px 150px;
    color: #f0e7da;
	background-color: #4D6F43;
}

@media (max-width:768px) {
    
    section.products.christmas-ale .product-info {
		padding: 120px 0 100px;
	}
}
section.products.christmas-ale .bgimg
{
	width: 100%;
}

section.products.christmas-ale h3 {
	color: #f0e7da;
}

section.products.christmas-ale h3 a:hover {
    color: #32472D;
}

section.products.christmas-ale h3 span {
	font-size: 89%;
}

section.products.christmas-ale h3.headline-line:after {
    border-bottom-color: #C8102E;
}

section.products.christmas-ale .product-buy-btn-group {
	margin-top: 25px;
	width: 100%;
	text-align: center;
}

section.products.christmas-ale a.product-buy-btn {
	padding: 12px 30px 8px;
	font-family: 'Bignord', sans-serif;
	color: #F0E7DA;
	font-size: 29px;
	line-height: 100%;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
	display: inline-block;
	background: #32472D;
	border-radius: 24.5px;
}

@media (max-width:768px) {
    
    section.products.christmas-ale a.product-buy-btn {
		padding: 10px 25px 6px;
		font-size: 24px;
		border-radius: 20px;
	}
}

section.products.christmas-ale a.product-buy-btn:hover {
    background: #f0e7da;
	color: #4D6F43;

}


.products .side-by-side{
	flex-direction: row-reverse;
}
.products:nth-of-type(2n-1) .side-by-side{
	flex-direction: row;
}