@font-face {
    font-family: 'bebas_neueregular';
    src: url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/BebasNeue-webfont.eot');
    src: url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/BebasNeue-webfont.woff') format('woff'),
         url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/BebasNeue-webfont.ttf') format('truetype'),
         url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'HoeflerText-Italic';
	src: url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/HoeflerText-Italic.eot'); /* IE 5-8 */ 
    src: url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/HoeflerText-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/HoeflerText-Italic.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/HoeflerText-Italic.ttf') format('truetype'), /* Opera, Safari */
        url('/wp-content/themes/abbeydale/assets/fonts/abbeydale-brewery/HoeflerText-Italic.svg#font') format('svg'); /* iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icon';
	src:url('/wp-content/themes/abbeydale/assets/fonts/icons/icomoon.eot?b992c2');
	src:url('/wp-content/themes/abbeydale/assets/fonts/icons/icomoon.eot?#iefixb992c2') format('embedded-opentype'),
		url('/wp-content/themes/abbeydale/assets/fonts/icons/icomoon.ttf?b992c2') format('truetype'),
		url('/wp-content/themes/abbeydale/assets/fonts/icons/icomoon.woff?b992c2') format('woff'),
		url('/wp-content/themes/abbeydale/assets/fonts/icons/icomoon.svg?b992c2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal; 
}

body { background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/stone-bg-r.jpg) repeat 0 0; }

.site-header { background: none; padding-top: 0; border: none; margin-bottom: 0px !important; }

/*#wpadminbar { display: none; }*/
html { margin-top: 0 !important; }

h1, h2,
.wc-block-grid__product-title,
.woocommerce-loop-category__title,
.woocommerce-Price-amount,
.woocommerce-loop-product__title,
.price,
.product-tags:before,
.info-pod-title,
.beer-sub-title2,
h3, h4, .info-pod-title, h1 u, .block-g h2 span, #main-menu > li a, #untappd-feed-content .untappd-more a, .item-title, .page-more, .blog-post-date, .page-date, #header-pane .sub-pages a, #header-pane .related-pages a, #main-content .sub-pages a, #main-content .related-pages a, .hide-story, .release-date, .abbeydale-pop-up-extra-details .info-pod-story>:first-child, .shop-menu, .shop-menu-on, .my-basket {
    font-family: "bebas_neueregular";
}
h1,
.alpha { font-size: 3.25em; }

h2, h1 span, h2 span, h1 em, h2 em {
    color: #9c5a24;
	font-style: normal;
    display: block;
    font-size: 60%;
    margin: 5px 0 35px;
    text-transform: none;
}
h1 + h2 {
    margin-top: -1em;
}
h3 { font-size: 38px; line-height: normal; }
body.page-template-template-general-page h1 em {
    display: inline;
}
.woocommerce-tabs .panel h2:first-of-type,
h2 { font-size: 2em; }

.woocommerce-active .site-header .site-branding { width: 100%; float: none; margin: 0; text-align: center; }
.site-header .site-branding img { max-width: 150px; display: inline-block; }
.site-header .site-branding a.custom-logo-link {
    position: relative;
    z-index: 10000;
    max-width: 150px;
    margin: 0 auto;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #e2b440;
}

#holder > menu { position: absolute; top: 32px; left: 0; width: 100%; z-index: 1001; padding: 0; margin: 0; }

#main-menu { margin: 0; display: block; font-weight: bold; color: #565656; text-align: center; line-height: 17px; padding: 0; z-index: 1097; }

#main-menu,
#main-menu * { list-style: none !important; }

#main-menu > li { display: inline-block; position: relative; overflow: visible; z-index: 1098; }

#main-menu > li.home,
#main-menu > li.shop,
#main-menu > li.clearfix { display: none; }

#main-menu > li.page3 { margin-right: 75px; }
#main-menu > li.page4 { margin-left: 75px; }
#main-menu > li:before { content: ""; display: block; position: absolute; top: 35px; left: 0; height: 10px; width: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #434148; }
#main-menu > li.home:before,
#main-menu > li.page2:before,
#main-menu > li.page4:before,
#main-menu > li.clearfix:before { display: none; }

#main-menu > li > a { display: block; position: relative; padding: 30px 40px 30px 50px; margin: 0; line-height: 22px; font-size: 46px; text-align: center; font-weight: normal; color: #434148; }


#main-menu > li.page5 > a,
#main-menu > li.page5 > a.on,
#main-menu > li.page5 > a:hover { padding-right: 0 !important; }

#main-menu > li.home a,
#main-menu > li.home > a.on,
#main-menu > li.home > a:hover,
#main-menu > li.page2 a, 
#main-menu > li.page2 > a.on, 
#main-menu > li.page2 > a:hover { padding-left: 0 !important; }

#main-menu > li > a.on,
#main-menu > li > a:hover, 
#main-menu > li:hover > a { color: #eeb211; }

#main-menu > li > a.on:after { content: ""; position: absolute; top: 12px; left: 50px; right: 40px; height: 3px; background: #eeb211; }
#main-menu > li.page2 > a.on:after { left: 0px; right: 40px; }
#main-menu > li.page4 > a.on:after { left: 40px; }
#main-menu > li.page5 > a.on:after { right: 0px; }

