/*
Theme Name: Bedlam
Theme URI: https://bedlambrewery.co.uk/
Author: Trigger Solutions
Author URI: http://triggersolutions.co.uk
Description: Custom theme
Version: 1.0

/**
 * @license
 * MyFonts Webfont Build ID 2969207, 2015-02-10T04:50:42-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: GlyphaLTPro-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/glypha/pro-45-light/
 * 
 * Webfont: GlyphaLTPro-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/glypha/pro-55-roman/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2969207
 * Licensed pageviews: 250,000
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work @import url("//hello.myfonts.net/count/2d4e77"); */


  
@font-face {font-display: swap;font-family: 'GlyphaLTPro-Light';src: url('/webfonts/2D4E77_0_0.eot');src: url('/webfonts/2D4E77_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2D4E77_0_0.woff2') format('woff2'),url('/webfonts/2D4E77_0_0.woff') format('woff'),url('/webfonts/2D4E77_0_0.ttf') format('truetype');}
 
  
@font-face {font-display: swap;font-family: 'GlyphaLTPro-Roman';src: url('/webfonts/2D4E77_1_0.eot');src: url('/webfonts/2D4E77_1_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2D4E77_1_0.woff2') format('woff2'),url('/webfonts/2D4E77_1_0.woff') format('woff'),url('/webfonts/2D4E77_1_0.ttf') format('truetype');}
 
 
 

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	zoom:1;
	font-size:100%
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
}


table {
	border-collapse:collapse;
	border-spacing:0;
}



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}





ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a {text-decoration:none}
html{overflow-x: hidden;}
body {
	width:100%;
	padding: 0px;
	background-color:#fff;
	
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow-x: hidden;

	
}

 .inner {width:100%; margin:auto; max-width:1280px; overflow:hidden; position:relative; box-sizing:border-box; padding-left:20px; padding-right:20px}
 .thinner-width .inner {max-width:980px}
 header {margin-bottom:20px}
 header .logo {float:left; margin-top:3px}
 header nav {width: 78%;
    float: right; margin-top:40px; margin-left:30px}
	header .social {margin-top:40px;float:right; width: 20%; display:none}
 
header nav ul { display: flex;
    justify-content: space-between; }
/*nav ul:after {
    content: "";
    width: 100%;
    display: inline-block;
}*/
header nav li { text-align:center; display:inline-block}
header nav li a, header .social a {display:block; color:#b9b2ac; padding-right: 0;
    padding-left: 0;  }
	 header .social a {display:inline-block; margin-left:15px}

