/*!
Theme Name: Break Brew
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: break-brew
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Break Brew is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/*------------ Reset Css -------------*/ 
[aria-hidden="true"]{ display: none; }
:focus-visible, :focus{ outline: none; }
body{ margin: 0; padding: 0; max-width: 100vw; overflow-x: hidden; }
body.no-scroll{ overflow: hidden; }
span, a, img{ display: inline-block; }
#page { max-width: 100vw; overflow-x: hidden; }
img{ max-width: 100%; max-height: 100%; height: auto; }
img.fit{ width: 100%; display: block; }
li, footer, header, input, form, textarea, figure, section, select { box-sizing: border-box; max-width: 100%; } 
address, a { text-decoration: none; font-style: normal; }
a, span, label { display: inline-block; }
picture { display: block; }
figure{ margin: 0; padding: 0; }
p, ul, dl, ol, li{ margin: 0 0 18px; }
fieldset{ margin: 0 0 20px; border: 2px solid #f4f4f4; padding: 24px 20px; }
table { width: 100%; max-width: 100%; box-sizing: border-box;}
fieldset legend { padding: 0 26px; margin: 0 auto; text-transform: uppercase; }
#sloader { position: fixed; height: 100vh; width: 100vw; z-index: 99999; background: rgba(255, 255, 255, 0.85); display: flex; 
justify-content: center; align-items: center; }
.anim { will-change: opacity; opacity: 0; -webkit-transition: 0.8s 0.1s cubic-bezier(0.8, 0, 0.4, 1); transition: 0.8s 0.1s cubic-bezier(0.8, 0, 0.4, 1); overflow: hidden;
}.anim.screen-in { opacity: 1; }.anim.screen-in.toRight, .anim.screen-in.toLeft, .anim.screen-in.toBottom, .anim.screen-in.toTop { transform: translate(0, 0); transition: 0.7s all ease; }
.text-center{ text-align: center; }