#main-menu > li > ul,
#main-menu > li > ul li > ul { display: none; position: absolute; background: #eeb211; margin-left: -3px; width: 260px; z-index: 1099; }

#main-menu > li > ul { padding: 10px; margin: -20px 0px 0 0; right: 0; }
#main-menu > li > ul li > ul { position: absolute; left:100%; top: 0%; background: #ffc603; width: 225px; z-index: 1099; }
#main-menu > li.page3 > ul { margin-right: 40px !important; }
#main-menu > li.right > ul { right: 0; margin-right: -3px; margin-left: 0; }
#main-menu > li.right > ul li > ul { left: auto; right: 100%; margin-right: -3px; margin-left: 0; }

#main-menu > li > ul > li > a,
#main-menu > li > ul > li ul > li > a { display: block; color: #434148; padding: 10px 15px 10px 0px; font-size: 24px; text-align: right; border-right: 4px solid #ffc603; font-weight: bold; margin-top: 0; line-height: 24px; }

#main-menu > li > ul > li ul > li > a { color: #939598; }
#main-menu > li > ul > li > a.on,
#main-menu > li > ul > li:hover > a { color: #434148; background: #ffc603; }
#main-menu > li > ul > li:hover > a { border-right-color: #434148; background: none; }

#main-menu > li > ul > li ul > li > a.on,
#main-menu > li > ul > li ul > li:hover > a { background: #ffc603; }

#main-menu > li > ul li { position: relative; }
#main-menu > li:hover > ul { display: block; }


#main-menu > li > ul > li ul > li + li > a { border-top: 1px solid #ffc603; }
#main-menu > li > ul > li > a.subpage1 { border-top: none; }
#main-menu > li.right > ul { margin-right: 0; }
#main-menu > li > ul li > ul  { -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); }

.storefront-breadcrumb { display: none; }
#content {
    padding: 25px 0;
}
#primary { width: 100%; margin-right: 0; } 

.col-full { 
    max-width: 1200px;
    width: 98%;
    padding: 0;
    margin: 0 auto; }
.woocommerce-active .site-header .site-header-cart { width: 22%; min-width: 250px; position: absolute; top: 56px; right: 50%; margin-right: -600px; text-align: right; }
nav#site-navigation {
    display: none;
}
.my-basket { line-height: 20px; font-size: 22px; text-align: right; }
.my-basket a {
    color: #36353a;
    text-decoration: none;
    font-size: 18px;
}
.my-basket-link-sep:after {
    content: "|";
    font-size: 18px;
}

.icon, .icons {
    font-family: 'icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.my-basket .icon {
    display: block;
    text-align: right;
}
.icon-cart:before {
    font-size: 40px;
}

.icon-cart:before {
    content: "\e601";
}

.tag-filter { display: inline-block; padding: 5px 10px; margin: 0.1%; background: rgba(255,255,255,0.3); }

body.page-template .site-main ul.products.columns-3 li.product,
.site-main ul.products.columns-3 li.product {
    width: 33.13%;
    margin: 0 0.1% 1%;
    line-height: 61px;
    background: rgba(255,255,255,0.3);
}
.site-main ul.products.columns-3 li.product a h2 { color:#434148; }
ul.products { margin-bottom: 25px; display: flex; flex-wrap: wrap; }
ul.products li.product .woocommerce-loop-category__title {
    font-size: 1.5rem;
    margin: 0;
    line-height: 61px;
}
ul.products li.product img, 
ul.products .wc-block-grid__product img, 
.wc-block-grid__products li.product img, 
.wc-block-grid__products .wc-block-grid__product img { width: 100%; }
.site-main ul.products.columns-4 li.product,
.wc-block-grid.has-4-columns .wc-block-grid__product {
    background: rgba(255,255,255,0.3);
    margin: 0.1% 0.1%;
    flex: 1 0 24.8%;
    max-width: 24.8%;
    width: 24.8%;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
	padding: 1%;
}
.woocommerce-Price-amount,
ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
    font-size: 1.5rem;
}

.wc-block-grid__products {
   margin: 0 0 16px;
}

ul.products li.product .item-image { margin-bottom:  12px; }
ul.products li.product .item-image a,
.wc-block-grid__products .wc-block-grid__product-image { width: 100%; height: 278px; }
ul.products li.product img,
.wc-block-grid__products .wc-block-grid__product-image img { width: 100%; height: 100%; object-fit: cover; }

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none;
}

.product-tags {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	max-height: 30px;
	transition: all 0.3s ease;
	overflow: hidden;
	padding-top: 32px;
}
.product-tags:hover { max-height: 200px; }
.product-tags:before { display: block; color: #434148; content:"Filter Tags"; position: absolute; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.3); text-align: center; line-height: 30px }
    
article.type-post .wp-block-image {
    float: left;
    margin: 0 1em 1em 0;
}
	
#foot-pane .block-h h2 { text-align: center; }
#foot-pane h3 a:hover {
    color: #EEB212;
}