header nav li a:hover,header  nav li.current_page_item  a {
	color:#6e5600;
	border-bottom:2px solid #6e5600;
	position:relative;
	
}
header nav li a:hover:after,header  nav li.current_page_item  a:after{
	content:'.'; font-size:24px; text-align:center; position:absolute; bottom:-4px; left:0; right:0; margin:auto; background-image: url(/img/nav%20select1.png);
	background-repeat: no-repeat;
	background-position: center bottom; color:#fff}

 footer {background-image:url(/wp-content/uploads/2020/01/hop-device-white-FOOTER.png);    background-size: cover;
    background-position: 251px 25px;
    background-repeat: no-repeat;
    background-color: #aaa095;
    padding-top: 70px;
    padding-bottom: 50px;
}
 
 footer p{font-family: 'GlyphaLTPro-Roman'; font-size:17px; line-height:1.3; color:#fff; margin-bottom:25px}
 footer strong, footer nav a ,header nav a, header a{font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;}
	footer nav a {color:#fff; display:block; margin-bottom:0px}
 footer .inner:last-child p, footer .inner:last-child p a {font-size:13px;     font-family: 'GlyphaLTPro-Roman';}
  footer .inner a {color:#fff}
   footer .inner:last-child {margin-top:40px}
 footer .left {width:50%; text-align:left; float:left}
 footer .right {width:50%; text-align:right; float:right}
 footer .col4:nth-child(2) a {font-family: 'GlyphaLTPro-Roman'; font-weight:normal; font-size: 17px;
    line-height: 1.3;}
 .col {float:left}
 .col4:last-child,.col2:last-child,.col3:last-child,.col5:last-child{float:right}
 .col4:nth-child(2){ float:left}
  .col4:nth-child(3){ float:left}
  
  .col6 {width:16.666%}
  
  
 footer .col4:nth-child(1){width:20%}
 footer .col4:nth-child(2){width:30%}
 footer .col4:nth-child(3){width:30%}
 footer .col4:nth-child(4){width:20%; text-align:right}
 
 footer .col4:nth-child(2) p {overflow:hidden; margin-bottom:10px}
 footer .col4:nth-child(2) p:nth-child(1), footer .col4:nth-child(2) p:nth-child(2) {margin-bottom:20px}
 footer .col4:nth-child(2) p span {float:left; margin-right:10px; width:20px}
  footer .col4:nth-child(3) img {vertical-align:middle; margin-right:15px;     display: inline-block;}
   footer .col4:nth-child(4) img {float:right}
 section {width:100%; clear:both; display:block; overflow:hidden}
 .spacer {height:30px; display:block; width:100%}
 .col2 {width:50%; float:left; box-sizing:border-box; min-height:300px}
 .col3{width:33.3333%; float:left; box-sizing:border-box}
 .col4 {width:25%; float:left; box-sizing:border-box}
 .col5 {width:20%; float:left; box-sizing:border-box}
 .col6 {width:16.66666%; float:left; box-sizing:border-box}
 div {background-size:cover; background-position:center}
 .aligncenter {margin:auto; text-align:center; display:block}
.col2 .box { min-height:565px}
.col3 .box { min-height:450px}
.page-id-1333 .section5   .col2 .box, .page-id-1335  .section11   .col2 .box{
    min-height: 446px;
}
.home .section10.spacer {
    height: 15px;
}
.home .col2 .box { min-height:684px}
.home .bluebg .col2 .box { min-height:760px}
.home .col3 .box  {min-height:467px}
.page-id-46 .section1 .col {padding-top:0}
.page-id-46 .section1 .box {min-height: 360px;
    display: block;
    padding-top: 103px;}
	.page-id-46 .section1 .box p {max-width:90%; margin-left:auto;margin-right:auto;}
.page-id-46 .section1 .box h1 {display:block; clear:both; }
.page-id-46 .col4, .single-product .col4 {padding:1%}
.page-id-46 .col4 .box, .single-product .col4 .box {min-height:267px; padding:1%}
.page-id-46 .col4 .box  a, .single-product .col4 .box  a{color:#fff}
.page-id-46 .col4 .box  a strong, .single-product .col4 .box  a strong{margin-bottom: 0;
    font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 72px;
    line-height: .8;
    text-transform: uppercase; display:block}
.slide {position:relative}
.box, .text {height:100%; width:100%; display:block; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
   overflow:hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;}
	.text h2, .text p , .text h3, .col3 a {color:#fff; display:block}
	.text div  h2 {margin-bottom:0; margin:auto; max-width:1000px}
	.text div p {display:block}
 h1 {margin-top:10px; margin-bottom:30px; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 67px;
    line-height: 1;
    text-transform: uppercase; color:#6e5600}
	 h1 span{text-transform: uppercase;font-family: 'GlyphaLTPro-Roman'; font-size:21px; line-height:1.3; color:#fff;}
	 h2 {margin-top:10px; margin-bottom:0; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 67px;
    line-height: 1;
    text-transform: uppercase; color:#6e5600; margin-bottom:20px}
	h3, .col3 a, h3 span {margin-top:10px; margin-bottom:0; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 52px;
    line-height: 1.3;
    text-transform: uppercase; color:#6e5600}
	.page-id-6013 .col3 a,.page-id-1334 .col3 a {font-size:28px; display:block; margin-top:10px; cursor:pointer}
	.home .col3 a {color:#fff}
	
	.home .section2 {background-position: 425px center;
    background-repeat: no-repeat;}
	.home .section2 h1 {margin-top:0px}
	.home .section2 .box {    background-position: bottom center;
	}
	.home .section5 .box {display:block; padding-top:80px; padding-bottom:80px; padding-left:20px; padding-right:20px; box-sizing:border-box}
	.home .section11  .nobox {padding-left:20px; padding-right:20px; box-sizing:border-box}
	.home .section6  h2 {margin-bottom:0}
	h4 {margin-top:10px; margin-bottom:0; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 1.3;
    text-transform: uppercase; color:#6e5600}
 p, address , td, th, section li{font-family: 'GlyphaLTPro-Roman'; font-size:21px; line-height:1.3; color:#6e5600;margin-bottom:30px}
 p a, td a {color:#6e5600; font-weight:bold; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal; font-size:25px}
	.woocommerce ul#shipping_method li input {
    margin: 11px .4375em 0 0;
    vertical-align: top;
}
	.woocommerce table td, .woocommerce table td a, .woocommerce table th,  .woocommerce table label, .woocommerce table p, .woocommerce table strong {font-size:17px;     font-family: 'GlyphaLTPro-Roman';}
 .col1 {width:100%; height:auto; padding-top:50px; padding-bottom:50px}
 .col img {max-width:100%; height:auto;     display: block;}
 .padding {padding:40px}
 .col6.padding,.col3.padding {padding:15px}
 .col4.padding {padding:10px}
 .col6.padding a {display:block}
 .slide {width:100%; height:auto; display:block; float:left}
 .slide img {width:100%; height:auto; display:block}
 .text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: auto;
    z-index: 999999;
}
.slick-prev, .slick-next {z-index:9999999}
.slick-dots {
 
    bottom: 18px !important;
}
.slick-dots li button:before {display:none !important}
.slick-dots li button {
   opacity: 1 !important ;
    color: transparent !important;
	border:1px solid #fff !important; border-radius: 50% !important;
}
.slick-dots li.slick-active button{background:#fff !important}
.slick-dots li.slick-active button:before {
    opacity: 1 !important ;
    color: white !important;
}
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
iframe {width:100%; height:450px;     display: block;}
.col1.padding {padding:0}
.hopsbg {background-image:url(/wp-content/uploads/2019/12/hop-device-grey.png); background-size:contain; background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;}
	
	.page-id-1335 .hopsbg ,.page-id-1336 .hopsbg ,.page-id-1356 .hopsbg  ,.page-id-1338 .hopsbg {
  
    background-position: -716px center;
}
	
.thinner-width.hopsbg {    background-position: -873px center;}
.thinner-width.hopsbg .col2:first-child{ width:60%; padding-right:0}
.thinner-width.hopsbg .col2:last-child{ width:40%; padding-left:0}

 .bluebg {background:#152c4e}
 .bluebg * {color:#fff}
 
 #beers .col3 {padding:20px; min-height: 585px;}
  #beers .col3:last-child {float:left}
 #beers .col3 a {display:block}
  #beers p {text-align:center; margin-bottom:0}
 #beers h4 a {    color: #6e5600; text-align:center; font-size:30px}
  #beers h4 a span  {text-transform: uppercase;font-family: 'GlyphaLTPro-Roman'; font-size:24px; line-height:1.3; color:#6e5600; text-align:center; display:block;}
  .brownbg {background:#e5e2df}
  .brownbg .col2:first-child {width:60%}
   .brownbg .col2:last-child {width:40%}
   
   
   .page-id-1358  .section3.brownbg .col2:first-child {width:40%}
   .page-id-1358  .section3.brownbg .col2:last-child {width:60%}
   
   .page-id-2287  .section3.brownbg .col2:first-child {width:40%}
   .page-id-2287  .section3.brownbg .col2:last-child {width:60%}
 .page-id-1338 .section1 .box   {background-position: top center;}
#subnav.brownbg {background:#6e5700}
 #subnav {text-align:center}
 #subnav a {margin-left:30px; margin-right:30px; padding:10px; color:#999;font-family: 'Knockout 49 A','Knockout 49 B'; text-transform:uppercase; font-size:30px;     display: inline-block; cursor:pointer}
  #subnav a.active {color:#fff}
 #beer .main{background:#000; height:100%; max-width:none; padding-left:0; padding-right:0}
 #beer .left {width:40%; float:left; background-image:url(/wp-content/themes/BedlamBrewery/img/hop.png); background-size:cover; background-position:center; background-color:#e5e2df; text-align:center }
 .beerdetail-template-default  #beer .left {background-color:#e5e2df !important; text-align:center }
 #beer .left img {width:100%; height:auto}
 .single-product #beer .left img {width:65%;     display: block;
    margin: auto;}
	
	.postid-1926.single-product #beer .left img,.postid-1930.single-product #beer .left img,.postid-1932.single-product #beer .left img,.postid-1928.single-product #beer .left img,.postid-2546.single-product #beer .left img {width:100% !important;     max-width: none !important;    height: auto !important; }
	
	.postid-85.single-product #beer .left img ,.postid-1538.single-product #beer .left img {width:100%; height: auto;}
	.sizeguide {color:#fff; position:absolute; top:30px; right:30px}
  #beer .right {width:60%; float:right; box-sizing:border-box; padding:40px; position:relative }
  #beer h1 {margin-top:10px; margin-bottom:0; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 83px;
    line-height: 1.3;
    text-transform: uppercase; color:#fff}
  #beer h1 span{text-transform: uppercase;font-family: 'GlyphaLTPro-Roman'; font-size:19px; line-height:1.3; color:#fff;     margin-left: 5px;}
  #beer h2  {  text-transform: uppercase;font-family: 'GlyphaLTPro-Roman'; font-size:19px; line-height:1.3; color:#fff; margin-bottom:25px; margin-top:-15px}
  #beer p {font-family: 'GlyphaLTPro-Roman'; font-size:19px; line-height:1.3; color:#fff;}
  #beer p strong {text-transform: uppercase;}
   #beer .right p {text-transform:none} 
  #beer h3{color:#6e5700;  font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 1.3;
    text-transform: uppercase; text-align:center; margin-bottom:20px}
	#beer .mightlike img {width:100%; height:auto; display:block}
  #beer .inner {margin-bottom:30px}
  #beer .inner.details {margin-bottom:80px; margin-top:25px}
   #beer .inner.mightlike {margin-bottom:100px}
  #beer .col4 {background:#aaa095; width:24%; float:left; margin-right:1.25%;}
  .details .col4 { box-sizing:border-box; padding:20px}
  .details .col4 p {font-size:19px; font-family: 'GlyphaLTPro-Roman'; }
  .details .col4 p strong { font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    line-height: 1.3; }
   #beer  .col4:last-child {margin-right:0; float:right}
   .outer {overflow:hidden; clear:both}
   .button { font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 1.3;
    text-transform: uppercase; text-align:center; width:200px; display:inline-block; margin-right:20px; margin-top:20px; padding-top:0px; padding-bottom:0px; background:#fff; color:#000}
	.untapped {float:right}
   .availability {width:25%; float:left; margin-top:20px}
   .availability p, .awards p {margin-bottom:5px}
   .awards {width:70%; float:left; margin-left:5%; margin-top:20px}
   #beer .details .col4.greenbg {background:#8dbf3e}
   #beer .details .col4 p {margin-bottom:0}
  .nextbeer a{ background-image:url(/wp-content/themes/BedlamBrewery/img/right.png); background-size:cover; background-position:center;  font-size:0; height:24px; width:16px; display:block; position:absolute; right:30px; top:30px}
  .prevbeer a{ background-image:url(/wp-content/themes/BedlamBrewery/img/left.png); background-size:cover; background-position:center;  font-size:0; height:24px; width:16px; display:block; position:absolute; right:70px; top:30px}
  .availableterm {font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    line-height: 1.1;
    text-transform: uppercase; text-align:center; width:auto; display:inline-block; margin-right:5px; padding-top:80px; color:#fff; vertical-align: text-top;}
	
	 .term-26 { background-image:url(/wp-content/themes/BedlamBrewery/img/500ml.png); background-size:contain; background-position:center top; background-repeat:no-repeat; width:60px;}
  .term-27 { background-image:url(/wp-content/themes/BedlamBrewery/img/cask.png); background-size:contain; background-position:center top; background-repeat:no-repeat; width:60px;}
  .term-30,.term-41 { background-image:url(/wp-content/themes/BedlamBrewery/img/330mlcan.png); background-size:contain; background-position:center top; background-repeat:no-repeat; width:60px;}
  .term-28 { background-image:url(/wp-content/themes/BedlamBrewery/img/330ml.png); background-size:contain; background-position:center top; background-repeat:no-repeat; width:60px;}
  .term-29 { background-image:url(/wp-content/themes/BedlamBrewery/img/keg.png); background-size:contain; background-position:center top; background-repeat:no-repeat; width:60px;}
  .slick-slide img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.beer-slider  .slick-slide img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.beer-slider .slick-next { right:0px !important
	
}
.beer-slider .gallery {padding-left:20px; padding-right:20px}
.beer-slider .slick-prev {
	left:0px !important
}
.slick-prev:before {
   
    background-image: url(/wp-content/uploads/2020/03/grey-left-arrow.png) !important;     width: 16px !important;
    height: 24px !important;
}
.slick-next:before {
   
    background-image: url(/wp-content/uploads/2020/03/grey-right-arrow.png) !important;     width: 16px !important;
    height: 24px !important;
}
  .woocommerce-page .section3 .col4 h2,.woocommerce-page .section3 .col6 h2 {font-size:32px}
  
   .woocommerce-page .section3 .col4 p strong, .woocommerce-page .section3 .col6 p strong {font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;}
	.item4 {clear:right}
	.item1 {clear:left}
  .woocommerce-page .section3 .col4,.woocommerce-page .section3 .col6 {padding:8px}
  .woocommerce-page .section3 .col6 {padding:5px; position:relative}
 .woocommerce-page .section3 .col6  img {
    max-width: 102%;
    height: auto;
    display: block;
}
   .woocommerce-page .section3 .col6.wine-and-gin img {
	       border-top: 60px white solid;     border-bottom: 60px white solid;
   }
   .woocommerce-page .section3 .col6.wine-and-gin.bedlam-gin img {
	       border-top: 60px black solid;     border-bottom: 60px black solid;
   }
  
  .woocommerce-page .section3 .col6 h2, .woocommerce-page .section3 .col6 p {display:none}
  .woocommerce-page .section3 .col6 .overlay {display:block; top: 0;
    position: absolute;
    width: 100%;
    background: #fff; left:0; padding: 10px; 
    opacity: 0; transition: all 1s ease-out; box-sizing: border-box;
    text-align: center;     height: 100%; border: 5px solid #fff;}
	.woocommerce-page .section3 .col6:hover .overlay {opacity:1}
	.woocommerce-page .section3 .col6 .overlay h2 {font-size:24px; display:block;     margin-bottom: 0; margin-top:45px; color:#fff}
		.woocommerce-page .section3 .col6 .overlay p {font-size:16px; display:block;     margin-bottom: 0; color:#fff}
.woocommerce-page .section3 .col6 .overlay p:last-child {font-size:24px; margin-top:0px}
  .woocommerce-page .section3 .col6 p {font-size:18px}
  .woocommerce-page .section3 .col6 p.lastchild {display:inline-block; background:#fff; padding:5px;     margin-top: -37px;
    float: left;
    z-index: 9999999999999999999999999;
    position: absolute; font-size:21px}
  
  .page-id-1356 .section1,.page-id-1338 .section1,.page-id-1338 .section1 {background: #e5e2df;padding-top:40px; padding-bottom:40px; background-image:url(/wp-content/uploads/2019/12/hop-device-grey.png); background-size:contain; background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;   background-position: -716px center;}
	.page-id-1336 .section4 .col2:last-child {padding:0}
      .page-id-1356 .section1 .col2:first-child,.page-id-1338 .section1 .col2:first-child,.page-id-133238 .section3  .col2:first-child {background:#fff; width:50%}
	   .page-id-1356 .section1 .col2:last-child,.page-id-1338 .section1  .col2:last-child {background:#2193d1; width:50%} 
	    .page-id-1356 .section1 .col2:last-child h2,.page-id-1338 .section1  .col2:last-child h2 {color:#fff}
		.page-id-1356 .section1 h1,.page-id-1338 .section1 h1 {margin-bottom:30px}
		.page-id-1338 .section1 .col2 {
    min-height: 684px;
}
		.wpcf7-text, .wpcf7-textarea {background:#fff; border:none; font-size:18px; padding:10px; width:100%; box-sizing:border-box; display:block; margin-bottom:10px}
		.wpcf7-textarea{    height: 82px;}
		.wpcf7-submit {color:#fff; padding:10px 30px; background:#6e5600; border:none; cursor:pointer; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 25px;}
	textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
	.wpcf7 p {color:#fff; font-size:15px;     margin-bottom: 23px;}
		.page-id-1356 .section2 p a {
    color: #6e5600;
    font-weight: normal;
  font-family: 'GlyphaLTPro-Roman';
    font-size: 21px;
    line-height: 1.3;
    color: #6e5600;
  display:inline-block; margin-left:10px
}
	   
   .page-id-1356 p a img {float:left; margin-left:10px; margin-right:5px; margin-top: 5px;}
   .page-id-1356 p a img.wp-image-1415 {margin-top:3px}
   div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    z-index: 999;
    width: 300px;
    left: 300px;
    top: 5px;
	font-family: 'GlyphaLTPro-Roman';
    font-size: 21px;
}

.quantity .text {position:static
}
.woocommerce-page table.cart td.actions .coupon .input-text {
       width: 121px;
    padding: 15px !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #6e5600;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce a.button.alt:hover {
    background-color: #6e5600 !important;}
footer a.basket  {display:none}
span {font-family:inherit}
.page-id-48 h3,.page-id-48 h3 span {font-size:32px}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {

    padding: 10px;
}
.woocommerce-info, .woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top-color: #6e5600;
}
.woocommerce-info a {
    color: #6e5600;
}
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
    clear: both;
}
.single .title {width:230px}
.single .title, .single_add_to_cart_button , .single-product #beer button.single_add_to_cart_button{padding:10px 15px; font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 25px; display:inline-block;border:1px solid white; clear:none; float:left; background-color:#fff; text-transform:uppercase}
.single .quantity {border:1px solid white;     width: 150px;
    float: left;     padding-top: 5px;
    padding-bottom: 6px; height: 34px}	
.single-product #beer button.single_add_to_cart_button {margin-left:20px; border-radius:0; background-color:#fff}
.cart {overflow:hidden; clear:both; margin-bottom:20px}
.single .quantity button,.single  .quantity input {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #fff;
    float: left;
    font-size: 28px; width: 50px
}
.woocommerce .quantity .qty {width:50px !important}

article.news {border-top:5px solid #b9b2ac; padding-top:20px; padding-bottom:20px}
article.news .left {width:31%; float:left}
article.news .right {width:66%; float:right}
article.news img {width:100%; height:auto}

article.news h2 {margin-top:0; margin-bottom:20px; font-size:44px}
#mc_embed_signup div.response {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    float: left;
    top: 0 !important;
    z-index: 1;
    width: 100% !important;
    margin-top: 0px;
	    text-align: center;
}
mc-field-group p {margin-bottom:0}
#mc_embed_signup .button {margin-top:0 !important}
.wpcf7-list-item-label {color:#fff}

.section3  .col1 {padding-top:0}

.section3  .col1  img {
    max-width: 100%;
    height: auto;
    display: inline;
    float: left;
    margin-top: 30px;
    margin-right: 50px;
}

.section3  .col1   .title {margin-bottom: 30px;
    font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 80px;
    line-height: .8;
    text-transform: uppercase;
    color: #b9b2ac;     margin-top: 25px;}
	.section3  .col1   .title  strong {color:#6e5600;  font-weight: 400;}
	.section3  .col1 span {display:inline-block; margin-bottom:30px}
	.section3  .col1 span:last-child {margin-bottom:0}
	
	.woocommerce-page .col4:last-child {float:left}
	
	#pum-1732 .pum-close {display:none !important}
	#pum-1732  img{
    float: left;
    width: 20%;
    height: auto;
}
	.popuptitle {
       margin-top: 10px;
    margin-bottom: 30px;
    font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 67px;
    line-height: 1;
    text-transform: uppercase;
    color: #6e5600;
    float: left;
    margin-left: 2%;
    width: 75%;
}
.closeage{
   background: #6e5600 !important;
    margin-top: -30px;
    border-radius: 0 !important;
    font-size: 30px;
    padding: 7px 40px !important;
    height: auto !important;
    float: left;
    margin-left: 2%;
    color: #fff;
    margin-top: -4px;
}

.home .section5 {padding-top: 15px;
    padding-bottom: 15px;
    position: relative;}
/*.home .section5:after {content:' '; display:block; position:absolute;top:0;right:0; background-image:url(/wp-content/uploads/2020/09/prost.png); height:234px; width:234px;}
.home .section5 .col2:first-child {}
.home .section5 .col2:last-child {    padding-bottom: 0;}
.home .section5 .col2:first-child p {}
.home .section5 .col2:first-child p img {display:inline-block}
.home .section5 .col1 {padding-top:0}*/
.page-id-3667 .col3 .nobox{background:white; height:500px}
.page-id-3667 .col3 .nobox p:nth-child(3),.page-id-3667  .col3 .nobox h3 {padding-left:20px;padding-right:20px}
.page-id-3667  .col3 .nobox h3 {line-height: 1;}
.page-id-3667 .section3 {background:#ed8724; color:white}
.page-id-3667 .section3 .col2:nth-child(1) h3 {margin-bottom:20px; color:#fff}
.page-id-3667 .section3 .col2:nth-child(1) * {color:#fff}
.page-id-3667 .section1 {    background-color: #e5e2df;}

.cats .col2 .box {
    min-height: 360px;
}
.cats.term6 .col2 .box {
    min-height: 250px;
}

.cats .col2:first-child {
    width: 50%;
   
}
.cats.term6 .col2:first-child {
   
    /*padding: 20px;*/
}
.cats .col2:last-child {
    width: 50%;
    
}
/*.home .section8,.home .section7,.home .section6,.home .section3,.home .section4   {display:none !important}
  .home .section2   {  margin-top: -10px;}*/
  
 .home .section12 {background-image:url('/wp-content/uploads/2021/01/happy-new-year-web-banner-bground.jpg'); background-size:cover; background-position:center; padding-top:0px} 
 .home .section12 .padding {padding:20px}  
   #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {

    float: right;
    margin-top: -33px !important;
}
#mc_embed_signup #mce-success-response {
   
    float: right;
    color: #fff !important;
    margin-top: 24px;
    
    top: auto;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt {
    float: none !important;
}
#banner {background:#6e5600; color:#fff; padding:5px; text-align:center;font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
  }
  #banner .inner {font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;}
 .home .section12 h2 {  line-height: .8;}
 .home .section12 .col3:nth-child(1) {width:24%}
 .home .section12 .col3:nth-child(2) {width:28%;     padding: 15px;}
 .home .section12 .col3:nth-child(3) {width:48%; padding-top:50px}
 .home .section2 {
    background-image: url(/wp-content/uploads/2019/12/hop-device-grey.png);
    background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center; background-color: #e5e2df;
} 
  .home .section12 .col3 {padding:0}
  .home .section12 h2,  .home .section12 p {color:#fff}
.home .section12 h3 {
    line-height: 1;
    margin-top: -15px;
    font-size: 28px;
    margin-bottom: 25px; line-height: .9;
}
   .home .section12 .col3 a {
    color: #fff;
    font-size: 24px;
}
.home .section5 .col2:nth-child(1) { padding-top:70px}
.home .section5 .col2:nth-child(2) {}
.woocommerce-cart h1,.woocommerce-cart h2,.woocommerce-checkout h1,.woocommerce-checkout h2, .woocommerce-account h1, .woocommerce-account h2 {font-size:48px}
.woocommerce-cart h2 {font-size:40px}
.woocommerce-cart h3 {    font-size: 28px;
    width: auto;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;}
.coupon-content .code {
 
    float: left; margin-right:10px
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none !important;
    width: 100% !important;
}
.checkout-button {float:right; margin-top:-100px !important}
.add_gift_card_form #wc_gc_cart_redeem_form {
    margin-bottom: 1em;
    width: 197px;
}
.coupon-content .coupon-expire, .coupon-content .discount-info {
   
    float: right;
}
.coupon-content.blue {
  
    overflow: hidden;
}
@media only screen and (min-width: 1636px) {
 .page-id-1358 .section1   .col2 .box,.page-id-2287 .section1   .col2 .box{    min-height: 840px;
}	
}
@media only screen and (max-width: 1636px) {
  .page-id-1358 .section1   .col2 .box,.page-id-2287 .section1   .col2 .box{    min-height: 840px;
}
}
.page-id-1335 .section1 .col2 .box {
    min-height: 783px;
}
@media only screen and (max-width: 1600px) {
	.page-id-1335 .section1 .col2 .box {
    min-height: 883px;
}
.single-product #beer .left img {
    width: 65%;
    display: block;
    margin: auto;
    height: 690px;
    width: auto;
}
#beer .left img {
    width: auto;
    height: 718px;
    display: block;
}
#beer .left {overflow:hidden; text-align:center; min-height:645px}
}
@media only screen and (min-width: 1600px) {
	#beer .left {overflow:hidden; text-align:center; min-height:645px}

}
@media only screen and (max-width: 1460px) {
	.page-id-1335 .section1 .col2 .box {
    min-height: 983px;
}
	.awards {
    width: 53%;
}
	.availability {width:40%}
	#beer .left {
   
    min-height: 718px;
}
.col2 .box {
    min-height: 723px;
}
.page-id-1335 .section7 .col2 .box {
    min-height: 565px;
}

}
@media only screen and (max-width: 1260px) {
	 .woocommerce-page .section3 .col6.wine-and-gin img {
	       border-top: 60px white solid;     border-bottom: 55px white solid;
   }
   .woocommerce-page .section3 .col6.wine-and-gin.bedlam-gin img {
	       border-top: 60px black solid;     border-bottom: 55px black solid;
   }
   
   
   
	.page-id-1338 .section1 .col2 {
    min-height: 792px;
}
	#beer .left img {
    width: auto;
    height: 768px;
    display: block;
}
 .page-id-1336 .section1 	.col2 .box {
    min-height: 680px;
}
  .page-id-1358 .section1   .col2 .box,.page-id-2287 .section1   .col2 .box{    min-height: 940px;
}
  .page-id-1335 .section1   .col2 .box{    min-height: 1140px;
}
.page-id-1358 .section3   .col2 .box{    min-height: 665px;
}
.button {
   
    font-size: 26px;
 
    width: 158px;
}
header .inner,footer .inner {
   
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}
#beer .inner {padding-left:0}
.home .bluebg .col2 .box {
    min-height: 857px;
}
#beer .left {
   
    min-height: 860px;
}
.woocommerce-page .col2 .box {
    min-height: 820px;
}
.woocommerce-page .cats .col2 .box {
    min-height: 385px;
}
.woocommerce-page .cats.term6 .col2 .box {
    min-height: 265px;
}
}
@media only screen and (max-width: 1220px) {
	.home .col2 .box {
    min-height: 781px;
}
#beer h1 {
    margin-top: 10px;
    font-size: 65px; line-height:1
}
/*	.home .section5:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/wp-content/uploads/2020/09/prost.png);
    height: 134px;
    width: 134px;
    background-size: cover;
}*/
.single-product #beer .left img {
    width: 65%;
    display: block;
    margin: auto;
    height: 690px;
    width: auto;
}
.single .title {
    width: 201px;
    font-size: 20px !important;
}
.single-product #beer button.single_add_to_cart_button {  font-size: 20px !important;}
.single .quantity {
  
    width: 120px;
 
    height: 29px;
}
.single .quantity button, .single .quantity input {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #fff;
    float: left;
    font-size: 22px;
    width: 35px;
}
.single .quantity button.plus{    margin-top: 2px;}
header .social a.basket {display:none}
header .social {
  
    width: 13%;
}
header nav {
    width: 78%; margin-left:0
}
}
.icon,.shopnow {display:none}

@media only screen and (max-width: 1460px)  and (min-width: 1023px) {
	.single-beerdetail #beer .right {
	  
	    padding: 20px;
	   
	}
	.single-beerdetail #beer h1 {
	    margin-top: 0;
	    margin-bottom: 0;
	    
	    font-size: 53px;
	    line-height: 1.5;
	    
	}
	.single-beerdetail #beer .right p {
	    text-transform: none; margin-bottom:15px; font-size: 17px;
	}
	.single-beerdetail .availability {
	   
	    margin-top: 0;
	}
	.single-beerdetail #beer .left img {
	    width: 100%;
	    height: auto;
	    display: block;
	}
	.single-beerdetail #beer .left {
	    min-height: 528px;
	}
	
	.single-beerdetail #beer .button {font-size:26px; margin-top:10px;}
	.single-beerdetail #beer .awards img {height:80px; width:auto;}
}
@media only screen and (max-width: 1200px)  and (min-width: 1023px) {
	.single-beerdetail #beer .button {font-size:26px; margin-top:10px;}
	.single-beerdetail #beer .awards img {height:80px; width:auto;}
	.single-beerdetail #beer .right p {
	    text-transform: none; margin-bottom:15px; font-size: 15px;
	}
	 .woocommerce-page .section3 .col6.wine-and-gin img {
	       border-top: 62px white solid;     border-bottom: 45px white solid;
   }
   .woocommerce-page .section3 .col6.wine-and-gin.bedlam-gin img {
	       border-top: 62px black solid;     border-bottom: 45px black solid;
   }
	
}
@media only screen and (max-width: 1050px) {
#beer .left {
    min-height: 687px;
}
.page-id-1335 .section5, .page-id-1336 .section6, .page-id-1336 .section5{display:none}
#beers .col3 {
    padding: 20px;
    min-height: 501px;
}
.page-id-1356 .section1 .col2:last-child .nobox p:last-child {height: 0px !important;
    margin-top: -1px;}
}
@media only screen and (max-width: 1023px) {
	.home .section5 .inner .padding {
    padding: 10px 0;
}
	.home .section1 .col2:nth-child(1) {display:none}
	 .woocommerce-page .section3 .col6.wine-and-gin img {
	       border-top: 52px white solid;     border-bottom: 45px white solid;
   }
   .woocommerce-page .section3 .col6.wine-and-gin.bedlam-gin img {
	       border-top: 52px black solid;     border-bottom: 45px black solid;
   }
	.home .section5 .col2:nth-child(1)  {margin-left:0%}
.home .section12 .col3 {
    padding: 15px;
}

.home .section12 .col3:nth-child(1) {
    width: 30% !important;
    clear: none;
    float: left; display:none
}
.home .section12 .col3:nth-child(2) {
  
    width: 100% !important;
    float: none;
    clear: none;
}
	.woocommerce-page .cats .col2 .box {
    min-height: 265px;
}
	.page-id-1338 .section1 .col2 {
    min-height: 92px;
}
	.col6 {width:33%}
	.home .section6 {

    padding-top: 0px;
    padding-bottom: 0px;
}
.home .section6 .col2 {min-height:0}
	.thinner-width .inner {padding-left:20px; padding-right:20px; width:100%; box-sizing:border-box}
	.shopnow {background: #6e5600;
    padding: 10px;
    font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: white;
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    text-align: center;}
.icon {
  z-index: 999999999999999;
  position: absolute;
  background: none;
  display: block;
  padding: 11px;
  height: 40px;
  width: 28px;
  margin: 0px;
     top: 60px;
    right: 5px;
  cursor:pointer;
  display:none;
  color:#fff;
  font-size:14px;
  display: block;

background:
transparent;

width: auto;

box-sizing: border-box;

left: auto;

top: 82px; padding-left:15px
  
}
header {margin-bottom:0px; padding-bottom:5px; padding-top:5px; }
.woocommerce  header {margin-bottom:20px;}
.icon span {color: #6e5600; display:inline-block; margin-left: 33px;
font-family: 'GlyphaLTPro-Roman';
float: left;

margin-top: 0px;

font-size: 16pt;

margin-top: -1px;}
.hamburger {

    float: left;
    float: left !important;
    width: 22px !important;

}
.hamburger  div { width: 22px !important;}
.menui {
  background: #6e5600;
  transition: 0.35s linear;
  margin-top: 16px;
  position: absolute;
}
.top-menu {
  top: -5px;
  width: 22px;
  height: 3px;
  border-radius: 0;
}
.mid-menu {
  top: 3px;
  width: 22px;
  height: 3px;
  border-radius: 0;
}
.bottom-menu {
  top:11px;
   width: 22px;
  height: 3px;
  border-radius: 0;
}
.hamburger {float:left}
.icon {display:block}
	.navactive .top-menu{    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    top: 5px;}
.navactive .bottom-menu{transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); top:5px}
.navactive .mid-menu {display:none}	
.navactive.icon {}
header nav { width:100% !important; height:95vh; background:#fff; position:fixed; top:0px; left:-9999px; right:auto; z-index: 999999999999999999999;  padding-top:5vh; overflow-y:scroll;
    top: 0 !important;
    margin: 0; margin-left:0 !important; margin-top:0 !important}
	header nav ul {
    display: block;
    justify-content: normal;
}
header nav li,header nav li a {
   text-align: center;

display: block;

font-size: 34px;
line-height: 1.1;
margin-top: 10px;

width: 240px;

clear: both;

margin: 10px auto;
}
header nav.active {left:0}
header .social {
margin-top: 58px;
    width: 100px; display:none

}
	.col2, .col3, .col4 {

    width: 100% !important;
    float: none;
    box-sizing: border-box;
    min-height: 200px;

}
footer  .col4 {
    width: 50% !important;
    float: left;
}
article.news .left ,article.news .right {

    width: 100%;
    float: none; margin-bottom:20px

}
.home .section11   .col2:last-child {display:none}
section #mc_embed_signup .mc-field-group input {width:100% !important}
.home .col2 .box {
    background-repeat: no-repeat;
    min-height: 240px;
background-size: contain;
}
.padding {

    padding: 20px;

}
.inner .padding {padding:20px 0 }



.page-id-1356 .inner .padding {padding:20px}
.page-id-1358 .col1.padding {
   padding: 0 20px;     box-sizing: border-box;
}
.page-id-1334 .col3 {min-height:0; padding:0 !important}
.page-id-1336  .section2 {display:none}
.home .section2 h1 {

    margin-top: 10px;

}
.home .bluebg .col2 .box {

    min-height: 280px;
    background-size: cover;

}
h1,h2 {font-size:40px !important}
.slide h2 {

 
    font-size: 30px;
}

.section3 .col1 img {

   
    margin-right: 18px;
    width: 100px;
    

}
.home .section12 .col3:nth-child(3) {
    width: 48%;
    padding-top: 0;
}
.home .col2 .box {
    background-repeat: no-repeat;
    min-height: 240px;
    background-size:cover}
	.home .col3 .box {
    min-height: 267px;
}
.section3 .col1 .title {

    font-size: 32px;
}
.section3 .col1 span {

    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;

}
footer .col4 {margin-bottom:20px}
footer .col4:nth-child(4) img {

    float: left;

}
footer .left,footer .right {

    width: 100%;
    text-align: left;
    float: none;

}

.page-id-1358 .section1 .col2 .box, .page-id-1335 .section1 .col2 .box , .page-id-1335 .section4 .col2 .box {

    min-height: 240px;

}
.page-id-1358 .section1 .col2 .box, .page-id-2287 .section1 .col2 .box {
    min-height: 240px !important;
}
.woocommerce .quantity .qty {
    width: 33px !important;
}
.blog #content {margin-top:20px}
.page-id-1356 .section1, .blog .inner {padding-left:20px; padding-right:20px; box-sizing:border-box}
.page-id-1358 .section1 .col2 .box ,.page-id-2287 .section1   .col2 .box{

    min-height: 320px;

}
.page-id-1338 .section1 .box {
  
    min-height: 320px;
}
.page-id-1356 .section2 p a {

   
    display: block;
   
    clear: both;
    width: 224px;
    margin: auto;

}
#subnav a {
    margin-left: 5px;
    margin-right: 5px;

    font-size: 23px;
}
#beer .left,#beer .right {

    min-height: 0;
    width: 100%;
    float: none;

}
#beer .left {overflow:hidden; text-align:center; min-height:320px}

#beer .left img {

    width: 100%;
    height: auto;
    display: block;

}
.untapped {

    float: none;
    margin-top: 30px;

}
#beer .col4 {

   
    margin-right: 0;
    margin-bottom: 20px;
    min-height: 0;

}
#beer .inner.details {

    margin-bottom: 0;
   
}
.single-product #beer .left img {

    
    height: auto;
    width: 100%;

}
.woocommerce-page .col2 .box {

    min-height: 240px;

}
#beer .right {

  
    padding: 10px;
  

}
.single .title {

    width: 91px;
    font-size: 17px !important;

}
.single-product #beer button.single_add_to_cart_button {

    font-size: 16px !important; width:auto

}
.single .quantity {

    width: 120px;
    height: 26px;

}
.single .title {
    padding: 9px 5px; padding-bottom:10px
}
.single .title {
    width: 148px;
    font-size: 17px !important;
}
.single .quantity {
    width: 103px;
    height: 25px;
}
.single_add_to_cart_button, .single-product #beer button.single_add_to_cart_button {
    padding: 10px 5px;
}
.single-product #beer button.single_add_to_cart_button {
    margin-left: 0;
}
.single .quantity button.plus {

    margin-top: -2px;

}
#beer h1 {font-size:50px !important}
#beer h2 {margin-top:0 !important}
.single-product #beer .left img {

    height: auto;
   
	max-width:262px !important

}
.woocommerce-cart  section .inner, .woocommerce-checkout section .inner {padding-left:20px; padding-right:20px; box-sizing:border-box
}
#beers .col3 {
    padding: 10px 20px 10px 20px;
    min-height: 0;
}
.page-id-1358 .section6 p {margin-bottom:10px}
.page-id-1336 .section1 .col2 .box {
    min-height: 320px;
}
.col2 .box, .page-id-1335 .section7 .col2 .box {
    min-height: 320px;
}
.page-id-1335 .section2,.page-id-1335 .section3 {display:none}
.page-id-1333 .section5 .col2 .box, .page-id-1335  .section11   .col2 .box {
    min-height: 265px;     background-size: contain;
    background-repeat: no-repeat;
}
.woocommerce-page .section3 .col4, #beers .col3  {
    padding: 15px; width:50% !important; float:left !important; clear:none !important
}
.page-id-3667 .col img {
    max-width: none;
    width: 100%;
}
.page-id-3667 .col3 .nobox {
    background: white;
    height: auto;
	padding-bottom:20px
}
}
@media only screen and (max-width: 767px) {
	.checkout-button {float:none; margin-top:0px !important}
	.page-id-1356 .section1, .blog .inner {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}
.page-id-1356 .section1, .page-id-1338 .section1, .page-id-1338 .section1 {
   
    padding-top: 20px;
    padding-bottom: 20px;
}
	.shopnow {
    left: auto;
    right: 45px;
	}
	header .logo {
    float: left;
    margin-top: -1px;
    margin-bottom: 4px;
}
	#banner .inner {
    font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
}
.slide h2 {
    font-size: 24px !important;
}
	.col6 {width:50%}
	.slide img {
    width: 200%;
    max-width: none !important;
   
	}
	 .col3:last-child {
    float: right;
    margin-bottom: 20px;
}
footer {
    background-image: none; padding-top:20px; padding-bottom:20px
}
footer p {margin-bottom:15px}
.woocommerce-page .cats.term6 .col2 .box {
    min-height: 152px;
}
.woocommerce-page .section3 .col4, #beers .col3 {
    padding: 15px; width:100% !important; float:none !important; clear:both !important
}	
#beers .col3 {
    padding: 10px !important;
    min-height: 0 !important;
}
	p, address, td, th, section li {
    
    font-size: 16px;
	}
	#beer h2 {
    text-transform: uppercase;
    font-family: 'GlyphaLTPro-Roman';
    font-size: 19px !important;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 25px;
    margin-top: -6px;
}
.page-id-1358 .section1 .col2 .box, .page-id-2287 .section1 .col2 .box {
    min-height: 240px;
}
.page-id-1358 .section3 h3 {font-size: 20px !important;}
.page-id-1338 .section1 .col2 {
    min-height: 0;
}
	 .page-id-1335 .section11 .col2 .box {
    min-height: 227px;
    background-size: contain;
    background-repeat: no-repeat;
}
.single .quantity button, .single .quantity input {
  
    width: 28px;
}
.home .section12 h2 br {display:none !important}
}
#wc-stripe-cc-form div.form-row {
    padding: 0 !important;
}
.optional {display:none !important}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
    list-style: none outside!important;
    padding-left: 0!important;
    margin-left: 0!important;
    color: red;
    margin-bottom: 0;
}
@media only screen and (max-width: 400px) {

.icon {    top: 104px;}
}
@media only screen and (max-width: 365px) {
	.icon {    top: 82px;}

	.shopnow {
    background: #6e5600;
    padding: 10px;
    font-family: 'Knockout 49 A','Knockout 49 B';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    text-transform: uppercase;
    color: white;
    display: inline-block;
    position: absolute;
    top: 27px;
       left: -15px;
    right: 0;
    margin: auto;
    width: 100px;
    text-align: center;
}
	.icon {top:100px}
}
.basketnav {display:none; color: #6e5600;width: auto; }
.basketnav img {width:20px; height:auto; margin-top:0px; margin-right:5px}
.icon {    width: 53px;
top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: 43px;
    padding: 10px;
    right: auto; left:10px}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #6e5600;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce-info {
    font-size: 12px;
    border-top-color: #6e5600;
}
@media only screen and (max-width: 1023px){
	.single-product.postid-4203 span {margin-top:0 !important}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
  
    font-size: 14px;
	}
	.woocommerce-cart-form td, .cart_totals td {margin-bottom:0}
	.woocommerce table.shop_table td,.woocommerce table.shop_table th {
    overflow:hidden;
    padding: 5px 6px; font-size:14px
	}
	.place-order .add_gift_card_form #wc_gc_cart_redeem_form input[type="text"] {
    margin-bottom: .3em;
    padding: 7px;
}
.place-order .add_gift_card_form #wc_gc_cart_redeem_form button {background-color: #6e5600;
    color: #fff; font-family: 'GlyphaLTPro-Roman';
    font-size: 21px;
    line-height: 1.3; border:none; cursor:pointer; font-family: 'Knockout 49 A','Knockout 49 B';}
	.woocommerce-cart-form .quantity .qty {
    width: 33px !important;
    float: right;
}
	.woocommerce-cart-form td a {
    color: #6e5600;
    font-weight: bold;
        font-family: 'GlyphaLTPro-Roman';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
   
    padding: 8px 6px 6px;
}
.page-id-48 h3, .page-id-48 h3 span {
    font-size: 22px;
}
.woocommerce form .form-row textarea {
    height: 6em;
}
	h1, h2 {
    font-size: 30px !important;
}
.woocommerce-page .section3 .col6 .overlay h2 {
    font-size: 24px;
  
    margin-top: 25px;
}
	header .logo {
      float: none;
    margin-top: -1px;
    margin-bottom: 0;
    text-align: center;
    margin: auto;
    width: auto;
}
header .inner {text-align:center}
.shopnow {display:none}

	.basketnav {
    display: block;
    position: absolute;
    right: 20px !important;
    top: 35px !important;}

	.logo img {    margin-left: -5px;
    width: 150px;
    height: auto;}
	.woocommerce-cart h3 {font-size:32px}
	.home .section5 .col2:first-child p img {
    display: block;
    width: 60%;
    margin: auto;
}
.home .section5 .col2:first-child p {text-align:center;     margin-bottom: 5px;}

	.home .section5 .col2:nth-child(1) {
    padding-top: 20px;  padding: 10px; min-height: 1px;
}
header {
    margin-bottom: 6px !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

.basketnav  span {float:right;     margin-top: -2px;}
.basketnav {
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: 24px;
    padding: 10px;
}
.navactive.icon {
        top: 44px !important;
    bottom: auto !important;
    position: fixed;
}

}
@media only screen and (max-width: 480px) {
	
#banner .inner {

    font-size: 13px;
}
#subnav a {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 20px;
}
}
#extracontent {height:40px; opacity:0}
.basketnav {display:none; color: #6e5600;width: auto; }
.basketnav img {width:20px; height:auto; margin-top:0px; margin-right:5px}
.icon {    width: 53px;
top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: 43px;
    padding: 10px;
    right: auto; left:10px}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #6e5600;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce-info {
    font-size: 12px;
    border-top-color: #6e5600;
}
@media only screen and (max-width: 1023px){
	.home .section1 .col2:nth-child(1) {display:none !important}
	.single-product.postid-4203 span {margin-top:0 !important}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
  
    font-size: 14px;
	}
	.woocommerce-cart-form td, .cart_totals td {margin-bottom:0}
	.woocommerce table.shop_table td,.woocommerce table.shop_table th {
    overflow:hidden;
    padding: 5px 6px; font-size:14px
	}
	.place-order .add_gift_card_form #wc_gc_cart_redeem_form input[type="text"] {
    margin-bottom: .3em;
    padding: 7px;
}
.place-order .add_gift_card_form #wc_gc_cart_redeem_form button {background-color: #6e5600;
    color: #fff; font-family: 'GlyphaLTPro-Roman';
    font-size: 21px;
    line-height: 1.3; border:none; cursor:pointer; font-family: 'Knockout 49 A','Knockout 49 B';}
	.woocommerce-cart-form .quantity .qty {
    width: 33px !important;
    float: right;
}
	.woocommerce-cart-form td a {
    color: #6e5600;
    font-weight: bold;
        font-family: 'GlyphaLTPro-Roman';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
   
    padding: 8px 6px 6px;
}
.page-id-48 h3, .page-id-48 h3 span {
    font-size: 22px;
}
.woocommerce form .form-row textarea {
    height: 6em;
}
	h1, h2 {
    font-size: 30px !important;
}
.woocommerce-page .section3 .col6 .overlay h2 {
    font-size: 24px;
  
    margin-top: 25px;
}
	header .logo {
      float: none;
    margin-top: -1px;
    margin-bottom: 0;
    text-align: center;
    margin: auto;
    width: auto;
}
header .inner {text-align:center}
.shopnow {display:none}

	.basketnav {
    display: block;
    position: absolute;
    right: 20px !important;
    top: 35px !important;}

	.logo img {    margin-left: -5px;
    width: 150px;
    height: auto;}
	.woocommerce-cart h3 {font-size:32px}
	.home .section5 .col2:first-child p img {
    display: block;
    width: 60%;
    margin: auto;
}
.home .section5 .col2:first-child p {text-align:center;     margin-bottom: 5px;}

	.home .section5 .col2:nth-child(1) {
    padding-top: 20px;  padding: 10px; min-height: 1px;
}
header {
    margin-bottom: 6px !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

.basketnav  span {float:right;     margin-top: -2px;}
.basketnav {
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: 24px;
    padding: 10px;
}
.navactive.icon {
        top: 44px !important;
    bottom: auto !important;
    position: fixed;
}

}
@media only screen and (max-width: 480px) {
	
#banner .inner {

    font-size: 13px;
}
#subnav a {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 20px;
}
}


