.store, .main {vertical-align: top; margin: 0}
.ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%}
.main, .modal {text-align: left; font-size: 10pt}
.modal {padding: 0 2px}
hr {height: 1px}
.main hr {color: black; background-color: black; border-width: 0px}
.ui-content {padding: 0 1px}
td {font: inherit}
.font1, .cart, .nextTextDialogContainer, .nextNotifyInStockButton {font-size: 10pt}
.font1small, .nextSharingDiscountLimit {font-size: 8pt}, .nextPurchaseSetQtyMsg {font-size: 8pt}
.font1large {font-size: 12pt}
.font2 {font: 10pt Work Sans,sans-serif}
.font2small {font: 8pt Work Sans,sans-serif}
.font2large {font: 12pt Work Sans,sans-serif}
.labelSubText {font-size: 8pt; display: block}
.mlabelSubText {font-size: 8pt}
.nextCartStatus, .nextCartEmpty .nextCartEmptyMessage, .nextSharingDiscountMessage {font-style: italic}
.nextSharingDiscountMessage {padding-top: 20px}
.nextStatus {padding-top: 5px; font-style: italic}
.nextCartEmpty {padding: 10px 10px 50px 10px; text-align: center}

a.nounderline, .nounderline a, .nextCategoryTarget a, .nextProductTarget a, .nextCartProductTarget, .nextDiscountThumbnail {text-decoration: none}
.nextHeader, .nextFooter, .banner2 {height: 45px}
.nextHeaderFooter {clear: both}
.nextBannerCellRight .nextBannerText {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText {padding-right: 12px}
.nextBannerCell, .nextFirstNameLabel, .nextLastNameLabel, .nextPhoneLabel, .nextExtLabel, .nextEmailLabel, .nextAddressLabelLabel, .nextCompanyNameLabel, .nextAddress1Label, .nextAddress2Label, .nextCityLabel, .nextStateLabel, .nextZipLabel, .nextCountryLabel, .nextAddressTypeLabel, .nextAddressTypeRadio, .nextPasswordLabel {white-space: nowrap}
.nextBannerCellLeft, .nextBannerCellLeftButton, td.nextNavButton, .nextCartProductListHeader h2 {text-align: left}
.nextCentered, .nextBannerCellCenter, .nextShipName, .welcome, .nextSharingDiscountMessage, .nextPolicyContainer, .nextPoweredBy, .nextWarningsPopup, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls, .nextGeneralConfirmation, .nextCatalogFooter, .nextGeoTrust, .nextTrustGuard, .nextNotification, .nextLogo, .nextTrusteeEmailConfirmation, .nextMobileLoyaltyRedemptionDiv, .nextLegalDisclaimer, .nextCustomerShipperWarning {text-align: center}
.nextSKUShipText, .nextLogo {padding: 10px 0 0 10px}
.nextBannerCellRight, td.nextCartButton, .nextCartTotalAmount, .nextCartDiscount {text-align: right}
.nextNavButtonText, .nextCartButtonText {vertical-align: middle; height: 22px}
.nextCartButtonText {position: relative; left: -2px; top: -5px}
.nextCartButton, .nextCartButton:hover, .nextHomeButton, .nextHomeButton:hover, .nextContinueButton, .nextContinueButton:hover, .nextCheckoutButton, .nextCheckoutButton:hover {min-width: 80px; height: 34px; white-space: nowrap}
.nextCartButtonIcon {display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/jquerymobile/images/cart_white.png); background-repeat: no-repeat; background-position: 0 50%; position: relative; height: 30px; width: 30px; top: -5px}
.nextMobileButton {min-height: 34px; min-width: 80px}
.nextSearchResultsContainer ul {position: absolute; z-index: 2; width: 100%}
.nextProductSearchResults {margin: 0 !important}
.nextShipToCartProducts, .nextPickupCartProducts, .nextEmailToCartProducts {padding: 0; border-top-width: 1px}
.nextCategoryList, .nextProductList, .nextCartProductList, .nextCartTotalRows {border: 0 solid black; border-bottom-width: 1px; list-style: none; padding: 0}
.nextCategoryListItem, .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li {display: block; border: 0 solid black; margin: 0; text-align: left}
.nextCategoryListItem, .nextProductListItem {border-top-width: 1px}
.nextCategoryListItem a {font: 10pt Work Sans,sans-serif}
.nextCartProductListItem {border-bottom-width: 1px}
.nextCategoryTarget, .nextProductTarget, .nextCartProductTarget, .nextDiscountThumbnail, .nextShipToLabel, .nextPriceTable, .nextSpecifications, .nextPickup, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {display: block}
.nextCategoryTarget {padding: 0.7em 75px 0.7em 15px}
.nextCategoryListItem div {position: relative}
.nextCategoryListItem img, .nextProductListItem img, .nextCartProductListItem img {max-width: 80px; max-height: 80px; position: absolute; top: 0; left: 0; border: 0; float: left}
.nextCartProductListItem img {max-width: 80px; max-height: 80px}
.nextCategoryListItem .ui-icon, .nextProductListItem .ui-icon, .nextCartProductListItem .ui-icon {display: block; position: absolute; top: 50%; margin-top: -9px; right: 10px}
.nextCategorySubList {margin: 0; -webkit-margin-after: 15px; border-top-width: 1px; background-color: #EEE}
.nextCategorySubList .nextCategoryListItem div {margin: 0 15px}
.nextCategorySubList .nextCategoryListItem {border: 0 solid black; border-bottom-width: 1px}
.nextCategoryTargetImg {padding-left: 95px; min-height: 65px}
.nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li, .nextShippingMethodSelectSalesTax  {padding: 5px 0 5px 0}
.nextProductListItemContainer, .nextCartProductListItemContainer {position: relative; min-height: 80px}
.nextProductThumbnailItem, .nextCartProductThumbnailItem, .nextCategoryThumbnailItem {padding-left: 85px} 
.nextCategoryThumbnailItem {min-height: 80px}
.nextMobileDialog {position: absolute; padding: 10px; border: 1px solid #aaa; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100; background: -moz-linear-gradient(center top , #FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #FDFDFD), color-stop(1, #EEEEEE)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDFDFD', EndColorStr='#EEEEEE')"; text-shadow: 0 1px 1px #F6F6F6; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #333333;white-space:normal} 
.nextOverlay {background-color: rgba(0, 0, 0, 0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5}
.nextOverlay, .nextLoadingOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99}
.ui-loader {z-index:1000; box-shadow: none}
.nextLoadingOverlay {z-index:999}
.nextPopupElement input, .nextPopupElement select, .nextNewShipToLabel, .nextNewShipName {display: block; width: 97%}
.nextProdName {font: 12pt Work Sans,sans-serif; font-weight: bold; display: block; text-align: left}
.nextProductDetail {padding: 5px; text-align: left}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextNoProductThumbnailItem, .nextNoCartProductThumbnailItem, .nextProductDetail .nextProdName, .nextProductDetail .nextShortDesc, .nextProductDetail .nextStatus, .nextProductDetail .nextAttributeLabel, .nextWriteInAttributes, .nextPrice, .nextHiddenPrice, .nextSKUContainer, .nextCustomField1Container, .nextCustomField2Container, .nextCustomField3Container, .nextCustomField4Container, .nextCustomField5Container, .nextCustomField6Container, .nextCustomField7Container, .nextCustomField8Container, .nextCustomField9Container, .nextCustomField10Container, .nextCustomField11Container, .nextCustomField12Container, .nextCustomField13Container, .nextCustomField14Container, .nextCustomField15Container, .nextCustomField16Container, .nextCustomField17Container, .nextCustomField18Container, .nextCustomField19Container, .nextCustomField20Container, .nextUOMContainer, .nextShipWeightContainer, .nextAllocationContainer, .nextInventoryContainer, .nextOrderDiscounts, .nextGiftCertificate {padding: 0 10px}
.nextOrderDiscounts, .nextCartPhoneNumber, .nextCartEmail, .nextShipTo {padding-bottom: 10px}
.nextTweet, .nextPinIt, .nextFBShare, .nextAddThis, .nextAddToCart, .nextNewShipToLabel, .nextNewShipName, .nextMainImage, .nextProductSearchContainer, .nextPagesTicker, .nextTellAFriendMessage, .nextPolicyBody, .nextSoldOut {padding: 10px}
.nextPopupElement, .nextMobileInput, .nextRegisterAddendum, .nextRegisterHeader {padding: 5px 10px}
.nextSoldOut {font-style: italic; font-weight: bold; text-align: center}
.nextBidPrice {padding: 10px 0}
.nextMiniThumb {cursor: pointer}
.nextPrice, .nextSKUText, .nextGiftMessageWrap {padding-top: 10px}
.nextGiftMessageWrap {padding-left: 10px}
.nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .nextCartSubtotalLabel, .nextCartGrandTotalLabel, .banner2 {font-weight: bold}
.nextFBShareContainer {display: inline-block; position: absolute; left: 0; top: 0; padding: 10px}
.nextFBShare {position: relative; height: 80px}
.nextCartSavings, .nextCartSubscription, .nextCartOrderSubscription, .nextCartReservation, .nextCustomerShipperWarning {color: black}
.nextEditQuantity, .nextShippingMethodSelectLineItems, .nextCartDiscountRow, .nextCategoryDiscount, .nextSurcharge, .nextBuyNowButtonContainer {display: table-row}
.nextEditQuantity div, .nextBuyNowButtonContainer div, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {display: table-cell; vertical-align: middle; padding-right: 15px}
.nextQuantityLabelContainer, .nextQuantityTextBoxContainer {padding-right: 20px;}
.nextQuantityLabelContainer {min-width: 55px}
.nextQuantityTextBoxContainer {min-width: 65px}
.nextAddToCartButtonContainer, .nextBuyNowButtonDiv, .nextFavoriteShoppingListContainer {width: 100%}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextRegisterCaptcha {width: 304px; margin: 0 auto 0;}
.nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {width: 50%}
.nextGiftMessageWrap .ui-controlgroup-controls {min-width: 160px}
.nextGiftMessageWrap, .nextInvoiceShipToAddress {border-bottom: 1px dotted black}
.nextCartTotalRows li, .nextPolicyContainer div {display: table; width: 100%}
.nextCartTotalAmount, .nextCartTotalLabel, .nextCartDiscountLabel, .nextCartDiscount, .nextPolicyLink {display: table-cell}
.nextNotification {border: 1px solid #CCC79A; background-color: #FFFACD}
.nextGeoTrust, .nextTrustGuard, .nextNotification {padding: 5px}
.nextNotificationHeader {padding-bottom: 5px}
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating {width:18px;height:18px}
div.star-rating,div.star-rating a {background:url(//cdn.nexternal.com/shared/storefront/images/star_empty.png) no-repeat 0 0px}
div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a, div.star-rating-hover a {background:url(//cdn.nexternal.com/shared/storefront/images/star_full.png) no-repeat 0 0px}
div.star-rating-readonly a {cursor:default !important}
div.star-rating {background:transparent!important; overflow:hidden!important}
.nextHoverNotification {position: absolute; left: 50%; width: 200px; z-index: 5000; cursor: pointer; background: -moz-linear-gradient(center top , #666666, #222222) repeat scroll 0 0 #222222; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #666666), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222')"; border: 0; border-radius: 6px; box-shadow: 0 0 6px #000000; color: #FFFFFF; font-family: Helvetica,Arial,sans-serif; font-size: 15px; z-index: 5001; text-align:center; padding: 10px}
.nextRatingLabel, .nextRatingContainer {display: inline-block}
.nextRatingLabel, .nextRatingContainer, .nextCustomerCustomFieldValue {vertical-align: top}
.nextShippingMethodSelectLineItemQty, .nextShippingMethodSelectLineItemName {display: table-cell; padding: 5px 10px 5px 0}
.nextPolicyContainer, .nextPoweredBy {padding: 20px 0}
.ui-collapsible .nextDetails .ui-corner-bottom {border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.nextCurrency {display: block; position:relative; font-size:14pt; top:25px; left:9px; height:0; line-height:0; z-index:2}
.nextCurrencyInput {padding: 0.4em 17px !important}
.nextStandardStoreFrontLink {text-align: center; padding: 10px 0;}
.nextNoScriptBlock {display: block; width:100%; height:10000px; position: fixed; left: 0; top: 0; z-index: 2}
.nextNoScriptBlock .ui-header {background-image:-webkit-gradient(linear,left top,left bottom,from( #3C3C3C ),to( #111111 )); background-image:-webkit-linear-gradient( #3C3C3C,#111111 ); background-image: -moz-linear-gradient( #3C3C3C,#111111 ); background-image: -ms-linear-gradient( #3C3C3C,#111111 ); background-image: -o-linear-gradient( #3C3C3C,#111111 ); background-image: linear-gradient( #3C3C3C,#111111 );}
.nextNoScriptBlock .ui-content {padding: 15px}
.nextCartAccountInfo {padding: 0.5em 0}
#sw-wrapper {position:absolute; z-index:1000; left:0; width:100%; font-family:helvetica, sans-serif; background:rgba(0,0,0,0.7); text-align:left}
#sw-header {position:relative; width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #000; background:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-header.png) 0 0 repeat-x; opacity: 0.9}
#sw-cancel, #sw-done {position:absolute; top:7px; height:20px; line-height:20px; padding:0 5px; margin:0; border-width:5px; font-size:12px; font-weight:bold; text-shadow:rgba(0,0,0,0.8) 0 -1px 0; color:#fff}
#sw-cancel {left:7px; float:left; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-cancel.png) 5}
#sw-done {right:7px; float:right; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-done.png) 5}
.sw-pressed {opacity:0.4;}
#sw-slots-wrapper {position:relative; z-index:999; display:block; height:215px; padding:0 11px; overflow:hidden}
#sw-slots {display:table; width:100%; background:#fcfcfc}
#sw-slots div {display:table-cell; height:100%; padding-top:86px; border-left:2px solid #0d0e0f; background-color:#fcfcfc; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-slot-border.png); background-position: 0 0, 100% 0; background-repeat: repeat-y}
#sw-slots div:first-child {border:0;}
#sw-slots ul {padding:0 0 85px 0; margin:0; list-style:none}
#sw-slots .sw-right {text-align:right;}
#sw-slots .sw-shrink {width:1%;}
#sw-slots .sw-readonly {background:#ddd;}
#sw-slots li {padding:0 8px; height:44px; overflow:hidden; font:bold 24px/44px Helvetica,sans-serif}
#sw-frame {position:absolute; z-index:1000; left:0; right:0; bottom:0; height:183px; border-width:16px; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-alpha.png) 16}
.nextLoginHeader, .nextContactInfoHeader {margin-top: 15px}
span.ui-body-d {background: none; border: none}
.nextCategoryListItem:active, .nextProductListItem:active {-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888}
.nextTextDialogContainer {padding:5px}
.nextCollapsibleText {text-overflow: ellipsis}
.nextStaticText {position: absolute; right: 20px}
h2.ui-collapsible-heading .ui-btn-text, h3.ui-collapsible-heading .ui-btn-text {position: static}
h2.ui-collapsible-heading .ui-btn-inner, h3.ui-collapsible-heading .ui-btn-inner {padding-right: 50px !important}
.nextPickup {padding: 10px 0 10px 0;}
.nextPickupLabel {font-size:16px}
.nextCartProductListHeader h2 {font-size: 1.5em; margin: 16px 0 !important}
.nextPickupInvoiceProducts, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {padding: 10px 0}
.nextIconInactive {color: #a5a5a5}
.nextFontHeartActive {color: red}
.nextFontStarActive {color: #f7e729}
.nextFontShopListActive {color: #e09c1e}
.nextFontBookmarkActive {color: blue}
.pac-item {font-family: Work Sans,sans-serif}



/*mobile vanillabean 201.004*/
.nextHeader.ui-bar-a {
	background:#333; /*TOP BANNER*/
}
.nextGallery div {
	display:none;
}
.ui-body-a, .ui-overlay-a {
    font-family:Roboto, sans-serif; /*BODY FONT*/
	text-shadow:none;
	
}
.ui-bar-f,
.ui-bar-d,
.ui-bar-a{
    font-family:"Roboto Condensed", serif; /*HEADINGS FONT*/
	text-shadow:none;
	background:none;
	border:none;
	border-bottom:1px solid #CCC;
	font-size:18px;
	padding-left:5px;
	box-sizing: border-box;
}
.nextCategorySubList {
	background:rgba(0,0,0,.1);
}

.nextTweet,
.nextPlusOne,
.nextPinIt,
.nextFBLike,
.nextFBShare {
	display:inline-block;
	vertical-align:top;
}

a,
.ui-body-a .ui-link,
.ui-body-a .ui-link:visited,
.ui-body-a .ui-link:hover {
	color:#222; /*LINK COLOR*/
}
.ui-body-a .nextCategoryList ul a, 
.nextGeoTrust, 
.nextTrustGuard, 
.nextNotification,
#sw-slots {
	color:#000;
}

/*BODY BACKGROUND COLOR OR IMAGE, AND SEPEARATE CONTENT BACKGROUND COLOR*/
/*
div.main {
    background:#F0F5F0;
}
.nextContent,
.nextCatalogFooter{
    background-color: #FFF;
    max-width:1130px;
    box-sizing: border-box;
}
.nextContent{
    margin: 30px auto 0;
    border-radius:4px 4px 0 0;
}
.nextCatalogFooter{
    margin: 0 auto;
    border-radius:0 0 4px 4px;
}
.bottomHTML {
    margin-top:30px;
}
.nextInvoice .bottomHTML,
.nextLogin .bottomHTML,
.nextOrderInfo .bottomHTML{
    display: none;
}
*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top:30px;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.account #footer,
.checkout #footer {
	display:none;
}
.fluidWrap {
	display:inline-block;
}
.fluidWrap img {
	width:100%;
	max-width:100%;
}
.hideMobile {
	display:none !important;
}
.nextCategoryDescription {
	overflow:scroll;
}
/*sale stickers*/
.onSale > .nextProductTarget,
.onSale .nextMainImage {
	position:relative;
	display:inline-block;
}
.onSale > .nextProductTarget:after,
.onSale .nextMainImage:after {
	content:"Sale!";
	position:absolute;
	left:8px;
	top:8px;
	text-transform:uppercase;
	opacity:.95;
	background:#d26e4b;
	width:55px;
	height:55px;
	line-height:55px;
	border-radius:999px;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
.onSale > .nextProductTarget:after {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:8px;
}
/*fluid gallery thumbs*/
.nextMiniThumb {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 2%;
  max-width: 31%;
}

.nextMiniThumb img {
  height: auto;
  max-width: 100%;
  width: 100%;
}
.clubPrice b {
    font-weight: normal;
}
/*----------------------------------------------------------------
	..discount label customization for category discounts and 
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
.nextCategoryDiscount .nextCartDiscountLabel, .nextCategoryDiscount .labelSubText {
	font-size: 0;
}
.nextCategoryDiscount > .nextCartDiscountLabel:before{
	content: "Club Membeer Discount - 20% off all wine";
	font-size: 13px;
}
.nextCustomerDiscount .nextCartDiscountLabel{
    font-size: 0;
}
.nextCustomerDiscount .nextCartDiscountLabel:before{
    content: "Case Discount - 15% off 12 or more bottles";
    font-size: 13px;
}
*/
/*hide pickup*/
/*
#inpFulfillmentMethodPickUp,
label[for="inpFulfillmentMethodPickUp"] {
	display:none;
}
*/


/*
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
	padding: 10px 12px;
	border-radius: 0;
	font-weight: 700;
	font-size: 13px !important;
	cursor: pointer;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-appearance: none;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #555;
	background: #FFF;
	color: #555;
	box-sizing: border-box;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
	background-color: #555;
	background-color: rgba(0, 0, 0, .7);
	color: #FFF;
	background: #555;
	color: #FFF;
}
*/
/*----------------------------------------------------------------
	..Template1 content styling
------------------------------------------------------------------*/
.nextHeader {
	height: 43px;
}
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn {
	font-family:Roboto, sans-serif !important;
}
.ui-btn-corner-all,
.ui-corner-all{
	border-radius: 0;
}
.ui-shadow {
	box-shadow: none;
}
.ui-btn {
	border: none !important;
	background-image: none;
	background:#555 !important;
	font-size: 13px !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	white-space: normal !important;
	color: #FFF !important;
}
.ui-btn.nextAddToCartButton {
	font-weight: 700 !important;
	/*font-size: 13px;*/
	transition: all .3s ease;
	text-transform: uppercase;
	box-sizing: border-box;
	
	
	
	border: 2px solid #888 !important;
	background: #FFF !important;
	color: #222 !important;
}
.ui-btn.nextAddToCartButton:hover {
	background: #555 !important;
	color: #FFF !important;
}
.ui-btn-inner {
	border: none;
}
.ui-btn-text {
	text-shadow: none !important;
}
.ui-radio-off {
	background: #EEE !important;
	color:#222 !important;
}
.ui-controlgroup .ui-radio {
	border-radius: 0;
}
.ui-shadow-inset {
	box-shadow: none;
}
.nextFullCart,
.nextCartSmallButton,
#aCartCalculator{
	margin-left:5px;
	margin-right: 5px;
	box-sizing: border-box;
}
.ui-listview li.ui-btn {
	border-bottom:1px solid #FFF !important;
}
.ui-li .ui-btn-text a.ui-link-inherit {
	white-space: normal;
}
.nextEmailRetype ~ hr {
	display:none;
}
hr,
.main hr{
	background-color: #999;
	/*display: none;*/
}
div.ui-input-text {
	padding:0;
}
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text {
	padding: .4em;
	box-sizing: border-box;
	border-radius: 0;
}
.nextMobileDialog {
	border-radius: 0;
}
.nextEditQuantity div {
	padding-right: 5px;
}
.nextEditQuantity div input.ui-input-text {
	padding: .5em .4em;
}
/*----------------------------------------------------------------
******************************************************************
	..CHILD THEME
******************************************************************
------------------------------------------------------------------*/
body .ui-btn.nextAddToCartButton, .ui-submit,
body .nextHeader .ui-btn {
	background:#9c3022 !important;
	color:white !important;
}
a {text-decoration:none;}
.nextMobileDialog {z-index:9999}

.ui-body-a, .ui-overlay-a {
    font-family:Work Sans,sans-serif; /*BODY FONT*/
}
.ui-bar-f,
.ui-bar-d,
.ui-bar-a{
    font-family:Roboto Condensed, sans-serif; /*HEADINGS FONT*/
}
a,
.ui-body-a .ui-link,
.ui-body-a .ui-link:visited,
.ui-body-a .ui-link:hover {
	color:#000; /*LINK COLOR*/
}
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn {
	font-family:Work Sans,sans-serif !important;
}
.main {
	font-size:100%;
}
#aspnetForm,
.nextContent {
	font-size:10pt;
}

/*----------------------------------------------------------------
	..BORDERING HTML
------------------------------------------------------------------*/
body, body.master {
	color:#343434;
	-webkit-text-size-adjust: 100%;
    font-family:Work Sans,sans-serif;
    font-size:62.5%;
	margin:0;
}
a {
	color:#810b1d;
}
a:hover {
	color:#3b050d;
}
.borderingHTML a {
	text-decoration:none
}
.borderingHTML ul {
	list-style:none;
	padding:0;
	margin:0;
}
.borderingHTML p {
	line-height: 1.2em;
	padding-bottom: 15px;
	margin:0;
}
.borderingHTML h3 {
	font-size: 2.3em;
	margin:0 0 10px;
}
.borderingHTML h4 {
	font-size: 1.4em;
	margin:0 0 5px;
}

/* style_002.css */
.clearfix {
	clear: both;
}
.borderingHTML input:not([type="checkbox"]), .borderingHTML button {
	appearance: none;
	-webkit-appearance: none;
	border: none !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: normal;
	margin: 0;
	padding: 10px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nowrap {
	white-space: nowrap;
}

section:first-of-type {
	margin-top: 70px;
}

section {
	width: 100%;
	float: left;
}

section:after {
	clear: both;
}

section.white {
	background: #fff;
}

section.gray {
	background: #f0f0f0;
}

section.gray.border {
	border-top:1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

section.red {
	background: #9c3022;
}

.black {
	background: #000;
}

.container {
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page.content {
	max-width: 800px;
	margin: 0 auto;
	padding: 70px 0;
}

.page.content.full-width {
	max-width: 800px;
}

.page.content.centered {
	max-width: 600px;
	text-align: center;
}

.page.content.cta {
	padding: 0 0 30px 0;
}

.page.content.content-block {
	padding: 70px 0 30px 0;
}

.page.content.image-block {
	max-width: 960px;
	padding: 0 0 70px 0;
}

.page.content.image-block h2 {
	padding-bottom: 40px;
}

.post.wrapper {
	padding: 70px 0;
	float: left;
}

.centered {
	text-align: center;
}

.bold {
	font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
}

header.site {
	background:#000;
	position:fixed;
	top:37px;
	left:0;
	width:100%;
	z-index: 99;
}
.home h1, .headline {
	font-family:'franchise', Helvetica, 'sans-serif';
	text-transform: uppercase;
	margin: 0;
}

.lockup {
	max-width: 150px;
	margin: 0 auto 25px auto;
	padding-bottom: 0;
}

.headline {
	font-size: 5em;
	margin-bottom: 10px;
}


.content ul > li, .content ol > li {
	font-size: 1.6em;
	line-height: 1.7em;
	padding-bottom: 15px;
}

.anchor {
	position: absolute;
	top: -70px;
	left: 0;
}

.gform_anchor {
	position: relative;
	top: -150px;
	left: 0;
}

.no-wrap {
	white-space: nowrap;
}

.content ul ul > li, .content ol ol > li, .content ol ul > li {
	font-size: 1em;
    padding-bottom: 5px;
}

.content ul ul ul > li {
    padding-bottom: 5px;
    list-style: circle;
}

.content ul li {
	list-style: disc;
	margin-left: 1.4em;
}

.content ol li {
	list-style: decimal;
	margin-left: 1.4em;
}

.borderingHTML img {
	display: block;
	width:100%;
	height: auto;
}

img.aligncenter {
	margin: 20px auto;
	max-width: 700px;
}

img.alignright {
	float: right;
	width: auto;
	padding: 0 0 10px 20px;
}

img.alignnone {
	width: auto;
	max-width: 100%;
}

.button, #loginform input[type=submit], .gform_footer input[type=submit], .gform_page_footer input[type=submit] {
	padding: 15px 25px;
	font-family:Work Sans, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	display: inline-block;
	letter-spacing: 1px;
	cursor: pointer;
}

#loginform p > input[type=submit] {
	font-size: .9em;
}

.button.white-outline {
	border: 1px solid #fff;
	color: #fff;
}

.button.white-outline:hover {
	background: #fff;
	color: #545454;
}

.button.black-outline {
	border: 1px solid #000;
	color: #000;
}

.button.black-outline:hover {
	background: #000;
	color: #fff;
}

.button.red-outline {
	border: 1px solid #9c3022;
	color: #9c3022;
}

.button.red-outline:hover {
	background: #999;
	color: #fff;
	border: 1px solid #999;
}

.button.red-outline-fill {
	border: 1px solid #9c3022;
	color: #9c3022;
}

.button.red-outline-fill:hover {
	background: #9c3022;
	color: #fff;
	border: 1px solid #9c3022;
}

.button.red {
	background:#9c3022;
	color: #fff;
}

.button.red:hover {
	background:#545454;
}

.button.white {
	background:#fff;
	color: #666;
}

.button.red:hover {
	background:#666;
}

.button.close-x {
	color: #fff;
	position: absolute;
	top: 20px;
	right: 20px;
	padding:0;
	font-size: 2em;
	z-index: 2;
}

.button.close-x:after {
	font-family: "FontAwesome";
	content: '\f057';
}

.button:hover {
	text-decoration: none;
}

/*--------------------------------------
	Header
--------------------------------------*/

header nav a {
	line-height: 70px;
	vertical-align: middle;
}

header .mobile-trigger {
	display: none;
}

header .home {
	float: left;
}

header .home h1 {
	font-size: 3.6em;
	margin-left: 60px;
	font-weight:normal;
}

header .home h1 a {
	color: #fff;
	text-decoration: none;
}

/*** Main Nav ***/

header .main-nav {
	float: right;
}

header .main-nav .menu > li, header .search .menu > li {
	display: inline-block;
	position: relative;
	text-transform:uppercase;
	font-family:Work Sans, sans-serif;
	letter-spacing:1px;
}

header .main-nav .menu > li:hover:before, header .search .menu > li:hover:before {
	content: "";
	background: #9c3022;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
}

header .main-nav ul li a, header .search ul li a {
	color: #fff;
	text-decoration: none;
	padding:0 20px;
	display: block;
}

header .main-nav .menu > li > a, header .search .menu > li > a {
	font-size: 1.5em;
	font-weight:500;
}

/*** Sub Nav ***/

header .main-nav .sub-menu, header .search .sub-menu {
	position:absolute;
	border-top: 1px solid #666;
	left: 0;
	top: 70px;
	opacity: 0;
	width: 275px;
	-moz-transform: scale(1,0);
    -webkit-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
	-moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
	-moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
	background: #000;
}

header .main-nav .right .sub-menu {
	left: auto;
	right: 0;
	text-align: right;
}

header .main-nav .menu > li .sub-menu > li {
	border-bottom: 1px solid #666;
	position:relative;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	transition: background .2s ease;
}

header .main-nav .menu > li  .sub-menu > li > a {
	font-size: 1.2em;
	line-height: 50px;
}

header .main-nav .menu > li .sub-menu > li:hover {
	background: #555;
}

/*** Sub-Sub Nav ***/

header .main-nav .sub-menu .sub-menu {
	top: -1px;
	left: 275px;
}

section.banner {
	height: 260px;
	color: #fff;
	position: relative;
	background-position: center center;
}

section.banner.tall {
	height: auto;
	color: #fff;
	position: relative;
	background-position: center center;
}

section.banner:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: rgba(0, 0, 0, .7); 
}

section.banner.tall:before {
	background: rgba(0, 0, 0, .5); 
}

section.banner.no-overlay:before {
	display: none;
}

section.banner .container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

section.banner.tall .container {
	top: auto;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	padding: 100px 30px 150px 30px;
}

section.banner.tall .container:after {
	content: "";
	display: table;
	clear: both;
}

section.banner.tall.right .container {
	padding: 340px 30px 100px 30px;
}

section.banner.tall.cta .container {
	padding: 300px 30px 150px 30px;
}

section.banner.tall.half-half .container {
	padding: 150px 30px;
}

section.banner.tall .content {
	max-width: 860px;
}

section.banner.tall.cta .content {
	max-width: 460px;
}

section.banner.tall.right .content {
	float:right;
}

section.banner.tall.right .content h2 {
	text-indent: -.6em;
	margin-left: .6em;
}

section.banner.tall.cta .content h3, section.banner.tall.half-half .text h3 {
	font-family:'Serifa W01 Black', Arial, 'serif';
	text-transform: none;
}

section.banner.tall.half-half .column:first-of-type {
	padding-right: 80px;
}

section.banner.tall.cta .content p {
	max-width: 400px;
}

section.banner h1 {
	font-size: 8.5em;
	padding-bottom: 10px;
}

section.banner.tall h1 {
	font-size: 2.3em;
    font-family: 'HelveticaNeueW01-77BdCn 692722', Helvetica, 'sans-serif';
}

section.banner h2 {
	font-family:'Serifa W01 55 Roman', Arial, 'sans-serif';
	font-size: 2.3em;
	text-transform: none;
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.2em;
}

section.banner.tall h2 {
	font-family:'Serifa W01 Black', Arial, 'sans-serif';
	font-size: 8em;
	max-width: none;
	margin: 0;
	line-height: 1em;
}

/*** Search ***/

header nav.search {
	float: right;
}

header .search .search-wrapper {
	position:absolute;
	border-top: 1px solid #666;
	left: 0;
	top: 70px;
	width: 100%;
	-moz-transform: scale(1,0);
    -webkit-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
	-moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
	-moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
	background: rgba(0, 0, 0, .8);
}

header .search .search-wrapper.active {
	-moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

.search-wrapper form {
	width:calc(100% - 40px);
	position: relative;
	padding: 20px 0;
}


.search-wrapper input[type=text] {
	background: none;
	border: 0;
	font-size: 2.6em;
	color: #fff;
	width:calc(100% - 70px);
}

.search-wrapper button {
	font-size: 2.2em;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	width: 70px;
	background: none;
	-webkit-transition:background .2s ease;
	-moz-transition:background .2s ease;
	transition:background .2s ease;
}

.search-wrapper button:hover {
	background: rgba(255, 255, 255, .3);
}

.search-wrapper .close, .search-wrapper button {
	position: absolute;
	top: 0;
	right: 0;
	display:block;
	cursor:pointer;
	color: #fff;
	height: 100%;
}

.search-wrapper .close {
	width: 40px;
}

.search-wrapper .close em {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.search-wrapper .close i:hover {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #999;
}

.search-wrapper .close {
	font-size: 2em;
}

/*--------------------------------------
	Promo Banner
--------------------------------------*/

section.promo-banner {
	padding: 30px 0 10px 0;
	border-top:1px solid #666;
	color: #fff;
	background: #222222;
}

section.promo-banner p.info {
	font-family: 'Serifa W01 55 Roman', Arial, 'sans-serif';
    font-size: 2.4em;
	margin-bottom: 10px;
}

section.promo-banner p.info .asterisk {
	font-size: 16px;
	line-height: 1em;
	position: relative;
	top: -.4em;
	margin-left: 2px;
}

section.promo-banner .services-wrap {
	display: flex;
	justify-content: center;
}

section.promo-banner .services-wrap .column {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
}

section.promo-banner .services-wrap .column img {
	max-width: 100px;
	margin: auto auto 10px auto;
}

section.promo-banner .services-wrap .column img.minibar {
	max-width: 85px;
}

section.promo-banner .services-wrap .column .button {
	margin-top: auto;
}

section.promo-banner p.disclaimer {
	font-size: 1.2em;
	color: #999;
	padding-top: 15px;
}

/*--------------------------------------
	Homepage
--------------------------------------*/

.homepage-banner {
	position:relative;
	width: 100%;
}

.homepage-banner:after {
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 0;
}

.homepage-banner .container {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	z-index: 1;
}

.homepage-banner .content .logo {
	max-width: 250px;
	margin: 0 auto 25px auto;
}

.homepage-banner .content h1 {
	font-size: 8.5em;
}

.homepage-banner .content > p {
	max-width: 768px;
	margin: 0 auto;
}

.homepage-banner .content .button {
	margin-top: 50px;
}

.homepage-banner .background-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.homepage-banner #background-video { 
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
}

.homepage-banner .background-image-mobile { 
	position: absolute; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -1;
	display:none;
}

.homepage-beer {
	padding: 50px 0 60px 0;
	text-align: center;
}

.homepage-beer .beer-nav {
	padding: 40px 0 65px 0;
}

.full-availability .beer-nav {
	padding: 40px 0 0 0;
}

.homepage-beer .beer-nav .mobile-dropdown, .full-availability .beer-nav .mobile-dropdown {
	display: none;
}

.homepage-beer .beer-nav ul li, .full-availability .beer-nav ul li {
	display: inline-block;
	position:relative;
	font-family:Work Sans, sans-serif;
	color: #666;
	text-transform: uppercase;
	padding: 0 8px 15px 8px;
	font-size: 1.4em;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 0;
}

.homepage-beer .beer-nav ul li.active, .full-availability .beer-nav ul li.active {
	font-family:'Helvetica Neue LT W01_85 Heavy', Helvetica, Arial, 'sans-serif';
}

.homepage-beer .beer-nav ul li.active:after, .homepage-beer .beer-nav ul li:hover:after, .full-availability .beer-nav ul li.active:after, .full-availability .beer-nav ul li:hover:after {
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #9c3022;
}

.homepage-beer .beers {
	min-height: 305px;
} 

.homepage-beer .beers .the-beer {
	max-width: 200px;
	padding: 0 15px;
	display: inline-block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: bottom;
	line-height: 305px;
}

.homepage-beer .beers .the-beer.mothership, .beer-class .the-beer.mothership {
	max-width: 365px;
}

.homepage-beer .beers .the-beer.visible {
	visibility: visible;
	opacity: 1;
}

.the-beer .attachment-bottle-image {
	height: 305px;
	width: auto;
	margin: 0 auto;
}

.the-beer .attachment-bottle-image-750 {
	height: 370px;
	width: auto;
	margin: 0 auto;
}

.backstage .the-beer .attachment-bottle-image {
	height: 570px;
}

.backstage .one-third img {
	height: 500px;
	width: auto;
	margin: 0 auto;
}

.the-beer .attachment-glass-image {
	height: 250px;
	width: auto;
	margin: 0 auto;
}

#nitro-draft-series .attachment-glass-image {
	height: 282px;
} 

.the-beer .attachment-can-image {
	height: 200px;
	width: auto;
	margin: 0 auto;
}

.the-beer a img {
	top: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}

.the-beer a:hover img {
	top: -5px;
}

.social {
	padding: 50px 0;
}

.social .container p {
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 40px;
}

.social-wrap {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.social .column a {
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
}

.social .column a:hover .overlay {
	visibility: visible;
	opacity: 1;
}

.social .twitter a .overlay {
	background: rgba(0, 0, 0, .1);
}

.social .instagram a .overlay {
	background: rgba(0, 0, 0, .7);
}

.social .twitter {
	text-align: center;
	background: #f7f6f6;
}

.social .content {
	position: absolute;
	width: 100%;
	padding: 0 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.social .content p {
	font-size: 1.4em;
	line-height: 1.2em;
}

.social .content em {
	font-size: 1.5em;
	margin-bottom: 5px;
}

.social .overlay {
	opacity: 0;
	visibility: hidden;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

/*--------------------------------------
	ABOUT
--------------------------------------*/

section.red.ghost {
	position: relative;
	overflow: hidden;
}

section.red.ghost .page.content.full-width {
	max-width: 830px;
	margin: 0;
	color: #fff;
	padding: 70px 0 160px 0;
	position: relative;
	z-index: 1;
}

section.red.ghost .content p strong {
	font-family: 'Serifa W01_65 Bold', Arial, 'serif';
	font-size: 1.25em;
}
	

section.red.ghost .content blockquote p {
	font-family:'Serifa W01 55 Roman', Arial, 'serif';
	font-size: 2.4em;
	margin-top: 30px;
}

section.red.ghost .ghosted {
	font-family: 'franchise', Helvetica, 'sans-serif';
    text-transform: uppercase;
    color: rgba(0, 0, 0, .08);
    position: absolute;
    bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
    white-space: nowrap;
	z-index: 0;
	line-height: .6em;
	width: 103%;
}
section.red.ghost .ghosted span {
	font-size: 24vw;
}

section.half-images .half .content {
	position: absolute;
    bottom: 40px;
    left: 30px;
    z-index: 1;
    color: #fff;
    top: auto;
    text-align: left;
    -webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}

section.half-images .half .content p strong {
	font-family: 'Serifa W01_65 Bold', Arial, 'serif';
	font-size: 1.25em;
}

section.icon-links {
	padding-bottom: 70px;
}

section.icon-links .one-third .image-wrap {
	padding-bottom: 30px;
}

section.icon-links .one-third .image-wrap img {
	max-height: 135px;
	height: 100%;
	width: auto;
	display: inline-block;
}

section.stats {
	color: #fff;
	padding: 100px 0 40px 0;
}

section.stats .one-third {
	padding-bottom: 60px;
}

/*--------------------------------------
	HISTORY
--------------------------------------*/

section.history {
	color: #fff;
	position: relative;
}

section.history .content {
	padding: 70px;
}

section.history .content p strong {
	font-family: 'Serifa W01_65 Bold', Arial, 'serif';
	font-size: 1.25em;
}
	

section.history .content blockquote p {
	font-family:'Serifa W01 55 Roman', Arial, 'serif';
	font-size: 2.4em;
	margin-top: 30px;
}

section.history .half.right {
	position: absolute;
	right: 0;
	height: 100%;
}

.video.slider {
	padding: 40px 0 100px 0;
}

.video.slider .slick-nav {
	background: none;
	bottom: 50px;
}

.video.slider .slick-nav .slick-arrow {
	border-top: 2px solid #999;
}

.video.slider .slick-nav .slick-next {
	border-right: 2px solid #999;
}

.video.slider .slick-nav .slick-prev {
	border-left: 2px solid #999;
}

.video.slider .slick-nav .slick-dots li {
	border: 2px solid #999;
}

.video.slider .slick-nav .slick-dots li.slick-active {
	background: #999;
}

/*--------------------------------------
	TIMELINE
--------------------------------------*/

body.locked {
	overflow: hidden;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

section.timeline-loader {
	position: relative;
	height: 100vh;
	background: #000;
	margin-top: 0 !important;
}
section.timeline .overlay {
	z-index: 0;
	background:rgba(0, 0, 0, 1);
	-webkit-transition: .4s background .6s ease-in-out;
	-moz-transition: .4s background .6s ease-in-out;
	-ms-transition: .4s background .6s ease-in-out;
	transition: .4s background .6s ease-in-out;
}

section.year.current .overlay {
	background:rgba(0, 0, 0, .6);
	cursor: ns-resize;
}

section.timeline.current {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

section.timeline {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
	overflow: hidden;
}

section.year .container {
	color: #fff;
	top: calc(50% + 35px);
	position: absolute;
	right: 100px;
	max-width: 500px;
	padding: 0;
	margin: 0;
	z-index: 1;
	-webkit-transform: translateY(calc(-50% + 30px));
	-moz-transform: translateY(calc(-50% + 30px));
	-ms-transform: translateY(calc(-50% + 30px));
	transform: translateY(calc(-50% + 30px));
	-webkit-transition: .4s all .6s ease-out;
	-moz-transition: .4s all .6s ease-out;
	-ms-transition: .4s all .6s ease-out;
	transition: .4s all .6s ease-out;
	opacity: 0;
	
}

.loaded section.year.current .container {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	backface-visibility: hidden;
}

section.year .container h1 {
	font-size: 12em;
	margin-left: -5px;
}

section.year .container p {
	font-family:'Serifa W01_45 Light', Arial, 'sans-serif';
	font-size: 1.8em;
	letter-spacing: .05em;
}

section.year a.video-link {
	color: #fff;
	display: inline-block;
	margin: 10px 20px 10px 0;
	font-size: 1.4em;
	text-transform: uppercase;
	font-family:Work Sans, sans-serif;
	line-height: normal;
	padding: 10px 20px 7px 18px;
	-webkit-font-smoothing: antialiased;
}

section.year a.video-link i {
	font-size: 1.4em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
	padding-right: 2px;
}

section.year a.video-link:hover {
	text-decoration: none;
}

section.timeline-years {
	position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid rgba(255,255,255,.3);
	background: rgba(0, 0, 0, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9996;
    width: 140px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .5s ease-in-out 1s;
	-moz-transition: all .5s ease-in-out 1s ;
	-ms-transition: all .5s ease-in-out 1s ;
	transition: all .5s ease-in-out 1s;
}

/*.last-year.loaded section.timeline-years {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}*/

.loaded section.timeline-years {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

section.timeline-years .years-container {
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 298px;
    padding: 10px 0;
}

section.timeline-years nav.year-nav {
	-webkit-transform: translateY(126px);
	-moz-transform: translateY(126px);
	-ms-transform: translateY(126px);
	transform: translateY(126px);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

section.timeline-years nav.year-nav div {
	position: relative;
    height: 46px;
    text-align: center;
	display: flex;
    display: -ms-flexbox;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	cursor: pointer;
}

nav.year-nav div span:before {
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	left: -50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .4s width .3s ease;
	-moz-transition: .4s width .3s ease;
	transition: .4s width .3s ease;
}

nav.year-nav div.current span:before {
	content: "";
	width: 45px;
}

nav.year-nav div.current span {
	opacity: 1;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

nav.year-nav div span {
	-webkit-font-smoothing: antialiased;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1.4em;
	font-family:Work Sans, sans-serif;
	color: #fff;
	opacity: .2;
	display: block;
}

nav.year-nav div.title:hover span {
	opacity: 1 !important;
}

nav.year-nav div.one-out span {
	opacity: .6;
}

nav.year-nav div.two-out span {
	opacity: .4;
}

nav.all {
    position: absolute;
    top: 140px;
    right: 40px;
    z-index: 9998;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: .4s all .4s ease;
	-moz-transition: .4s all .4s ease;
	-ms-transition: .4s all .4s ease;
	transition: .4s all .4s ease;
	cursor: pointer;
}

.loaded nav.all {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

nav.all.open .view-all {
	color: #000;
}

nav.all.open span {
	background: #000;
}

nav.all.open .view-all-trigger {
	border: 2px solid #343434;
}

nav.all .view-all {
	color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family:Work Sans, sans-serif;
    letter-spacing: .1em;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
}

nav.next {
	position: fixed;
	bottom: 20px;
	left: 50%;
	z-index: 9997;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .3s ease 2s;
	-moz-transition: all .3s ease 2s;
	-ms-transition: all .3s ease 2s;
	transition: all .3s ease 2s;
	cursor: pointer;
	opacity: 0;
}

.loaded.last-year nav.next {
	display: none;
}

.loaded nav.next {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

nav.next .down-arrow {
	color: #fff;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	opacity: .8;
	margin-left: -15px;
}

nav.next .down-arrow span {
	width: 30px;
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 25px;
}

nav.next:hover .down-arrow {
	opacity: 1;
	color: #000;
}

nav.next:hover .down-arrow {
	background: #fff;
}

.view-all-trigger {
	display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
	opacity: .8;
}

.view-all-trigger span {
	display: block;
	position: relative;
	height: 1px;
	width: 60%;
	margin: 0 auto;
	background: #fff;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.view-all-trigger span:nth-child(1) {
	top: 8px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.view-all-trigger span:nth-child(2) {
	top: 11px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.view-all-trigger span:nth-child(3) {
	top: 14px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

nav.all:hover .view-all-trigger {
	background: #fff;
	opacity: 1;
}

nav.all:not(.open):hover .view-all-trigger span {
	margin: -1px auto 2px auto;
	background: #000!important;
}

.open .view-all-trigger span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 7px;
    left: 2px;
}

.open .view-all-trigger span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.open .view-all-trigger span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 16px;
    left: 2px;
}

section.all-events {
	position: absolute;
	height: 0;
	background: #fff;
	z-index: 9997;
	opacity: 0;
	top: 0;
	left: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
}

section.all-events a.video-link {
	display: inline-block;
	margin: 0 20px 20px 0;
	font-size: 1.3em;
	text-transform: uppercase;
	font-family:Work Sans, sans-serif;
}

section.all-events a.video-link i {
	font-size: 1.4em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
	padding-right: 2px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

section.all-events a.video-link:hover {
	text-decoration: none;
}

section.all-events a.video-link:hover i {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.timeline-spinner {
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
	opacity: 0;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
}

.timeline-spinner.visible {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.timeline-spinner .spinner_loading {
	border: 8px solid rgba(0, 0, 0, 0.2);
	border-left: 8px solid #282829;
	-webkit-animation: spinner .8s infinite linear;
	-moz-animation: spinner .8s infinite linear;
	animation: spinner .8s infinite linear;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: relative;
	margin-bottom: 6px;
}

.timeline-spinner.page {
	color: #fff;
}

.timeline-spinner.page .spinner_loading {
	border: 8px solid rgba(255, 255, 255, 0.4);
	border-left: 8px solid #fefefe;
}

@-webkit-keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


@-moz-keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

section.all-events:after {
	content: "";
	display: table;
	clear: both;
}

section.all-events.open {
	height: 100vh;
	opacity: 1;
	width: 100%;
}

section.all-events .container {
	padding: 100px 30px;
	max-width: 800px;
}

section.all-events .container .row {
	display: flex;
}

section.all-events .container .row h2 {
	font-size: 6em;
	opacity: 0;
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: .4s all .4s ease-in-out;
	-moz-transition: .4s all .4s ease-in-out;
	-ms-transition: .4s all .4s ease-in-out;
	transition: .4s all .4s ease-in-out;
}

section.all-events .container .row.visible h2 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

section.all-events .container .row p {
	padding-bottom: 0;
}

section.all-events .container .row .the-year {
	min-width: 160px;
    flex: none;
    text-align: right;
}

section.all-events .container .row .content {
	padding-bottom: 120px;
	opacity: 0;
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
	-webkit-transition: .4s all .4s ease-in-out;
	-moz-transition: .4s all .4s ease-in-out;
	-ms-transition: .4s all .4s ease-in-out;
	transition: .4s all .4s ease-in-out;
}

section.all-events .container .row.visible .content {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

section.all-events .container .row:first-of-type .the-year, section.all-events .container .row:first-of-type .content {
	padding-top: 100px;
}

section.all-events .container .row .content .videos {
	padding-top: 15px;
}

section.all-events .container .row .divider {
	min-width: 1px;
	background: #ececec;
	margin: 0 40px;
	position: relative;
}

section.all-events .container .row .divider:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	background: #a9a9a9;
	position: absolute;
	top: 10px;
	left: -5px;
	border-radius: 50%;
}

section.all-events .container .row:first-of-type .divider:before {
	top: 110px;
}

section.timeline.footer-wrap footer {
	position: absolute;
	bottom: 0;
}


/*--------------------------------------
	BEERS
--------------------------------------*/

.beer-class {
	text-align: center;
	padding: 50px 0;
	border-top: 1px solid #cacaca;
	position: relative;
}

.beer-class:nth-of-type(odd) {
	background: #f0f0f0;
}

.beer-class h3 {
	margin-bottom: 30px;
}

.beer-class .the-beer {
	display: inline-block;
	padding: 0 20px;
	max-width: 200px;
	vertical-align: bottom;
}

.beer .image {
	padding-right: 40px;
}

.post.beer .content {
	float: right;
}

.beer .content h1 {
	font-size: 6em;
	line-height: normal;
}

.beer .content h4 {
	color:#9c3022;
	text-transform: uppercase;
	font-size: 1.5em;
	font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serif;
}

.beer .content p {
	line-height: 1.7em;
}

.beer-locator {
	margin-top: 30px;
	float: left;
}

.beer-locator h3 {
	font-family:'Serifa W01_65 Bold';
	font-size: 2em;
	text-transform: none;
	color: #555;
}

.barrel-aged .beer-locator h3 {
	color: #fff;
}

.beer-locator .locator input {
	background: #ececec;
}

.beer-locator .locator button, .beer-locator .locator input {
	font-size: 1.4em;
	float: left;
	padding: 14px;
}

.beer-locator .locator button {
	background: #9c3022;
	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	transition: background .3s ease;
	margin-left: -3px;
}

.beer-locator .locator button:hover {
	background: #666;
}

.beer-locator.inline {
	text-align: center;
	margin: 15px 0;
	float: none;
}

.beer-locator.inline h3, .beer-locator.inline input, .beer-locator.inline button {
	display: inline-block;
	float: none;
}

.beer .product-avail {
	border-bottom: 1px solid #cacaca;
	margin-top: 40px;
	padding: 20px 0;
}

.beer .product-avail span {
	display: inline-block;
    font-size: 11px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
	text-transform:uppercase;
    width: 48px;
	font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serif;
}

.beer .product-avail span img {
	width:17px;
	opacity: .6;
	position:relative;
	margin: 0 auto 3px auto;
}

.beer .product-avail span.snifter img {
	width:22px;
}

.beer .product-avail span.ml750 img {
	width:20px;
}

.table.properties {
	font-family:'Helvetica Neue LT W01_41488878', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	margin: 20px 0;
	color: #555;
}

.table.properties .bold {
	font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serifs;
}

.table.properties .cell {
	padding: 6px 10px 6px 0;
}

.on-tap-badge {
	float: right;
	padding-left: 20px;
	color: #555;
	text-align: center;
}

.on-tap-badge.mobile {
	display: none;
}

.on-tap-badge h2 {
	font-size: 6em;
	margin: 0;
	padding: 0;
	line-height: normal;
	color: #9A301F;
}

.beer .content .on-tap-badge p {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family:Work Sans, sans-serif;
	text-transform: uppercase;
}

.barrel-aged .beer .content .on-tap-badge h2, .barrel-aged .beer .content h4 {
	color: #999999;
}

.barrel-aged .beer .content .on-tap-badge p {
	color: #fff;
}

.checkins {
	background: #f2f2f2;
	padding: 50px 20px;
	text-align: center;
}

.checkins .untappd-checkins {
	max-width: 400px;
	margin: 30px auto 0 auto;
	text-align: left;
}

.checkins .checkin-info:first-of-type {
	border-top: 1px solid #cacaca;
}

.checkins .checkin-info {
	float: left;
	clear: left;
	padding: 12px;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkins .image-wrap {
	float: left;
	max-width: 50px;
	margin-right: 15px;
}

.checkins .info-wrap {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #555;
}

.checkins .untappd-link {
	margin-top: 25px;
	clear: left;
}

.checkins .untappd-link a {
	background: #fecd06;
	line-height: 40px;
	color: #000;
	padding-right:20px;
	clear: left;
	text-transform: uppercase;
	font-family:Work Sans, sans-serif;
	font-size: 1.3em;
	display: inline-block;
}

.checkins .untappd-link a:before {
	content: '';
	background:url(https://cdn.nexternal.com/founders/images/untappd-icon_feed.jpg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	float: left;
	padding-right: 3px;
}

.column .featured-content.visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.column .featured-content, .column .more-content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.column .more-content {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.column .more-content.visible {
	opacity: 1;
	visibility: visible;
}

.column .featured-content .featured {
	font-size: 2.2em;
    margin-bottom: 20px;
    line-height: 1.2em;
    margin-top: 20px;
}

.column .more-content p:last-of-type {
	margin-bottom: 20px;
}

.column .more-content.dark {
	color: #fff;
	position: relative;
}

.column .more-content.dark h3 {
	margin-bottom: 20px;
}

.column .more-content.dark .overlay {
	background: rgba(0, 0, 0, .7);
}

.column .more-content.dark a:not(.button) {
	color: #ececec;
	font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
	display: inline-block;
	margin-top: 10px;
}

/*----- Beer Series Landing Page -----*/

.beer-series:nth-of-type(odd) {
	background: #f0f0f0;
}

.beer-series {
	padding: 50px 0 20px 0;
	border-top: 1px solid #cacaca;
}

.beer-series .page.content {
	padding: 0;
	border-bottom: 1px solid #cacaca;
}

.beer-series .page.content:last-of-type {
	border-bottom: 0;
}

.beer-series .page.content ul {
	padding-bottom: 20px;
	display: inline-block;
    text-align: left;
}

.beer-series .page.content ul > li {
	padding-bottom: 0;
}

.beer-series .one-third, .beer-series .one-third img {
	float: right;
}

.beer-series h2 {
	font-size: 6em;
	margin-bottom: 10px;
}

.beer-series .one-third img {
	width: auto;
	max-width: 160px;
}

.beer-series .table.properties {
	color: #343434;
}

/*----- Barrel Aged -----*/

body.barrel-aged section.banner:before {
	display: none;
}

body.barrel-aged section.beer {
	background: #000;
	color: #fff;
}

body.barrel-aged .page.content {
	padding: 70px 0 40px 0;
}

body.barrel-aged section.beer .beer-class {
	float: left;
	border-top: none;
}

body.barrel-aged .beer-class h3 {
	margin-bottom: 0;
}

.barrel-aged .table.properties {
	color: #fff;
}

.barrel-aged .image .lockup {
	position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

.barrel-aged .beer-class .the-beer {
	max-width: none;
	padding-top: 10px;
	margin-bottom: 50px;
}

.barrel-aged .beer-class .the-beer:nth-child(4n) {
	clear: left;
}

.barrel-aged .the-beer .button {
	margin-top: 15px;
}

.barrel-aged .beer-class.past {
	border-bottom: 1px solid #cacaca;
	background: #fff;
	color: #343434;
}

.barrel-aged .beer-class.past h3 {
	margin: 40px 0;
}

/*--------------------------------------
	BEER LOCATOR
--------------------------------------*/

.locator-form {
	margin: 0 auto 30px auto;
	padding: 40px;
	text-align: center;
	background: #efefef;
}

.locator-form input {
	background: #fff;
}

.locator-form select, .locator-form input {
	font-size: 1.6em;
}

.locator-form input {
	margin-left: 10px;
}

.locator-form p, .locator-form .select-wrap {
	margin-bottom: 0;
	display: inline-block;
	padding-bottom: 25px;
	padding-left: 10px;
}

.locator-form .submit-wrap {
	padding-top: 20px;
}

#locator-results {
	padding-top: 20px;
	float: left;
	width: 100%;
	padding-bottom: 70px;
}

#locator-results .location {
	padding: 30px 20px;
}

#locator-results .location h4 {
	font-size: 1.6em;
	line-height: normal;
}

#locator-results .location p {
	font-size: 1.4em;
	line-height: 1.6em;
	padding-bottom: 0;
}

#locator-results #locator-pages {
	float: left;
	clear: left;
	text-align: center;
	width: 100%;
	padding: 20px 0 40px 0;
}

#locator-results #locator-pages li {
	display: inline-block;
	padding: 0 8px;
	font-family:'Helvetica Neue LT W01_85 Heavy', Helvetica, Arial, 'sans-serif';
	margin: 0;
}

#locator-results .clearfix {
	border-top: 1px solid #cacaca;
}

.beer-locator-message {
	max-width: 550px;
	margin: 0 20px;
	padding: 40px;
}

.beer-locator-message .close {
	text-align: center;
}


/*--------------------------------------
	Recipes/Pairings
--------------------------------------*/

section.recipes .content, section.food-pairing .content {
	padding: 70px 0 40px 0;
}

section.recipes .recipes-wrapper {
	float: left;
	padding: 0 0 60px 0;
	text-align: center;
}

section.recipes .recipes-wrapper .column {
	padding: 0 40px;
	text-align: center;
	display: inline-block;
	float: none;
	margin-right: -2px;
}

section.recipes .recipes-wrapper .column .content-wrap {
	padding: 15px 0 0 0;
}

section.recipes .recipes-wrapper .column .content-wrap .designation {
	color: #666;
	padding: 5px 0 10px 0;
}

section.recipes .recipes-wrapper .column .download {
	font-size: 1.4em;
	margin-bottom: 15px;
	display: inline-block;
}

section.food-pairing .info {
	display: table;
	min-height: 355px;
	margin-bottom: 60px;
}

section.food-pairing .info .column {
	display: table-cell;
	float: none;
}

section.food-pairing .info .column.content {
	padding-left: 40px;
}

/*--------------------------------------
	Tap List
--------------------------------------*/

.on-tap h4 {
	text-align: center;
}

.tap-list {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 60px;
	text-align: center;
}


.tap-list .one-quarter {
	padding: 0 20px;
    display: inline-block;
    text-align: left;
    float: none;
    vertical-align: top;
	margin-right: -3px;
}

.tap-list .beers li {
	font-size: 1.4em;
	line-height: 1.4em;
	border-bottom: 1px solid #cacaca;
	padding: 10px 0;
}

.tap-list .beers .desc {
	font-size: .85em;
}

.additional-info .page.content {
	padding: 0 0 70px 0;
}

/*--------------------------------------
	Daily Schedule
--------------------------------------*/

section.daily-schedule {
	border-top: 1px solid #cacaca;
	
}

section.daily-schedule .content h2 {
	font-size: 6em;
	margin-bottom: 10px;
	color: #9c3022;
}

section.daily-schedule .content .info {
	font-style: italic;
	color: #555;
}

section.daily-schedule .content .hours-wrapper {
	margin-bottom: 50px;
}

section.daily-schedule .content .hours-wrapper p {
	padding-bottom: 4px;
	font-size: 1.4em;
}

section.daily-schedule .content .hours-wrapper .hours {
	font-family:'HelveticaNeueW01-75Bold', Helvetica, 'sans-serif';
}

section.daily-schedule .plus-minus h4 {
	font-family:'HelveticaNeueW01-65Medi', Helvetica, 'sans-serif';
	font-size: 1.6em;
	margin: 0 0 20px 0;
	display: inline-block;
}

section.daily-schedule .panel p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.4em;
}

section.daily-schedule .panel p:not(:first-of-type) {
	padding-top: 15px;
}

section.daily-schedule .panel p .day {
	font-size: 1.4em;
}

/*--------------------------------------
	Posts
--------------------------------------*/

section.posts article {
	float: left;
	width: 100%;
	border:1px solid #cacaca;
	padding: 30px;
	margin: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.posts article.post-feature {
	background: #f0f0f0;
}

section.posts article .post-thumb {
	float: right;
	max-width: 220px;
	margin-left: 40px;
	width: 100%;
}


section.posts article .post-thumb img {
	width: 100%;
}

section.posts article img {
	width: auto;
}

section.posts article h6.featured-article {
	color: #666;
    font-family: "HelveticaNeueW01-67MdCn_692710",sans-serif;
    font-size: 18px;
    line-height: normal;
    padding-bottom: 10px;
	text-transform: uppercase;
}

section.posts .entry-meta {
	margin-bottom: 30px;
	font-size: 1.2em;
}

.entry-meta .posted-on {
	float: left;
}

section.posts .entry-title {
	font-size: 2em;
	margin-bottom:5px;
	line-height: 1.2em;
}

section.posts article p {
	font-size: 1.3em;
}

section.posts article .post-readmore {
	padding-top: 40px;
}

section.single.wrapper h1 {
	font-size: 6em;
}

section.single.wrapper .entry-meta {
	font-size: 1.4em;
	margin-bottom: 20px;
}

.post-nav {
	font-size: 1.4em;
	margin-top: 30px;
}

.post-nav.mobile {
	display: none;
}

.post-nav .alignleft {
	float: left;
}

.post-nav .alignright {
	float: right;
}

section.single.wrapper .share {
	margin: 30px 0;
	float: right;
    width: 100%;
}

.ssba {
	font-size: 14px;
	text-transform: uppercase;
	background: #f9f9f9;
	padding: 20px;
}

.ssba img {
	width: 35px !important;
    padding:10px 5px 0 5px;
    border: 0;
    -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
    display: inline !important;
    vertical-align: middle;
    -webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}

.wp-pagenavi {
	margin: 30px 0;
	float: left;
	width: 100%;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	border: none;
	font-size: 1.4em;
}

.wp-pagenavi span.pages {
	color: #999;
}

/*--------------------------------------
	Taproom Events
--------------------------------------*/

.page.content .video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	margin-bottom: 20px; 
}

.page.content .video-container iframe, .video-container object, .video-container embed, .video-container video { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

h2.show-wsg {
	color: #555;
	font-size: 2.3em;
	font-family:'Serifa W01 55 Roman', Arial, 'sans-serif';
	text-transform: none;
}

/*--------------------------------------
	20th Anniversary
--------------------------------------*/

.page.content .signature {
	margin:40px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.page.content .signature:nth-of-type(1) {
	padding-right:10px;
}

.page.content .signature:nth-of-type(2n) {
	padding-left:10px;
}

.page.content .signature img {
	max-width: 340px;
	margin:0;
}

.page.content .signature p {
	color:#666;
	line-height:normal;
	padding-left:4px;
	padding-top:4px;
	font-size:1.2em;
}

.page.content .signature p span {
	white-space:nowrap;
}

.page.content .signature.media {
	width:auto;
	display:table;
	margin-bottom:40px;
}

.the-media .downloadables {
	padding-top: 30px;
	text-align: center;
	font-size: 1.6em;
}

.additional-content {
	padding-top: 30px;
	text-align: center;
}


/*--------------------------------------
	404
--------------------------------------*/

#menu-top-level-pages {
	border: 1px solid #cecece;
}

#menu-top-level-pages li {
	padding-bottom: 0;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    margin: 0 12px;
    font-size: 1.3em;
    font-family:Work Sans, sans-serif;
    text-transform: uppercase;
}

/*--------------------------------------
	Search Results
--------------------------------------*/

section.search-results h1 {
	font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'sans-serif';
	text-transform: uppercase;
	font-size: 2em;
	padding-bottom: 20px;
	border-bottom: 1px solid #cacaca;
	color: #555;
	text-align: center;
}

section.search-results article {
	border-bottom: 1px solid #cacaca;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0;
	padding: 40px 20px;
}

section.posts .post-thumb.beer img, section.posts .post-thumb.show img {
	max-height: 220px;
	width: auto;
    margin: 0 auto;
}

/*--------------------------------------
	Columns/Blocks/CTAs
--------------------------------------*/

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 1;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	transition: background .3s ease;
}

.overlay.white {
	background: rgba(255, 255, 255, 0);
}

.column {
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	backface-visibility: hidden;
	
}

.column .content {
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.column .content.white_text {
	color: #fff;
}

.black_text {
	color: #343434;
}

.column a.grow img:not(.lockup) {
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	transition: all .9s ease;
	width: 100.1%
}

.column a.grow img.lockup {
	max-height: 170px;
	width:auto;
	margin: 0 auto;
}

.column a.grow:hover img:not(.lockup) {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.column a.grow:hover .button {
	background: #fff;
	color: #000;
}
.column a.grow:hover .button.black-outline {
	background: #000;
	color: #fff;
}

.column a.grow:hover .overlay {
	background: rgba(0, 0, 0, .7);
}

.column a.grow:hover .overlay.white {
	background: rgba(255, 255, 255, .4);
}

.column a.grow {
	color: #fff;
}

.one-sixth {
	width: 16.6667%;
}

.one-quarter {
	width: 25%;
}

.one-third {
	width: 33.3333%;
}

.half {
	width: 50%;
}

.half a.grow h2 {
	margin-bottom: 20px;
}

.two-thirds {
	width: 66.6666%;
}

.full-width .slide {
	position: relative;
}

.full-width .slide .content {
	color: #fff;
	position: absolute;
	top: 50%;
	padding: 40px;
	background: rgba(0, 0, 0, .7);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 15px solid #9c3022;
	max-width: 535px;
	left: 50px;
	z-index: 1;
}

.full-width .slide .content.right {
	right: 50px;
	left: auto;
}

.full-width .slide .content p {
	font-family:'Serifa W01 55 Roman', Arial, 'sans-serif';
	font-size: 2.4em;
	line-height: 1.2em;
	margin: 10px 0;
}

.full-width .slide .content a, .banner.tall.half-half a, .banner.tall.cta a {
	font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'sans-serif';
	font-size: 1.8em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .5px;
	display: inline-block;
	padding-top: 20px;
}

.banner.tall.half-half .black_text a {
	color: #343434;
}

.full-width .slide .content a.url:after, .banner.tall.half-half a.url:after, .banner.tall.cta a.url:after {
	content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -4px;
}

.banner.tall.half-half .black_text a.url:after {
    border-left: 9px solid #343434;
}

.full-width .slide .content a.video-link i, .banner.tall.cta .content a.video-link i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
	margin-top: -3px;
	font-size: 1.3em;
}

.video {
	padding: 40px 0 60px 0;
}

.video .container {
	max-width: 1100px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom: 30px;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video .content  {
	text-align: center;
}

.video .content p {
	max-width: 650px;
	margin: 0 auto;
	font-size: 1.8em;
}

.half_half.text {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;       /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;     /* TWEENER - IE 10 */
	display: -webkit-flex;    /* NEW - Chrome */
	display: flex;
}

.half_half.text .half.column {
	float: none;
	background: #f0f0f0;
}

.half_half.text .half.column .text {
	max-width: 600px;
	position: absolute;
	width: 100%;
	padding: 0 30px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.store-featured {
	padding: 75px 0;
	text-align: center;
}

section.store-featured h1 {
	margin-bottom: 40px;
}

section.store-featured .one-third {
	text-align: center;
	padding: 0 20px;
	margin: 0 -2px;
	display: inline-block;
	float: none;
	vertical-align: top;
}

section.store-featured .one-third .image-wrap {
	max-width: 300px;
	margin: 0 auto;
	border: 1px solid #cacaca;
	overflow: hidden;
	backface-visibility: hidden;
	position: relative;
}

section.store-featured .one-third .image-wrap .content {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

section.store-featured .one-third .image-wrap .overlay {
	background: rgba(0, 0, 0, 0);
}

section.store-featured .one-third .image-wrap a.grow:hover .overlay {
	background: rgba(0, 0, 0, .6);
}

section.store-featured .one-third .image-wrap a:hover .content {
	opacity: 1;
}

section.store-featured .one-third .title {
	text-transform: uppercase;
	padding-top: 10px;
	font-family: 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, 'sans-serif';
	font-size: 1.8em;
}

.store-featured .visit-store {
	padding-top: 50px;
	float: left;
	width: 100%;
}
		

/*--------------------------------------
	Events
--------------------------------------*/

section.upcoming  {
	padding: 75px 0 0 0;
}

section.no-shows {
	padding: 70px 0;
}

section.no-shows h1 {
	color: #810b1d;
}

.column.show .overlay {
	background: rgba(0, 0, 0, .7)
}

section.upcoming .container {
	max-width: 900px;
	border-bottom: 1px solid #cacaca;
	padding-bottom: 75px;
	display: flex;
	align-items: center;
}

section.upcoming .container .column.date {
    background: #343434;
    color: #fff;
	text-transform: uppercase;
	padding: 35px 20px 30px 20px;
	overflow: visible;
	text-align: center;
	max-width: 200px;
	width: 100%;
}

section.upcoming .container .column img {
	max-width: 240px;
	margin: 0 auto;
	margin-right: 25px;
	border: 1px solid #ccc;
}

section.upcoming .container .column .details {
	padding:5px 40px;
}

section.upcoming .container .column h2 {
	font-family:'Serifa W01 Black', Arial, 'serif';
	font-size: 3.6em;
	text-transform: none;
}

section.upcoming .container .column h4 {
    color: #9c3022;
    text-transform: uppercase;
    font-size: 1.5em;
    font-family: 'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serif;
    padding-bottom: 20px;
}

section.upcoming .container .details .day {
	padding: 0;
}

section.upcoming .container .details .cost, section.upcoming .container .details .age-info {
    font-family: 'HelveticaNeueW01-65Medi', Helvetica, sans-serif;
    font-size: 1.4em;
    margin: 0;
    float: left;
    background: #f0f0f0;
    border: 1px solid #cacaca;
    padding: 5px 10px;
    line-height: normal;
    margin-bottom: 15px;
	margin-top: 5px;
}

section.upcoming .container .details .cost {
	margin-left: 5px;
	color: #7F0B0E;
}

section.upcoming .container .details .links {
	float: left;
	clear: left;
}

section.upcoming .container .details .links a {
	display: inline-block;
}

section.upcoming .container .details .links .poster-single {
	font-family:Work Sans, sans-serif;
	font-size: 1.4em;
	padding-left: 20px;
	text-transform: uppercase;
}

section.upcoming .container .column.date .month {
	font-size: 2.2em;
	font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'sans-serif';
}

section.upcoming .container .column.date .day {
    font-size: 8em;
    display: block;
    text-transform: uppercase;
	font-family: 'franchise', Helvetica, 'sans-serif';
}

section.events {
	padding-bottom: 70px;
}

section.events.taproom {
	padding-top: 50px;
}

section.events h4 {
	color: #9c3022;
}

.events .month-wrapper h3 {
	text-align: center;
	padding: 50px 0 20px 0;
}

.events .month-wrapper:first-of-type h3 {
	padding: 0 0 20px 0;
}

.events .table {
	width: 100%;
	font-size: 1.4em;
}

.events .table .cell {
	padding: 30px 20px;
	border-bottom: 20px solid #fff;
	vertical-align: middle;
}

.events .table .cell.date {
	background: #343434;
	color: #fff;
	text-align: center;
	font-size: 1.8em;
	text-transform: uppercase;
	font-family:'HelveticaNeueW01-87HvCn 692734', Helvetica, Arial, 'sans-serif';
}

.events .filter {
	padding:40px 30px;
	background:#f9f9f9;
	text-align:center;
}

.events .filter select {
	font-size: 1.6em;
}

.events .filter p.red {
	color:#810b1d;
	padding:30px 0 50px 0;
	max-width:500px;
	margin: 0 auto;
	font-size:14px;
	font-weight:bold;
	display:none;
}

.events .past-shows-wrapper {
	width: 100%;
	text-align: right;
}

.events .past-shows-wrapper a {
	font-family: 'Helvetica Neue LT W01_85 Heavy', Helvetica, Arial, 'sans-serif';
	font-size: 1.4em;
	padding-right: 20px;
}

/*---- Single ----*/

header.event-header {
	margin-bottom: 40px;
}

.page.content.full-width.event {
	max-width: 960px;
}

.page.content.full-width.event .two-thirds {
	padding-right: 30px;
}

.page.content.full-width.event .two-thirds .event-beers {
	padding-right: 15px;
}

.page.content.full-width.event .two-thirds .event-beers p {
	padding-bottom: 0;
}

.page.content.full-width.event .two-thirds .event-location {
	padding-left: 15px;
}

.page.content.full-width.event .two-thirds .event-location .link {
	display: inline-block;
	font-size: 1.8em;
	padding-right: 8px;
}

.page.content.full-width.event .two-thirds h5 {
	font-size: 2em;
    margin-bottom: 10px;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
    color: #555;
}

.page.content.full-width.event .two-thirds p:last-of-type {
	padding-bottom: 40px;
}

.page.content.full-width.event .info {
	padding:20px;
	border: 1px solid #cacaca;
	background: #f0f0f0;
}

.page.content.full-width.event .info p {
	padding-bottom: 0;
	line-height: 2em;
}

.page.content.full-width.event .poster {
	border: 1px solid #cacaca;
	margin-top: 30px;
}

.page.content.full-width.event .poster .content, .page.content.full-width.event .poster .overlay {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.page.content.full-width.event .poster a:hover .content, .page.content.full-width.event .poster a:hover .overlay {
	opacity: 1;
}

.no-touchevents .page.content.full-width.event .poster .mobile, .touchevents .page.content.full-width.event .poster .desktop {
	display: none;
}

.touchevents .page.content.full-width.event .poster .mobile, .no-touchevents .page.content.full-width.event .poster .desktop {
	display: block;
}

/*--------------------------------------
	Careers
--------------------------------------*/

.cta.stratex {
	padding: 20px 0 70px 0;
	text-align: center;
}

.principles .button {
	margin-top: 20px;
	margin-bottom: 40px;
}

.principles .more-content {
	display: none;
}

/*--------------------------------------
	Deli Menu
--------------------------------------*/

h3.food-group {
	padding-top: 40px;
}

.menu .food {
	padding: 30px 0;
	border-bottom: 1px solid #cacaca;
}

.menu .food h5 {
	font-size: 2em;
	margin-bottom: 8px;
}

.menu .food h5 .callout {
	padding-left: 20px;
	padding-right: 10px;
	color: #9c3022;
	/*font-family: 'Helvetica Neue LT W01_55 Roman';*/
	/*font-style: italic;*/
}

.menu .food h5 .callout.price {
	padding-right: 10px;
}

.menu .food p {
	padding-bottom: 0;
	font-size: 1.5em;
	line-height: 1.5em;
}

/*--------------------------------------
	Accordion
--------------------------------------*/

.accordion-wrapper {
	margin-bottom: 40px;
}
	
.accordion.plus-minus h4:after {
	font-family: "FontAwesome";
    content: '\f067'; /* Unicode character for "plus" sign (+) */
    color: #810b1d;
    float: left;
    margin-right: 10px;
}

.accordion.plus-minus.active h4:after {
	font-family: "FontAwesome";
    content: "\f068"; /* Unicode character for "minus" sign (-) */
}

.panel {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s ease;
	-moz-transition: max-height .4s ease;
	transition: max-height .4s ease;
}

.panel:not(.form) p, .panel:not(.form) ul, .panel ol {
	margin: 10px 0 0 25px;
	padding: 0;
}

.panel-no-max {
	display: none;
}

/*--------------------------------------
	Contact/FAQs
--------------------------------------*/

.two-thirds.faqs {
	padding-right: 50px;
}

.two-thirds.faqs p {
	font-size: 2.4em;
	line-height: 1.4em;
	padding-bottom: 30px;
}

.one-third.call .human {
	color: #810b1d;
	font-family:'HelveticaNeueW01-75Bold', Helvetica, sans-serif;
	padding: 2px 0 8px 0;
}

.one-third.call .phone {
	padding-bottom: 5px;
	font-size: 1.5em;
	line-height: normal;
}

section.inquiries {
	margin-top:50px;
}

section.inquiries.faq {
	margin-top:0;
}

section.inquiries .faq-section {
	margin-bottom: 50px;
}

section.inquiries h5 {
	font-size: 1.8em;
	margin-bottom: 30px;
}

section.inquiries .accordion-wrapper {
	margin: 15px 0;
}

section.inquiries .accordion-wrapper.faq {
	border-bottom: 1px solid #cacaca;
	padding-bottom: 15px;
}

section.inquiries .accordion-wrapper:last-of-type {
	margin: 15px 0 0 0;
}

section.inquiries .accordion-wrapper img {
	max-width: none;
	width: auto;
}

section.inquiries .accordion.plus-minus {
	color: #343434;
}

section.inquiries .accordion.plus-minus h4 {
	font-family:'Helvetica Neue LT W01_55 Roman', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	position: relative;
	padding-left: 25px;
}

section.inquiries .accordion.plus-minus h4:after {
	position: absolute;
	float: none;
	left: 0;
	top: 1px;
	margin-right: 0;
}

/*--------------------------------------
	APP Landing Page
--------------------------------------*/

section.app.header .container {
	max-width: 980px;
	margin-top: 30px;
	padding: 0;
}

section.app.header .container .content {
	position: absolute;
    top: 20%;
    right: 0;
    width: 40%;
    color: #fff;
}

section.app.header .container .content h1 {
	font-size: 5em;
}

.app-buttons {
	margin-top: 50px;
}

.app-buttons a {
	display: inline-block;
}

.app-button-ios {
    display: block;
    text-indent: -99999px;
	width: 200px;
	height: 60px;
    background: url(https://cdn.nexternal.com/founders/images/app-button-ios.png) no-repeat;
	background-size: 200px 60px;
}

section.app.header .app-button-ios {
	margin:20px 0 10px 0;
}

section.app.content .app-button-ios {
	margin-right:10px;
}

section.app.content .app-button-android {
	margin-left:10px;
}

.app-button-android {
    display: block;
    text-indent: -99999px;
	width: 200px;
	height: 60px;
    background: url(https://cdn.nexternal.com/founders/images/app-button-android.png) no-repeat;
	background-size: 200px 60px;
}

section.app.content .content {
	padding: 30px 0 70px 0;
}

section.app.content .content h3:first-of-type {
	margin-top: 15px;
}

section.app.content .content h3 {
	margin-top: 30px;
}

section.app.content .content p:last-of-type {
	padding-top: 30px;
} 

/*--------------------------------------
	Comments
--------------------------------------*/

.page.content.comment-form {
	margin-top: 40px;
	padding: 20px 0 0 0;
	border-top: 1px solid #cacaca;
}

.page.content.comment-wrapper {
	padding: 20px 0 70px 0;
}

h5.comments-title {
	padding-bottom: 15px;
	font-size: 1.5em;
	color: #555;
}

ol.commentlist li, ul.children li {
	list-style: none;
}

ol.commentlist > li {
	margin-left: 0;
	border-bottom: 1px solid #cacaca;
	padding-top: 15px;
}

ol.commentlist > li:first-of-type {
	border-top: 1px solid #cacaca;
}

ol.commentlist >ol li {
	margin-left: 1em;
}

.comment-content {
	padding-top: 10px;
}

.comment-content p {
	font-size: 1em;
}

.comment-author {
	display: inline-block;
	line-height: normal;
	vertical-align: bottom;
}

.comment-meta {
	display: inline-block;
	line-height: normal;
	vertical-align: bottom;
	padding-left: 10px;
	color: #555;
	font-size: .8em;
}

.comment-meta.moderation, .comment-form h5.no-comments {
	color: #9c3022;
}

.comment .reply {
	text-align: right;
}

.comment .reply a {
	text-transform: uppercase;
	font-family:'HelveticaNeueW01-65Medi', Helvetica, 'sans-serif';
}

.comment-form-comment {
	padding-top: 20px;
}

.comment-form-comment textarea {
	padding: 10px;
    background: #fafafa;
    border: 1px solid #cacaca;
	width: 100%;
	height: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p.logged-in-as, p.comment-notes {
	padding-top: 5px;
	padding-bottom: 0;
	color: #555;
	font-size: 1.3em;
}

.comment-form h5.comment-reply-title {
	font-size: 1.8em;
}

.comment-form h5.comment-reply-title small {
	float: right;
}

.comment-form .submit {
	font-size: 1em;
	text-align: right;
	padding: 10px 20px;
	margin-top: 10px;
}

/*--------------------------------------
	Gravity Forms
--------------------------------------*/

.gform_wrapper {
	text-align: left;
    padding: 20px 0 40px 0;
    width: 100%;
}

.gform_wrapper:after {
	content: "";
	clear: both;
	display: table;
}

.gform_wrapper ul.gform_fields li {
	padding-right: 0;
	float: left;
	width: 100%;
	list-style: none;
	margin-left: 0;
	font-size: 1em;
	padding-bottom: 30px;
}

.gform_wrapper ul.gfield_radio {
	padding-top: 10px;
}

.gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li {
	padding-bottom: 15px;
}

.gform_wrapper ul.gform_fields li.gsection {
	margin: 10px 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #343434;
}

.gform_wrapper input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=file]):not([type=button]), .gform_wrapper textarea, .gform_wrapper select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	background: #fafafa;
	border:1px solid #cacaca;
	line-height: normal;
	font-size: 1.6em;
}

.gform_wrapper input[type=radio], .gform_wrapper input[type=checkbox] {
	padding: 0;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 5px;
	vertical-align: middle;
}

.gform_wrapper select {
	font-size: 1.6em;
}

.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error textarea {
	border:1px solid #cc0000 !important;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
	margin-top: 0;
}

.gform_wrapper input[type=submit], .gform_wrapper input.gform_next_button {
	background: #9c3022;
    color: #fff;
}

.gform_wrapper input[type=submit]:hover {
	background: #666;
}

.ginput_container_address span {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.gform_wrapper .name_first, .gform_wrapper .name_last, .gform_wrapper .name_first, .gform_wrapper .ginput_left, .gform_wrapper .ginput_right, .gform_wrapper ul.gform_fields .half {
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gform_wrapper .name_first, .gform_wrapper .ginput_left, .gform_wrapper .half.left {
	padding-right: 8px;
	clear: left;
}

.gform_wrapper .name_last, .gform_wrapper .ginput_right, .gform_wrapper .half.right {
	padding-left: 8px;
}

.gform_wrapper .country_left .address_country {
	padding-left: 0;
	padding-right: 8px;
}

.gform_wrapper .ginput_container_date .gfield_date_month, .gform_wrapper .ginput_container_date .gfield_date_day, .gform_wrapper .ginput_container_date .gfield_date_year {
	float: left;
	max-width: 4rem;
	padding-right: 8px;
}

.gform_wrapper .ginput_container_date .gfield_date_year {
	max-width: calc(4rem + 1rem);
}

.gform_wrapper label {
	margin-bottom: 8px;
	font-size: 1.6em;
}

.gform_wrapper .ginput_container_radio label, .gform_wrapper .ginput_container_checkbox label {
	margin-bottom: 0;
	padding-left: 20px;
}

.gform_wrapper .field_sublabel_below span > label, .gform_wrapper .field_sublabel_below .gfield_description, .gform_wrapper .field_sublabel_below .ginput_counter, .gform_wrapper .instruction, .gform_wrapper .ginput_container .ginput_container_date label {
	font-size: 1.3em;
	margin-top: 3px;
	margin-bottom: 0;
}

.gform_wrapper .ginput_container_fileupload input[type=file] {
	background: none;
	border: none;
    font-size: 1.3em;
    width: auto;
	padding: 10px 0;
}

.gform_wrapper .ginput_container_fileupload span.screen-reader-text {
	display: block;
	color: #9c3022;
	clear: left;
	font-size: 12px;
}

.gform_wrapper .gsection h2 {
	font-family:'HelveticaNeueW01-77BdCn 692722', Helvetica, sans-serif;
	font-size: 20px;
}

.gform_wrapper .gfield_password_strength {
	float: left;
	width: 100%;
	color: #000;
}

.gform_wrapper .gform_footer , .gform_wrapper .gform_page_footer {
	text-align: center;
	position: relative;
	float: left;
	width: 100%;
}

.gform_wrapper .gform_footer input[type=submit] {
	margin: 0;
	font-size: 1.4em;
}

.gform_wrapper .validation_error {
	font-size: 1.5em;
	border: none;
	margin-bottom: 20px;
	color: #cc0000;
	text-align: center;
}

.gfield_required {
	color: #cc0000;
	padding-left: 5px;
}

.gfield_description.validation_message {
	color: #cc0000;
	float: left;
	width: 100%;
	font-size: 1.2em;
}

.gform_confirmation_message p {
	font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
}

.gform_validation_container {
	display: none!important;
    position: absolute!important;
    left: -9000px;
}

#gform_confirmation_wrapper_17 {
	text-align: center;
}

.cadre-update .gform_wrapper .field_sublabel_above .gfield_label {
	font-family: 'HelveticaNeueW01-77BdCn 692722', Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #343434;
    width: 100%;
    padding-bottom: 8px;
	padding-top: 10px;
    margin-bottom: 20px;
}

.ui-datepicker{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)!important;
}

.ui-datepicker-header{
	background-color: #282829!important;
}

.ui-datepicker-header select {
    background-size: 10px 5px;
    border: 1px solid #E6E8ED;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    max-width: 60px;
	width: 100%;
    padding: 4px 6px;
}

.ui-datepicker-month{
	margin: 10px 5px 9px 0px!important;
}

.ui-datepicker-year{
	margin: 10px 0px 9px 0px!important;
}

.ui-datepicker-prev, .ui-datepicker-next  {
	background-position: center center!important;
	background-size: 8px 14px;
	margin-top: 5px;
}

.ui-datepicker-prev {
	background-image: url(https://cdn.nexternal.com/founders/images/datepicker_prev.svg) !important;
}

.ui-datepicker-next {
	background-image: url(https://cdn.nexternal.com/founders/images/datepicker_next.svg) !important;
}

.ui-datepicker-calendar .ui-state-default{
	background: #fff!important;
}

td.ui-datepicker-unselectable.ui-state-disabled{
	background-color: #eee!important;
}

.ui-datepicker-calendar .ui-state-active{
	border: 1px solid #dbc1ac!important;
	box-shadow: none!important;
	background: #dbc1ac!important;
	margin: 0!important;
	text-shadow: none!important;
	color: #fff!important;
}

/*---- Cadre ---- */

.page-template-cadre .content a.button {
	margin-bottom: 20px;
}

.cadre-form input[type=submit] {
	background:#9c3022;
	color: #fff;
}

.welcome-cadre .gform_wrapper .field_sublabel_above .gfield_label {
	padding-top: 10px;
}

.welcome-cadre .gform_wrapper .field_sublabel_above .gfield_label, .welcome-cadre .gform_wrapper ul.gform_fields li.gsection h2 {
	font-family: 'HelveticaNeueW01-77BdCn 692722', Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 8px;
	margin-bottom: 20px;
}

.welcome-cadre .gform_wrapper ul.gform_fields li.gsection {
	border-bottom: none;
	margin: 0;
	padding-bottom: 0;
}

.welcome-cadre .gform_wrapper .validation_error, .welcome-cadre .gform_wrapper .gfield_error .gfield_label {
	color: #fff;
}

.welcome-cadre .gform_wrapper label {
	font-size: 1.4em;
}

.welcome-cadre .gform_wrapper .gfield_error input, .welcome-cadre .gform_wrapper .gfield_error textarea {
	background: #ffd2d2 !important;
}

.gform_wrapper .gfield_password_strength {
	font-size: 1.4em;
	border: 1px solid #DDD;
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 1.8;
    padding: 10px 5px;
    text-align: center;
    background-color: #EEE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gform_wrapper .gfield_password_strength.mismatch, .gform_wrapper .gfield_password_strength.short {
	background-color: #FFA0A0;
    border-color: #f04040;
}

.gform_wrapper .gfield_password_strength.bad {
	background-color: #FFB78C;
    border-color: #FF853C;
}

.gform_wrapper .gfield_password_strength.good {
    background-color: #FFEC8b;
    border-color: #FC0;
}

.gform_wrapper .gfield_password_strength.strong {
    background-color: #C3FF88;
    border-color: #8DFF1C;
}

.page-template-default .content.full-width h3 {
    margin-top: 10px;
    font-size: 3.2em;
    font-family: 'HelveticaNeueW01-77BdCn 692722';
    text-transform: none;
}
/*--------------------------------------
	Footer
--------------------------------------*/
footer {
	float: left;
	width: 100%;
	color: #fff;
	padding-top: 30px;
}

footer .container {
	max-width: 980px;
}

footer .brewed-for {
	text-indent: -9000px;
	background: url(https://cdn.nexternal.com/founders/images/brewed-for-us.jpg) no-repeat 0 0;
	width: 161px;
	height: 46px;
	margin: 0 auto 40px auto;
}

footer h3 {
	font-family:Roboto Condensed, sans-serif;
	font-size: 2.3em;
	text-transform: uppercase;
}

footer h4 {
	font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	margin-bottom: 5px;
}

footer p {
	font-size: 1.3em;
	line-height: 1.2em;
}

footer input[type=text], footer input[type=email], footer button, footer input[type=submit]  {
	font-size: 1.2em;
	float: left;
}

footer input[type=text], footer input[type=email] {
	background: #fff;
	width: 70%;
}

footer button, footer input[type=submit] {
	background: #efefef;
	text-transform: uppercase;
	width:30%;
	cursor: pointer;
}

footer .wrap {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.social-links li {
	float: left;
	margin-right: 5px;
}

.social-links li a {
	border: 2px solid rgba(255, 255, 255, 0.7);
	color: #fff;
	display: block;
	font-size: 16px;
	height: 17px;
	line-height: 17px;
	padding: 5px;
	text-align: center;
	width: 17px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.social-links li a.untappd {
	display: block;
	background: url(https://cdn.nexternal.com/founders/images/untappd-icon.png) no-repeat center center;
	text-indent:-9000px;
}

footer .footer-bottom {
	float: left;
	width: 100%;
}

footer .footer-bottom.copyinfo {
	border-bottom: 1px solid #444;
	margin-top: 30px;
}

footer .footer-bottom .copy {
	font-size: 1.2em;
	line-height: 30px;
	float: left;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
}

footer .footer-bottom ul {
	float: left;
}

footer .footer-bottom ul li {
	display: inline-block;
	line-height: 45px;
	font-size: 1.2em;
	padding: 0 8px;
}

footer .footer-bottom ul li a {
	color: #fff;
	text-decoration: none;
}

footer .footer-bottom ul li a:hover {
	text-decoration: underline;
}

footer .footer-bottom a.login {
	float: right;
	color: #999;
	text-decoration:none;
	font-size: 1.2em;
	line-height: 45px;
}
	
footer .footer-bottom a.login:hover {
	text-decoration: underline;
	color: #fff;
}

footer .region {
	padding-top: 20px;
}

footer .region a {
	color: #fff;
	font-size: 1.4em;
}

#catapult-cookie-bar {
	font-size:13px;
}
#catapultCookie {text-transform: uppercase;color:#fff;}

/*--------------------------------------
	Region Selector
--------------------------------------*/

.page-template-regionselector nav.main-nav, .page-template-regionselector nav.search {
	display: none !important;
}

section.regions {
	padding: 100px 0;
	text-align: center;
	height: calc(100vh - 457px);
}

section.regions .one-third {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 31.3333%;
	text-align: left;
}

section.regions h3 {
	margin-bottom: 20px;
}

section.regions a {
	font-size: 1.8em;
}

section.regions ul li {
	padding: 8px 0;
}

/*--------------------------------------
	Slick Slider
--------------------------------------*/

.full-width.slider {
	margin-bottom: -1px;
}

.slick-nav {
    position: absolute;
    bottom: 20px;
    left: 50%;
	background: rgba(0, 0, 0, .5);
	padding: 0 20px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.slick-nav .slick-arrow {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	text-indent: -9000px;
	width:20px;
	height: 20px;
	border-top: 2px solid #fff;
}

.slick-nav .slick-next {
	border-right: 2px solid #fff;
	-webkit-transform: translateZ(1px) rotate(45deg);
	-moz-transform: translateZ(1px) rotate(45deg);
	transform: translateZ(1px) rotate(45deg);
}

.slick-nav .slick-prev {
	border-left: 2px solid #fff;
	-webkit-transform: translateZ(1px) rotate(-45deg);
	-moz-transform: translateZ(1px) rotate(-45deg);
	-ms-transform: translateZ(1px) rotate(-45deg);
	transform: translateZ(1px) rotate(-45deg);
}

.slick-nav .pagination {
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
	padding: 15px 0;
}

.slick-nav .slick-dots li {
	display: inline-block;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	transition: background .2s ease;
}

.slick-nav .slick-dots li.slick-active {
	background: #fff;
}

.slick-nav .slick-dots li button {
	padding: 0;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	text-indent: -9000px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}

/*--------------------------------------
	Fancybox
--------------------------------------*/

.fancybox-slide--video .fancybox-content {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}

.fancybox-toolbar {
	opacity: 1;
	visibility: visible;
}

.fancybox-gallery .caption {
	padding: 20px 20px 10px 20px;
}

.fancybox-gallery .fancybox-slide img {
	max-width:800px;
	max-height:800px;
	height: auto;
	width:auto;
}

@supports(object-fit: contain) {
	.fancybox-gallery .fancybox-slide img {
		height: 100%;
		width:100%;
		object-fit: contain;
	}
}

.fancybox-gallery .fancybox-slide>* {
	padding: 0;
	overflow: visible;
	background: none;
}

.fancybox-gallery .fancybox-close-small:after {
	top: -30px;
	right: -30px;
	color: #fff;
	font-size: 3em;
	background: none;
	outline:none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.fancybox-gallery .fancybox-close-small:hover:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.fancybox-gallery .fancybox-infobar, .fancybox-gallery .fancybox-toolbar {
	opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .25s,visibility 0s;
	-moz-transition: opacity .25s,visibility 0s;
	transition: opacity .25s,visibility 0s;
}

.fancybox-poster .fancybox-image-wrap {
	width: 100% !important;
	height: auto !important;
	max-width: 700px !important;
    left: 50%;
    -webkit-transform: translate(-50%, 50px) !important;
	-moz-transform: translate(-50%, 50px) !important;
	-ms-transform: translate(-50%, 50px) !important;
	transform: translate(-50%, 50px) !important;
}

.fancybox-poster .fancybox-image-wrap .fancybox-image {
	width: 100%;
	height: auto;
}

.fancybox-poster .fancybox-slide--image {
	overflow: auto;
}

/*--------------------------------------
	GALLERY
--------------------------------------*/

section.gallery {
	background: #efefef;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.gallery .container {
	padding: 40px 30px 0 30px;
	max-width: 800px;
}

section.gallery .container h3 {
	padding-bottom: 20px;
	text-align: center;
}

section.gallery .grid {
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0;
}

section.gallery .one-quarter {
	display: inline-block;
	float: none;
	margin-left: -1.5px;
    margin-bottom: -1px;
    margin-right: -1.5px;
}

section.gallery .one-quarter .grow {
	display: block;
	width: 100%;
	height: 250px;
	overflow: hidden;
}

section.gallery .one-quarter .grow .image {
	position: absolute;
	top: 0;
	left: 0;
	height: 101%;
	width: 101%;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	transition: all .9s ease;
}

section.gallery .one-quarter .grow .image .overlay {
	background: rgba(0, 0, 0, 0);
}

section.gallery .one-quarter .grow:hover .image {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

section.gallery .one-quarter .grow:hover .image .overlay {
	background: rgba(0, 0, 0, .5);
}

section.gallery .one-quarter .grow .button {
	opacity: 0;
	-webkit-transition: opacity .9s ease;
	-moz-transition: opacity .9s ease;
	transition: opacity .9s ease;
}

section.gallery .one-quarter .grow:hover .button {
	opacity: 1;
}

/*--------------------------------------
	Icons + Text
--------------------------------------*/

section.icons {
	padding-bottom: 50px;
}

section.icons img {
	max-width: 160px;
	margin: 0 auto;
}

section.icons .one-third {
	padding: 0 20px;
}

section.icons .one-third .text {
	padding-top: 20px;
}

section.icons .one-third p {
	font-size: 1.5em;
}

/*--------------------------------------
	List Items Block
--------------------------------------*/

.page.content.list-block {
    max-width: 960px;
}

.page.content.list-block .list-group-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page.content.list-block .list-group-wrapper .group-wrap {
    width: 33.3333%;
    margin: 40px 0;
    padding: 0 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page.content.list-block .group-wrap h3 {
    font-size: 2em;
    font-family:'HelveticaNeueW01-77BdCn 692722';
}

.page.content.list-block .list-group-wrapper .group-wrap ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*--------------------------------------
	Loader
--------------------------------------*/

.spinner-wrapper {
	display: none;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
}

.spinner-wrapper.visible {
	display: block;
}

.ajax_spinner {
	max-width: 50px;
	margin: 0 auto;
}

.gform_ajax_spinner {
	width:32px;
	height:32px;
	padding:0 !important;
    margin-top: 5px;
	margin-left: 20px;
	position: absolute;
	display: inline-block;
	-webkit-animation: spinner .8s infinite linear;
	-moz-animation: spinner .8s infinite linear;
	animation: spinner .8s infinite linear;
}

.wrapper.login #loginform .gform_ajax_spinner {
	display:none;
}

section.posts article img {
    width: auto;
    max-width: 100%;
}




@media (max-width: 1080px) {
	header .home h1 {
		font-size: 3em;
		margin-left: 20px;
	}
	
	header .main-nav .menu > li > a {
		font-size: 1.3em;
	}
	
	header .main-nav ul li a {
		padding: 0 15px;
	}
	
	.social-wrap {
		padding: 0;
	}
	
	.container.upcoming {
		padding: 40px 0 0 0;
	}
	
	section.history .content {
		padding: 40px;
	}
	
	section.history .content blockquote p {
		font-size: 2.2em;
	}
	
	.column a.grow img.lockup {
		max-height: none;
		width: 100%;
		max-width: 300px;
	}
}

@media (min-width: 961px) {
	
	header .main-nav {
		display: block !important;
	}
	
	header .main-nav .sub-menu, header .search .sub-menu {
		display: inherit !important;
	}
	
	header .main-nav ul > li:hover > .sub-menu, header .search ul > li:hover > .sub-menu {
		opacity: 1;
		-webkit-transform: scale(1,1) !important;
		-moz-transform: scale(1,1) !important;
		-ms-transform: scale(1,1) !important;
		-o-transform: scale(1,1) !important;
		transform: scale(1,1) !important;
	}
}

@media (max-width: 960px) {
	
	.anchor {
		top: -60px;
	}
	
	header .home h1 {
		font-size: 3em;
		margin-left: 0;
	}
	
	header .home {
		float: none;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	header nav a, header .main-nav .menu > li  .sub-menu > li > a {
		line-height: 60px;
	}
	
	header nav.search {
		display: inline-block;
		vertical-align: middle;
		right: 0;
	}
	
	header .search .menu > li > a.search-toggle {
		font-size: 2em;
		color: #999;
		margin-top: -1px;
	}
	
	header .search .search-wrapper {
		top: 60px;
	}
	
	.search-wrapper form {
		padding: 0;
	}
	
	.search-wrapper input[type=text] {
		font-size: 2em;
	}
	
	.search-wrapper button, .search-wrapper .close {
		font-size: 1.8em;
	}
	
	header nav.search .menu {
		float: right;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	header .mobile-trigger {
		display: inline-block;
		width: 26px;
		height: 22px;
		position: absolute;
		cursor: pointer;
		vertical-align: middle;
		top: 50%;
		left: 20px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background:transparent;
		border:0;
	}

	header .mobile-trigger span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #999;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	header .mobile-trigger span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	header .mobile-trigger span:nth-child(2) {
		top: 8px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	header .mobile-trigger span:nth-child(3) {
		top: 16px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	header .mobile-trigger.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -2px;
		left: 0;
	}

	header .mobile-trigger.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	header .mobile-trigger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 16px;
		left: 0px;
	}
	
	header nav.main-nav {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	header .main-nav .menu > li {
		display: block;
		background: rgba(0, 0, 0, .9);
		border-bottom: 1px solid #666;
	}
	
	header .main-nav .menu > li:first-of-type {
		border-top: 1px solid #666;
	}
	
	header .main-nav .menu > li:hover:before, header .search .menu > li:hover:before {
		display: none;
	}
	
	header .main-nav .menu li.menu-item-has-children a {
		width: 90%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	header .main-nav .menu li.menu-item-has-children .toggle-submenu:after{
		content: "\f078";
		font-family: "FontAwesome";
		position: absolute;
		width: 10%;
		line-height: 60px;
		margin-top: 1px;
		color: #fff;
		right: 0;
		top: 0;
		text-align: center;
	}
	/*
	header .main-nav .menu li.menu-item-has-children .toggle-submenu.open:after{
		content: "\f077" !important;
	}
	*/
	header .main-nav .sub-menu {
		opacity: 1;
		display: none;
		top: auto;
		position: relative;
		width: 100%;
		-webkit-transform:none;
		-moz-transform: none;
		-ms-transform:none;
		transform:none;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	
	header .main-nav .right .sub-menu {
		text-align: left;
	}
	
	header .main-nav .sub-menu .sub-menu {
		left: 0;
		top: 0;
	}
	
	header .main-nav .menu > li .sub-menu > li {
		background:rgba(255, 255, 255, .2);
		border-bottom: 1px solid #999;
	}
	
	header .main-nav .menu > li .sub-menu > li:hover {
		background:rgba(255, 255, 255, .2);
	}
	
	header .main-nav .menu > li .sub-menu > li:last-child {
		border-bottom: none;
	}
	
	header .main-nav .menu > li .sub-menu .sub-menu > li {
		background:rgba(255, 255, 255, .3);
	}
	
	header .main-nav .menu > li .sub-menu > li.open {
		background:rgba(255, 255, 255, .8);
	}
	
	header .main-nav .menu > li .sub-menu > li.open > a, header .main-nav .menu > li .sub-menu > li.open > span:after {
		color:#343434;
	}
	
	header .main-nav .menu > li .sub-menu .sub-menu > li a {
		padding: 0 15px 0 25px;
	}
	
	.homepage-banner .content .logo {
		max-width: 200px;
	}
	
	.homepage-banner .content h1 {
		font-size: 6.5em;
	}
	
	section.banner.tall h2 {
		font-size: 7em;
	}
	
	section.single.wrapper h1 {
		font-size: 5em;
	}
	
	section.banner.tall.half-half .column:first-of-type {
		padding-right: 20px;
	}
	
	section.banner.tall.half-half .text h3 {
		font-size: 4em;
	}
	
	section.banner.tall.cta .container {
		padding: 150px 30px;
	}
	
	section.icon-links .one-third .image-wrap img {
		max-height: 100px;
	}
	
	section.history .half {
		width: 100%;
		padding: 40px 30px;
	}
	
	section.history .half.right {
		position: relative;
		min-height: 400px;
	}
	
	section:first-of-type {
		margin-top: 60px;
	}
	
	.half .grow h2, .one-third .grow h2 {
		font-size: 5em;
	}
	
	.half_half.text {
		flex-wrap: wrap;
	}

	.half_half.text .half.column {
		order: 1;
		width: 100%;
	}

	.half_half.text .half.column .text {
		padding: 70px 30px;
		position: relative;
	}
	
	.half_half.text .half.column.text {
		order: 0;
	}
	
	.half_half.text .half.column .grow {
		max-height: 400px;
		overflow: hidden;
		float: left;
	}
	
	.social {
		padding: 50px 0 0 0;
	}
	
	.social-wrap .one-sixth {
		width: 33.3333%;
	}
	
	.social .content p {
		font-size: 1.5em;
	}
	
	.social .content i {
		font-size: 2em;
	}
	
	.barrel-aged .image .lockup {
		width: 80px;
	}
	
	body.barrel-aged .beer-class h3 {
		font-size: 3.5em;
	}
	
	.tap-list .one-quarter {
		width: 50%;
		margin-bottom: 30px;
	}
	
	.backstage .the-beer .attachment-bottle-image {
    	height: 430px;
	}
	
	section.multimedia .videos.container {
		padding: 0;
	}
	
	section.multimedia .one-third {
		width: 50%;
	}
	
	footer .footer-bottom {
		text-align: center;
		margin-top: 0;
	}
	
	footer .footer-bottom ul, footer .footer-bottom .copy {
		float: none;
		clear: left;
	}
	
	footer .footer-bottom a.login {
		float: none;
	}
	
	section.regions {
		height: calc(100vh - 447px);
	}

}

@media (max-width: 960px) and (min-width: 768px) {
	.on-tap-badge, .beer .content h1:not(.lockup) {
		float: left;
		padding-left: 0;
		text-align: left;
		width: 100%;
	}
	
	.on-tap-badge {
		display: none;
	}
	
	.on-tap-badge.mobile {
		display: block;
	}
	
	.on-tap-badge h2 {
		font-size: 4em;
	}
	
	.beer .content .on-tap-badge p {
		font-size: 1.2em;
	}
	
	.beer .image {
		padding-right: 20px;
	}
}

@media (max-width: 840px) {
	.gallery .grid .one-quarter {
		width: 33.3333%;
	}
	
	.fancybox-gallery .fancybox-close-small:after {
		top: 0;
		right: 0;
	}
	
	section.regions h3 {
		margin-bottom: 10px;
	}
	
	section.regions .one-third {
		width: 100%;
		margin-bottom: 50px;
	}
	
	section.year .container {
		max-width: 450px;
		right: 20px;
	}
	
	section.year .container h1 {
		font-size: 10em;
	}
	
	nav.all {
		top: 80px;
		right: 20px;
	}
	
	section.year .container p {
		font-size: 1.6em;
	}
}

@media (max-width: 782px) {
	body.admin-bar header.site,  body.admin-bar .fancybox-toolbar {
		top: 46px;
	}
}

@media (min-width: 768px) {
	.homepage-beer .beer-nav ul, .full-availability .beer-nav ul, footer .mobile-hidden {
		display: block !important;
	}
}

@media (max-width: 767px) {
	
	section.banner {
		height: auto;
	}
	
	section.banner.tall .container, section.banner.tall.half-half .container, section.banner.tall.cta .container {
		padding: 90px 30px;
	}
	
	section.banner.tall.right .container {
		padding:240px 30px 100px 30px; 
	}
	
	.banner.tall.half-half a, .banner.tall.cta a {
		font-size: 1.6em;
		padding-top: 15px;
	}
	
	.single-beer section.banner {
		height: 150px;
	}
	
	section.red.ghost .page.content.full-width {
		padding: 70px 0 120px 0;
	}
	
	section.red.ghost .content blockquote p {
		font-size: 2.2em;
	}
	
	section.banner .container {
		top: 0;
		padding: 40px 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	section.banner.tall.half-half .column:first-of-type {
		padding-right: 0;
		padding-bottom: 30px;
	}
	
	section.banner.tall.half-half .column.image {
		max-width: 600px;
		margin: 0 auto;
		float: none;
	}
	
	section.banner.tall.half-half .text h3 {
		font-size: 3.4em;
	}
	
	section.icon-links .one-third {
		padding-bottom: 50px;
	}
	
	section.icon-links .one-third .image-wrap {
		padding-bottom: 15px;
	}
	
	.homepage-banner #background-video, .homepage-banner .background-image {
		display:none; 	
	}

	.homepage-banner .background-image-mobile {
		display:block;
	}
	
	.homepage-banner .content .logo {
		max-width: 170px;
	}
	
	.homepage-banner .content h1 {
		font-size: 5em;
	}
	
	.homepage-banner .content .button {
		margin-top: 30px;
	}
	
	section.banner.tall h2 {
		font-size: 6em;
	}
	
	section.single.wrapper h1 {
		font-size: 4em;
	}
	
	.homepage-beer .beer-nav {
		padding: 20px 0 40px 0;
	}
	
	.full-availability .beer-nav {
		padding: 20px 0 0 0;
	}
	
	.homepage-beer .beer-nav .mobile-dropdown, .full-availability .beer-nav .mobile-dropdown {
		display: block;
	}
	
	.homepage-beer .beer-nav .mobile-dropdown span, .full-availability .beer-nav .mobile-dropdown span {
		width: 100%;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.homepage-beer .beer-nav .mobile-dropdown span:after, .full-availability .beer-nav .mobile-dropdown span:after  {
		content: "\f078";
		font-family: "FontAwesome";
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -1px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.homepage-beer .beer-nav ul, .full-availability .beer-nav ul {
		display: none;
		padding-top: 20px;
	}
	
	.homepage-beer .beer-nav ul li.active:after, .homepage-beer .beer-nav ul li:hover:after, .full-availability .beer-nav ul li.active:after, .full-availability .beer-nav ul li:hover:after {
		display: none;
	}
	
	.homepage-beer .beer-nav ul li, .full-availability .beer-nav ul li {
		display: block;
	}
	
	.spinner-wrapper.beer {
		position: relative;
		top: 0;
	}
	
	.slide {
		overflow: hidden;
	}
	
	.slide:after {
		content: "";
		background: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.video.slider .slide:after {
		display: none;
	}
	
	.full-width .slide .content {
		background: none;
		padding: 0 40px;
		text-align: center;
		border: 0;
		left: 50% !important;
		right: 0 !important;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
	
	.full-width .slide .content p {
		font-size: 2em;
	}
	
	.slide {
		height: 400px;
	}
	
	.video.slider {
		padding:40px 0 70px 0;
	}
	
	.video.slider .slide {
		height: auto;
	}
	
	.slick-nav {
		bottom: auto;
		top: 50%;
		width: 100%;
		background: none;
		left: auto;
		padding: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	.slick-nav .pagination {
		display: none;
	}
	
	.slick-nav .slick-prev {
		left: 10px;
		position: absolute;
	}
	
	.slick-nav .slick-next {
		position: absolute;
		right: 10px;
	}
	
	.video.slider .slick-nav {
		bottom: 20px;
		top: auto;
		width: 100%;
		text-align: center;
		left: 50%;
		padding: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.video.slider .slick-nav .pagination {
		display: inline-block;
	}
	
	.video.slider .slick-nav .slick-prev, .video.slider .slick-nav .slick-next {
		display: inline-block !important;
		position: relative;
	}
	
	.video.slider .slick-nav .slick-arrow {
		width: 14px;
		height: 14px;
	}
	
	.video.slider .slick-nav .slick-dots li {
		width: 7px;
		height: 7px;
		margin: 1px 3px 4px 3px;
	}
	
	@supports(object-fit: cover) {
		.slide, .half .grow {
			display: flex !important;
		}
		.slide img, .half .grow img {
			object-fit: cover;
		}
	}
	
	.half, .one-third, .two-thirds {
		width: 100%;
	}
	
	.page.content .signature {
		width: 50%;
	}
	
	.barrel-aged .beer-class:not(.past) .the-beer {
		width: 50%;
	}
	
	.barrel-aged .beer-class .the-beer:nth-child(4n) {
		clear:none;
	}
	
	.barrel-aged .beer-class .the-beer:nth-child(2n + 1) {
		clear: left;
	}
	
	.backstage .one-third {
		width: 33.3333%;
	}
	
	.backstage .two-thirds {
		width: 66.6666%;
	}
	
	.half .grow {
		display: block;
		height: 400px;
	}
	
	.one-third .grow {
		display: block;
		height: 300px;
		
	}
	
	.page.content.full-width.event .poster .grow, section.store-featured .one-third .grow {
		height: auto;
	}
	
	.page.content.full-width.event .poster .mobile {
		display: block !important;
	}

	.page.content.full-width.event .poster .desktop {
		display: none !important;
	}
	
	.social .overlay {
		opacity: 1;
		visibility: visible;
	}
	
	.social .container p {
		font-size: 1.4em;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	
	.beer .product-avail {
		text-align: center;
	}
	
	.beer .image {
		padding-right: 0;
	}
	
	.beer-locator {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	
	.single-beer .half.cell {
		display: block;
		min-height: 300px;
	}
	
	.backstage .the-beer .attachment-bottle-image {
    	height: 360px;
	}
	
	.beer-series .page.content {
		text-align: center;
	}
	
	.beer-series h2 {
		font-size: 4em;
		margin-top: 10px;
	}
	
	.beer-series .one-third img {
		max-width: 120px;
		float: none;
		margin: 0 auto;
	}

	.beer-series .table.properties {
		text-align: left;
		margin: 0 auto;
	}
	
	.column.recognition .more-content .content {
		position: relative;
		top: auto;
		padding: 40px 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	.column.recognition .more-content p {
		font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'sans-serif';
	}
	
	.column .featured-content .featured {
		font-size: 2em;
	}
	
	section.icons img {
		max-width: 130px;
	}
	
	section.icons .one-third p {
		font-size:1.6em;
	}

	section.icons .one-third {
		padding: 0 0 20px 0;
		margin-bottom: 20px;
		border-bottom: 1px solid #cacaca;
	}
	
	section.icons .one-third p {
		font-size:1.6em;
	}
	
	section.gallery .one-quarter .grow:hover .image {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	section.gallery .one-quarter .grow .image .overlay, section.gallery .one-quarter .grow .button {
		display: none !important;
	}
    
    .page.content.list-block .list-group-wrapper .group-wrap {
        width: 50%;
    }
	
	.container.upcoming {
		padding: 0;
	}
	
	.events .table .cell {
		padding: 10px;
	}
	
	.page.content.full-width.event .two-thirds {
		padding-right: 0;
	}
	
	.locator-form {
		padding: 20px;
	}
	
	.locator-form p, .locator-form .select-wrap {
		padding-left: 0;
		padding-bottom: 0
	}
	
	.locator-form p {
		display: block;
		padding-top: 15px;
	}
	
	#locator-results h3 {
		font-size: 4em;
	}
	
	#locator-results .location {
		padding: 20px 0;
	}
	
	#locator-results .location, #locator-results #locator-pages {
		border-top: 1px solid #cacaca;
	}
	
	#locator-results .clearfix {
		border: 0;
	}
	
	.tap-list {
		padding-bottom: 40px;
	}
	
	.tap-list .one-quarter {
		width: 100%;
		padding: 0;
	}
	
	.menu .food h5 {
		font-size: 1.6em;
	}
	
	.post-nav:not(.anniversary) {
		display: none;
	}
	
	.post-nav.mobile {
		display: block;
	}
	
	section.posts article {
		padding: 30px 20px;
	}
	
	section.posts article .post-thumb {
		max-width: 140px;
		margin-left: 20px;
	}
	
	section.posts .entry-meta {
		margin-bottom: 15px;
	}
	
	.entry-meta .posted-on {
		float: none;
		padding-bottom: 3px;
	}
	
	.entry-meta .divider {
		display: none;
	}
	
	section.posts article .post-readmore {
		padding-top: 10px;
	}
	
	.page.content.full-width.event .two-thirds .event-location {
		padding-left: 0;
	}
	
	.two-thirds.faqs {
		padding-right: 0;
		text-align: center;
	}
	
	.one-third.call {
		text-align: center;
		padding-top: 40px;
	}
	
	section.all-events .container .row .content {
		padding-bottom: 70px;
	}
	
	section.all-events .container .row .the-year {
		width: 90px;
		min-width: 0;
	}
	
	footer {
		padding-top: 0;
	}
	
	footer .brewed-for, footer.mobile .mobile-hidden {
		display: none;
	}
	
	footer .mobile-hidden {
		padding: 0 20px;
	}
	
	footer .one-third .wrap .mobile-hidden {
		margin-bottom: 15px;
		float: left;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	footer .wrap {
		margin-bottom: 0;
	}
	
	footer .container {
		padding: 0;
	}
	
	footer h3 {
		font-size: 2em;
		padding: 15px 20px;
		border-top: 1px solid #444;
		margin-bottom: 0;
		cursor: pointer;
		position: relative;
	}
	
	footer h3:after {
		content: "\f078";
		font-family: "FontAwesome";
		font-size: .6em;
		position: absolute;
		top: 50%;
		right: 20px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	footer h3.open:after {
		content: "\f077";
	}
	
	footer .footer-bottom ul li {
		border: 0 !important;
	}
	
	section.regions {
		height: calc(100vh - 250px);
		padding: 60px 0;
	}
	
	section.upcoming .container .column .details {
		padding: 5px 20px;
	}
	
	section.upcoming .container .column h2 {
		font-size: 3.2em;
	}
	
	section.upcoming .container .column.date .month {
		font-size: 2em;
	}
	
	section.upcoming .container .column.date .day {
		font-size: 7em;
	}
	
	.events .table .cell {
		font-size: 1.2em;
	}
	
	.events .table .cell.date {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 640px) {
	
	section.banner.tall h1 {
		font-size: 2em;
	}
	
	section.banner.tall h2 {
		font-size: 5em;
	}
	
	section.history .half.right {
		min-height: 300px;
	}
	
	.social-wrap .one-sixth {
		width: 50%;
	}
	
	.social-wrap .one-sixth:nth-of-type(3) {
		float: right;
	}
	
	.beer .content h1:not(.lockup) {
		font-size: 5em;
		float: left;
		width: 100%;
	}
	
	h1.lockup {
		max-width: 115px;
	}
	
	.on-tap-badge {
		display: none;
	}
	
	.on-tap-badge.mobile {
		display: block;
	}
	
	.on-tap-badge {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-bottom: 40px;
	}
	
	.on-tap-badge h2 {
		font-size: 3em;
	}
	
	.beer .content .on-tap-badge p {
		font-size: 1.2em;
	}
	
	#locator-results h3 {
		font-size: 3em;
	}
	
	section.posts article {
		margin: 0 0 20px 0;
	}
	
	section.posts article:not(.cadre-feature):not(.post-feature) {
		border-left:0;
		border-right:0;
		border-top:0;
		padding: 20px 0 30px 0;
	}
	
	section.posts article:not(.cadre-feature):first-of-type:not(.post-feature):first-of-type {
		padding: 0 0 30px 0;
	}
	
	section.posts article .post-thumb {
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 160px;
		margin-bottom: 20px;
	}
	
	.wp-pagenavi span.pages {
		float: left;
		width: 100%;
		display: block;
		text-align: center;
		box-sizing: border-box;
		margin: 0;
	}
	
	.gallery .grid .one-quarter {
		width: 50%;
	}
	
	.menu .food h5 .callout {
		width: 100%;
		float: left;
		padding-left: 0;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	
	section.events .container:not(.filter) {
		padding: 0;
	}
	
	.the-media .downloadables {
		font-size: 1.4em;
	}
	
	.backstage .one-third {
		padding-bottom: 40px;
	}
	
	.backstage .one-third, .backstage .two-thirds {
		width: 100%;
	}
	
	section.app.header .container {
		background: url(https://cdn.nexternal.com/founders/images/app-header-mobile.jpg) no-repeat 0 0;
		background-size: cover;
		float: left;
    	width: 100%;
	}
	
	section.app.header .container img {
		display: none;
	}
	
	section.app.header .container .content {
    	position: relative;
    	width: 50%;
    	float: right;
		padding: 50px 0;
	}
	
	section.multimedia .one-third {
		width: 100%;
		height: auto !important;
		padding: 0 10px 20px 10px;
	}
	
	.gform_wrapper label {
		font-size: 1.5em;
	}
	
	.gform_wrapper .field_sublabel_below span > label, .gform_wrapper .field_sublabel_below .gfield_description, .gform_wrapper .field_sublabel_below .ginput_counter, .gform_wrapper .instruction, .gform_wrapper .ginput_container .ginput_container_date label {
		font-size: 1.2em;
	}
	
	.gform_wrapper .name_first, .gform_wrapper .name_last, .gform_wrapper .name_first, .gform_wrapper .ginput_left, .gform_wrapper .ginput_right, .gform_wrapper ul.gform_fields .half {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 10px;
	}
	
	section.upcoming {
		padding: 40px 0 0 0;
	}
	
	section.upcoming .container {
		display: block;
	}
	
	section.upcoming .container .column.date {
		max-width: none;
	}
	
	section.upcoming .container .column .details {
		padding: 25px 0 0 0;
		float: left;
		width: 100%;
	}
	
	section.upcoming .container .column.date .month, section.upcoming .container .column.date .day {
		font-family: 'franchise', Helvetica, 'sans-serif';
		font-size: 7em;
		display: inline-block;
		padding: 0 5px;
	}
	
	.events .table .row {
		display: block;
		margin-bottom: 20px;
	}
	
	.events .table .cell.date {
		display: block;
		width: 100%;
	}
	
	.events .table .cell {
		border-bottom: none;
	}
	
	section.timeline-years {
		width: 100px;
	}
	
	section.year .container h1 {
		font-size: 8em;
	}
	
	section.year .container p {
		font-size: 1.4em;
	}
	
	section.year a.video-link {
		font-size: 1.3em;
	}
	
	section.year .container {
		max-width: 400px;
	}
	
	section.all-events .container .row:first-of-type .the-year, section.all-events .container .row:first-of-type .content {
		padding-top: 40px;
	}
	
	section.all-events .container .row:first-of-type .divider:before {
		top: 50px;
	}
	
	section.all-events .container .row h2 {
		font-size: 4em;
	}
	
	section.all-events .container .row .the-year {
		width: 55px;
	}
	
	section.all-events .container .row .divider {
		margin: 0 20px;
	}
}

@media screen and (max-width: 600px) {
	
	section.promo-banner {
		padding: 20px 0 10px 0;
	}
	
	section.promo-banner p.info {
		line-height: 1.3em;
		font-size: 2em;
	}
	
	section.promo-banner .services-wrap {
		flex-direction: column;
	}
	
	section.promo-banner .services-wrap .column {
		display: block;
	}
	
	section.promo-banner .services-wrap .column:not(:last-of-type) {
		margin-bottom: 20px;
	}
	
	section.promo-banner .services-wrap .column img {
		max-width: 80px !important;
	}

	body.admin-bar header.site,  body.admin-bar .fancybox-toolbar {
		top: 0;
	}
	
	section.year .container {
		max-width: none;
		width: 100%;
		padding-left: 120px;
		padding-right: 20px;
		right: 0;
		top: 50%;
	}
    
    .page.content.list-block .list-group-wrapper .group-wrap {
        width: 100%;
        padding: 0;
        margin: 30px 0;
    }
}

@media (max-width: 480px) {
	
	section.upcoming .container {
		padding-bottom: 40px;
	}
	
	section.upcoming .container .column.show {
		width: 100%;
	}
	
	section.upcoming .container .details .links {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	
	section.upcoming .container .details .links a {
		display: block;
		margin-bottom: 20px;
	}
	
	section.upcoming .container .column.date {
		padding: 25px 20px 20px 20px;
	}
	
	section.upcoming .container .column.date .month, section.upcoming .container .column.date .day {
		font-size: 6em;
	}
	
	section.upcoming .container .column h2 {
		font-size: 2.6em;
	}
	
	section.upcoming .container .details .links .poster-single {
		padding-left: 0;
		margin-left: -1em;
	}
	
	.container {
		padding: 0 20px;
	}
	
	.video.slider .container {
		padding: 0 30px;
	}
	
	section.gallery .container {
		padding: 40px 20px 0 20px;
		max-width: 800px;
	}
	
	
	section.gallery .grid {
		padding: 20px 0 40px 0;
	}
	
	.single-beer section.banner {
		height: 100px;
	}
	
	section.banner.tall .container, section.banner.tall.half-half .container, section.banner.tall.cta .container {
		padding: 60px 20px;
	}
	
	section.banner.tall.right .container {
		padding:200px 20px 90px 20px; 
	}
	
	section.half-images .half .content {
		left: 0;
	}
	
	section.banner h1 {
		font-size: 6.5em;
		padding: 0 20px;
	}
	
	section.banner h2 {
		font-size: 2em;
	}
	
	section.banner.tall h1 {
		font-size: 1.8em;
		padding: 0 0 10px 0;
	}
	
	section.banner.tall h2 {
		font-size: 4em;
	}
	
	section.banner.tall.half-half .text h3 {
		font-size: 3em;
	}
	
	section.red.ghost .page.content.full-width {
		padding: 60px 0 80px 0;
	}
	
	section.red.ghost .content blockquote p, section.history .content blockquote p {
		font-size: 2em;
	}
	
	section.icon-links .one-third .image-wrap img {
		max-height: 80px;
	}
	
	section.history .half {
		padding: 40px 20px;
	}
	
	.homepage-beer, .page.content, .beer-class, .post.wrapper {
		padding: 40px 0;
	}
	
	.page.content.content-block {
		padding:40px 0 20px 0;
	}
	
	.video {
		padding: 20px 0 40px 0;
	}
	
	.video-wrapper {
		margin-bottom: 20px;
	}
	
	p, .content ul > li, .content ol > li, .video .content p, section.icons .one-third p {
		font-size: 1.5em;
		line-height: 1.5em;
	}
	
	.video.slider .content p {
		font-size: 1.2em;
	}
	
	.homepage-banner .content .logo {
		max-width: 150px;
	}
	
	.homepage-banner .content h1 {
		font-size: 4em;
	}
	
	.homepage-banner .content .button {
		margin-top: 20px;
	}
	
	.social .content p {
		font-size: 1.3em;
	}
	
	.homepage-beer .beers {
		min-height: 245px;
	}
	
	.homepage-beer .beers .the-beer {
		line-height: 245px;
	}
	
	.homepage-beer .beers .the-beer, .beer-class .the-beer {
		padding: 0 10px;
	}
	
	.barrel-aged .beer-class:not(.past) .the-beer {
		width: 100%;
	}
	
	.barrel-aged .beer-class {
		padding: 20px 0;
	}
	
	.barrel-aged .beer-class .the-beer {
		margin-bottom: 20px;
	}
	
	.beer-class h3 {
		font-size: 4em;
	}
	
	.the-beer .attachment-bottle-image {
		height: 245px;
	}
	
	.the-beer .attachment-glass-image {
		height: 200px;
	}
	
	.the-beer .attachment-can-image {
		height: 165px;
	}
	
	.beer-series {
		padding: 30px 0;
	}
	
	.beer-series h2 {
		font-size: 3em;
	}
	
	.beer-series .one-third img {
		max-width: 100px;
	}
	
	section.daily-schedule .content h2 {
		font-size: 4em;
	}
	
	section.daily-schedule .panel p .day {
		font-size: 1.2em;
	}
	
	section.daily-schedule .content .hours-wrapper {
		margin-bottom: 20px;
	}
	
	section.daily-schedule .plus-minus h4 {
		margin: 0;
	}
	
	.on-tap h4 {
		font-size: 1.4em;
		line-height: normal;
	}
	
	.menu .food p {
		font-size: 1.4em;
	}
	
	section.events {
		padding-bottom: 20px;
	}
	
	.events .month-wrapper:last-child {
		padding-bottom: 50px;
	}
	
	.events .month-wrapper h3 {
		padding: 30px 0 20px 0;
	}

	.events.off-site .table .cell.event {
		width: 50%;
	}

	.events.off-site .table .cell.time {
		width: 30%;
	}
	
	section.single.wrapper .entry-meta {
		font-size: 1.3em;
	}
	
	.backstage .the-beer .attachment-bottle-image {
    	height: 290px;
	}
	
	.half .grow {
		height: 300px;
	}
	
	.one-third .grow {
		height: 200px;
		
	}
	
	section.app.header .container .content {
		width: 70%;
		padding: 50px 20px 50px 0;
	}
	
	section.app.header .container .content h1 {
		font-size: 4em;
	}
	
	.app-buttons .app-button-ios, .app-buttons .app-button-android {
		background-position: center center;
		width: 100%;
		margin: 10px 0 !important;
	}
	
	section.multimedia.downloads .container {
		padding: 30px 20px;
	}
	
	section.timeline {
		background-position: center center !important;
	}
	
	section.timeline-years {
		width: 70px;
	}
	
	nav.all .view-all {
		font-size: 1.1em;
	}
	
	nav.year-nav div span {
		font-size: 1.2em;
		font-family: 'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serif;
	}
	
	section.year.current .overlay {
		background: rgba(0, 0, 0, .7);
	}
	
	section.year .container {
		padding-left: 90px;
	}
	
	section.year .container h1 {
		font-size: 6em;
	}
	
	section.year .container p {
		font-family: 'Serifa W01 55 Roman', Arial, 'sans-serif';
	}
	
	section.year a.video-link {
		border: none;
		padding: 0;
		background: none !important;
		color: #fff !important;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
		margin: 10px 10px 5px 0;
	}
	
	nav.next {
		bottom: 15px;
	}
	
	nav.next .down-arrow {
		width: 20px;
		height: 20px;
		margin-left: -10px;
	}
	
	nav.next .down-arrow span {
		width: 20px;
		line-height: 20px;
		font-size: 15px;
	}
	
	section.all-events .container .row h2 {
		font-size: 3.5em;
	}
	
	section.all-events .container .row .the-year {
		width: 45px;
	}
	
	section.all-events .container .row p {
		font-size: 1.3em;
	}
	
	section.all-events a.video-link {
		font-size: 1.2em;
		margin: 0 10px 10px 0;
		padding-left: 20px;
	}
	
	section.all-events a.video-link i {
		margin-left: -20px;
	}
}

/*end ..BORDERING HTML*/

/*----------------------------------------------------------------
	..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/


/*for a11y*/
.ui-btn-hidden {
	/*removed - this was causing a second button label with 1px font size to lie on top of the white button labels (example: enter coupon) - Still passing lighthouse audit without this
	opacity:1;
	text-indent: 0;
	*/
}
.nextProductImageContainer {
	margin-bottom: 30px;
}
body.adaFocusOutline :focus,
body.adaFocusOutline .ui-focus {
	outline-color: #74b0f8 !important;
	outline-style: solid !important;
}
body.adaFocusOutline .nextHeader a:focus {
	outline-color: #74b0f8 !important;
	outline-style: solid !important;
}