#foot-pane { background: rgba(2,2,2,0.5); padding: 25px 0; }
#foot-pane h2,
#foot-pane h3,
#foot-pane h3 a,
#foot-pane h4 {  margin-bottom: 25px; color: #fff; font-size: 38px; }

#foot-pane p { color: #fff; font-style: italic; font-size: 13px; }
#foot-pane p strong { font-style: normal; }

#foot-pane .facebook-link { margin-right: 10px; }

#foot-pane .column-1 img { float: left; margin-right: 15px; width: auto; height: auto; }

#foot-pane .column img { border: none; }

#foot-pane .columns-3,
#footer-holder { max-width: 75em; margin: 0 auto; }

#footer { background: #e2b440; color: #fff; padding: 25px 0; }

#footer-content, #footer-links {
    padding-left: 1%;
    padding-right: 1%;
}

#footer-content, 
#footer-links, 
#footer a { color: #fff; }
#footer-content, 
#footer-links { display: block; width: 50%; line-height: 16px; font-size: 11px; text-align: left; float: left; }
#footer-links {
    text-align: right;
    float: right;
}
.clearfix { clear: both; }
.link-group {
    display: inline-block;
}
#footer .foot-sep {
    padding: 0 5px;
}
footer.site-footer { display: none; }

.site-main #foot-pane ul.products.columns-3 li.product {
    background: none;
    text-align: left;
    padding: 2%;
    line-height: 22px;
}