.home .section1 .col3 {padding:0; width:17%}.home .section1 .col3:nth-child(2){background-image:url(/wp-content/uploads/2021/01/valentines-web-banner-bground.jpg); background-size:cover; padding:30px; width:66%}.home .col3 .box {    min-height: 275px;} .home .section1 .col3  a {font-size:24px}
.home .section5 {display:block !important}
.page-id-6038 .home .col3 .box {    min-height: 214px;} 
@media only screen and (max-width: 1023px){
	
	
.page-id-6038 	.home .section1 .col3 .box {
    min-height: 187px;
}
.page-id-6038  .home .section1 .col3 .nobox {
    min-height: 159px;
}
.section5.showthis {
    display: none;
}
.home .section2  .col:nth-child(1) {display:none !important}
.home .section1 .col3:nth-child(1),.home .section1 .col3:nth-child(31) {display:none}
.home .section1 .col3 {
    padding: 0;
    min-height: 1px;
}
.home .section1 .col3 p:last-child {margin-bottom:0}
.home .section1 .col3 {
    padding: 0;
    min-height: 1px;
    width: 50% !important;
    float: left !important;
    margin-bottom: 0;
}


.home .section1 .col3:nth-child(2) {
   
    padding: 9px;background-position: left center;
}
.home .section1 .col3 .box,.home .section1 .col3 .nobox {
    min-height: 229px;
}
.home .section1 .col3 .nobox {
    min-height: 201px;
}
}
.woocommerce-info::before {
    color: #6e5600 !important;
}