iframe { border: 1px solid #eee; width: 100%; margin: 20px 0; box-sizing: border-box; }
/*--------------- Typography ---------------*/
:root {
  
  --alabaster: #F7F5EB;
  --snowflurry: #EEE6CD;
  --persimmon : #E35205;
  --orange : #BC4302;
  --cello : #465360;
  --mirage : #16232B;
}


@font-face {
    font-family: 'aachenbold';
    src: url('fonts/aachen_bold_bt.woff2') format('woff2'),
         url('fonts/aachen_bold_bt.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aachen_btroman';
    src: url('fonts/aachen_bt.woff2') format('woff2'),
         url('fonts/aachen_bt.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.wnormal{ font-weight: normal; }
.w500{ font-weight: 500; }
body a.wp-block-button__link, .w400{ font-weight: 400; }
.w300{ font-weight: 300; }
.upcase{ text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }
.font95{  font-size: 95px; /*font-family: "neue-aachen-pro",sans-serif;*/ font-family: "aachen_btroman",sans-serif; line-height: 0.90; }
.font26{ font-size: 26px; font-family: "industry",sans-serif; }
.font28{ font-size: 28px;line-height: 1;}
.page-title, .font75, h1, .h1{ font-size: 75px; line-height: 1;  }
.font50{ font-size: 50px; }
.font45, h2, .h2{ font-size: 45px; line-height: 1.11; }
.font36, h3, .h3{ font-size: 36px;line-height: 1.05; }
.font24, h4, .h4{ font-size: 24px; line-height: 1.25; }
.font20, h5, .h5{ font-size: 20px; line-height: 1.4; }
.font18, h6, .h6{ font-size: 18px; line-height: 1.22; }
.font30{ font-size: 30px; }
body, .font14 { font-size: 14px; font-family: "museo-sans",sans-serif; }
.font14 { line-height: 1.25; }
.font12 {font-size: 12px;font-family: "industry",sans-serif;}
.wid50{ width : 50%; }
.font-museo { font-family: "museo-sans",sans-serif; }
.font-industry { font-family: "industry",sans-serif; }

.fills {text-transform: uppercase; }
h4, .h4, h2, .h2, h1, .h1, .font-aachen{ font-family: "aachen_btroman",sans-serif; }

.clear{clear: both;}
.dflex{ display: flex; }
.dflex.wrap{ flex-wrap: wrap; }
.dflex.vcenter{ align-items: center; }
.dtab{ display: table; width:  100%; height: 100%; }
.dcell{ display: table-cell; vertical-align: middle; }
.wrapper, .lr-auto{ margin-left: auto; margin-right: auto; }
.wrapper{ max-width: 1312px; padding: 0 16px; box-sizing: border-box; width: 100%; }
.jspace-between{justify-content: space-between;flex-wrap: wrap;}

.bg-overlay{ position: relative; }
.bg-overlay:before{ content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0;  z-index: 1; }
.bg-overlay .content{ position: relative; z-index: 2; }

.add-icn{ width: 14px; min-width: 14px; }
.add-icn:before, .add-icn:after{ display: block; width: 100%; height: 2px; background: var(--mirage); content: ''; }
.add-icn:after{ transform: rotate(90deg) translateX(-2px); }

.button.no-arrow:after{ font-size: 0; content: none; }
.button-wrap{ display: flex; }
.button-wrap .button + .button{ margin-left: 16px; }

input[type="submit"], input[value="Search"], .button{ text-transform: uppercase; font-family: "neue-aachen-pro",sans-serif; font-size: 18px; line-height: 1; 
color: var(--snowflurry); border: 2px solid  var(--snowflurry); padding: 12px 12px 8px; border-radius: 4px; background: transparent;}
.arrow-link:after, .button:after{ content: '\2192'; display: inline-block; vertical-align: middle; margin: -5px 0 0 5px; font-size: 20px; 
text-shadow: 0 0 0.5px var(--persimmon); }

input[type="submit"], input[value="Search"], .button, input[type="reset"]{ appearance: none; -moz-appearance: none; -webkit-appearance: none; }
button::focus, input::focus, select::focus, textarea::focus, a::focus, ::focus{ outline: none; }

.safari .event-inner-detail-part .left-sec .all-events .button:after, .safari .button:after, .safari .arrow-link:after{ margin-top: 0; }

.site-main .entry-content .single_add_to_cart_button, .button.solid.orange{ border-color: var(--persimmon); background: var(--persimmon); color: var(--snowflurry); 
 text-shadow: 0 0 0.5px var(--snowflurry); }

.woocommerce .products .product a.button, .button.orange{ border-color: var(--persimmon); color: var(--persimmon); }
.dark .button.orange{color: var(--mirage); }
.dark .button.orange:after{ text-shadow: 0 0 0.5px var(--mirage); }
 
.button.solid.snowflurry{ border-color: var(--snowflurry); background: var(--snowflurry); color: var(--mirage); }
.button.finder{position: relative; justify-content: space-between; align-items: center; display: flex; }
.button.finder:after{ content: '';width: 20px; height: 27px; background: url('./images/icons/icn-location.svg'); background-position: center;
background-repeat: no-repeat; background-size: contain; text-shadow: none; margin: -5px 0 -1px 6px; }

.button.order:after{background: url(images/footer/footer_drizly_logo.svg) no-repeat right center; content: ''; width: 35px;height: 31px; margin: -5px 0 -5px 8px; background-size: contain; }
.button.order{ display: flex; align-items: center; }

.button.black.finder:after{ background-image: url(images/icons/icn-location-black.svg); }
.button.black.finder:hover:after{background-image: url(images/icons/icn-location.svg); }
.button:hover { background-color: var(--snowflurry);color: var(--mirage); border-color: var(--snowflurry); transition: 0.5s ease all; }
.woocommerce .products .product a.button:hover, .button.orange:hover{ color: var(--snowflurry); background: var(--persimmon); border-color: var(--persimmon); }
.woocommerce .products .product a.button:hover:after, .button.orange:hover:after { text-shadow: 0 0 0.5px var(--persimmon); }
.button.finder.orange:hover:after{ background-image: url(images/icons/icn-location-hover.svg); }
.button.solid.orange:hover{ background: var(--orange); border-color: var(--orange); }
a:hover, button:hover, .button:hover, input[type=submit]:hover, input[type=reset]:hover { cursor: pointer; transition: 0.5s all ease; }
button.search-trigger { background: transparent; border: none; outline: none; display: none; }
/*.button.right_link:after{padding: 4px 4.5px 2px 4.5px;font-size: 13px;content: '\2714';border-radius: 50%;background-color:var(--snowflurry);
opacity: 0.3; color:transparent; }*/


.arrow-link{ color: var(--mirage); }
.arrow-link:hover{ color: var(--persimmon); }
.button.video{ background: transparent; }
.button.video:after{ font-size: 0; height: 20px; width: 20px; background: url('images/icons/video-play.svg') right center no-repeat; background-size: contain;}
.button.video:hover{ background: var(--mirage); color: var(--persimmon); }

body .post-detail-part .wp-block-button__link{ text-decoration: none; border: 2px solid var(--persimmon); border-radius: 4px; background: var(--persimmon);
line-height: 1; text-transform: uppercase; padding: 12px 12px 8px; color: var(--alabaster); }
.post-detail-part .wp-block-button__link:hover{ background: var(--persimmon); text-decoration: none; }
body .post-detail-part .wp-block-button__link:active, body .post-detail-part .wp-block-button__link:focus, body .post-detail-part 
.wp-block-button__link:hover, body .post-detail-part .wp-block-button__link:visited{ background: var(--orange); color: var(--snowflurry);
border-color: var(--orange); }

.dark{ background-color: var(--mirage); }
.devider{ margin: 0 0 16px; position: relative; display: flex; justify-content: space-between; align-items: center; }
.devider:before{ content: ''; height: 2px; width: calc(100% - 60px); background: var(--persimmon); }
.woocommerce .products > h2:after, .woocommerce .products > h2:before, .devider:after, .title.decore:before, .title.decore:after{ background: url('images/lightning-icn.png') no-repeat; background-position: right center; content:''; }

.devider:after{ width: 38px; height: 25px; }
.woocommerce .products > h2, .title.decore{ margin: 0 0 26px; display: flex; align-items: center; justify-content: center; gap: 16px; text-align: center; }
.woocommerce .products > h2:before, .woocommerce .products > h2:after, .title.decore:after, .title.decore:before{ height: 25px; width: 38px; display: inline; 
 min-width: 38px; }
.woocommerce .products > h2:before, .title.decore:before{ transform: rotateY(180deg);  background-position: left center; }
.woocommerce .products .add_to_cart_button { display: none; }
.share-icon a{ margin: 8px 0; }
.share-icon a:hover svg path{fill:var(--orange);}
.share-icon a:not(:last-child){ margin-right: 12px; }

/*------ Default / 404 Page -------*/
.site-main { padding: 120px 0; }
.entry-title{ font-weight: 400; margin: 0;text-transform: uppercase; }
.site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6{ font-weight: 400; color: var(--mirage); 
margin: 32px 0 18px; }
.site-main ol, .site-main ul, .site-main dl{ padding: 0 0 0 22px; }
.site-main .entry-content a{ color: var(--persimmon); text-decoration: underline; }
.site-main .entry-content .button { text-decoration: none; }
.wp-block-separator.is-style-wide{ margin: 6rem 0; }
.site-main figure.size-full img { width: 100%; height: auto; }
.site-main figure.size-full { width: 100%; }
.site-main .entry-content a:hover{ color: var(--orange); }
.site-main .entry-content { font-size: 18px; color: var(--mirage); }
.page-title{ margin: 0 0 24px; color: var(--mirage); text-transform: uppercase; }
.error404 .content a{ text-transform: capitalize; text-decoration: underline; }
.error404 .content h3{ color: var(--persimmon); margin: 0 0 8px; }
.error404 .content p{ margin: 0 0 30px; }
/*------------ Reset Css Ends -------------*/

/*--------------  Forms and Gravity forms ----------------*/

form .ginput_complex label{ font-size: 13px; }
.hour_minute_colon { display: inline-block; font-weight: bold; }
.gfield_time_minute, .gfield_time_ampm , .gfield_time_hour { width: 86px; display: inline-block; vertical-align: top; }
.gfield_required:before { content: '*'; margin: 0 0 0 6px; color: #E35205; }
.gfield_required span { display: none; }
.gform_confirmation_message{font-size: 18px; }
textarea::placeholder, input::placeholder{ opacity: 1; color: #465360; }
.datepicker{ background: url('images/icons/calendar-icn.svg') no-repeat right 10px center #fff; }
#ui-datepicker-div{ background: #EEE6CD; }
.ui-datepicker-prev, .ui-datepicker-next { padding: 4px 8px; margin: 0 0 4px; box-sizing: border-box; color: #E35205; text-transform: capitalize; font-family: 'industry',sans-serif; }
.ui-datepicker-next { float: right; }
.ui-datepicker-title select { background: #dad2b9; }
.ui-datepicker-calendar{ width: 240px; padding: 12px; border-radius: 4px; border: 2px solid #EEE6CD; color: #16232B; }
.ui-datepicker-calendar .ui-state-default { padding: 4px 0; color: #E35205; width: 22px; text-align: center; font-size: 14px }
.ui-datepicker-calendar .ui-state-default.ui-state-active { background: #E35205; color: #F7F5EB; border-radius: 2px; }
.search-form{ display: flex; align-items: center; }
.search-form .screen-reader-text{ display: none; }
input[type="reset"]:hover, input[type="submit"]:hover, input:hover, textarea:hover, select:hover, input:active, :focus-visible, :focus{ 
border-color: #D0C6A9; transition: 0.5s all ease; }
::placeholder{ opacity: 1; color: var(--persimmon); text-transform: capitalize; }
.validation_message{ color: var(--persimmon); font-weight: 900; padding-top: 6px; }
form label, form .gfield_label.gfield_label_before_complex{ width: 100%; margin: 8px 0; font-size: 16px; text-align: left; }
.gfield_error input,.gfield_error textarea, .gfield_error select{ border-color: #D0021B; }
.gform_ajax_spinner{ display: none; }
input[type="password"], input[type="number"], input[type="text"], input[type="email"], form, textarea, select{ width: 100%;
font-family: 'museo-sans',sans-serif; }
input[type="password"], input[type="number"], input[type="text"], input[type="email"], textarea, select{ height: 45px; background: #fff; 
border: 2px solid  var(--snowflurry); border-radius: 4px; padding: 10px 12px; font-size: 16px; color: var(--cello); }
textarea { resize: none; height: 170px; }
.gform_body fieldset{ border: none;  }
.gform_body fieldset legend{ margin: 0; padding: 0; text-transform: capitalize; }
.validation_error, body .hidden_label .gfield_label{ display: none; }
.ginput_container_textarea + .validation_message, .ginput_container_textarea, .ginput_container_address > span, .name_first, .name_last, 
.gform_body .gfield.wid50{ width: 100%; box-sizing: border-box; padding: 0; }
.ginput_container_address > span, .name_first, .name_last, .gform_body .gfield.wid50{ max-width: calc((100% - 14px)/2); vertical-align: top; 
display: inline-block; }
.ginput_container_address > span + span:nth-child(2n), .name_last, .gform_body .gfield.wid50 + .gfield.wid50{ margin-left: 14px; }
.gform_body ul{ padding-left: 0; }
.gform_body{ margin: 0; }
.gform_body .gfield textarea{ resize: none; height: 280px; }
.gform_body .ginput_container_address{ margin: 0 0 -14px; }
.ginput_container_name { font-size: 0; }
.ginput_container_address > span, .gform_body .gfield { line-height: 1; margin: 0 0 14px; }
.gform_body .gfield textarea, .gform_body .gfield input, .gform_body .gfield textarea { appearance: none; -moz-appearance: none;
-webkit-appearance: none; outline: none; max-width: 100%; width: 100%; }
body .search-form .search-submit[value="Search"], .gform_footer input.gform_button { width: auto; border-color: var(--persimmon); 
padding-right: 40px; background: url(images/icons/arrow-right.png) right 10px center no-repeat var(--persimmon); color: var(--alabaster); }
.gform_footer input.gform_button:hover { color: var(--snowflurry); background-color: var(--mirage); border-color: var(--mirage); }
.gform_footer{ text-align: center; }
.gform_body .gfield{ list-style: none; padding: 0; }
.gform_body input[type="checkbox"], .gform_body input[type="radio"], input[type="checkbox"], input[type="radio"] { width: 20px; height: 20px; 
vertical-align: middle; margin: 0 10px 0 0; padding: 0; transition: 0.5s all ease; background-color: #fff; border: 2px solid; }
input[type="checkbox"] + label, input[type="radio"] + label{ margin: 0; max-width: calc(100% - 38px); display: inline-block; cursor: pointer; vertical-align: top; }
.gform_body input[type="radio"]:checked , input[type="radio"]:checked{ background: #E35205; box-shadow: 0 0 0 3px #fff inset; }
.gform_body input[type="radio"] , input[type="radio"] { border-radius: 100%; }
.gform_body input[type="radio"] + label, input[type="radio"] + label{ vertical-align: top; line-height: 1.25; }
.gfield_radio{ padding-left: 0; }
.gfield_radio li{ list-style: none; }
.gform_body input[type="checkbox"]:checked , input[type="checkbox"]:checked{ background: url(images/check-mark.png) no-repeat center transparent; 
background-size: 90% auto; }

/*---- input[type='range'] -----*/
.irange{ position: relative; margin: 0 0 8px; }
.irange .fluid{ background: #BC4302; width: 0; z-index: 1; transition: 0.5s all ease; }
.irange:after{ height: 8px; width: 100%; background: #465360; content: ''; z-index: 0; }
.irange .fluid, .irange:after{ height: 8px; border-radius: 8px; top: 50%; transform:translateY(-50%); display: block; position: absolute; }

input[type='range'] { position: relative; z-index: 2; background: transparent; -webkit-appearance: none; border: none; width: 100%; border-radius: 0; height: inherit; margin:0; }
input[type='range']:focus { outline: none; }

input[type='range']::-moz-range-track { width: 100%; height: 7px; cursor: pointer; border-radius: 1.3px; border: none; border-radius: 0; }
input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 7px; cursor: pointer; background: transparent;
border-radius: 1.3px; border: none; border-radius: 16px; }
input[type='range']:focus::-webkit-slider-runnable-track { background: transparent; }
input[type='range']::-ms-track { width: 100%; height: 7px; cursor: pointer; background: #465360; 
border-radius: 1.3px; border: none; border-radius: 0; }

input[type='range']::-ms-thumb { height: 19px; width: 19px; border-radius: 50%; box-sizing: border-box;
background: #16232B; cursor: pointer; margin-top: 0; border: 3px solid #E35205; }
input[type='range']::-webkit-slider-thumb { height: 19px; width: 19px; border-radius: 50%; background: #16232B; cursor: pointer; 
-webkit-appearance: none; margin-top: -7px; border: 3px solid #E35205; box-sizing: border-box; }
input[type='range']::-moz-range-thumb { height: 19px; width: 19px; border-radius: 50%; background: #16232B; cursor: pointer; 
margin-top: 0; border: 3px solid #E35205; box-sizing: border-box; }

input[type='range'].profile-range-active::-webkit-slider-thumb { background: #BC4302; }


input[type='range']::-webkit-fill-lower{ background: transparent; }
input[type='range']::-webkit-fill-upper{ background: transparent; }
input[type='range']::-ms-fill-lower{ background: transparent; } 
input[type='range']:focus::-ms-fill-lower{ background: transparent; }
input[type='range']::-ms-fill-upper{ background: transparent; }
/*---- input[type='range'] Ends -----*/

/*--------------  Forms and Gravity forms Ends ----------------*/


/*------- Popup ----------*/
@keyframes fade{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}

.popup .popDie{ top: 50px; }

.popup{ display: none; }
.popup.is-open{ justify-content: center; animation: 0.5s fade ease; display: flex; min-height: 100vh; width: 100vw; z-index: 99999; position: fixed; top:0; left: 0; align-items: center; background: url('images/footer-mountain.png') bottom center no-repeat var(--mirage); background-size: 100% auto; }
.popup .popDie{ height: 26px; width: 26px; padding: 0; background: transparent; border: none; position: fixed; top: 30px; right: 60px; z-index: 99; }
.popup .popDie:after, .popup .popDie:before{ content:''; height: 2px; background: var(--persimmon); width: 100%; display: block; }
.popup .popDie:after{ transform: translate(0,0) rotate(45deg); }
.popup .popDie:before{ transform: translate(0px,2px) rotate(-45deg); }
/*------- Popup Ends ----------*/

/*------ Slick CSS ------------*/
.slick-track{ margin-left: 0; }
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-track, .slick-initialized .slick-slide,.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto; border: none; }
.no-arrows .slick-arrows, .no-dots .slick-dots, .no-arrows .slick-arrow, .slick-arrow.slick-hidden{ display:none; }
.slick-dots { display: flex; align-items: center; justify-content: center; margin: 18px 0 0; padding: 0; }
.slick-dots button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; line-height: 1; }
.slick-arrow{ border: 2px solid var(--persimmon); border-radius: 4px; padding: 10px 10px; position: absolute; top: 50%; background: transparent;
transform: translateY(-50%); z-index: 4; }
.slick-arrow:hover{ background: var(--persimmon); color: var(--alabaster); text-shadow: 0 0 0.5px var(--alabaster); }
.slick-arrow:after { content: '\2192'; display: inline-block; vertical-align: middle; margin-left: 0; font-size: 20px; text-shadow: 0 0 0.5px var(--mirage); }
.slick-arrow:hover{ text-shadow: 0 0 0.5px var(--alabaster); }
.slick-arrow.next{ left: 55px}
.slick-arrow.prev{ left: 0; }
.slick-arrow.prev:after{ transform: rotateY(180deg); }
.slick-arrow[aria-disabled="true"]{ opacity: 0.75; }
.slick-arrow[aria-disabled="true"]:hover{ background: transparent; }
.slick-arrow[aria-disabled="true"]:hover:after{ text-shadow: 0 0 0.5px var(--mirage); color: var(--mirage); }
.slick-dots li{ list-style: none; }
.slick-dots li button{ font-size: 0; height: 13px; width: 13px; background: var(--cello); border-radius: 50%; }
.slick-dots .slick-active button, .slick-dots li button:hover{ background: var(--persimmon); }
.slick-dots li:not(:last-child){ margin-right: 12px; }
.sslider .slick-arrow.prev { left: -70px; }
.sslider .slick-arrow.next { right: -70px; left: inherit; }
.sslider .slick-arrow{ top: 45%; }
.slick-track{ margin-left : 0; }
/*------ Slick CSS Ends------------*/

/*---------------- Age Gate -----------------*/
.ageWrap.is-open{ display: flex; }
.ageWrap{ min-height: 100vh; width: 100vw; display: none; align-items: center; justify-content: center; 
background: url('images/footer-mountain.png') bottom center no-repeat var(--mirage); color: var(--alabaster); background-size: 100% auto; overflow: hidden; 
position: relative; /* position: fixed; z-index: 9999; top: 0; left: 0; */ }
.ageWrap:before{ content:''; display: block; position: absolute; right: -75px; top : -108px; z-index: 2; opacity: 0.3; height: 516px; width: 516px;
background: url('images/watermark-logo.svg') top right no-repeat; background-size: contain; }
.ageWrap ul li{ display: inline-block; }
.ageWrap li{ list-style: none; }
.ageWrap #ageGateForm{ margin: 20px 0; }
.ageWrap .head .title{ margin: 20px 0 0; }
.ageWrap .head .subtitle{ margin: 16px 0; }
.ageWrap #ageGateForm input.button{ width: auto; letter-spacing: 1px; }
.ageWrap #ageGateForm li input { background: transparent; width: 106px; border-radius: 0; font-size: 36px; height: 57px; text-align: center; 
 font-family: "neue-aachen-pro",sans-serif; border: 2px solid var(--persimmon); color: var(--alabaster); }
.ageWrap #ageGateForm li :focus{ border-color: var(--alabaster); }
.ageWrap #ageGateForm li:not(:last-child){ margin: 0 10px 0 0; }
.ageWrap #ageGateForm ::placeholder{ color: var(--alabaster); opacity: 0.5 }
.ageWrap .desc{ margin: 40px 0 0; line-height: 1.5; }
.ageWrap a{ color: var(--persimmon); text-decoration: underline; }
.ageWrap .head .tagline{ color: var(--persimmon); }
.ageWrap ul{ padding: 0; }
/*---------------- Age Gate Ends -----------------*/

/*------------ Filter ---------------*/
.product-banner + .filter{ padding: 72px 0 32px; }
.filter .head .dflex{ justify-content: center; }
.filter .filter-icn{ margin:0 0 -4px 14px; }
/*.filter-icn.is-open #Rectangle_3412{ transform: translate(2px,2px) rotate(45deg); transition:0.5s all ease; }
.filter-icn.is-open #Rectangle_3413{ transition:0.5s all ease; transform: translate(0.5px,16.5px) rotate(-45deg); }
.filter-icn.is-open #Rectangle_3414, .filter-icn.is-open #Ellipse_22, .filter-icn.is-open #Ellipse_23, 
.filter-icn.is-open #Ellipse_24{ opacity: 0; transition:0.5s all ease; } */
.filter-icn:hover{ cursor: pointer; }
/*------------ Filter Ends ---------------*/

/*--- FAQs ---*/
.faq:not(.is-open) .contain{ display: none; }
.faq .contain{ padding: 40px 0 0; }
.faq .contain a{color:var(--persimmon);}
.faq .contain a:hover{color:var(--orange);}
.faq.is-open .add-icn:after{ opacity: 0; transition: 0.5s all ease; }
.faq .title{ background: transparent; border-width: 0 0 2px 0; border-bottom: 2px solid var(--persimmon); padding: 0; display: flex; width: 100%; 
text-align: left; justify-content: space-between; line-height: 1.5; align-items: center; }
.faq .title:hover{ color: var(--persimmon); }
/*--- FAQs Ends ---*/

/*-------- Events Grid Card ------------*/
.card{ margin: 0 28px 0 0; background: #fff; border-radius: 5px; }
.card .card-fig img{ border-radius: 5px; width: 100%;height: 100%; display: block; object-fit: cover; }
.card a{ display: block; visibility: visible; }
.card .content{ padding: 26px }
.card .content .cat-name{ color: var(--persimmon); margin: 0 0 8px; }
.card .content .title{ color: var(--mirage); margin: 0 0 34px; }
.card .content .info{ color: var(--cello); }
.card .content .info .calender{ margin-right: 8px; }
.card .content .info .calender:before, .card .content .info .location:before{ content: ''; background-size: contain; display: inline-block; 
vertical-align: middle; margin-right: 6px; }
.card .content .info .calender:before{ background: url(images/icons/calendar-icn.svg) no-repeat; height: 15.5px; width: 15.5px; }
.card .content .info .location:before{ content: ''; background: url(images/icons/icn-location.svg) no-repeat; height: 20px; width: 14px; }
.card:hover .title{ text-decoration: underline; }
.card:hover .card-fig:before{ border-radius: 5px; background: var(--persimmon); opacity:0.5; transition: 0.5s all ease; }
.card .card-fig { height: 400px; display: flex; overflow: hidden; }
.card picture {width: 100%;height: 100%;}
/*-------- Events Grid Card Ends ------------*/

/*-------- Product Card -----------*/
.pcard .pname{ color: var(--persimmon); margin: 0; font-weight: 400; }
.pcard .sku{ color: var(--mirage); }
.pcard a{ display: block; }
.pcard .figure{ height: 380px; align-items: flex-end; padding: 30px 0 0; justify-content: center; margin: 0 0 18px; position: relative; }
.pcard .figure img{ width: auto; position: relative; z-index: 2; }
.pcard .figure:before{ transform: scale(.85); content: ''; position: absolute; background: url('images/watermark-logo.svg') center no-repeat; height: 100%; width: 100%; 
z-index: 1; display: block; opacity: 0; background-size: contain;}
.pcard .figure:hover:before{ opacity: 1; transition: 0.5s all ease; transform: scale(1); }
.arrow-link:hover{ color: var(--persimmon); }
/*-------- Product Card Ends -----------*/

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

.site-header{ overflow: visible; background-color: #16232B;height: 80px;position: relative;z-index: 999; }
.site-header .head-wrap .logo svg{ max-width: 100%; max-height: 100%; }
.site-header .hamIcon, .site-header .search.mobile{ display: none; }
@keyframes sticky_head{ 0%{ top: -100%; } 100%{ top: 0; } }
.site-header.sticky { position: fixed; width: 100%; top: 0; left: 0; /*animation: sticky_head 0.75s ease-in-out; */ z-index: 999; }

.hero-banner .slide .bg-image .mobile-only{ display: none; }

.site-header .head-wrap{margin: auto;width: 100%;}
.site-header .head-wrap a{text-transform: uppercase;}
.site-header .main-nav ul {padding-left: 0;margin: auto;}
.site-header .main-nav .level0>li{display: inline-block;padding:29px 25px 29px 0; margin: 0; }



/* Three Columns Layout Menu*/
.site-header .main-nav .columnbythird .submenu { margin-right: 46px; display: grid;grid-template-columns: .9fr 1fr 1fr; grid-column-gap: 26px; grid-row-gap: 26px;}
.site-header .main-nav .columnbythird .submenu>li {    width: 100%;margin: 0 !important;}
body .site-header .columnbythird .left_sec { max-width: calc(100% - 452px); }
body .site-header .columnbythird .right_sec { max-width: 452px; }
body .site-header .columnbythird .submenu > li > a { font-size: 28px; }
body .site-header .columnbythird .right_sec h3 { font-size: 27px; }
body .site-header .columnbythird .dmenu .thr_sub_menu li a{  font-size: 23px; }
       
       

.site-header .main-nav .level0>li>a{color: var(--snowflurry);position: relative;padding-right:14px;line-height: 22px; font-family: "neue-aachen-pro",sans-serif; letter-spacing: .01em; }
.site-header .main-nav .level0>li>a:after{content:''; background : url(images/icons/chevron.svg) no-repeat; background-position: center; 
background-size: contain; width: 8px; height: 5px;right: 0;top: 50%; display: inline;position: absolute; transform: translateY(-50%); 
transition: 0.25s all ease; }
.site-header .main-nav ul.level0>li:hover>a:after{ transform: translateY(-50%) rotate(180deg); }
.site-header .dmenu{ visibility: hidden; }
.site-header .dmenu .wrapper { transform: translateY(-40px); opacity: 0; }
.site-header ul.level0 li:hover .dmenu .wrapper { transform: translateY(0); transition: 0.7s all ease; opacity: 1; }
.site-header ul.level0 li:hover .dmenu{ visibility: visible; transform: translateY(0); }
.loaded .site-header .main-nav .level0 .dmenu{ position: absolute;left: 0; top:48px; z-index: 99;
min-height: 590px;max-width: 100%;width: 100%;background: url(images/menu_image/menu_bg.png) no-repeat bottom center var(--mirage); }
.site-header .dmenu.style_4 .submenu {margin-right: 150px;padding-top: 20px;}
.site-header .dmenu.style_4 .submenu span{display: block;text-align: center;margin: auto;}
.site-header .dmenu.style_4 .submenu li>a{font-size: 24px;line-height: 28px;text-align: center;margin-top: 25px;}
.site-header .dmenu.style_4 .submenu li:hover span:before{opacity: 1;}
.site-header .dmenu.style_4 .submenu span{position: relative;}
.site-header .dmenu.style_4 .submenu span:before{content: '';background-image: url(images/icons/icn-menu.svg);width: 64px;height: 44px;background-repeat: no-repeat;background-position: center;background-size: contain;display: flex;margin: 0 auto 10px auto;opacity: 0;}
.site-header .dmenu.style_4 .submenu .thr_sub_menu .menu_button{text-align: center;}
.site-header .dmenu.style_4 .submenu>li>a:after{display: none;}
.site-header .dmenu.style_4 .thr_sub_menu{margin-top: 25px;}
.site-header .dmenu.style_4 .submenu .menu_button .w300 { font-weight: 400; }
.site-header .dmenu .thr_sub_menu .menu_button {text-align: center;}
.site-header .dmenu.style_3 .thr_sub_menu .menu_button {text-align: left;margin-top: 20px;}
.site-header .dmenu.style_3 .thr_sub_menu .menu_button+.menu_button {margin-top: 10px;}
.site-header .dmenu .thr_sub_menu .menu_button a{ border:2px solid var(--persimmon);padding: 12px 18px 12px; text-align: center; border-radius: 5px;
margin-top: 0;font-size: 18px; line-height: 1; font-family: 'neue-aachen-pro',sans-serif; }
.site-header .dmenu.style_4 .thr_sub_menu .menu_button a{line-height: 1; font-size: 18px;}
.site-header .dmenu.style_3 .submenu>li:first-child a:after {width: 80%;}
.site-header .main-nav .level0 .dmenu .wrapper{position: relative;z-index: 999;padding: 110px 0 37px 20px;}
.site-header .dmenu .left_sec{max-width: calc(100% - 614px); width: 100%;}
.site-header .dmenu .right_sec{width: 100%;max-width: 614px;min-height: 440px; position: relative; }
.site-header .dmenu.style_1 .right_sec:after,.site-header .dmenu.style_1 .right_sec:before{display: none;}
.site-header .dmenu .right_sec:before, .site-header .dmenu .right_sec:after{ content: ''; top:47%;  z-index: 2; position: absolute; width: 53px;height: 26px;
background: url(images/menu_image/arrow_l.png) center no-repeat;background-size: contain; }
.site-header .dmenu .right_sec:after{ right:36px; transform: rotateY(180deg); }
.site-header .dmenu .right_sec:before{ left: 36px; }
.site-header .right_sec .bg_image{ height: 100%;width: 100%;position: absolute;z-index: 1;left: 0;right: 0;top: 0;}
.site-header .right_sec .bg_image:before{ z-index: 2;background: var(--persimmon);opacity: 0.85;}
.site-header .dmenu .right_sec .centre_part{margin: auto;z-index: 9;text-align: center;}
.site-header .dmenu .right_sec .centre_part img{ max-width: 290px; }
.site-header .dmenu .right_sec h3{margin: auto;font-size: 30px; line-height: 32px;text-align: center; font-family: "industry",sans-serif;
  text-transform: uppercase;color: var(--alabaster); margin: 20px 0 25px 0; padding: 0 65px; max-width: 380px; }
.site-header .dmenu .submenu{margin-right: 90px;}
.site-header .dmenu .submenu>li{width:calc((100% - 30px)/2);list-style: none;}
.site-header .dmenu .submenu>li:first-child{margin-right: 30px;}
.site-header .dmenu .submenu>li a{color:var(--alabaster); }
.site-header .dmenu .submenu>li>a{font-size: 27px;line-height: 32px;display: block;position: relative; font-family: 'industry',sans-serif;
/*pointer-events: none;*/ }
.site-header .dmenu .submenu>li:first-child a:after{width: 80%;}
.site-header .dmenu .thr_sub_menu{margin-top: 35px;}
.site-header .dmenu .thr_sub_menu li{list-style: none; margin: 0 0 24px; }
.site-header .dmenu .thr_sub_menu li a{font-size: 23px; line-height: 1.25;}
.site-header .site-branding{position: absolute;bottom:-50px;left: 0;right: 0;margin: auto;text-align: center;width: 100px;z-index: 999;}
.site-header .right-head{width: 325px; overflow: visible; justify-content:flex-end; }
.site-header .right-head .shop_gear{color: var(--snowflurry); font-family: 'neue-aachen-pro',sans-serif; }
.site-header .right-head .shop_gear:hover{color: var(--orange);}
.site-header .right-head .brew_finder{ border-color:var(--persimmon); display: flex; flex-direction: row-reverse; margin-left:24px; }
.site-header .right-head .brew_finder:after{ margin: -5px 6px -1px 0; }
.site-header .right-head .brew_finder:hover{ background-color:var(--snowflurry);color: var(--mirage);border-color: var(--snowflurry); }
.site-header .main-nav ul.level0>li:hover>a{ color:var(--orange); } 
.site-header .main-nav ul.level0 .dmenu li a:hover{color:var(--orange);} 
.site-header ul.level0 .dmenu .thr_sub_menu .menu_button a:hover{background-color: var(--persimmon);color:var(--alabaster );}
.site-header .dmenu .thr_sub_menu a{ text-transform: none; }
.site-header .dmenu .thr_sub_menu .menu_button a{ text-transform: uppercase;  }
/*----------- Header Css Ends ---------------*/

/*----------- Footer Css ---------------*/
.footer-pull + .newsletter-sec { padding-top: 200px; }
.site-footer{ background-color: var(--mirage); padding: 120px 0px 80px 0px; }
.footer-wrapper{ max-width:1190px;padding: 0px 20px ;margin: 0 auto; box-sizing: border-box;}
.site-footer .top-part{padding-bottom:50px; }
.site-footer .col{ width: 25%;padding-right: 22px;box-sizing: border-box;}
.site-footer .col:last-child{padding-right: 0;}
.site-footer .col .h4{color: var(--alabaster); margin: 0 0 18px 0;}
.site-footer .col a{ color:var(--snowflurry); margin:0; line-height: 1.666;margin-bottom: 18px;display: block;}
.site-footer .col a:hover{color: var(--orange);}
.site-footer .col ul{padding-left: 0;margin: 0;}
.site-footer .col ul li{list-style: none;}
.site-footer .col.follows-us{ margin:0 auto;text-align: center;}
.site-footer .col.follows-us a{display: block;}
.site-footer .col.follows-us .button{width: 180px;margin: 45px auto 20px auto;text-align: left;position: relative; max-width: 100%;
box-sizing: border-box; display: flex; justify-content: space-between; line-height: 1; }
.site-footer .col.follows-us .button:hover{background-color:var(--snowflurry);color:var(--mirage); }
.site-footer .col.follows-us .order{ margin: 0 auto;}
.site-footer .col .social {margin-bottom: 65px;text-align: center;}
.site-footer .col .social a{ display: inline-block; height: 40px; width: 40px; }
.site-footer .col .social a svg{ fill: var(--snowflurry);  border-radius: 50%; height: 100%; width: 100%;}
.site-footer .col .social a:hover svg{ background: #E35205; }

.site-footer .col .social a:not(:last-child){ margin: 0 14px 14px 0; }
.site-footer .col .social a img{width: 40px;height: 40px;background-color: transparent;border-radius: 50%;}
.site-footer .col .social a:hover img{background-color: var(--orange);}
.site-footer .bottom-part{list-style: none;}
.site-footer .col.follows-us span, .site-footer .bottom-part span{color:var(--persimmon);line-height: 50px; font-family: 'industry',sans-serif; }
.site-footer .bottom-part p{color:var(--alabaster);}
.site-footer .bottom-part a{ text-decoration: underline; padding: 0 20px 0 0;display: inline-block;}
.site-footer .bottom-part a:first-child{ padding-left: 0; }
.site-footer .bottom-part a:hover{color: var(--orange);}
.site-footer .bottom-part .link-list{display: inline-block;}
.site-footer .bottom-part a , .site-footer .bottom-part .copy_right{ color:var(--snowflurry); font-size:12px; }
.site-footer .bottom-part .copy_right{ display: inline-block; margin-bottom: 0; margin-top: 10px; }
.site-footer .bottom-part .link-list a:last-child{padding-right: 0;border:none;}
.site-footer  .follows-us > span{ text-align: center; display: block; color:var(--persimmon); margin: 0; line-height: 50px; }

/*--- Newsletter Section ---*/
.loaded .newsletter-sec { background: url('images/watermark-logo.svg') var(--alabaster) no-repeat; /*background-position: right 250px bottom -50px; background-attachment: fixed; */ background-size: 536px auto; background-position: right 185px top 44px; }
.newsletter-sec { padding-top: 200px; }
.newsletter-sec .foot-content{ background: var(--mirage); }
.newsletter-sec .top-row { margin: -110px 0 0; position: relative; z-index: 2; }
.newsletter-sec .top-row .button-wrap { justify-content: center; margin: 22px 0 48px; align-items: center; }
.newsletter-sec .top-row .title{ margin: 0; color: var(--alabaster); }
.newsletter-sec .afv-fig{ display: flex; margin: 0 auto -105px; width: 580px; height: 400px; align-items: flex-end;
justify-content: center; }
.newsletter-sec .bottom-row{ padding: 145px 0 105px; background-size: cover; background-position: center; }
.newsletter-sec .bottom-row:before{ background: linear-gradient(rgba(227,82,5,1), rgba(227,82,5,0.65)); }
.newsletter-sec .cap-image{ position: relative; }
.newsletter-sec .cap-image img{ min-height: 140px; object-fit: cover; }
.newsletter-sec .cap-image:after { content: ''; display: block; position: absolute; bottom: 0; height: 70px; background: linear-gradient(transparent, #16232B); width: 100%; }
.newsletter-sec .bottom-row .title{ margin: 0; font-family: "aachen_btroman",sans-serif; color: var(--alabaster); max-width: 385px; text-align: right; }
.newsletter-sec .bottom-row .form-content{ max-width: calc(100% - 495px); }
.newsletter-sec .icn-snap{ width: 110px; transform: translateY(25px) rotateY(180deg); }
.newsletter-sec .icn-snap.screen-in{ width: 110px; transform: translateY(0) rotateY(0); transition: 1.15s transform; }
.newsletter-sec .bottom-row .gform_not_found, .newsletter-sec .bottom-row .desc { color: var(--alabaster); }
.newsletter-sec .bottom-row .content{ max-width: 960px; }
.newsletter-sec .form-wrap .gform_body{ width: calc(100% - 85px); margin: 0; }
.newsletter-sec .form-wrap .gform_button{ width: 85px; background: transparent; padding-right: 12px; border-color: var(--snowflurry); } 
.newsletter-sec .form-wrap form{ display: flex; text-align: left; }
.newsletter-sec .afv-fig img{ transform: translateY(30px); }
.newsletter-sec .afv-fig img.screen-in{ transform: translateY(0); transition-delay: 0.5s; }
.newsletter-sec .adv-content .button:hover{ background: var(--snowflurry); border-color: var(--snowflurry); color: var(--mirage); }
/*--- Newsletter Section Ends ---*/

/*----------- Footer Css Ends ---------------*/

/*--------------- Home Page ---------------*/
/*---- Hero Banner Section ----*/
.hero-banner{ position: relative; }
.hero-banner .bg-parent .bgattchFixed{ height: 66%; }
.hero-banner .badge { position: absolute; right: -110px; bottom: -130px; overflow: hidden; opacity: 0.5; height: 621px; width: 621px; z-index: 3; }
.hero-banner .badge img{ margin-bottom: -50px; }
.hero-banner, .hero-banner .bottom { background: var(--persimmon); }
.hero-banner .bottom{ margin-top: -60px; position: relative; }
.hero-banner .bg-image, .hero-banner .slide{ position: relative; overflow: visible;} 
.hero-banner .bg-image{ width: 100%; }
.hero-banner .slide .bg-image{ background-size: 100vw auto; background-repeat: no-repeat; background-position: top center; padding-top: 27vw; 
/*background-attachment: fixed;*/ }
.hero-banner .slide .picture{ position: relative; z-index: 1; }
.hero-banner .slide .content{ max-width: 750px; margin: 0 auto; padding-bottom: 40px; position: relative; transform: translateY(-60px); 
will-change: transform, translate; z-index: 5; }
.hero-banner .slide .title{ color: var(--alabaster); margin: 0 0 35px; line-height: 1; }
.hero-banner .slide .title span { display: inline; color: var(--mirage); }
.hero-banner .slide .desc{ color: var(--alabaster); max-width: 390px; margin: 0 0 40px; }
.hero-banner .floating-image{ transition: 0.05s linear all; z-index: 3; position: absolute; bottom: -400px; left: 0; }
.hero-banner .floating-image img { max-width: 460px; max-height: 835px; width: auto; }

/*---- Callout Block Section ----*/
.callout-block{ position: relative;  background-repeat: no-repeat; background-size: cover; padding: 75px 0 125px; }
.callout-block .content{ padding: 0 60px; }
.callout-block .content .desc{ max-width: 475px; margin: 0 0 46px; }
.callout-block.right .dflex{ flex-direction: row-reverse; }
.callout-block .callout-fig{ width: 400px; position: relative; min-height: 400px; }
.callout-block .cap-img img{ min-height: 200px; object-fit: cover; }
.callout-block .cap-img{ margin: 0 0 -2px; }
.callout-block .subtitle{ color: var(--persimmon); margin: -60px 0 0; display: block; }
.callout-block .text{ padding:0 140px 80px; }
.callout-block .callout-text{ width: calc(100% - 300px); }
.callout-block.left .callout-text{ margin-right: -100px; }
.callout-block .callout-text .button-wrap{ justify-content: flex-start; }
.callout-block.right .callout-text{ margin-left: -100px; }
.callout-block.dark .callout-text .text{ background: var(--alabaster); }
.callout-block.dark:before{ background: var(--mirage); opacity:0.85; }
.callout-block.dark .content .title{ color: var(--mirage); }
.callout-block .content .title{ margin: 6px 0 0; }
.callout-block.dark .content .desc{ margin: 0 0 30px; }
.callout-block.light:before{ background: var(--snowflurry); opacity: 0.45; }
.callout-block.light .callout-text .text{ background: var(--mirage); }
.callout-block.light .content .title{ color: var(--alabaster); }
.callout-block.light .content .desc{ color: var(--alabaster); }
.callout-block .content .title{ margin: 0; }

/*--- Marketing Block Section ---*/
.marketing-block{ padding: 125px 0; position: relative; }
.marketing-block .wrapper{ position: relative; z-index: 2; }
.marketing-block .text, .callout-block .callout-text .text{ text-align: left; }
.marketing-block .text{ position: relative; z-index: 4; max-width: 570px; margin: 0 auto; padding: 0 40px; width: 100%; box-sizing: border-box; }
.loaded .marketing-block:after{ content: ''; position: absolute; width: 100%; bottom: 0; left: 0; height: 450px; background-size: cover; 
background-position: center top; display: block; background-image: url(images/marketing-bg.png); z-index: 1; }
.marketing-block.dark:after{ opacity: 0.15; }
.marketing-block .desc { margin: 8px 0 26px; }  
.marketing-block .marketing-fig{ width: 525px; }
.marketing-block .subtitle{ color: var(--persimmon); }
.marketing-block .title{ margin: 6px 0 0 0; }
.marketing-block .title span{ display: inline; color: var(--persimmon); }
.marketing-block .content > .dflex{ overflow: hidden; position: relative; padding: 75px 0 60px; }
.marketing-block .dflex, .marketing-block .marketing-fig img{ border-radius: 5px; }
.marketing-block.light .badge{ opacity: 0.3; }
.marketing-text .badge{ position: absolute; top: 0; width: 500px; height: 500px; opacity: 0.93; transform: translate(-141px,-90px); z-index: 3; will-change: transform, translate; }
.marketing-block .marketing-text:after { position: absolute; z-index: 2; content:''; display: block; width: calc(100% - 425px); 
height: 100%; left: 0; top: 0; border-radius: 5px; }
.marketing-block.light{ background: var(--alabaster); }
.marketing-block.light .desc, .marketing-block.light .title{ color: var(--alabaster); }
.marketing-block.light .marketing-text:after{ background: var(--mirage); }
.marketing-block.dark{ background: var(--mirage); }
.marketing-block.dark .title, .marketing-block.dark .desc { color: var(--mirage); }
.marketing-block.right .dflex { flex-direction: row-reverse; }
.marketing-block.right .badge{ right: 0; transform: translate(60px,-80px); }
.marketing-block .marketing-text{ width: calc(100% - 525px); }
.marketing-block .marketing-fig{ position: relative; z-index: 3; }
.marketing-block.dark .marketing-text:after{ background: var(--alabaster); }
.marketing-block.right .marketing-text:after{ right: 0; left: inherit; }

/*--- Featured CTAs ---*/
.featured-ctas .cta-item:before { background: var(--mirage); opacity: 0.6; }
.featured-ctas .cta-item { padding: 0 40px; box-sizing: border-box; background-size: cover; height: 840px; justify-content: center; align-items: center; 
text-align: center; background-position: center; border-radius: 5px; overflow: hidden; }
.featured-ctas .cta-item .logo{ max-width: 425px; margin-bottom: 50px; display: block; margin-left: auto; margin-right: auto; }
.featured-ctas .cta-item .logo img{ max-height: 150px; width: inherit; }
/*----- Events Home --------*/
.events-slider .slick-track{ display: flex; }
.events-slider .slick-slide{ height: inherit; }
.events-home { background: var(--alabaster); padding: 145px 0 125px; }
.events-home .left{ width: 270px; padding-right: 30px; float: left; position: relative; z-index: 3; }
.events-home .eve-slides{ margin-right: calc( ( 100vw - 1312px ) / -2); position: relative; z-index: 1; padding-top: 30px; }
.events-home .left .title{ margin: 6px 0 16px; }
.events-home .left .title span{ color: var(--persimmon); display: block; }
.events-home .slick-arrow{ bottom: 0; top: inherit; }
.events-slider .slick-dots button{ display: none; }

/*--------------- Home Page Ends ---------------*/

/*--------------- Our History Page-----------*/
.inner-banner{background-repeat: no-repeat;background-size:cover;padding: 182px 0;background-position: center; 
/*background-attachment: fixed; */}
.inner-banner.bg-overlay:before{background-color: var(--mirage);opacity: 0.61;}
.inner-banner .banner_text{padding-left: 100px; max-width: 840px; box-sizing: border-box;z-index: 9;position: relative;}
.inner-banner .title{margin: 0;color: var(--alabaster); } 
.inner-banner .desc{margin: 0;color: var(--alabaster); line-height: 26px;padding-right: 220px;margin-top: 15px;}
.brew_pubs{position: relative;overflow: hidden;padding:140px 0 225px 0;z-index: 2;}
.brew_pubs .wrapper{ margin-right: 0; }
.brew_pubs:after{content: '';position: absolute;width: 100%;bottom: 0;left: 0;height: 450px;
background-size: cover;background-position: center top;display: block;background-image: url(images/marketing-bg.png); z-index: 1;opacity: 0.15; }
.brew_pubs .brew_pubs_inner_sec {position: relative;z-index: 99; margin-left: calc( (-1) * (100vw - 1412px)/2 );}
.brew_pubs .brew_pubs_inner_sec .left{float: left;margin-top: 380px;padding-right: 80px;position: relative;margin-right: 10px;}
.brew_pubs .brew_pubs_inner_sec .left:after{background-color: var(--persimmon);width:70px;height: 2px;content: '';position: absolute;right: 0;top: 24px;}
.brew_pubs .brew_pubs_inner_sec .slider_sec{ /*margin-right: -320px;*/ position: relative;z-index: 1;padding-top: 30px; }
.brew_pubs .slider_sec .col{ margin: 0 14px; }
.brew_pubs .slider_sec .img_part img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.brew_pubs .badge { position: absolute; left: -86px; top: -105px; opacity: 0.5; width: 420px; height: 420px; }
.brew_pubs .pub_year{color:var(--persimmon);margin: 0;margin-top: 50px;margin-bottom: 17px;position: relative;}
.brew_pubs .pub_year:after{ background-color: var(--persimmon);width: calc(100% - 116px);height: 2px;content: '';position: absolute;right: 0;top: 24px;}
.brew_pubs .desc{color:var(--alabaster);margin: 0;}
.brew_pubs .text{margin-bottom: 50px;}
.brew_pubs .slick-arrow{top: auto;bottom: 50px;background-color: transparent;color:var(--alabaster)}
.brew_pubs .slick-arrow:hover{background-color: #fff;color: var(--persimmon);}
.brew_pubs .view_brew_pub { margin-left: 184px;}
.brew_pubs .slider_sec .img_part{ height: 300px; overflow: hidden; }
.brew_pubs .view_brew_pub .arrow-link{color:var(--persimmon);}
.brew_pubs .view_brew_pub .arrow-link:hover{color:var(--alabaster);}
.follow_us{background-color:var(--alabaster);padding: 95px 0 0 0;text-align: center;margin: auto;}
.follow_us .social_part{margin-bottom: 60px;}
.social_part a{display: inline-block;margin: 0 10px;width: 40px;height: 40px;border-radius: 50%; }
.social_part a svg{ fill: var(--persimmon); height: 100%; width: 100%; }
.social_part a:hover svg{ fill: var(--orange); }
.follow_us .top_title{color:var(--mirage);position: relative;max-width: 855px;margin: auto; padding: 0 50px; box-sizing: border-box; }
.follow_us .top_title:after,.follow_us .top_title:before{ position: absolute;content: '';width: 34px;height: 17px;
background-position: center;background-repeat: no-repeat;background-size: cover; top:15px; background-image: url('images/our_history/arrow_l.svg'); }
.follow_us .top_title:after{ left: 0; }
.follow_us .top_title:before{ right: 0; transform: rotateY(180deg); }
.follow_us .insta_post{ padding-top: 15px; }



/*--------------- Our History Page End-----------*/

/*------- Events List Page Start-------- */
.event-banner{height: 455px; width: 100%;padding: 0;}
.event-banner .wrapper{height: 100%;} 
.event-banner .banner-text{margin: auto;text-align: center;position: relative;z-index: 99;}
.event-banner .title-text{color:var(--persimmon);margin: 0 0 18px 0; }
.event-banner .sub-title-text{color: var(--alabaster);margin: 0;} 
.filter_events{padding: 46px 0;}

.filter_events .event-filter-icon{ margin: 0 0 0 6px; vertical-align: middle; }
.filter_events h6{color:var(--alabaster);margin: 0 0 0px 0;}
.filter_events .filter_list{margin-top: 35px;}
.filter_events .filter_list ul{margin: 0;padding: 0;}
.filter_events .filter_list li{display: inline-block; margin: 0 16px 16px 0; }
.filter_events .button.right_link{ flex-direction: row-reverse; display: flex;align-items: center; font-family: 'industry',sans-serif; font-size: 14px; }
.filter_events .right_link:after{ margin: 0 5px 0 0; color: var(--mirage); }
.filter_events .filter_list li:last-child{ margin-right: 0; }
.filter_events .right_link:hover{ border-color: var(--snowflurry); }
.filter_events .filter_list li.active .right_link{ border-color: var(--persimmon);}
.filter_events .filter_list li .button.right_link:hover:after,.filter_events .filter_list li.active .right_link:after{ background-color: var(--persimmon);opacity: 1;}
.events-list{background-color: var(--alabaster);padding-top: 50px;}
.events-list .list_part {padding-top: 0px;padding-bottom: 50px; justify-content: center; }
.events-list .list_part .card{ width: calc((100% - 72px)/3);margin: 0 36px 50px 0; margin-top: 50px; }
.events-list .list_part .card.screen-in{ margin-top: 0; }
.events-list .list_part .card:nth-child(3n), .events-list .list_part .card:last-child {margin-right: 0;}

.load-more{margin: auto;text-align: center;display: block;}
.load-more .button{ color: var(--mirage );padding: 15px 25px 12px; }
.load-more .button:after{display: none;}
.share-love{padding-bottom: 30px;text-align: center;}
.share-love .share-title{color:var(--mirage);}
.share-love .share_icon{margin-top: 8px;}
.share-love .share_icon a{display: inline-block;margin-right: 16px;}
.share-love .share_icon a:hover svg path{fill:var(--orange);}
.share-love .share_icon a:last-child{margin-right: 0;}
/*------- Events List Page End-------- */

/*------------------ Fancybox ---------------------*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background: var(--mirage);opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}
/*------------------ Fancybox Ends ---------------------*/

/*--- Sustainability / Our Giving Template -----*/
.page-template-our-giving .inner-banner .top .button:after{ transform: rotate(90deg); text-shadow: 0 0 0.5px var(--snowflurry);}
.page-template-our-giving .inner-banner .top .button:hover:after{ text-shadow: 0 0 0.5px var(--mirage); }
.inner-banner.bg-overlay:before { background-color: var(--mirage); opacity: 0.75; }
.inner-banner.sustain{ padding: 0; }
.inner-banner.sustain .top{ background-position: top center; background-size: 100% auto; /*background-attachment: fixed;*/ background-size: cover;
padding: 240px 0 0; }

.inner-banner.sustain .bottom .features{ transform: translateY(-120px); }

.inner-banner.sustain .top .wrapper .content{ max-width : 1000px;  }
.inner-banner.sustain .top  .content p{ color: var(--alabaster); margin: 42px auto 62px; line-height: 1.4444; max-width: 650px; }
.sustain .featured{ max-width : 100%; }
.sustain .head .big-Number{ position: absolute; left: 50%; transform: translate(-50%,0); font-size: 500px; color: var(--snowflurry); opacity: 0.15; 
line-height: 1; top: 0; font-weight: 900; }
.sustain .head .title { text-align: right; width: 400px; }
.sustain .head .desc { max-width: 430px; padding: 0; margin: 56px 0 0 24px; }
.sustain .featured .head { max-width: 960px; position: relative; margin: 0px auto -80px; padding: 140px 0 100px; justify-content: center;
transform: translateY(-110px); }
.inner-banner.sustain .bottom{ background: var(--persimmon); margin-top: 0; overflow: visible; }
.sustain .features .icon-box .icon{ display: flex; align-items: flex-end; justify-content: center; height: 108px; margin: 0 0 16px; }
.sustain .features.columns2 , .result{ max-width: 1030px; }
.sustain .features.columns2 .icon-box{ width: 50%; }
.features .icon-box .desc{ padding: 0 24px; max-width: 430px; margin: 10px auto 0; color: var(--alabaster); }
.sustain .result{ background: url('images/footer-mountain-tablet.png') no-repeat bottom -40px center var(--mirage); padding: 100px 86px; box-sizing: border-box; }
.sustain .result .title{ margin: 0 0 90px; }
.sustain .result .dflex{ justify-content: center; align-items: flex-end;}
.sustain .result .block{ width: 33.33%; padding: 0 16px; box-sizing: border-box; }
.sustain .result .block .per{ margin: 0; color: var(--persimmon); }
.sustain .result .block .tag{ color: var(--alabaster); }
.sintro{ background: var(--alabaster); padding: 100px 0 50px; }
.sintro p{ margin: 26px auto 0; max-width: 810px; color: var(--mirage); }
.sintro + .marketing-block{ padding: 40px 0 0; }
.sintro + .marketing-block:after{ display: none; }
.sintro + .marketing-block .content{ margin: -60px 0 0; }
.sintro + .marketing-block .dflex{ transform: translateY(60px); }
.sustain .features .icon-box{ margin: 0 0 72px; width: 33.333%; }
.partners { padding: 100px 0; background: var(--mirage); color: var(--alabaster); }
.partners .block .h3{ margin: 16px 0; }
.partners .block .font18 a{color: var(--alabaster);text-decoration: underline; }
.partners .block .font18 a:hover{color: var(--persimmon);}
.partners .block{ padding: 0 24px 0 0; box-sizing: border-box; }
.partners .block:nth-child(2n){ padding: 0 0 0 24px; }
.donation{ background: var(--alabaster); padding: 20px 0 0; }
.donation .content{ transform: translateY(80px); max-width: 830px; }
.donation a{ color: var(--persimmon); text-decoration: underline }
.donation a:hover{ color: var(--mirage); }
.donation .desc{ margin: 0 0 55px; }
.popup.dontation .content{ max-width: 1140px; width: 100%; background: url(images/marketing-bg.png) no-repeat bottom center #f3f2ed; 
color: #16232B; background-size: 100% auto; position: relative; padding: 100px 120px 60px; }
.popup.dontation .content h2{ margin: 0 0 16px; text-align: center; }
.popup.dontation .content p{ font-size: 20px; margin: 0 0 18px; }
.popup.dontation .content .popDie{ position: absolute; right: 15px; top: 15px; }
/*--- Sustainability / Our Giving Template Ends -----*/

/*------- Product Listing Page --------*/
.product-banner{ background-repeat: no-repeat; background-size: cover; background-position: center; color: var(--alabaster); overflow: hidden; overflow: visible;
padding-top: 100px; /*background-attachment: fixed;*/ }
.product-banner:before{ background: #000; opacity: 0.75; }
.product-banner .left{ width: 515px; padding: 110px 0 40px; }
.product-banner .left .title{ margin: 24px 0 16px; }
.product-banner .left .description { margin: 0 0 32px; }
.product-banner .subtitle{ color: var(--persimmon); }
.product-banner .right{ width: calc(100% - 515px); padding-left: 200px; justify-content: flex-end; display: flex; max-height: 630px;
align-items: flex-end; }
.filter { background: var(--mirage); color: var(--alabaster); padding: 32px 16px; }
.products-pan{ background: var(--alabaster); padding: 40px 0; }
.products.grid .pcard{ width: calc((100% - 60px)/3); margin: 0px 30px 0 0; }
.products.grid .pcard:nth-child(3n){ margin-right: 0; }
/*------- Product Listing Page Ends --------*/

/*------ Career Template -----*/
.page-template-career .share-events-bar .inner-part{ justify-content: flex-end; }
.career.inner-banner{ padding: 146px 0; }
.career.inner-banner .desc{ padding-right: 0; max-width: 820px; margin: 70px 0 0; }
.job-posts .job{ margin: 54px 0; }
.job .title{ margin: 0; }
.job-posts .job .button { margin: 16px 0 24px; }
.job-posts .desc-table p{ margin: 0 0 6px; }
.job-posts .desc-table .short-desc{ margin: 24px 0; color: var(--mirage); }
.testimonials { background: url(images/footer-mountain.png) bottom center no-repeat var(--mirage); color: var(--alabaster); padding: 100px 0 120px;
 background-size: 100% auto; }
.testimonials .slick-arrow:after{ color: var(--alabaster); text-shadow: 0 0 0.5px var(--alabaster); }
.testimonials .slick-dots li:not(.slick-active) button{ background: #9B9B9B; }
.testimonials .review{ max-width:  850px; }
.portfolio{ padding: 100px 0 0; background: var(--alabaster); }
.portfolio .title{ margin: 0 0-50px; }
.portfolio .sslider { transform: translateY(80px); }
/*------ Career Template Ends -----*/

/*------------- Family Template -------------*/
.family.hero-banner{ background-size: cover; background-position: center; /*background-attachment: fixed;*/ padding: 160px 0 0}
.family.hero-banner:before{ background: var(--mirage); opacity: 0.75; }
.family.hero-banner{ color: var(--alabaster);  }
.family.hero-banner .title{ margin: 20px 0 72px; }
.family.hero-banner + .marketing-block { padding-top: 180px; }

.family.hero-banner .left{ width: 560px; padding : 60px 40px 80px 0; }
.family.hero-banner .content{ align-items: center; }
.family.hero-banner .right-fig { width: calc(100% - 600px); display: flex; align-items: flex-end; position: relative; z-index:-2;
min-height: 70vh; transform: translateY(90px); margin-top: -90px; }
.hero-banner .right-fig img{ display: block; margin-left: auto; max-width: 590px; }
.family.right.marketing-block .text{ padding: 0 80px 0 52px; max-width: 100%; }
.marketing-fig.video{ position: relative; }
.marketing-fig.video .icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.pro-featured { background: var(--alabaster); padding: 110px 0 80px; color: var(--mirage); }
.pro-featured .products{ justify-content: center; }
.pro-featured .head{ margin: 0 0 16px; }
.pro-featured .desc{ max-width: 755px; }
.featured-cta { min-height: 845px; align-items: center; background-size: cover; background-position: center; padding: 80px 0; }
.featured-cta:before{ background: #000; opacity: 0.5; }
.featured-cta .content{ padding: 110px 60px;  background: url('images/footer-mountain-tablet.png') no-repeat bottom -40px center var(--mirage); 
color: var(--alabaster); max-width: 900px; width: 100%; box-sizing: border-box; }
.featured-cta .title{ margin: 0; }
.featured-cta .title span{ color: var(--persimmon); padding-right: 30px; }
.featured-cta .text{ width: calc(100% - 200px); }
.featured-cta .button{ max-width: 170px; margin-top: 45px; }
.featured-cta .dflex:not(.text){ justify-content: space-between; align-items: flex-start; }
.featured-cta .icon{ width: 90px; text-align: center; }
.featured-cta .icon + .title { margin: 0 0 0 12px; padding: 0 0 0 18px; border-left: 2px solid var(--persimmon);width: calc(100% - 125px); 
font-weight: 400; }
.single .featured-cta .title span{ display: block; padding-right: 0; }
/*------------- Family Template Ends -------------*/

/*------------- Single Products -------------*/
.single-products{ background: var(--alabaster); }
.single-products .product-banner { overflow: visible; padding: 80px 0 0; }
.single-products .product-banner:after{ content:''; height: 125px; background: var(--alabaster); display: block; z-index: 1; position: relative; }
.product-banner .figs{ width: 580px; order: 3; flex-direction: row-reverse; }
.product-gallery .thumbnail{ margin: 0 0 16px; cursor: pointer; }
.product-gallery .thumbnail:last-child{ margin: 0; }
.product-gallery .img img{ max-height: 75px; max-width: 75px; width: auto; }
.product-gallery .img{ height: 85px; width: 85px; background: var(--snowflurry); display: flex; padding: 10px; transition: 0.25s all ease;
justify-content: center; align-items: center; border: 2px solid transparent; box-sizing: border-box; box-sizing: border-box; }
.product-gallery .active .img{ border-color: var(--persimmon); }
.product-banner .product-gallery{ width: 85px; padding: 20px 0 20px 35px; }
.product-banner .right-fig { width: calc(100% - 120px); margin: -120px 0; height: 650px; align-items: flex-end; padding: 0 24px; justify-content: center; }
.product-banner .right-fig a{ max-height: 100%; display: flex; height: 100%; align-items: flex-end; }
.product-banner .text{ width: calc(100% - 580px); padding-right: 24px; box-sizing: border-box; }
.product-banner .text .button:hover{ background: var(--alabaster); color: var(--persimmon); }
.single-products .product-banner .title{  margin: 0; }
.single-products .product-banner .subtitle{ color: var(--alabaster); margin: 0 0 40px; }
.filter .col.style{ width: 50%; border-left: 0; padding-left: 0; }
.filter .col.occassion{ padding-right: 0; }
.filter .col{ width: 25%; border-left: 2px solid var(--persimmon); box-sizing: border-box; margin: 40px 0 0; padding: 20px 40px; }
.filter .col .head{ margin: 0 0 16px; color: var(--persimmon); }
.related{ padding: 110px 0 60px; }
.related .slick-arrow.next { left: inherit; right: -35px; }
.related .slider{ margin: 46px -20px 0; }
.explore-cta{ background: var(--persimmon); color: var(--alabaster); border-radius: 5px; padding: 79px 0; }
.explore-cta h3, .explore-cta .fig{ padding: 0 30px; box-sizing: border-box; }
.related .slick-slide{ margin: 0 20px; }
.related .slick-arrow.prev { left: -35px; }
.related .slick-track { display: flex; align-items: center; }
.abs-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.abs-bg > span{ display: block; height: 100%; background-size: cover; position: sticky; top: 0; background-position: center; }
.prodesk .text-share { padding: 45px 0; }
.prodesk .text{ max-width: 970px; width: 100%; }
.crumbs{ width: 100%; padding: 0 0 114px; }
.crumbs .crumb{ color: var(--snowflurry); }
.crumbs .crumb:hover{ color:var(--persimmon); }
.specs .bottom .block{ color: var(--alabaster); }
.specs .bottom .block span{ color: var(--persimmon); }
.specs .txt{ position: relative; z-index: 4; padding: 0 40px; max-width: 710px; margin: 0 auto; box-sizing: border-box; }
.specs .fills .dflex{ padding: 0; align-items: center; color: var(--snowflurry); }
.specs .fills .fluid:after{ content: ''; height: 32px; background: #F7F5EB; width: 1px; display: block; position: absolute; left: 50%; top: -4px; }
.specs .fills .fluid .bar{  display: block; background: var(--persimmon); height: 26px; width: 0; transition: 1s width ease; width: 25%; }
.fills .row.screen-in [data-fluid="1"] .bar{  }
.fills .row.screen-in [data-fluid="2"] .bar{ margin-left: 25%; }
.fills .row.screen-in [data-fluid="3"] .bar{ margin-left: 37.5%; }
.fills .row.screen-in [data-fluid="4"] .bar{ margin-left: 50%; }
.fills .row.screen-in [data-fluid="5"] .bar{ margin-left: 75%; }
.specs .fills span:first-child{ text-align: right; width: 82px; }
.specs .fills .fluid{ width: calc(100% - 184px); padding: 0; border-radius: 2px; margin: 14px 10px; background: #465360; position: relative; }
.specs.marketing-block .title{ color: var(--persimmon); margin:0 0 10px; text-align: center; }
.specs.marketing-block .content > .dflex{ padding: 32px 0 32px; }
.specs .bottom{ text-align: center; justify-content: center; }
.specs .bottom .block{ padding: 20px 12px 0;  }
.specs .bottom .block h3{ margin: 0 0 4px; font-weight: 400; }
.specs.marketing-block .marketing-fig { width: 417px; }
.specs.marketing-block .marketing-text { width: calc(100% - 417px); }
.specs.marketing-block { padding: 20px 0 190px; }



.specs.marketing-block.noBgMountain { padding: 20px 0 60px; }
.specs.marketing-block.noBgMountain:after{ display: none }
.marketing-block.similar-products.light .title{ color: var(--mirage); text-align: center; font-size: 20px; }


.specs.marketing-block .marketing-text:after{ width: calc(100% - 360px); }
/*Product Filter Start*/
.profile-filter input{ padding: unset; }
.style li, .family li{ display: inline-block; margin: 0 6px 10px 0; }
.style .button.right_link:after { margin: 0 8px 0 0; }
.style .button.right_link { flex-direction: row-reverse; position: relative; display: flex; align-items: center; }
.style .button.right_link:hover{ border-color: #E35205; background: transparent; color: var(--snowflurry); }
.style .button.right_link:hover:after{ opacity: 1; }
.style:hover, .style ul li.active .button.right_link { border-color: var(--persimmon); }
.filter .col .params li{ list-style: none; }
.filter .col .params ol, .filter .col .params ul{ margin: 0; padding-left: 0; }
.occasion-filter .switch{ width: 30px; height: 18px; position: relative; display: inline-block; }
.occasion-filter .slider:before{ height: 13px; width: 13px; transform: translateY(50%); bottom: 50%; left: 2px; border-radius: 50%;
position: absolute; content: ""; background-color: #EEE6CD; transition: .5s all ease; opacity: 0.19; }
.occasion-filter input:checked + .slider:before{ transform: translate(-100%,50%); left:calc(100% - 2px); }
.occasion-filter .slider.round { border-radius: 34px; }
.occasion-filter .slider.round:before { border-radius: 50%; }
.occasion-filter .switch input { opacity: 0; width: 0; height: 0; }
.occasion-filter .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #465360;
-webkit-transition: .4s; transition: .5s all ease; }
.occasion-filter input:checked + .slider { background-color: #E35205; }
.occasion-filter input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.occasion-filter input:checked + .slider:before{ background: #F27533; opacity: 1; }
.occasion-filter .slider.round:before { border-radius: 50%; }
.reset-filter { margin-left: auto; color: var(--persimmon);text-decoration: underline; }
.filter .col.occassion .switch{ margin-right: 12px; }
.filter .col .params.profile-filter > .item:not(:last-child){ margin: 0 0 22px; }
.filter .col .params li:last-child{ margin-bottom: 0; }
.occassion li, .profile span{ color: #EEE6CD; font-size: 12px; font-family: "industry",sans-serif; letter-spacing: 1px; }
.occassion li{font-size: 14px; }
.profile{font-size: 12px; }
/*Product Filter Ends*/
/*------------- Single Products Ends -------------*/
.page-template-contact .cap-image , .page-template-food-drink-menu .cap-image , .page-template-contact .newsletter-sec .top-row, 
.page-template-food-drink-menu .newsletter-sec .top-row{ display: none; }
.loaded.page-template-contact .newsletter-sec, .loaded.page-template-food-drink-menu .newsletter-sec{ padding-top: 0; }
.page-template-contact .newsletter-sec .bottom-row, .page-template-food-drink-menu .newsletter-sec .bottom-row { padding: 145px 0; }

/*----------- Food Drink Template -----------*/
.drink-blocks .labelStack .dflex.wrap{ padding: 0 0 0 16px; margin: 0;}
.labelStack li{ list-style: none; margin: 5px 10px 5px 0; font-size: 16px; display: flex; align-items: center; font-size: 20px; color: var(--cello);
}

.drink-blocks .fills, .drink-blocks .block .fills{ background: url(images/can.svg) no-repeat center;background-size: contain; height: 26px; }

.food-blocks .block .text ul, .food-blocks .block .text ol{ padding: 0 0 0 20px; }
.food-blocks .block .text li{ margin: 0; }
.nav-tabs{ display: flex; align-items: center; justify-content: center; }
.nav-tabs .tab{ font-family: "neue-aachen-pro",sans-serif; font-size: 18px; line-height: 1; color: var(--mirage); 
border: 2px solid var(--persimmon); padding: 10px 12px 7px; }
.nav-tabs .tab:hover, .nav-tabs .tab.current{ color: var(--alabaster); background: var(--persimmon); }
.nav-tabs .tab.current{ pointer-events: none; }
.nav-tabs .tab:first-child{ border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.nav-tabs .tab:last-child{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.food-blocks .block p, .food-blocks .block .text{ display: inline; }
.food-blocks .block .item > p{ color: var(--persimmon); font-weight: 600; margin: 0 8px 0 0; }
.food-blocks .block .item{ margin: 0 0 24px; color: var(--cello); }


.menu-palate .block{ margin: 50px 0; }
.menu-palate .per{ margin: 0 0 22px; }
.menu-palate .per span{ display: inline; }
.drink-blocks .logo-fig{ width: 220px; padding-right: 20px; }
.drink-blocks .item{ width: calc(100% - 240px); }
.drink-blocks .item h4{ margin: 0 0 8px; color: var(--persimmon); font-family: "museo-sans",sans-serif; }
.drink-blocks .dflex.wrap { margin: 32px 0; }
.drink-blocks .item p{ margin: 0; line-height: 1.5; color: var(--cello); }
.page-template-food-drink-menu .banner{ height: 390px; background-size: cover; background-position: center; align-items: center; 
justify-content: center; /*background-attachment: fixed;*/}
.page-template-food-drink-menu .banner .logo-fig{ max-width: 350px; max-height: 150px; }
.page-template-food-drink-menu .banner:before{ background: var(--mirage); opacity: 0.5; }
.food-palate .block .text ul { padding: 0 0 0 20px; margin: 0; }
.menu-head{ background: var(--mirage); padding: 40px 0 30px }
.menu-head .title{ color:  var(--persimmon); margin: 0; line-height: 1; max-width: calc(100% - 64px); display: inline-block; vertical-align: middle; }

.menu-head .left-sec{  width: calc(100% - 300px); }

/* .menu-head .title:before{ content: '\2192'; display: inline-block; vertical-align: middle; transform: rotate(180deg); margin: -4px 8px 0 0; 
font-size: 24px; text-shadow: 0 0 0.5px var(--persimmon); } */

.menu-head .left-sec .button{ border: none; background: transparent; }
.menu-head .left-sec .button:after{ color: var(--persimmon); transform: rotate(180deg); margin: 0; }
.menu-head .left-sec .button:hover{ background: transparent; }
.menu-head .left-sec .button:hover:after{ color: var(--alabaster); }


.menu-head .button-wrap{ width: 300px; }
.menu-head .button:hover{ background:  var(--persimmon); border-color: var(--persimmon); }
.menu-palate{ padding: 80px 0 0; }
.menu-palate .per span { color: var(--persimmon); font-size: 75%; }
/*----------- Food Drink Template Ends -----------*/

/*--------- Contact Page -------*/
.page-template-contact{ background: var(--alabaster); }
.contact.banner{ height: 350px; display: flex; align-items:center; color: var(--alabaster); background-size: cover; background-position: center; }
.contact.banner:before{ background: var(--mirage); opacity: 0.6; }
.contact-desc{ padding: 80px 0 0; }
.contact-desc .left{ padding-right: 40px; box-sizing: border-box; }
.contact-desc:after, .menu-palate:after { padding: 285px; background: url(images/marketing-bg.png) bottom center no-repeat; background-size: 100% auto;
content: ''; display: block; margin-top: -350px; opacity: 0.5; z-index: -1; position: relative; }
.contact-desc .title{ margin: 0 0 16px; }
.contact-desc a{ color: var(--persimmon); text-decoration: underline; }
.contact-desc .text{ color: var(--cello); max-width: 400px; }
.contact-desc .text p:not(:last-child){ margin: 0 0 26px; }
.contact-desc .gform_footer{ text-align: left; }
.contact-desc .gform_footer #gform_submit_button_2{ padding-right: 12px; background-image: none; }
.contact-desc .name_first label, .contact-desc .name_last label{ display: none; }
/*--------- Contact Page Ends-------*/

/*----------------- Woocommerce Css ----------------*/
.single-product .summary .price{ margin: 24px 0; font-size: 1.25em;  }
.quantity { margin: 0 0 24px; }
.site-main .commentlist{ padding: 0; }
.commentlist li{ list-style: none; }
.review img{ border-radius: 50%; }
.comment_container{ display: flex; align-items: center; }
.comment-text { padding-left: 24px; }
.comment-text .meta{ margin: 0 0 8px; }
.site-main .wc-tabs{ justify-content:center; list-style: none; margin: 0; }
.woocommerce-form{ margin: 40px 0;}
.woocommerce .woocommerce-MyAccount-navigation ul{ list-style: none; padding: 40px 24px; }
.site-main .wc-tabs li, .woocommerce .woocommerce-MyAccount-navigation li{ margin: 0 5px 0 0; }
.site-main .wc-tabs li:last-child, .woocommerce .woocommerce-MyAccount-navigation li:last-child{ margin-right: 0; }
.site-main .wc-tabs, .site-main .entry-content .woocommerce{ display: flex; flex-wrap: wrap; padding: 40px 0 0; }
.woocommerce .woocommerce-MyAccount-navigation { background: var(--alabaster); width: 320px; }
.woocommerce .woocommerce-MyAccount-content{ width: calc(100% - 320px); padding: 40px; box-sizing: border-box; }
.site-main .wc-tabs li a{ border: 1px solid var(--snowflurry); margin-bottom: -1px; }
.site-main .wc-tabs li a,.woocommerce .woocommerce-MyAccount-navigation a{ text-decoration: none; font-family: "neue-aachen-pro",sans-serif; 
display: block; padding: 10px 12px; text-transform: uppercase; }
.site-main .wc-tabs li:hover a, .site-main .wc-tabs li.active a, .woocommerce .woocommerce-MyAccount-navigation .is-active a,
.woocommerce .woocommerce-MyAccount-navigation a:hover{ background: var(--persimmon); color: var(--alabaster); }
.password-input, .woocommerce-input-wrapper{ width: 100%; }
.woocommerce-Message .button, .woocommerce-message .button{ display: block; width: max-content; margin: 0 0 30px; }
.woocommerce-Message .button.wc-forward{ display: inline-block; margin: 0; }
.woocommerce-error[role="alert"], .woocommerce-notices-wrapper > div[role="alert"]{ background: #ffeedd; padding: 16px; margin: 0 0 30px;
border-radius: 4px; }
.woocommerce-error li{ list-style: none; }
.woocommerce-error li:last-child{ margin: 0; }
.woocommerce .site-main [type="submit"]{ margin: 24px 0; }
.site-main .entry-content .woocommerce > h2, .site-main .entry-content .woocommerce > h3{ width: 100%; } 
.woocommerce-form.login{ max-width: 600px; }
.woocommerce .addresses, .woocommerce #customer_login{ display: flex; flex-wrap: wrap; }
.woocommerce .col2-set > div{ width: 50%; box-sizing: border-box; }
.woocommerce .col2-set .col-1{ padding: 0 24px 0 0; }
.woocommerce .col2-set .col-2{ padding: 0 0 0 24px;; }
.entry-content .woocommerce .button { background: var(--persimmon); border-color: var(--persimmon); color: var(--snowflurry); }
.woocommerce .button:hover:after, .woocommerce .button:after{ text-shadow: 0 0 0.5px var(--persimmon); }
input[type="submit"]:hover, .woocommerce .button:hover{ color: var(--persimmon); background: var(--snowflurry); border-color: var(--snowflurry); }
.comment-form-rating{ display: flex; }
.comment-form-rating label[for="rating"]{ width: inherit; margin:0 14px 0 0; }
.site-main .stars a { font-size: 0; text-decoration: none; }
.stars a:before { content: "\2605"; font-size: 20px; line-height: 1; text-decoration: none; color: #666; }
.stars.selected a:before{ color: #ffcc4d; }
.site-main .stars a.active ~ a:before { color: #666; }
.woocommerce .onsale{ position: absolute; top: 1px; left: 1px; padding: 10px 12px; background: #cdfbe6; }
.single-product .pro-banner .product { display: flex; flex-wrap: wrap; position: relative; }
.woocommerce .products .product > a:not(.button){ display: block; margin: 0 0 20px; }
.woocommerce .products .product a.button{ text-decoration: none; }
.woocommerce .products{padding: 0; display: flex; flex-wrap: wrap; margin: 20px 0 0; list-style: none; text-align: center; 
justify-content: center; width: 100%; }
.woocommerce .products .product{ width: 33.33%; padding: 0 16px; box-sizing: border-box; margin: 0 0 44px; } 
.woocommerce-tabs{ width: 100%; }
.woocommerce-breadcrumb{ padding: 0 0 30px; }
.single-product .product .woocommerce-product-gallery{ width: 767px; padding-right: 80px; box-sizing: border-box; padding-bottom: 32px; }
.single-product .product .summary{ width: calc(100% - 767px); }
.single-product .summary .product_title{ font-size: 45px; }

.single-product .thumbs .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image + .woocommerce-product-gallery__image{ padding: 6px; height: 102px;
margin: 0 16px 16px 0; border: 1px solid #465360; width: 102px; }

.single-product .thumbs { padding-right: 20px; }
.single-product .thumbs .woocommerce-product-gallery__image img{ width: 100%; height: 100%; 
object-fit: cover;}
.woocommerce-product-gallery__wrapper{ text-align: center; display: flex; flex-direction: row-reverse; justify-content: flex-end; }
.single-product .woocommerce-product-gallery__image{ width: 100%; height: auto; margin: 0 0 40px; text-align: center;
box-sizing: border-box; }
.single-product .woocommerce-product-gallery__image:last-child{ margin-right: 0; }
.woocommerce .products > h2{ margin: 40px 0 ; width: 100%; text-transform: capitalize; }
.site-main .entry-content a img { width: auto; max-height: 550px; }
.woocommerce .products .product h2{ font-size: 24px; color: var(--persimmon); }
.woocommerce-ordering{ margin: 0 0 60px; }
.woocommerce-tabs .woocommerce-Tabs-panel { padding: 40px; border: 1px solid #EEE6CD; }
.input-text.qty{ max-width: 100px; }
.shop_table .product-remove a{ padding: 4px 9px; background:var(--persimmon); text-align: center; border-radius: 50%; color: #fff; text-decoration: none; }
.site-main .product-remove a:hover{ color: #fff; }
.woocommerce th, .woocommerce td{ text-align: left; }
.woocommerce .cart-subtotal th, .woocommerce .order-total th{ background: transparent; }
div.af_quote_fields{ margin-left: auto; }
.product-quantity .quantity { margin: 0; }
.product-price.offered-price { text-align: center; }
body table.addify-quote-form__contents .product-remove { width: 24px; }

.woocommerce-shipping-totals th{ background: transparent; }

.woocommerce th{ font-family: 'industry',sans-serif; text-transform: uppercase; color: var(--persimmon); padding: 16px 16px 12px;
background: var(--snowflurry); }
.woocommerce td.product-remove{ padding: 0;}
.shop_table .cart_item th, .shop_table .cart_item td{ padding: 16px 16px 16px 0; }
.shop_table .actions{ text-align: right; }
.ywraq-form-table-wrapper, .cart-empty{ width: 100%; }
.shop_table .coupon{ margin: 0 0 16px; }
.shop_table .coupon input{ max-width: 240px; }
.woocommerce .cart-collaterals{ margin-left: auto; }
.wc-proceed-to-checkout{ margin: 16px 0 0;}
.woocommerce .cart_totals{ margin: 20px 0; justify-content: flex-end; display: flex; flex-wrap: wrap; }
.woocommerce .cart_totals h2{ width: 180px; margin-top: 0; }
.woocommerce .cart_totals table{ width: calc(100% - 180px); text-align: right; }
.woocommerce #customer_details > div{ padding: 0; width: 100%; }
.woocommerce #customer_details { float: left; width: 600px; padding-right: 40px; }
#order_review{ float: right; width: calc(100% - 640px); }
.woocommerce-order{ font-weight: 100%; }
.woocommerce-order .order_details{ list-style: none; padding-left: 0; background: #e6fff4; padding: 20px 24px; }
.woocommerce-table, #order_review table{ text-align: left; margin: 0 0 24px; }
.variations td{ vertical-align: top; }
.variations_form .variations { margin: 18px 0 24px; }
.woocommerce-product-attributes-item__value{ padding: 0 14px; }
.woocommerce-product-attributes-item__value p{ margin: 0; }
.woocommerce .products .product a img{ /*max-width: 300px; margin: 0 auto 24px;*/ margin: 0; height: 475px; display: block;  border-radius: 5px; width: 100%; object-fit: cover; object-position: center; }
.woocommerce-pagination .page-numbers{ display: flex; }
.woocommerce-pagination li{ list-style: none; }
.woocommerce-pagination li span, .woocommerce-pagination li a{ padding: 6px 10px; border: var(--snowflurry) 2px solid; margin: 6px 10px 0 0; color: var(--persimmon); }
.woocommerce-pagination li span{ border-color: var(--persimmon); margin: 6px 10px 0 0; background: var(--persimmon); color: var(--snowflurry); }
.woocommerce-pagination .page-numbers a{ text-decoration: none; }
.product_type_variable.add_to_cart_button{ display: none; }
/* .woocommerce .products .product:hover img{ transform: scale(1.1); transition: 0.75s all ease; } */
/*----------------- Woocommerce Css Ends ----------------*/

/*----------------- Select2 Css ----------------*/
.select2 .selection{ width: 100%; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ height: 45px;   background: #fff; border: 2px solid var(--snowflurry); border-radius: 4px; padding: 10px 12px; font-size: 16px; color: var(--cello); line-height: 1; box-sizing: border-box; }
.select2-container--default .select2-selection--single{ border: none; }
.select2-dropdown{ border: none; background: #f4f4f4; padding: 30px 20px; margin: 30px 0 0;}
.select2-results{ background: #fff; }
.select2-results__option[aria-selected], .select2-results__option[data-selected]{ padding: 14px 18px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #f4f4f4; color: #101010; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ top: 8px; right: 8px; }
.woocommerce address{ max-width: 320px; color: var(--alabaster); padding: 18px; background: var(--cello); }
.woocommerce address:first-line { text-transform: uppercase; font-weight: bold; }
.woocommerce-Address-title{ text-transform: uppercase; margin: 0 0 16px; }
/*----------------- Select2 Css Ends ----------------*/

/*------ Ajax Search --------*/
.popup.ajx-search .content{ overflow: hidden; }
.popup .content{ max-height: 90vh; overflow: auto; color: var(--alabaster); padding: 40px 20px; box-sizing: border-box; }
.search-ajax{ position: relative; }
.search-ajax  #reset-search{ position: absolute; right: 0; top: 8px; border-radius: 100%; height: 25px; width: 25px; background: var(--persimmon); border: none; color: var(--mirage); font-weight: bold; font-size: 18px; }
.search-ajax:not(.active) #reset-search{ opacity: 0; transition: 0.75s all ease; }
.result.list { margin: 40px 0 0; overflow: auto; max-height: 70vh; max-width: 100%; }
.result.list .result-count { display: block; margin: 0 0 16px; color: var(--persimmon); }
.result.list .item figure{ max-height: 125px; width: 80px; display: table; }
.result.list .item img{ width: auto; max-height: 120px; }
.result.list .item:not(:last-child){ margin: 0 0 18px; }
.result.list .item .content .desc{ margin: 0 0 14px; }
.result.list .item .content{ width: calc(100% - 80px); box-sizing: border-box; padding: 0 12px 0 20px;}
.result.list .item h4{ margin: 0 0 10px; }
.result.list .item .content a{ color: var(--alabaster); font-family: 'neue-aachen-pro',sans-serif; }
.search-ajax input{ background: inherit; border: none;border-bottom: 2px solid var(--persimmon); border-radius: 0;font-family: 'industry',sans-serif; font-size: 24px; }

.search-ajax p{ font-size: 18px; }
.search-ajax li{ list-style: none; font-size: 18px; margin: 0 0 6px; }
.search-ajax .item ul{ padding: 0; }

.result.list .item figure a{display: table-cell; vertical-align: middle; }
.result.list .item a:hover{ color: var(--persimmon); }
/*------ Ajax Search Ends --------*/

.woocommerce-shop .backlink{ display: none; }

.popup.book-tour .content{ background: url('/wp-content/themes/break-brew/images/marketing-bg.png') var(--alabaster) no-repeat bottom center; }
.woocommerce.archive .woocommerce-breadcrumb{ display: none; }
.woocommerce.archive .site-main{ padding-top: 0; }
.woocommerce.archive .woocommerce-products-header{ margin: 0 0 60px; background-color: var(--mirage); padding: 75px 0; position: relative; z-index: 1; }
.woocommerce.archive .page-title { color: var(--alabaster); text-align:center; }
.filter-tabs{ display: flex; flex-wrap: wrap; justify-content: center; }
.filter-tabs .button{ align-items: center; display: flex; flex-direction: row-reverse; margin: 0 16px 16px 0; color: var(--alabaster); }
.site-main .entry-content .filter-tabs .button{ color: var(--snowflurry);  }
.filter-tabs .button:after{ content: '\2714'; padding: 4px 4.5px 2px 4.5px; font-size: 13px; background: var(--snowflurry); border-radius: 50%; opacity: 0.3; color: var(--mirage); text-shadow: none; margin: 0 5px 0 0; }
.filter-tabs .button.active, .filter-tabs .button:hover{ border-color: var(--persimmon); background: transparent; }
.filter-tabs .button.active:after,.filter-tabs .button:hover:after{ background: var(--persimmon); opacity: 1; }
.woocommerce.archive .woocommerce-ordering, .woocommerce.archive .woocommerce-result-count{ display: none; }
.comfort-part{ min-height: 520px; }
.about.sustain .features .icon-box .icon{ height: 80px; margin: -70px 0 34px; }
.about.inner-banner .features .icon-box{ overflow: visible; }
.about.inner-banner .title{ max-width: 700px; margin: 0 auto; }
.about.inner-banner.sustain .top .content p{ max-width: 100%; }
#sb_instagram .sbi_photo{ border-radius: 5px; }

body .ps-ribbon > div > div.ps-local-tab-label, body .ps-ribbon > div div.ps-online-tab-label, body .ps-ribbon > div > span{ line-height: 1; }
.product-banner .text .ps-button-label{ text-transform: uppercase; font-family: "neue-aachen-pro",sans-serif; font-size: 18px; line-height: 1; color: var(--snowflurry); border: 2px solid var(--snowflurry); padding: 12px 12px 8px;
border-radius: 4px; background: transparent; }
body .ps-widget[ps-sku]{ background: transparent; border-width: 0; padding: 0; }
body .ps-widget[ps-sku]:hover{  background: var(--snowflurry); border-width: 0;  }
body .ps-widget[ps-sku]:hover .ps-button-label{ color: #E35205; }

.newsletter-sec .validation_message{ color: var(--snowflurry); }

/* .newsletter-sec .form-wrap form{ flex-wrap: wrap; } */
.newsletter-sec .form-wrap form [name="email"]{ width: calc(100% - 85px); }
.newsletter-sec .form-wrap form .button{ width: 85px; }
.newsletter-sec .form-wrap iframe{ margin: 8px 0 0; border: none; }

.single-product .site-main{ padding: 0; }
.single-product .pro-banner{ padding: 60px 0 0; background: url('images/footer-mountain.png') no-repeat bottom center var(--mirage); background-size: 100% auto; }
.single-product  .site-main{ padding: 0; }
.site-main .pro-banner .entry-content{ color : var(--alabaster); }
.woocommerce-breadcrumb, .woocommerce-breadcrumb a{ font-family: industry,sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; color: #EEE6CD;
text-transform: uppercase; }
.site-main .entry-content .woocommerce-breadcrumb a{ color: #EEE6CD; text-decoration: none; }
.products .price { color: var(--mirage); font-weight: bold; }
.woocommerce-Reviews [type="submit"]{ color: var(--persimmon); border-color: var(--persimmon); }
.single-product .site-main .bottom-part { padding-top: 54px; background: var(--alabaster); }
.single-product .share-love{ text-align: left; }


.single-product .description .left{/* width: 400px;*/ display: none; }
.single-product .description .right-content{ /* max-width: calc(100% - 400px); min-width: 600px; */ box-sizing: border-box; max-width: calc(100% - 767px);
width: 100%; margin-left: auto; }


.menuOver{overflow: hidden; }
.menuOver:after{ position: fixed; z-index: 99; top: 0; left: 0; height: 100vh; width: 100vw; background: #16232B; opacity: 0.65; opacity: 0;
content: ''; display: block; transition: all ease 0.75s; }
.menuOver:hover:after{ opacity: 0.75; }
.tab-part{ display: none; }

.special_blog h2, .special_blog h3{ font-weight: 400; }
body .special_blog b{ font-weight: 900; }
.special_blog h3{ font-family: 'neue-aachen-pro',sans-serif; }
.special_blog .bottom .content *:last-child{ margin-bottom: 0; }

.special_blog .bottom .gform_footer.top_label{ margin-top: 32px; }

.special_blog .head.video, .special_blog .head.image{ padding: 90px 0; }
.special_blog .content *:first-child{ margin-top: 0; }
.special_blog .content *:last-child{ margin-bottom: 0; }
.woocommerce-pagination{ text-align: right; }
.woocommerce-pagination .button{ padding:14px 12px 12px; text-decoration: none;  display: inline-flex; align-items: center; min-width: 100px;
justify-content: space-between; }
.woocommerce-pagination .button  + .button { margin-left: 26px; }
.woocommerce-pagination .prev-btn{ flex-direction: row-reverse; }
.woocommerce-pagination .prev-btn:after{ transform: rotateY(180deg); }
.products-pan .products .info-filter { max-width: 800px; text-align: center; padding: 40px 0 0; }
.products-pan .products { justify-content: center; }
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{ display:none; }
.woocommerce-account .edit-link{ padding-top: 10px; }


.gform_body li{ list-style: none; }
.book-private-tour .title{ margin: 0 0 30px; }
.site-header .left-head{ overflow: visible; }
.menu-palate .button.orange{
    color: var(--mirage);
}

.menu-palate .button.orange:after{
    text-shadow: 0 0 0.5px var(--mirage);
}

.menu-palate .button.orange:hover{ 
    color: var(--alabaster);
}

.menu-palate .button.orange:hover:after{ 
    text-shadow: 0 0 0.5px var(--alabaster);
}

.page-template-sustainability .footer-pull:after{ display: none; }
.page-template-sustainability .footer-pull{ padding-bottom : 0; }
.related .slick-arrow { opacity: 1; }

.reset-filter:hover{ color: var(--snowflurry); }
.site-header .dmenu .thr_sub_menu li a.current-page, .site-header .main-nav ul.level0>li>a.current-page { color: var(--persimmon); }


/*------ Cookie Bar Design ------*/
body .optanon-alert-box-wrapper{ z-index: 999999 !important; }
body .optanon-alert-box-wrapper .optanon-alert-box-button-middle button,
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button{ color: #F7F5EB !important;  }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:hover{ background: #E35205 !important; }
body .optanon-alert-box-button-middle.accept-cookie-container button{ text-decoration: underline; }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:hover button{ color: #E35205;  }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button{ padding: 12px 14px; margin: -1px -1px -2px !important; }
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:hover{ background: #E35205 !important; }
body .optanon-alert-box-wrapper .optanon-alert-box-logo{ display: none; }
body .optanon-alert-box-wrapper { background: none; max-width: calc(100% - 180px); left: 50%; transform: translateX(-50%); align-items: center; }
body .optanon-alert-box-bg { padding: 1px 18px; background: var(--mirage); display: flex; flex-wrap: wrap; }
body .optanon-alert-box-wrapper .optanon-alert-box-body{ margin: 18px 0; max-width: calc(100% - 340px);  }
body .optanon-alert-box-wrapper .optanon-alert-box-body a,
body .optanon-alert-box-wrapper .optanon-alert-box-body p{ color: var(--snowflurry) !important; }
body .optanon-alert-box-body{ padding-right: 40px; box-sizing: border-box; }
.optanon-alert-box-body p{ font-size: 11.5px !important; }
body .optanon-alert-box-wrapper .optanon-alert-box-body a:hover{ color: var(--persimmon) !important; }
body .optanon-clearfix{ display: none; }
body .optanon-alert-box-bg .optanon-alert-box-button-container{ margin: inherit; position: relative; right: inherit; top: inherit; bottom: inherit; width: 340px; display: flex; flex-wrap: wrap; justify-content: flex-end; }
body .optanon-alert-box-wrapper .optanon-alert-box-button{ float: inherit; display: inline-block; margin: 0 !important; display: flex; align-items: center; }
body .optanon-alert-box-wrapper .optanon-alert-box-button-middle button{ font-family: "neue-aachen-pro",sans-serif; font-size: 18px; font-weight: 400; }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle, body .optanon-alert-box-wrapper .optanon-alert-box-button-middle { background: transparent !important; }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle{ border: 2px solid #E15204 !important; border-radius: 4px; padding: 0; }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button, body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle{ font-size: 18px; font-weight: 400; }
body .optanon-alert-box-wrapper .optanon-alert-box-button-middle{ border: none; }
body .optanon-alert-box-wrapper .optanon-alert-box-button-middle button:hover { color: #E35205 !important; }
body .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:hover{ color: #EEE6CD!important; }

/*------ Cookie Bar Design Ends ------*/

body .site-main .backlink { margin: 0 0 30px; color: var(--snowflurry); text-decoration: none; font-size: 14px; text-transform: uppercase; 
font-family: 'industry',sans-serif; font-weight: 400; }

body .site-main .backlink:before{ content: ''; border: solid var(--snowflurry); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-left: 12px; vertical-align: middle; transform: rotate(135deg); border-radius: 0;
margin-right: 5px; background: transparent; vertical-align: middle; }

body .site-main .backlink:hover{ color :var(--persimmon); }
body .site-main .backlink:hover:before{ border-color :var(--persimmon); }

.single-product .description { padding: 40px 0; }
.single-product .description .content ul{ padding: 0; }
.single-product .description .content ul li{ list-style: none; display: flex; align-items: center; }
.single-product .description .head{ margin: 0 0 24px; }
.bottom-part .products > h2{ margin-top: 0; }
.single-product .woocommerce-tabs, .single-product .woocommerce-product-details__short-description { display: none; }

.special_blog .blocks + .blocks{ margin-top: 30px; }
.special_blog .row.top-reset{ margin-top: 0; }
.special_blog .row.top-bottom-reset { margin-top: 0; margin-bottom: 0; }
.special_blog .row.bottom-reset { margin-bottom: 0; }
.bg-parent{ position: relative; }
.bg-parent .bgattchFixed { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; width: 100%; position: absolute; }
.simpleParallax { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; min-height: 100%; }


.event-detail-banner .bgattchFixed{ 
    width: 100%;
    filter: blur(5px);
 }

 
.woocommerce-shop.woocommerce .products .product a h2{ color: #F7F5EB; }
 .woocommerce .products .product a{ text-decoration: none; }
.woocommerce-shop.woocommerce .products .product a mark{ display: none; }
.archive.post-type-archive.woocommerce-shop{ background-color: var(--mirage); }
/* .woocommerce-shop.loaded .newsletter-sec{ background-color: var(--mirage); } */
.woocommerce .products .woocommerce-loop-product__title + .sku{ color: var(--mirage); margin: 0 0 12px; }

.woocommerce-products-header .subtitle{ color: var(--persimmon); }
.woocommerce-shop .woocommerce-products-header:before{ background: var(--mirage); opacity: .65; }
.woocommerce-products-header .wrapper{ z-index: 2; position: relative; }
.woocommerce.archive.woocommerce-shop .woocommerce-products-header{  min-height: 500px; display: flex; align-items: center; }



.similar-products .dflex{ justify-content: center; }
.similar-products .pro-item{ max-width: 20%; width: 100%; padding: 0 20px 24px; box-sizing: border-box; }
.similar-products .pro-item .figure{ height: 326px; display: flex; justify-content: center; align-items: flex-end; } 
.similar-products .pro-item img{ max-height: 100%; }
.specs.marketing-block .pro-item .title{ color: #16232B; font-size: 16px;  }


.archive.post-type-archive.woocommerce-shop .site-main{ padding-bottom: 24px; }
.specs.marketing-block.similar-products .dflex{ flex-wrap: wrap; }


/*21-09-2021 start's*/
.page-template-contact .wid50 {width:100%;padding: 0;}
.page-template-contact .form-wrap.right {display: none;}
.page-template-contact .font20.text {max-width: 100%; }
/**/
.loaded .site-header .main-nav .level0 .dmenu{top:100%;}

.menu-open .site-header.sticky {
    z-index: 99999999999;
}
/**/
.page-id-5304{}
.page-id-5304 header.entry-header{display: none;}
.page-id-5304 .site-main .wrapper{max-width: 100%; padding: 0;}
.page-id-5304 .site-main {padding: 0; }
.page-id-5304 iframe{margin:0; border: 0;}


.news-popupblock .popDie {z-index:1; position: fixed; top: 30px; right: 60px; opacity: 1; font-size: 27px; height: 26px; width: 26px; background: transparent; border: none; }
.news-popupblock .popDie:hover{color: #FC2121; cursor: pointer; }
.news-popupblock .popDie:after, .news-popupblock .popDie:before{ content:''; height: 2px; background: var(--snowflurry); width: 100%; display: block; }
.news-popupblock .popDie:hover:after, .news-popupblock .popDie:hover:before{background:var(--mirage);}
.news-popupblock .popDie:after{ transform: translate(0,0) rotate(45deg); }
.news-popupblock .popDie:before{ transform: translate(0px,2px) rotate(-45deg); }

    
.news-popup, .news-popupblock .gform_footer input.gform_button {width: auto; display: inline-block; background: var(--mirage); border-color: var(--mirage); padding:10px 18px;}
.news-popup:hover, .news-popupblock .gform_footer input.gform_button:hover{   background:var(--persimmon);  border-color: var(--persimmon);}
.news-popup:after{display:none;}
.news-popupblock{width:100%; background:var(--alabaster); padding-top: 100px;background-position: right 250px top 0; background-size: 536px auto;  position: fixed; left: 0; top: 0; width: 100%;  z-index: 9999; height: 100vh; background-color: rgba(0,0,0,.7); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0,-100%) scale(0,0); -moz-transform: translate(0,-100%) scale(0,0); -ms-transform: translate(0,-100%) scale(0,0); -o-transform: translate(0,-100%) scale(0,0); transform: translate(0,-100%) scale(0,0); opacity: 0; }
.news-popupblock.popup-visible{display:block;-webkit-transform: translate(0,0) scale(1,1); -moz-transform: translate(0,0) scale(1,1); -ms-transform: translate(0,0) scale(1,1); -o-transform: translate(0,0) scale(1,1); transform: translate(0,0) scale(1,1); opacity: 1; z-index: 999;     background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
.open-popup{overflow:hidden; }
.news-popupblock h2,.news-popupblock p, .news-popupblock label {color:var(--snowflurry);} 
.newsletter-sec .bottom-row.news-popupblock .title {margin-bottom:15px;}
.news-popupblock .wrapper{position:relative; z-index:1; text-align: center; max-width: 750px; max-width: 1366px;  }
.news-popupblock .row{margin:0 -5px;}
.news-popupblock .row>*{padding:0 5px;}
.news-popupblock input{border-radius:2px; border:0; margin:0 0 15px; width:100%; font-size:18px; }
.newsletter-sec .bottom-row.news-popupblock .title{text-align: center; max-width:100%;}
.news-popupblock input::-webkit-input-placeholder{ opacity:1;   color: var(--mirage);}
.news-popupblock input:-ms-input-placeholder{ opacity:1;   color: var(--mirage);}
.news-popupblock input::placeholder {opacity:1;   color: var(--mirage); }  
.news-popupblock.bg-overlay:before{
    background: linear-gradient(#e35205,rgba(227,82,5,.65));}

/*.news-popupblock  .submit.button  input{background:transparent; color:var(--snowflurry); margin: 0; padding: 0; font-family: 'Aachen BT'; text-transform:uppercase;}
*/

.news-popupblock  .gform_body #field_13_2 {width: 49%; float: left; }
.news-popupblock  #field_13_4 {width: 49%; float: right; }
.news-popupblock  #gform_fields_13 {text-align: left; }
.news-popupblock  #input_13_4_5_container {width: 100%; max-width: 100%; }
.news-popupblock  #field_13_5 {text-align: center; }
.news-popupblock  .gfield_label.gfield_label_before_complex {text-align: center; text-transform: uppercase; font-size: 18px; }
.news-popupblock  .ginput_container.ginput_complex .ginput_container {width: 80px; display: inline-block; margin: 0 5px; }
.news-popupblock  #input_13_5_1_container {}
.news-popupblock .gform_footer input.gform_button{}



@media (max-width: 1370px){
	
	.site-header .main-nav .level0 .dmenu .wrapper{ 
		max-width: 94vw;
	}

}

@media (max-width: 1280px){
	.site-header .main-nav .columnbythird .submenu { grid-template-columns: 1fr 1fr; }
}
	
@media (max-width: 1024px) { 
	
 body .site-header .columnbythird .left_sec{ max-width: 100%; }
 body .site-header .columnbythird .right_sec { margin-top: 32px; }
 body .site-header .columnbythird .submenu > li > a { font-size: 27px; }
	
}

	
@media (max-width: 600px) {
	
	.site-header .mobile-menu {
		padding: 0 22px !important;
	}
	
	body .site-header .right_sec { margin: 0 0 32px !important; }
	.site-header .main-nav .columnbythird .submenu { grid-template-columns: 1fr; }
	
}






/*------ Happy Hour -----*/
.nav-tabs .tab + .tab:not(.current) { border-left: 0; }
.happyHourSubheading{ margin: 34px 0; }
.happyHourSubheading .font14{ margin: 0; font-family: "aachen_btroman",sans-serif; color: var(--persimmon); }
.happyHourSubheading h2{ font-size: 28px; margin: 16px 0 0; }

.happyHour-blocks .block p, .happyHour-blocks .block .text{ display: inline; }
.happyHour-blocks .block .item > p{ color: var(--persimmon); font-weight: 600; margin: 0 8px 0 0; }
.happyHour-blocks .block .item{ margin: 0 0 24px; color: var(--cello); }
.happyHour-blocks .block .text ul, .happyHour-blocks .block .text ol{ padding: 0 0 0 20px; }
.happyHour-blocks .block .text li{ margin: 0; }
/*------ Happy Hour End -----*/




.crwlrMain .hero-banner .slide .desc { max-width: 100%; }
.hero-banner.hasTopContent .slide .bg-image { z-index: 1; position: relative; padding-top: 16vw; }
.hero-banner.hasTopContent .bottom { z-index: 6; color: var(--alabaster); }
.page-template-crowler-page-template .fancybox-content .gform_button { background: var(--mirage); color: var(--alabaster); padding: 9px 20px; border-color: var(--mirage);}
.page-template-crowler-page-template .fancybox-content  #gform_33 { max-width: 792px; margin: 0 auto; }
.page-template-crowler-page-template .fancybox-content #gform_32 { max-width: 400px; margin: 32px auto 0; }
.page-template-crowler-page-template .fancybox-content .fancybox-close-small {   }
.page-template-crowler-page-template .fancybox-content .gform_button:hover { background: var(--alabaster); color: var(--mirage); border-color: var(--alabaster);}
.page-template-crowler-page-template .fancybox-content .gform_footer { text-align: left; }
.page-template-crowler-page-template  .fancybox-content .gform_button:after { display: none; } 
.gform_body .gfield { margin: 0 0 18px; width: 100%; }
.gfield_description { margin: 8px 0 0; }
.page-template-crowler-page-template .fancybox-content h2 { text-align: center; margin: 0 0 24px }
.page-template-crowler-page-template .fancybox-content h2 + p { max-width: 866px; margin: 0 auto 32px; text-align: center; }
.page-template-crowler-page-template 
.fancybox-content p { font-size: 18px; }


/* .page-template-crowler-page-template .fancybox-bg { background: var(--persimmon); opacity: 1 }
.page-template-crowler-page-template .fancybox-content { color: var(--snowflurry); background: var(--persimmon); max-height: 88vh; color: #fff; }
 */
.page-template-crowler-page-template .gform_body .gfield textarea { height: 100px; }
.gform_fields { display: flex; flex-wrap: wrap; }
.pastclubBeers h2 { margin-bottom: 80px}
.pastclubBeers h2 b { color: var(--persimmon); }
.clubBeersList .fig.showTag:before { content: attr(data-tag-text); position: absolute; padding: 8px 12px; background: var(--persimmon); color: var(--alabaster); font-size: 12px; left: -8px; top: 12px; z-index: 2; }
.hero-banner .slide .topPan .content p:first-child { color: var(--persimmon); }
.hero-banner .btnWrap .button { margin: 0 12px 12px 0; display: inline-flex; justify-content: space-between; align-items: center; } 
.hero-banner .btnWrap .button:after { margin-top: 0; }
.clubBeersList .beerCard img { width: 100%; }
.clubBeersList .beerCard { overflow: visible; margin-bottom: 24px; background: #fff; page-break-inside: avoid; break-inside: avoid-column;  }
.pastclubBeers .textWrap a { color: var(--persimmon); }
.pastclubBeers .textWrap a:hover { color: var(--mirage); }
.clubBeersList .textWrap { padding: 26px 22px; }
.clubBeersList .textWrap .date { margin: 0; color: var(--persimmon); }
.clubBeersList .textWrap .name { margin: 6px 0 8px; }
.clubBeersList .textWrap .tBlurb { margin: 24px 0 18px; line-height: 1.5; }
.pastclubBeers .textWrap a:after { content: '\2192'; display: inline-block; vertical-align: middle; margin: -5px 0 0 5px; font-size: 20px;  }
.pastclubBeers { background: var(--alabaster); padding: 54px 0 90px; }
.clubBeersList .fig { position: relative; font-size: 0; }
.hero-banner.hasTopContent .bottom  .inWrap { max-width: 1030px; margin: 0 auto; }
.hero-banner .bottom .contCol { padding: 0 20px; }
.hero-banner .bottom .contCol .heading { margin: 0 0 16px; }
.hero-banner.hasTopContent .bottom .wrapper { transform: translateY(-100px); }
.hero-banner .bottom .head { margin: 0 0 18px; }
.hero-banner .bottom .headWrap { margin: 0 0 44px; }
.hero-banner.hasTopContent .simpleParallax:after { content: ''; z-index: 9999; background: #000; opacity: 0.6; height: 100%; width: 100%; display: block; top: 0; left: 0; position: absolute; }
.hasBadge .marketing-fig { padding-left: 10px; }
.hasBadge .badgeRbn:before { content: attr(data-badge-text); background: var(--persimmon); color: var(--alabaster); font-size: 13px; text-transform: uppercase; padding: 10.5px 14px; position: absolute; left: 0; top: 16px; z-index: 2; }

.testimonies { position: relative; padding: 42px 0; min-height: 556px; align-items: center; display: inline-flex; width: 100%; }
.ctaPan { padding: 132px 0 90px; background: var(--alabaster); }
.ctaPan .head, .ctaPan .desc { margin: 0 0 28px; }
.ctaPan .desc a { color: var(--persimmon); }
.ctaPan .desc a:hover { color: var(--mirage); text-decoration: underline; }
.ctaPan .desc { max-width: 970px; margin-left: auto; margin-right: auto; }
.faqList .ansContent a { text-decoration: underline; }
.faqList .ansContent a:hover { color: var(--mirage); }
.crwlrMain .marketing-block.dark:after { display: none; }
.testimonies .reviewText { max-width: 990px; margin: 0 auto 26px; width: 100%; }
.testimonies .slick-dots { margin: 88px 0 0; }
.testimonies:after { background: url(/wp-content/themes/break-brew/images/marketing-bg.png) no-repeat top 80px center; content: ''; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-size: cover; opacity: .05;  }

.testimonies .wrapper { z-index: 1; }
.testimonies, .testimonies .slick-arrow:after { color: var(--alabaster); }
.testimonies .name { color: var(--snowflurry); font-style: normal; }
.marketing-block .marketing-fig a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.marketing-block .desc ol, .marketing-block .desc ul { padding-left: 20px; }
.hero-banner .slide .content p { color: var(--alabaster); }
.crwlrMain .hero-banner .slide .content{ margin-left: 0; max-width: 840px; transform: translatex(0); }
.partners .block .partner-fig { height: 170px; display: flex; margin: 0 auto 32px; justify-content: center; align-items: flex-end; }
.faqList { background: var(--persimmon); color: var(--alabaster); padding: 120px 0; }
.faqList a { color: var(--alabaster); }
.add-icn { transition: .7s ease;}
.faqList .faqItem.isOpen .add-icn { transform: rotate(45deg); }
.faqList .add-icn:before, .faqList .add-icn:after { background: var(--alabaster); }
.faqList .question { display: grid; grid-template-columns: 1fr 14px; align-items: center; grid-column-gap: 24px; cursor: pointer; margin-bottom: 0; }
.clubBeersList .textWrap { page-break-inside: avoid; break-inside: avoid-column; }
.clubBeersList .videoIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 113px; max-height: 113px; pointer-events: none; }
.faqList .ansContent { display: none; padding-top: 32px; }
.faqList h2 { margin-bottom: 50px; }
.faqList h2, .faqList .question { margin-top: 0; }
.faqList .faqItem { padding: 40px 0; border-top: 1px solid #f7f5eb; }
.style-filter{ margin-bottom: 24px; }
body .drink-blocks .labelStack i{ opacity: 1;}
.drink-blocks .item .pub{ background-image: url('/wp-content/uploads/2021/11/Pub1.png'); }
.drink-blocks .item .icon{ display: inline-block; }
.events-home:after { display: block; content: ''; clear: both; }

.clubBeersList { max-width: 1220px; width: 100%; margin: 0 auto; }

#tripleseat_embed_form .button { color: var(--alabaster); background: var(--persimmon); border-color:var(--persimmon); }
body #tripleseat_embed_form .button:hover{ color: var(--cello); background:var(--alabaster); }
body #tripleseat_embed_form input, body #tripleseat_embed_form button, body #tripleseat_embed_form textarea{ border: solid 2px var(--alabaster); }

body #tripleseat_embed_form input:focus, body #tripleseat_embed_form button:focus, 
body #tripleseat_embed_form textarea:focus{ border: solid 2px var(--snowflurry); }

.booking-popup h2{ font-size: 35px; margin: 0 0 20px; }
.booking-popup .form-wrap h2{ font-size: 24px; margin: 0 0 10px; }

#tripleseat_embed_form label { margin-bottom: 5px; }

.partners .block .partner-fig img{ max-width: 290px; max-height: 170px; }
.partners .title{ margin: 0 0 60px; }

@media (max-width: 700px){
	
body .optanon-alert-box-wrapper .optanon-alert-box-body{ margin: 0 0 12px; }

.ageGateActive.popup .content { max-height: calc(100vh - 90px); margin-top: -90px; }
	
.ageWrap #ageGateForm li input { width: 60px; font-size: 20px; height: 38px; }
	.ageWrap .desc { font-size: 12px; margin: 16px 0 0; }
	
}

@media (max-width: 767px){
	
	.filter .col { margin: 0; }
	.filter .col .params{ margin: 0 0 24px; }
	
	.filter .col .head{
		margin-top: 0 0 30px;
	}
	
}


@media (max-width: 600px){
	
.ageWrap .head .title { font-size: 28px; }
	
	ageWrap .head .subtitle {
    font-size: 14px;
    margin: 10px 0;
}
	
	.ageGateActive.popup .content{ padding-top: 0; }
	
.page-template-food-drink-menu .banner { display: none;}
.nav-tabs .tab {font-size: 17px;}
.menu-head {padding: 90px 0 30px;}
}

@media (max-width: 375px){
	
	.booking-popup .form-wrap{ margin: 0 -10px; }
	
}





@media (min-width: 768px) {
	
	.gfield--width-half { max-width: 50%; }

	.gform-body { width: calc(100% + 20px); margin-left: -10px; }
	
	.gform_fields .gfield { width: 100%; padding: 0 10px; }
	
	.font16 { font-size: 15px; }
	
	.clubBeersList .inwrap { column-count: 2; column-gap: 24px; }
	
	
	
	
}

@media (min-width: 1025px){

	
	.font16 { font-size: 16px; }
	
	.site-header .main-nav .level0 .dmenu .wrapper{ max-height: 88vh; overflow: auto; }
	.clubBeersList .beerCard { margin-bottom: 42px; }
	.clubBeersList .inwrap { column-count: 3; column-gap: 42px; }
	.font60 { font-size: 40px; }

}


@media (min-width: 1600px){

	.crwlrMain .marketing-block.left .text { padding-left: 0; }
	.crwlrMain .marketing-block.right .text { padding-right: 0; }
	.font60 { font-size: 60px; }

}

@media (min-width: 1800px){ 

	.clubBeersList .beerCard { margin-bottom: 52px; }
	.clubBeersList .inwrap { column-gap: 52px; }
	
}

.row_first_name td{ width: 50%; }
#tripleseat_embed_form #lead_form_submit a{ color: #777; }



/*------- popup finder ----*/
.partners .block .partner-fig img{ max-width: 290px; max-height: 170px; }
.location-finder .validation_message{ font-size: 14px; margin: 0; }
.location-finder.popup.is-open{ background: rgba(22,35,43,.85); text-align: center; }
.location-finder .form.finder-form { justify-content:center; display: flex; align-items: center; flex-wrap: wrap; }
.location-finder .form.finder-form input{ max-width: 275px; width: 100%; height: 40px; }
.location-finder .popDie{ position: relative; top: inherit; right: inherit; margin-top: 30px }
.location-finder p{ font-size: 18px; margin: 16px 0; }
.location-finder .content img{ width: 100%; transform: translatey(40px); }
.location-finder .cont-wrap { padding: 40px 16px; background: #16232b; }
.location-finder .content .title{ margin: 0 0 18px; }
.location-finder #find-location{ min-width: 130px; margin: 14px; }
.location-finder .content { max-width: 800px; margin: 0 auto; }
.location-finder .button.order{ width: 152px; justify-content: center; margin: 0 auto; border-color: var(--persimmon); }
/*------- popup finder ends ----*/


.filter_events .filter_list li .button.right_link:hover:after{ background-color: var(--cello); }
.filter_events .filter_list li.active .right_link:after{ background-color: var(--snowflurry); }


@media (min-width: 851px){
.single-products .product-banner  .crumbs{ padding-top: 24px; }
}



/*----- Popup CSS  ----*/
.popup.is-open{ z-index: 99999999999; }
body .pum-theme-7153, body .pum-theme-default-theme { background-color:rgba(24,35,41,.9); }
body .pum-theme-7153 .pum-title, body .pum-theme-default-theme .pum-title{ font-size: 36px; line-height: 1.05; font-family: "aachen_btroman",sans-serif;
color: var(--mirage); font-weight: 900; }

body .pum-theme-7153 .pum-content, 
body .pum-theme-default-theme .pum-content{ color: var(--mirage); font-family: "museo-sans",sans-serif;
font-size: 18px; }

body .pum-theme-default-theme .pum-container{ background: url('/wp-content/themes/break-brew/images/marketing-bg.png') var(--alabaster); margin-left: inherit !important; background-size: 100% auto; background-position: bottom left; padding: 50px 26px; border-radius: 22px; max-width: 540px !important; background-repeat: no-repeat; top: 50px !important; }

.wrapPopup{ height: 100%; max-width: 90%; width: 100%; padding: 40px; max-height: 90vh; overflow: hidden; left: 50% !important; transform: translate(-50%,-50%);
top: 50% !important; position: fixed; }
#page[aria-hidden="true"]{ display: block; }


body .pum-theme-default-theme .wrapCont + .pum-close:hover,
body .pum-theme-default-theme .pum-content + .pum-close:hover{ color: var(--persimmon); }

body .pum-theme-default-theme .wrapCont + .pum-close,
body .pum-theme-default-theme .pum-content + .pum-close{ background-color: transparent; font-size: 28px; font-family: arial; color: var(--alabaster); right: -52px; box-shadow: none !important; position: absolute; border: none;
    top: 0;
    text-shadow: none;
    background: transparent; }

.wrapCont {
    max-height: 66vh;
    overflow: auto;
}

@media (max-width: 768px){
body .pum-theme-default-theme .wrapCont + .pum-close,
	body .pum-theme-default-theme .pum-content + .pum-close{ top: -58px; right: 0; }
    
	body .pum-theme-7153 .pum-title, body .pum-theme-default-theme .pum-title{ font-size: 26px; }
	
	
	body .pum-theme-7153 .pum-content, body .pum-theme-default-theme .pum-content{ font-size: 16px; }
	
}
/*----- Popup CSS Ends ----*/
 .drink-blocks .gluten-reduced {
    background-image: url(/wp-content/uploads/2022/02/gluten-reduced-e1644433460666.png);
}


.blogContSlider .slick-dots { align-items: flex-start; }

.wp-video { padding: 40px 0; }
.visib, .visible { overflow: visible; }
.blogContSlider { padding: 52px 0; text-align: center; }
.blogContSlider .slide img { max-height: 450px; margin: 0 auto 32px; width: auto; }
.event-detail-banner .banner-inner-part .right-sec{padding: 20px 30px;}
.event-detail-banner .banner-inner-part .right-sec .list-part .buy-ticket {margin-right: 10px;}
.list-part .info .time, .list-part .info .calender {margin-right: 10px;}

@media (max-width: 1199px){
	
	.wp-video { padding: 32px 0; }
	
    .event-detail-banner .banner-inner-part .right-sec {padding: 20px;}
    .event-detail-banner .banner-inner-part .right-sec .list-part .buy-ticket {margin-right: 7px;}
    .list-part .info .time, .list-part .info .calender {margin-right: 7px;}
    .list-part .font14 {font-size: 13px;}
	
	
	.blogContSlider { padding: 40px 0; }
	
	
}

/* Newsletter Signup Form */
@media (max-width: 641px){
.news-popupblock {padding-top: 0;padding-bottom: 100px;}
	
}

/* Brew List Flex Issue */
.products-pan .pcard picture.wp-post-image {height: 100%;}
/*
.pcard .figure {
	align-items: inherit;}

.product-banner .right-fig a {
	align-items: initial;}*/


input[type="date"] {
	    height: 45px;
    background: #fff;
    border: 2px solid var(--snowflurry);
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 16px;
    color: var(--cello);
	width: 100%;
    font-family: 'museo-sans',sans-serif;
}

input[type="submit"] {
	border-color: var(--persimmon);
    color: var(--persimmon);
}

.checkboxes {
	margin-top: 20px;
	margin-bottom: 20px;
}

.checkboxes .checkboxDescription {
	margin-top: 15px;
}



/* Post changes 2024 CSS */
.hamIcon.open {
    margin-top: -22px;
}



.menu_button_orange a{ border: 2px solid var(--persimmon); padding: 12px 18px 12px; text-align: center; border-radius: 5px; margin-top: 0; font-size: 18px; line-height: 1; font-family: 'neue-aachen-pro', sans-serif; background: var(--persimmon); }
.menu_button_orange a:hover { background: var(--snowflurry); border-color: var(--snowflurry); color: var(--persimmon); }
.site-header .dmenu .thr_sub_menu .menu_button a { min-width: 157px; }

.submenu [data-title]:before { content: attr(data-title); display: block; color: var(--persimmon); font-weight: bold; font-family: 'industry'; margin-top: -18px; }

.take-look .slick-track { display: flex; }
.take-look .slick-track .slide { height: auto; }
.take-look .slick-track .slide img { width: 100%; height: 100%; object-fit: cover; max-height: 560px }

.pTop140 {padding-top: 128px;}
body #Date_ofBirthWrapper.xFieldItem .xFormLabel { text-align: left important; }
.announceBar {font-size: 16px;width: 100%;background: var(--persimmon);text-align: center;padding: 6px 16px 3px;font-size: 18px;color: var(--alabaster); font-family: "neue-aachen-pro",sans-serif;letter-spacing: 1px;}
.site-header.hasAnnouncebar { height: 128px; align-items: flex-start; }

 
.announceButton {background: var(--mirage);font-size: 15px;padding: 5px 8px 3px;border: var(--mirage);color: var(--alabaster);margin: 4px 8px 6px;}
.announceButton:after { content: none; }


@media (min-width: 768px) and (max-width: 1279px) {  

	.featured-ctas .threeCols .cta-item:last-child:nth-child(2n+1) { width: 100%; }

}

@media (max-width: 1024px) { 
	
	.submenu [data-title]:before { margin: 0 0 3px; }
	body .site-header .dmenu .thr_sub_menu li.menu_button_orange a:hover, body .site-header .dmenu .thr_sub_menu li.menu_button_orange a { color: var(--alabaster) !important; border: var(--persimmon); background: var(--persimmon); }
	.site-header .main-nav .columnbythird .submenu { margin-right: 0; }

}
@media (min-width: 1025px) { 
 .site-header.hasAnnouncebar {height: 128px;}
 body .site-header .style_3 .hideMedia .left_sec { max-width: 100%; }
 body .site-header .style_3 .hideMedia .left_sec .submenu { margin-right: 0; grid-template-columns: 0.9fr 1fr 1fr 1fr; }
}

@media (min-width: 1280px) {  

	.featured-ctas  .threeCols .cta-item { height: 700px; }
	.featured-ctas  .threeCols .cta-item .logo img { max-height: 90px; }
	.featured-ctas .threeCols .cta-item { width: 33.3333%; }

}



@media (max-width: 620px) {
	
	.site-header.hasAnnouncebar { height: 140px; }
	.announceBar span { display: block; max-width: 270px; margin: 0 auto; }

}

/* Post changes 2024 CSS Ends */