.single-product div.product p.price,
.single-product div.product p.price .woocommerce-Price-amount { font-size: 1.5em; margin: 0; }
.single-product div.product p.price { line-height: 1em; }
.product_title { margin: 0; }
table.woocommerce-product-attributes.shop_attributes { border: 2px dashed #231f20; display: block; margin: 0 auto 20px; padding: 25px; background-color: #f5f5f5; }

.woocommerce-product-gallery__image img {
    width: 100%;
}



.abbeydale-blog-post { text-align: left !important; font-size: 1em !important; margin-bottom: 0px !important; }
.blog-post-date { color: #cb4a45; text-transform: uppercase; }
.blog-post-date sup { font-size: 90%; vertical-align: sub; }
.abbeydale-blog-post h3 { font-size: 38px; line-height: normal; margin: 0; }
.abbeydale-blog-post a.blog-image-link {
	position: relative;
	width: 32.5%;
	display: block;
	float: left;
	margin: 0 15px 15px 0;
}
.abbeydale-blog-post a.blog-image-link img {
	width: 100%;
	height: auto;
}


.about-menu ul { 
	width: 100%;
    gap: 0;
	margin-bottom: 32px;
	flex-wrap: nowrap;
}
.about-menu ul li {
	text-align: center;
	width: 100%;
}
.about-menu ul li + li a {
    border-left: 1px solid #fff;
}

.about-menu ul li a {
    width: 100%;
    text-transform: uppercase;
    font-family: "bebas_neueregular";
    font-size: 38px;
    padding: 10px 0;
    background: rgba(221,216,212,0.2);
    border: 1px solid #6677;
    margin: 0;
}
.about-menu ul li a:hover {
    color: #EEB212 !important;
    background: rgba(221,216,212,0.5);
}



/* ---------------------------------  INFO POP UPS  --------------------------------- */
.info-pod { text-align: center; line-height: 16px; }
.info-pod img { margin-bottom: 10px; }
.info-pod-img { cursor: pointer; }
.info-pod-img-lg { float: left; margin: 0 15px 15px 0; }
.pop-up-extra-details { display: none; position: fixed; text-align: left; z-index: 2000; top: 10%; max-height: 80%; left: 20%; width: 60%; border: 1px solid #c4c4c4; padding: 34px; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0 0 1em #757575; -webkit-box-shadow: 0 0 1em #757575; box-shadow: 0 0 1em #757575; overflow: visible; }

.pop-up-extra-details-display { display: block; }
.pop-up-extra-details-close,
.pop-up-extra-details-print { display: block; position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; font-size: 24px; color: #495f70; font-weight: bold; text-align: center; text-decoration: none !important; line-height: 40px; border: 2px solid #c4c4c4; cursor: pointer; background: #fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; }
.pop-up-extra-details-print { right: auto; left: -10px; width: 40px; height: 40px; background: url(/images/_site/_icons/print.png) no-repeat center center #fff; }

.info-pod-scroll-content { display: block; position: absolute; top: 34px; right: 2px; padding-right: 32px; bottom: 34px; left: 34px; overflow: auto; }

.info-pod-title { font-size: 130%; font-weight: bold; margin-bottom: 5px; }
.info-pod-sub-title { font-size: 120%; font-weight: bold; margin-bottom: 5px; }
.info-pod-data a { text-decoration: underline; }
.info-pod-data img {
    display: inline-block;
    margin-left: 5px;
}
.info-pod-snippet { margin-top: 5px; }
.pop-up-extra-details .info-pod-snippet {  margin-top: 15px; margin-bottom: 20px; }
.pop-up-extra-details .info-pod-snippet p { margin-left: 0; margin-right: 0; }
.info-pod-pad { margin-bottom: 15px; }

.info-pod-title,
.info-pod-sub-title,
.info-pod-data,
.info-pod-snippet { display: block; }

 .info-pod-title {
    color: #434148;
}
/* ---------------------------------  ------------  --------------------------------- */

/* ----- ----- ----- ----- ----- ----- BEER PUMP SLIDER ----- ----- ----- ----- ----- ----- */

.bx-wrapper .bx-loading {
    background: url(/wp-content/themes/abbeydale/assets/js/jquery.bxslider/images/bx_loader.gif) center center no-repeat;
}
	
	
#beer-categories { display: none; }
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0 66px;
	max-width: 100% !important;
}

.bx-wrapper .bx-viewport { border: none; background: none; left: 0; margin: 10px 0 0; }

.bx-wrapper .bx-pager { position: relative; padding: 0; bottom: 0; }
.beer-carousel .abbeydale-beer-details { width: 379px; }

.bx-pager { display: none; }

.abbeydale-beer-details .column { position: relative; width: 100%; }
.beer-image-comp { display: block; height: 230px; position: relative; overflow: hidden; }
.abbeydale-beer-details .info-pod-img-glass { position: absolute; bottom: -10px; left: 0px; height: 41%; /*-webkit-filter: drop-shadow(0px 0px 5px #888); filter: drop-shadow(0px 0px 5px #888);*/  }
.abbeydale-beer-details .info-pod-img-label-small { position: absolute; top: 6%; bottom: 0; left: 11%; height: 86%; width: 65%; -webkit-filter: drop-shadow(0px 0px 3px #888); filter: drop-shadow(0px 0px 3px #888); object-fit: scale-down; }
.abbeydale-beer-details .availability-badge,
.abbeydale-beer-details .award-winning-badge { position: absolute; top: 0; width: 22%; height: auto; }
.abbeydale-beer-details .availability-badge { left: 0; }
.abbeydale-beer-details .award-winning-badge { right: 25%; }

.abbeydale-beer-details .width-1-3 { padding: 0 30px; }

.abbeydale-beer-details .info-pod { text-align: left; margin-bottom: 0; }
.abbeydale-beer-details .info-pod-title { font-size: 32px; line-height: normal; }
.abbeydale-beer-details .info-pod-sub-title { font-size: 18px; line-height: normal; }
.abbeydale-beer-details .pop-up-extra-details-content { display: none; }
.abbeydale-beer-details .pop-up-extra-details .info-pod-title { font-size: 48px; }
.abbeydale-beer-details .beer-sub-title { font-size: 22px; line-height: normal; }
.abbeydale-beer-details .beer-sub-title2 { font-size: 22px; line-height: 120%; }
.abbeydale-beer-details .info-pod img { margin-bottom: 20px; }
.abbeydale-beer-details .info-pod-snippet { margin-bottom: 5px; display: none; }
.abbeydale-beer-details .info-pod-image { margin-bottom: 0px; width: 100%; height: 455px; margin-right: 20px; display: block; float: left; position: relative; }






.abbeydale-pop-up-extra-details .info-pod-image { margin-bottom: 0px; width: 290px; height: 455px; margin-right: 20px; display: block; float: left; position: relative; }

.abbeydale-pop-up-extra-details .info-pod-image .availability-badge { position: absolute; left: 165px; top: 290px; }
.abbeydale-pop-up-extra-details .info-pod-image .award-winning-badge { position: absolute; left: 130px; top: 255px; }
.abbeydale-pop-up-extra-details .info-pod-image .beer-story-badge { position: absolute; left: 130px; top: 374px; cursor: pointer; }

.abbeydale-pop-up-extra-details .info-pod-title { font-size: 48px; }
.abbeydale-pop-up-extra-details .beer-sub-title { display: block; font-size: 24px; line-height: normal; }

.abbeydale-pop-up-extra-details .info-pod-img-label { max-width: 100%; height: auto; }
.abbeydale-pop-up-extra-details .info-pod-img-glass { position: absolute; top: 60px; left: 20px; height: 212px; width: auto; -webkit-filter: drop-shadow(0px 0px 5px #888); filter: drop-shadow(0px 0px 5px #888);  }
.abbeydale-pop-up-extra-details .info-pod-img-pump { position: absolute; top: 0px; right: 15px; height: 272px; width: auto; }
.abbeydale-pop-up-extra-details .info-pod-img-label-small { position: absolute; top: 60px; right: 30px; -webkit-filter: drop-shadow(0px 0px 3px #888); filter: drop-shadow(0px 0px 3px #888); }

.abbeydale-pop-up-extra-details .info-pod-data { line-height: 200%; border-bottom: 1px solid #8E8F8D; }
.abbeydale-pop-up-extra-details .info-pod-img-glass { top: 210px; left: 0px; }
.abbeydale-pop-up-extra-details .info-pod-img-pump { top: 210px; right: 30px; }
.abbeydale-pop-up-extra-details .info-pod-img-label-small { top: 250px; right: 40px; }

.abbeydale-pop-up-extra-details .info-pod-story { display: none; }
.abbeydale-pop-up-extra-details-story { display: none; position: fixed; top: 14%; max-height: 75%; left: 21%; width: 58%; color: #fff; border: 10px solid #fff; padding: 0 20px 25px; overflow: auto; background: #231f20;  -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);   -moz-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5); z-index: 2100; box-sizing: border-box; }
.abbeydale-pop-up-extra-details-story p { font-size: 14px; }
.abbeydale-pop-up-extra-details-story>:first-child { margin-top: 20px; font-size: 32px; line-height: normal; text-transform: uppercase; }

.hide-story { display: block; width: auto; text-indent: 40px; line-height: 32px; text-decoration: none !important; color: #fff !important; height: 32px; font-size: 28px; float: left; background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/badges/nav_btn_prev.png) no-repeat 0 center; overflow: hidden; }



.abbeydale-beer-details .info-pod-data img { margin-bottom: 0px; }



.pop-up-extra-details-open { color: #231f20 !important; font-weight: bold; text-decoration: none !important; }

.info-pod-data-holder { display: block; width: 40%; float: left; }

.beer-label { font-weight: bold; }

.pop-up-extra-details { border: 1px solid #020202; padding: 34px 34px 94px; height: 80%; background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/stone-background.jpg) repeat-y 0 0 #C9C5BA; background-size: cover; }


#main-content a.pop-up-extra-details-close,
#main-content a.pop-up-extra-details-print { color: #231f20 !important; border: 2px solid #020202; background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/stone-background.jpg) repeat-y 0 0 #C9C5BA; text-decoration: none !important; }

.info-pod-scroll-content {
	bottom: 100px;
}

.bx-wrapper .bx-controls-direction a { margin-top: -95px; width: 66px; height: 190px; }
.bx-wrapper .bx-next, 
.bx-wrapper .bx-prev { background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/arrow-right.png) no-repeat center center; background-size: contain; }
.bx-wrapper .bx-prev { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/arrow-left.png); left: -15px; }
.bx-wrapper .bx-next { right: -15px; }

.bx-wrapper .bx-next:hover, 
.bx-wrapper .bx-prev:hover { background-position:  center center; }

.available-in { display: block; position: absolute; top: 6%; left: 70%; width: 10%; padding-top: 5px; }
.available-keg,
.available-cask,
.available-bottle,
.available-can,
.available-vegan,
.available-gf,
.unavailable-keg,
.unavailable-cask,
.unavailable-bottle,
.unavailable-can,
.unavailable-gf,
.unavailable-vegan { display: inline-block; width: 100%; padding-top: 100%; margin-bottom: 20%; background: no-repeat center center; background-size: contain; }

.block { position: relative; }
.abbeydale-beer-archive { position: absolute; right: 0; top: -15px; padding: 6px 30px; }

.beer-view-tile { margin-bottom: 30px; }
.beer-view-tile .abbeydale-beer-details { width:  33.33%; float: left; }
.beer-view-tile .abbeydale-beer-details:nth-child(3n+4) { clear: both; }

.beer-view-tile .beer-image-comp { height: 300px; }
.beer-view-tile .available-in { left: 80%; }

/*body.home .abbeydale-blog-post:nth-child(5) { display: none; }*/
body.home .abbeydale-blog-post:nth-child(3n+1) {
    clear: both;
}

.abbeydale-pop-up-extra-details .available-in { width: 100%; bottom: 14px; top: auto; height: auto; left: 0; text-align: center; }
.abbeydale-pop-up-extra-details .available-in h3 { font-size: 28px; margin: 0; }
.available-shop {
    position: absolute;
    bottom: 8px;
    right: 11px;
    z-index: 1;
}
.abbeydale-pop-up-extra-details .available-keg,
.abbeydale-pop-up-extra-details .available-cask,
.abbeydale-pop-up-extra-details .available-bottle,
.abbeydale-pop-up-extra-details .available-can,
.abbeydale-pop-up-extra-details .available-vegan,
.abbeydale-pop-up-extra-details .available-gf,
.abbeydale-pop-up-extra-details .unavailable-keg,
.abbeydale-pop-up-extra-details .unavailable-cask,
.abbeydale-pop-up-extra-details .unavailable-bottle,
.abbeydale-pop-up-extra-details .unavailable-can,
.abbeydale-pop-up-extra-details .unavailable-vegan,
.abbeydale-pop-up-extra-details .unavailable-gf { display: inline-block; width: 40px; height: 40px; margin: 0 10px; padding: 0; }

.available-keg { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_keg.png); }
.available-cask { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_cask.png); }
.available-bottle { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_bottle.png); }
.available-can { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_can.png); }
.available-gf { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_gf.png); }
.available-vegan { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_vegan.png); }

.unavailable-keg { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_keg_none.png); }
.unavailable-cask { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_cask_none.png); }
.unavailable-bottle { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_bottle_none.png); }
.unavailable-can { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_can_none.png); }
.unavailable-gf { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_gf_none.png); }
.unavailable-vegan { background-image: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/icon_vegan_none.png); }

.release-date {
    position: absolute;
    font-size: 20px;
	color: #161620;
    line-height: 30px;
    top: 3px;
    left: 3px;
    text-align: center;
	padding-top: 36px;
    width: 86px;
	height: 86px;
	background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/badges/coming.png) no-repeat center 0;
	background-size: contain;
	box-sizing: border-box;
}