.woocommerce .woocommerce-info:first-child{
	border-top-color: #6e5600 !important;
    color: #6e5600 !important;
	background:#e4e4e4 !important
}
.woocommerce-info {
    font-size: 21px !important; font-weight:bold;
    
	 color: #fff !important;
	background:#6e5600 !important
}
#calc_shipping_state_field, #calc_shipping_city_field,#calc_shipping_country_field {display:none !important}
.shipping-calculator-form p#calc_shipping_postcode_field {display:block !important}
@media only screen and (max-width: 767px){
	footer .col4:nth-child(2) a {
   
    font-size: 11px;
  
}
footer .col4:nth-child(1) {
   
    display: none;
}

 footer .inner {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
footer .col4:nth-child(4) {
    width: 20%;
    text-align: left;
    float: none;
    width: 30% !important;
}
footer .col4:nth-child(3) {
    float: right;
    width: 41% !important;
}
footer p {
   
    font-size: 14px;
}
footer .inner:last-child p, footer .inner:last-child p a {
    font-size: 11px;
    font-family: 'GlyphaLTPro-Roman';
}
	.page-id-6038 .home .section1 .col3 a {
    font-size: 17px;
}
	.woocommerce-info {
    font-size: 16px !important;
    
	 color: #fff !important;
	background:#6e5600 !important
}
	.woocommerce table.shop_table {
  
    margin: 0 -1px 10px 0;
	}
	.wc-proceed-to-checkout a {width:100% !important; box-sizing: border-box;}
	.woocommerce-page table.cart td.actions .coupon .input-text {
    width: 121px;
    padding: 7px !important;
}
	.woocommerce form .form-row {
    padding: 1px !important;
    margin: 0 !important;
}
.woocommerce form .form-row label {
    line-height: 1.3;
    font-size: 13px;
}
#payment {padding:10px !important}

#stripe-payment-data p {margin-bottom:0}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {display:none !important}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
  
    margin-bottom: 10px !important;     padding: 10px !important;
	}
	.woocommerce-shipping-destination {font-size:12px !important}
	.shipping-calculator-button {font-size:20px !important}
	.woocommerce-page h3,.woocommerce-page h4 {
    font-size: 30px !important; margin-bottom: 10px;
	}
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 5px;
}
}
.woocommerce form .form-row {
    padding: 3px;
    margin: 0;
}
.woocommerce-terms-and-conditions-checkbox-text a {font-family: 'GlyphaLTPro-Roman'; font-size:16px; }
.add_gift_card_form #wc_gc_cart_redeem_form button {
    background-color: #6e5600;
    color: #fff;
    font-family: 'GlyphaLTPro-Roman';
    font-size: 21px;
    line-height: 1.3;
    border: none;
    cursor: pointer;
    font-family: 'Knockout 49 A','Knockout 49 B';
}
.add_gift_card_form #wc_gc_cart_redeem_form button {
    display: block !important;
    width: 100% !important;
}
.add_gift_card_form #wc_gc_cart_redeem_form {
  overflow: hidden;
    width: 320px;
}
.add_gift_card_form #wc_gc_cart_redeem_form input[type="text"] {
    width: 48% !important;
    float: left;
}
.add_gift_card_form #wc_gc_cart_redeem_form button {
    display: block !important;
    width: 48% !important; float:right;
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: .5em;
    border-radius: 4px;
    font-family: 'Knockout 49 A','Knockout 49 B';
    text-transform: uppercase;
    font-weight: bold;
}
.add_gift_card_form #wc_gc_cart_redeem_form input[type="text"] {
     width: 48% !important;
    display: block !important;
    box-sizing: border-box;
}
.add_gift_card_form #wc_gc_cart_redeem_form input[type="text"] {
   margin-bottom: .3em;
    padding: 7px;
    height: 47px;
}