/* ----- ----- ----- ----- ----- ----- ---------------- ----- ----- ----- ----- ----- ----- */
	

/* ----- ----- ----- ----- ----- ----- CHILD PAGES MENU ----- ----- ----- ----- ----- ----- */	

ul.child-pages-menu {
	display: flex;
    flex-wrap: nowrap;
	flex-grow: 1;
    width: 100%;
    gap: 0;
    margin: 0 0 32px;
}
ul.child-pages-menu,
ul.child-pages-menu li {
	list-style: none;
    padding: 0;
}
ul.child-pages-menu li {
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    width: 100%;
}
ul.child-pages-menu li a {
    width: 100%;
    text-transform: uppercase;
    font-family: "bebas_neueregular";
    font-size: 38px;
    padding: 10px 0;
    background: rgba(221,216,212,0.2);
    border: 1px solid #6677;
    margin: 0;
}
ul.child-pages-menu li + li a {
    border-left: 1px solid #fff;
}
ul.child-pages-menu li a.child-page-active,
ul.child-pages-menu li a:hover {
    color: #EEB212 !important;
    background: rgba(221,216,212,0.5);
}

ul.child-pages-image {
    gap: 1.5em;
}
ul.child-pages-image li a,
ul.child-pages-image li a:hover {
    padding-top: 100%;
    background: no-repeat center;
    background-size: cover;
    color: #fff !important;
    text-decoration: underline;
	position: relative;
}
ul.child-pages-image li a span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	text-decoration: underline;
    background: rgba(0,0,0,0.5);
    transform: translate(0px, -50%);
}
		
/* ----- ----- ----- ----- ----- ----- ---------------- ----- ----- ----- ----- ----- ----- */

/* ----- ----- ----- ----- ----- ----- ABSOLUTE DIV ----- ----- ----- ----- ----- ----- */
#absolute-div { margin-top: -2.617924em; }
#absolute-div #abbeydale-contact-form-holder .user-form { display: none; position: absolute; right: 50%; top: 36px; margin-right: -600px; padding: 5px 15px; width: 400px; z-index: 10005; }

.abbeydale-contact-form-open { display: none; background-image: url(/images/_site/abbeydale-brewery/enquiry_close.png);  }
#absolute-div #abbeydale-sign-up-holder {
    position: fixed;
    top: 179px;
    right: 30%;
    left: 30%;
    padding: 1%;
    text-align: left;
    background: #fff;
    z-index: 2000;
}
#absolute-div .abbeydale-sign-up-hide { display: none; }
#absolute-div .abbeydale-sign-up-show { display: block; }

#absolute-div #abbeydale-sign-up-holder .user-form {
    position: relative;
    display: block;
    padding: 1% 3%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    background: #fff;
	margin-bottom: 0;
}
#absolute-div #abbeydale-sign-up-holder:before {}
.abbeydale-sign-up-cover {
    content: "";
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
	z-index: 1200;
}
.abbeydale-sign-up-open {
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #333;
    font-size: 32px;
    background: #fff;
    border: 2px solid #4c4c4c;
    border-radius: 50%;
	cursor: pointer;
}

.user-form #abbeydale-sign-up .form-row-checkbox { padding-top: 10px; }
.user-form #abbeydale-sign-up .form-row-checkbox .label { display: none !important; }


.abbeydale-contact-form-open, .abbeydale-contact-form-closed,
.abbeydale-sign-up-ty-close,
.abbeydale-sign-up-closed { display: block; position: absolute; top: 4px; right: 50%; line-height: 17px; margin-right: -600px; padding: 15px 20px; font-size: 18px; font-weight: bold; text-align: center; cursor: pointer; color: #3c2c1f; }

.abbeydale-contact-form-open, 
.abbeydale-contact-form-closed {
    right: 50%;
    width: auto;
    margin-right: -485px;
}
.abbeydale-contact-form-open:after {content: "Close"; display: block; }
.abbeydale-contact-form-closed:after {content: "Order Enquiry"; display: block; }
.abbeydale-contact-form-open { display: none; }

.abbeydale-sign-up-ty-close {
	position: static;
	margin: 0 auto;
	border-radius: 0;
	width: 120px;
}

.abbeydale-contact-button {
    position: unset;
    width: fit-content;
    margin: 0 auto;
}


#header_social_links { position: absolute; text-align: left; 
    bottom: 189px;
    right: 50%;
    margin: 0 -600px 0 0;
}
#header_social_links ul { display: block; clear: both; margin-bottom: 0px; width: 220px; text-align: right; }
#header_social_links > ul:first-child {
    display: none;
}
#header_social_links ul li {
margin: 0 0 0px 10px;
display: inline-block;
color: #434148;
font-size: 16px;
}
#header_social_links ul li.social-untappd,
#header_social_links ul li.social-made-in-sheffield { margin-bottom: 0; }
#header_social_links ul li img {
    width: auto;
    height: 40px;
}
#header_social_links ul li.social-untappd img {
    padding: 7px 0;
}

.c21502 .user-form {
    height: 0 !important;
    overflow: hidden;
    padding: 0;
    border: none;
}

.user-form {
    border: 2px dashed #231f20;
	background: #f5f5f5;
}
.user-form h4 {
    font-size: 38px;
}
.user-form h5 {     font-family: "bebas_neueregular"; }
.user-form .form-row span.label {
    cursor: pointer;
    display: block;
    margin: 5px 0;
    font-weight: 900;
}

.wpforms-field input,
.user-form input.textbox, 
.user-form textarea.textbox, 
.user-form select.drop {
    color: #444 !important;
    border: 1px solid #444 !important;
    padding: 12px !important;
    background: #fff !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 22px !important;
    height: 46px !important;
}
.user-form .form-row-check {
    width: 60%;
    float: left;
}
.user-form .human-check {
    float: left;
}
.user-form .button {
    width: 100%;
}
.form-row-check img {
    width: 31%;
    height: 43px;
    margin-right: 1%;
}
.user-form .form-row-check input {
    width: 67%;
    height: 43px;
    margin-right: 1%;
}
.form-row-check + .form-row-submit {
    padding-top: 35px;
    width: 40%;
    float: left;
}
.wpforms-submit-container button {
    float: right !important;
    background-color: #e2b440 !important;
    border-color: #e2b440 !important;
    color: #434148 !important;
    width: 37% !important;
}
.wpforms-field-checkbox input {  height: auto !important; }
.wpforms-field-checkbox li label { font-style: italic; }
.wpforms-head-container .wpforms-description,
.wpforms-head-container .wpforms-title {
    font-family: "bebas_neueregular";
    font-size: 38px !important;
    color: #434148;
}
.wpforms-head-container .wpforms-description { font-size: 20px !important; line-height: normal; }

.wp-block-button__link { border-radius: 0; }
/* ----- ----- ----- ----- ----- ----- ------------ ----- ----- ----- ----- ----- ----- */


/* ----- ----- ----- ----- ----- ----- ABSOLUTE DIV ----- ----- ----- ----- ----- ----- */
#absolute-div { position: relative; }
body.admin #absolute-div { display: none; }
#absolute-div #abbeydale-contact-form-holder .user-form { top: unset; bottom: 364px; }

.abbeydale-contact-form-open, .abbeydale-contact-form-closed,
.abbeydale-sign-up-ty-close,
.abbeydale-sign-up-closed { top: unset; bottom: 304px; }
/* ----- ----- ----- ----- ----- ----- ------------ ----- ----- ----- ----- ----- ----- */

.brochure-download { display: block; width: 100%; margin: 0 0 25px; text-align: center; }
.brochure-download img { margin: auto; }


.abbeydale-team-img { display: block; width: 100%; max-width: 220px; height: 220px; margin: 0 auto 10px; overflow: hidden; }
.abbeydale-team-img img { object-fit: cover; }

#covershade {
    position: fixed;
    z-index: 1900;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: none;
    background: url(/wp-content/themes/abbeydale/assets/images/abbeydale-brewery/cover-shade-background.png) repeat 0 0;
}

@media screen and (max-width: 1200px) {	
	#absolute-div #abbeydale-contact-form-holder .user-form,
	.abbeydale-contact-form-open, 
	.abbeydale-contact-form-closed,
	.abbeydale-sign-up-ty-close,
	.abbeydale-sign-up-closed,
	#header_social_links { right: 1%; margin-right: 0px; }
	.abbeydale-contact-form-open, 
	.abbeydale-contact-form-closed { margin-right: 115px; }
}

@media screen and (max-width: 800px) {
    #absolute-div #abbeydale-sign-up-holder {
        top: 120px;
        right: 10%;
        left: 10%;
    }
}

@media screen and (max-width: 750px) {	
    #header_social_links { bottom: 90px; width: 98% }
    .abbeydale-contact-form-open, 
    .abbeydale-contact-form-closed, 
    .abbeydale-sign-up-ty-close, 
    .abbeydale-sign-up-closed { bottom: 145px; }
    #absolute-div #abbeydale-contact-form-holder .user-form {
        bottom: 180px;
    }
}

@media screen and (max-width: 1264px) {	
	.woocommerce-active .site-header .site-header-cart { right: 1%; margin-right: 0px; }
	
    #main-menu > li > a, 
    #main-menu > li > a.on,
    #main-menu > li > a:hover, 
    #main-menu > li:hover > a { padding: 30px 30px 30px 40px !important; font-size: 46px; }
    #main-menu > li.page4 > a,
    #main-menu > li.page4 > a.on,
    #main-menu > li.page4 > a:hover { padding-left: 30px !important; }

    #main-menu > li > a.on:after,
    #main-menu > li.page3 > a.on:after { top: 12px; left: 40px; right: 30px; }
    #main-menu > li.page4 > a.on:after { left: 30px; }
    #main-menu > li.page2 > a.on:after { left: 0px; right: 40px; }
	

	#main-menu > li.page5 > a,
	#main-menu > li.page5 > a.on,
	#main-menu > li.page5 > a:hover { padding-right: 0 !important; }
}
@media screen and (max-width: 1165px) {	
	#holder > menu  { top: 32px; }
	#main-menu > li:before { top: 35px; height: 10px; width: 10px; }
	#main-menu > li > a,
	#main-menu > li > a.on,
	#main-menu > li > a:hover, 
	#main-menu > li:hover > a { padding-left: 30px; font-size: 46px; }
	
	#main-menu > li.page2 > a,
	#main-menu > li.page2 > a.on,
	#main-menu > li.page2 > a:hover,
	#main-menu > li.page3 > a,
	#main-menu > li.page3 > a.on,
	#main-menu > li.page3 > a:hover { padding-left: 30px; }
	

	#main-menu > li.page5 > a,
	#main-menu > li.page5 > a.on,
	#main-menu > li.page5 > a:hover { padding-right: 0 !important; }
}

@media screen and (max-width: 1035px) {	
	#holder > menu  { top: 32px; }
	#main-menu > li > a, 
	#main-menu > li > a.on,
	#main-menu > li > a:hover, 
	#main-menu > li:hover > a { font-size: 38px; }
}

@media screen and (max-width: 972px) {

	#wpadminbar { display: none; }
	
	.site-header { min-height: 170px; }
	
	#holder > menu  { padding: 0 1%; top: 150px; }
    
    #main-menu > li { width: auto !important; margin: 0% !important; padding: 0 !important; }

    #main-menu > li.page4:before,
	#main-menu > li:before { display: block; top: 15px; height: 8px; width: 8px; }
	#main-menu > li > a,
	#main-menu > li > a.on,
	#main-menu > li > a:hover, 
	#main-menu > li:hover > a,
    #main-menu > li.page5 > a,
    #main-menu > li.page5 > a.on,
    #main-menu > li.page5 > a:hover,
    #main-menu > li.home a,
    #main-menu > li.home > a.on,
    #main-menu > li.home > a:hover,
    #main-menu > li.page2 a, 
    #main-menu > li.page2 > a.on, 
    #main-menu > li.page2 > a:hover,
    #main-menu > li.page4 > a,
    #main-menu > li.page4 > a.on,
    #main-menu > li.page4 > a:hover { padding: 0 30px 0 38px !important; font-size: 38px; }
    
    #main-menu > li.page3 { margin-right: 0px !important; padding: 0; }
    #main-menu > li.page4 { margin-left: 0px !important; padding: 0; }
    

    #main-menu > li > a.on:after { top: 2px !important; left: 38px !important; right: 30px !important; }
    #main-menu > li > ul { margin: 0 !important; }
	#holder > menu #main-menu > li a {
		height: 42px;
		line-height: 42px;
		text-align: left;
	}
}

@media screen and (max-width: 800px) {
	#main-menu > li > a,
	#main-menu > li > a.on,
	#main-menu > li > a:hover, 
	#main-menu > li:hover > a,
    #main-menu > li.page5 > a,
    #main-menu > li.page5 > a.on,
    #main-menu > li.page5 > a:hover,
    #main-menu > li.home a,
    #main-menu > li.home > a.on,
    #main-menu > li.home > a:hover,
    #main-menu > li.page2 a, 
    #main-menu > li.page2 > a.on, 
    #main-menu > li.page2 > a:hover,
    #main-menu > li.page4 > a,
    #main-menu > li.page4 > a.on,
    #main-menu > li.page4 > a:hover { padding: 0 20px 0 28px !important; font-size: 34px; }
    
    #main-menu > li > a.on:after { top: 12px; left: 28px !important; right: 20px !important; }
	.beer-view-tile .abbeydale-beer-details {
		width: 50%;
		float: left;
	}
	.abbeydale-beer-details .info-pod-img-label-small { width: 89%; }
}

@media screen and (max-width: 770px) {	
	#main-menu > li > ul, 
	#main-menu > li > ul li > ul { width: 230px; }
}

@media screen and (max-width: 700px) {
	#main-menu > li > a,
	#main-menu > li > a.on,
	#main-menu > li > a:hover, 
	#main-menu > li:hover > a,
    #main-menu > li.page5 > a,
    #main-menu > li.page5 > a.on,
    #main-menu > li.page5 > a:hover,
    #main-menu > li.home a,
    #main-menu > li.home > a.on,
    #main-menu > li.home > a:hover,
    #main-menu > li.page2 a, 
    #main-menu > li.page2 > a.on, 
    #main-menu > li.page2 > a:hover,
    #main-menu > li.page4 > a,
    #main-menu > li.page4 > a.on,
    #main-menu > li.page4 > a:hover { font-size: 28px; }
}

@media (min-width: 481px) and (max-width: 768px) {
	.site-main ul.products.columns-4 li.product,
	.wc-block-grid.has-4-columns .wc-block-grid__product {
		flex: 1 0 49.8%;
		max-width: 49.8%;
		width: 49.8%;
	}
	body.page-template .site-main ul.products.columns-3 li.product,
	.site-main ul.products.columns-3 li.product { width: 100%; }
}

@media screen and (max-width: 480px) {
	.site-main ul.products.columns-4 li.product,
	.wc-block-grid.has-4-columns .wc-block-grid__product {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
		margin: 0 0% 0.1%;
	}
	body.page-template .site-main ul.products.columns-3 li.product,
	.site-main ul.products.columns-3 li.product { width: 100%; }
}