/* Adjust Initial Styles v 1.88 */

body { width: 100vw; overflow-x: hidden;}

.wp-block-intro { overflow: hidden;}

button.primary { border-radius: 48px; border-color: #231f20; font-family: "pf-grand-gothik-variable",sans-serif !important; font-variation-settings: 'wght' 700, 'wdth' 50; text-transform: uppercase;}

.wp-block-now-pouring .buttons { text-align: center;}

.category-menu { height: auto !important;}

.wpsl-preloader { color: #fffef2;}

.wpsl-preloader img { width: 15px; height: 15px;}

#posts article { margin-bottom: 2%;}

.gform-theme--foundation .gfield { margin-bottom: 12px;}

#gf_wrapper_2.gform-theme--foundation .gfield { margin-bottom: 2em;}

.wp-block-paragraph + .wp-block-loop { padding-top: 0 !important;}

main > section.wp-block-heading + section.wp-block-accordion { margin-top: auto !important; padding-top: 2em !important;}

.gform_wrapper#gform_wrapper_2 .form-popup, .single-location .popup { max-height: 400px;}

.gform_wrapper#gform_wrapper_2 .ginput_container_email { justify-content: center !important;}

.gform_wrapper#gform_wrapper_2 .ginput_container_email input[type=email]:first-of-type { margin-right: 1em !important;}

.gform_wrapper#gform_wrapper_2 .gfield_label { visibility: hidden !important; display: none !important;}

.gform_required_legend { display: none !important;}

.gform-theme--framework .gfield--type-choice .gchoice, .gform-theme--framework .gfield--type-choice .ginput_container_consent { display: flex !important; align-items: center; width: auto !important;}

body:not(.wp-admin) :not(header) form:not(.search) input[type=checkbox] { width: 24px !important; min-width: 24px !important; height: 24px !important; min-height: 24px !important; padding-left: 0 !important; padding-right: 0 !important; border: 2px solid #231F20 !important; border-radius: 8px !important;}

#gform_wrapper_2 .form-popup .ginput_container_consent label, #gform_wrapper_2 .form-popup .gfield_description { line-height: 1.4em;}

.gfield:nth-last-of-type(2) fieldset:last-of-type,
.gfield:not(.gfield--type-honeypot):last-of-type { margin-bottom: 0 !important;}

.gform-theme.gform-theme--framework.gform_wrapper#gform_wrapper_2 input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper#gform_wrapper_2 input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper#gform_wrapper_2 input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { margin-top: 0 !important;}

#gform_wrapper_4 .gform_description { display: none !important;}

#gform_wrapper_4 label.gfield_label,
.single-location label.gfield_label { font-size: 14px !important;}

.form-wrapper:nth-of-type(2) .gfield_label { margin-top: 0 !important; --gf-margin-block-start: 0 !important;}

.form-popup .close:hover { cursor: pointer;}

#gform_wrapper_4 { margin-bottom: 0 !important;}

.location-group-events .wp-block-form .gform_wrapper .gform_fields select { display: flex; align-items: center;}

.location-group-events .wp-block-form { padding-bottom: 0 !important; margin-bottom: 0 !important;}

.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) { background-image: none !important; padding-top: 0; padding-bottom: 0;}

body:not(.wp-admin) select { padding-top: 0 !important; padding-bottom: 0 !important;}

body:not(.wp-admin) main > section.wp-block-form, body:not(.wp-admin) .gform_wrapper { width: calc(100%); max-width: calc(100%);}

.ginput_container_checkbox { display: flex !important; align-items: center !important;}

.single-location.location-group-events .wp-block-form .gform_wrapper .form-wrapper:last-child .gfield--type-choice .gfield-choice-input { margin-right: .5em !important;}

.location-group-events .wp-block-form .gform_wrapper .form-wrapper:last-child .gfield--type-choice .gfield-choice-input { padding: 20px; border-radius: 18px;}

.single-location.location-group-events .wp-block-form .gform_wrapper { border-radius: 18px !important;}

section.wp-block-social-feed { width: 100% !important;}
	
.tribe-events .tribe-events-c-view-selector__button { display: none !important;}

.tribe-events .tribe-events-c-view-selector__button{}

.tribe-common button[disabled], .tribe-common input[disabled] { border-width: 0 !important;}

.tribe-events-calendar-month__events article h3 { width: 75px !important;}

#posts article .post-thumb { max-height: 300px;}

#gform_confirmation_message_2 { width: 100%: max-width: 93vw; margin: auto;}

#gform_confirmation_wrapper_2 { z-index: 999999999; background-color: #FFFEF5; width: calc(100% - 8vw); margin: auto; padding: 2vw; border-radius: 18px; left: 4vw;}

button[aria-label="1 of 1"] { display: none;}

section.wp-block-now-pouring .cover-content { justify-content: center; position: relative;}

#gform_2_validation_container + .gform_heading + form #field_2_12 { display: none !important;}

h2.gform_submission_error { font-size: 24px !important;}

#gform_2_validation_container + .gform_heading + #gform_2 { display: block !important; max-width: 820px; margin: auto;}

.gform-theme--foundation .gform_fields { margin-bottom: 1em; grid-row-gap: 0 !important; }

#validation_message_2_1 { text-align: center;}

.gfield--input-type-consent { margin: auto;}

.gform-theme--framework .gfield--type-choice .gchoice, .gform-theme--framework .gfield--type-choice .ginput_container_consent { max-width: 620px;}

section.wp-block-cover { color: #fffef5;}

section.wp-block-events-list .event-card .event-thumb .date div:nth-of-type(2) { font-size: 1.2em !important; border: solid 3px #fffef5; border-radius: 100%; width: 40px; height: 40px; margin-left: 10px; text-align: center; line-height: 35px !important;}

section.featured-beer .cover-content .buttons { display: flex;}

section.featured-beer .cover-content .buttons a:last-child { display: inline-flex; align-items: center;}

section.wp-block-cover.featured-beer .cover-content .buttons a:first-child button { line-height: 14px !important;}

.wp-block-events-bar .category-menu.active { display: flex !important;}

.tribe-events-page-template .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper { width: 100% !important; margin-bottom: 16px !important;}

.tribe-events-page-template .wp-block-events-list .event-card .event-thumb .date { position: absolute; top: 1vw; right: 1vw;}

.tribe-events-page-template .wp-block-events-list .event-card .event-thumb { position: relative;}

.post-type-archive-tribe_events section.wp-block-events-list { padding: 200px 2em 0 !important;}

.tribe-events-page-template.post-type-archive-tribe_events .tribe-events-l-container { padding-bottom: 0 !important;}

.single-location .info a { color: #fffef5 !important;}

.wp-block-events-list .event-card .event-thumb a img { transition: 1s; -webkit-transition: 1s; -moz-transtiion 1s;}

a:hover { cursor: pointer;}

.wp-block-events-list .event-card .event-content .venue a { display: flex; align-items: center; margin-bottom: .5em !important;}

.age-gate__heading-title--logo { width: 140px; height: auto; margin-bottom: 0;}

.age-gate__challenge { color: #fffef5 !important; margin-top: 0;}

main.page > .wp-block-heading { padding-top: calc(40px + 2vw);}

.wp-block-accordion .accordion .accordion-head { padding-right: 3em !important;}

.wp-block-accordion .accordion .accordion-body { background-color: #333333;}

.wp-block-accordion .accordion .accordion-body.active { opacity: 1;}

section.wp-block-paragraph a { border-bottom: 2px solid #231F20; color: #231F20;}

section.wp-block-accordion .accordion-body a { border-bottom: 2px solid #fffef5; color: #fffef5 !important;}

section.wp-block-hero .image { opacity: .8;}

#wpsl-locations .wpsl-dropdown { z-index: 0 !important;}

.age-gate__remember-wrapper { display: none !important;}

.post-content a:first-of-type { min-height: 240px;}

.page-about .wp-block-cover figure .buttons button.primary { line-height: 20px !important;}
 
body section.featured-beer .featured-beer-background-image { opacity: 1 !important;}

section.featured-beer .featured-beer-product-image { margin-top: 400px;}

section.wp-block-cover.featured-beer.in-view .cover-content,
section.wp-block-cover.featured-beer.in-view .featured-beer-product-image{ opacity: 1; }

section.wp-block-cover.featured-beer.in-view .featured-beer-product-image {  margin-top: 80px;}

section.featured-beer .cover-content,
section.featured-beer .featured-beer-product-image { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transtion: all 1.5s;}

body.home.age-restriction header { top: 0 !important;}

#gform_submit_button_2:after { content: ''; background-image: url(https://www.karlstrauss.com/wp-content/plugins/wp-store-locator/img/ajax-loader.gif); margin-top: -20px;}

section.wp-block-form .form .gfield_label, .gform-body { font-family: "pf-grand-gothik-variable",sans-serif !important; --gf-local-font-weight: 700;  --gf-local-font-style: bold; font-variation-settings: 'wght' 700; text-transform: uppercase; }

main > section.wp-block-form.in-view > div > h2:nth-child(2) { text-align: center; font-size: 27px; margin-bottom: 1em;}

.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub { display: none;}

.single-location.location-about .directions { top: 18px !important; right: 16px !important;}

.single-location.location-about .address-hours-amenities > .address { padding: 20px 45px 20px 20px !important;}

.wp-block-events-list .event-card .event-thumb .date { text-transform: uppercase;}

.tribe-events .tribe-events-calendar-month__calendar-event-title a { color: #fffef5;}

section.featured-beer.not-in-view-2 { opacity: 1;}

section.featured-beer.not-in-view-2 .cover-content-wrapper { opacity: 0;}

section.featured-beer.in-view-2 .cover-content-wrapper { opacity: 1;}

.firstHeading { font-size: 2em; color: #231F20; text-align: left;}

#wpsl-gmap, #wpsl-result-list, #wpsl-wrap { margin-bottom: 0 !important;}

.phone a {border-bottom: 2px solid #231f20;}

a.open-in-map { text-transform: uppercase; font-variation-settings: 'wght' 700; font-weight: 700 !important;}

.gform_confirmation_message_4 { padding: 4vw;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages:not(.tribe-events-header__messages--mobile) { margin-top: -60px;}

.single-location form .gform_fields > fieldset:last-of-type { display: flex; align-items: center; flex-direction: row-reverse; width: 100%; border-top: 3px solid #231F20; padding: 24px; gap: 1em;}

.single-location form .gform_footer.before { border-top: none;}

.single-location.location-group-events section.wp-block-form form fieldset:last-of-type input { margin-bottom: 0 !important;}

.single-location section.wp-block-form form .gform_fields .gform_footer,
.single-location section.wp-block-form form .gform_fields .gform_footer input[type=submit].button { margin-top: 0 !important; margin-bottom: 0 !important;}

.single-location section.wp-block-form form .gform_fields { margin-bottom: 0;}

.location-group-events .wp-block-form .gform_wrapper .gform_fields input[type=checkbox] { min-height: 24px !important; margin-right: .5em;}

.location-group-events .wp-block-form .gform_wrapper .gform_fields fieldset:last-of-type label { line-height: 1em;}



/* Media queries */

@media only screen and (max-width: 500px) {
	
section.wp-block-cover.featured-beer.in-view .featured-beer-product-image { margin-top: 0 !important;}
	
section.wp-block-hero .slick-list .slide .content .heading { font-size: 72px !important;}

.single.single-beers .single-beer .hero .image:last-child { top: 350px !important;}

#gform_wrapper_2 .form-popup,
.single-location .popup { width: 80vw; left: 10vw; transform: none; font-size: .75em;}

#gform_wrapper_2 h2 { font-size: 48px !important;}

#gform_wrapper_2 h2.gform_submission_error { font-size: 20px !important; line-height: 1.4em !important; }

#gform_wrapper_2 .gform_footer.top_label { margin-block-start: 0; margin-top: 0 !important;}

footer .bottom::after { bottom: 112px !important;}

body:not(.wp-admin) main > section.wp-block-form, body:not(.wp-admin) .gform_wrapper { width: 93vw; left: 3.5vw;}

.location-group-events .wp-block-form,
.single-location .restaurant-menu { padding-top: 3.5vw !important;}

.single-tribe_events #tribe-events-content .tribe-events-schedule__datetime span { font-size: 30px !important;}

.single-location .popup .paragraph { max-width: 95%; font-size: 16px !important; line-height: 1.7em !important;}

.single-location .popup { max-height: 580px !important;}

#timeline { margin-top: 0px !important;}

.gform-theme--framework .gform_validation_errors .gform-icon { margin: auto;}

.tax-beer-category .beer-wrapper .slick-list .slick-track { margin-top: -20px !important;}

section.wp-block-intro .slick-slider { height: 480px !important;}

.tax-beer-category .beer-wrapper .beer .content { overflow: visible !important;}
	
}
 
@media only screen and (max-width: 767px) {
	
.page-about section.wp-block-cover h1{ font-size: 56px;}
	
.single-beers .single-beer .hero .image:last-child { top: 300px !important;}	
	
.single-beers .wp-block-cover.find-beer  { display: none;}
	
.container-wrap .wpsl-search { position: relative !important;}

.page-find-karl .container-wrap #wpsl-gmap, .page-find-karl .container-wrap #wpsl-stores { height: 50vh !important;}

.post-type-archive-tribe_events .wp-block-events-bar .category-menu { display: none;}

section.categories.not-active,
.post-type-archive-tribe_events section.categories.not-active { margin-top: -100px !important; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}

section.featured-beer .cover-content .buttons { display: block;}

section.featured-beer .cover-content { display: block !important;}

.page-about .wp-block-cover figure img { opacity: .6;}

.page-about .wp-block-cover figure .buttons { opacity: 1 !important;}

.page-about .wp-block-cover figure .buttons button.primary { opacity: 1 !important; line-height: 20px !important;}

.single-tribe_events #tribe-events-content .tribe-events-single-event-title { font-size: 84px !important;}

section.featured-beer { max-height: calc(100vh - 120px);}

body section.featured-beer.viewport .featured-beer-background-image { opacity: 1 !important;}

.page-about .wp-block-cover figure .buttons button.primary { border-radius: 39px;}

.single-tribe_events #tribe-events-content .tribe-events-single-event-title,
.single-beer .beer-info .beer-title { font-size: 72px !important;}

#gform_wrapper_2 .form-popup { padding: 60px 30px;}

section.wp-block-social-feed .eapps-instagram-feed-posts-item-link::after { bottom: 5%;}

.mobile .wp-block-events-list .slide.event-card { margin-right: 20px !important; width: calc(100% + 20px);}

.wp-block-events-list { padding-right: 0 !important;}

main.page > .wp-block-heading { max-width: 80%; margin: auto;}	

.tribe-events-page-template.single-tribe_events #tribe-events-content { margin: 0 2em 0 2em !important; }

.single-beer .related-beers .beer .beer-image ,
.tax-beer-category .beer-wrapper .beer .beer-image,
.single-beer .related-beers .beer:hover .beer-image ,
.tax-beer-category .beer-wrapper .beer:hover .beer-image {
	transform: scale(0.9)!important;
}

.single.single-tribe_events #tribe-events-content

}

@media only screen and (min-width: 767px) {
	
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-top: 2em !important;}
	
}

@media only screen and (max-width: 1023px) {
	
body header .header-nav-button.active div:last-child { margin-top: -16px !important}

.home header .multi-nav-wrapper { top: 129px !important;}

.container-wrap .wpsl-search { width: auto !important; position: relative !important;}

#wpsl-gmap { margin-top: 20px;}

.container-wrap #wpsl-stores { height: 60vh;}

section.wp-block-now-pouring { margin: -20vw 0 0 !important; padding: 30vw 1em 80px !important;}

section.wp-block-now-pouring .cover-content figure { margin: auto;}

section.wp-block-now-pouring .cover-content figure img { max-width: 420px; min-width: fit-content;}

section.wp-block-now-pouring .cover-content .text { margin: auto;}

section.wp-block-now-pouring .cover-content { display: block;}

.single-tribe_events .wp-block-events-bar .image img, .wp-block-cover figure img { height: 100%; object-fit: cover; -o-object-fit: cover; min-height: 660px;}

.page-group-events .archive-locations .locations .location .location-wrapper .capacity { position: relative !important; top: auto !important; right: auto !important;}

.page-find-karl .container-wrap #wpsl-gmap{ height: 30vh !important;}

 .page-find-karl .container-wrap #wpsl-stores { height: 70vh !important;}
 
 main section.wp-block-now-pouring .cover-content figure { left: auto !important;}

}

@media only screen and (min-width: 1024px) {
	
.mobile-nav-wrapper.active { display: none !important;}

main section.wp-block-now-pouring .cover-content figure { flex: 0 0 23% !important; position: absolute; max-width: 40vw; left: -20vw; top: -4vw;}

section.wp-block-now-pouring > figure img { min-height: 724px;}

.single.single-tribe_events .wp-block-events-bar { height: 50vw !important;}

#wpsl-gmap { margin-top: 112px;}

.container-wrap .wpsl-search { margin: 0 2em !important;}

}

@media only screen and (min-width: 1200px) {

#posts article { flex: 0 0 32% !important;}

.wp-block-cover .cover-content figure img { height: auto; min-width: auto; width: auto; max-height: 672px;}
	
}


main section.wp-block-now-pouring .cover-content-wrapper h2,
main section.wp-block-now-pouring .cover-content-wrapper p,
main section.wp-block-now-pouring .buttons { text-align: center !important;}

main section.wp-block-now-pouring .text { transform: translateX(0%); margin-top: 1em;}

main section.wp-block-now-pouring .cover-content-wrapper p { text-shadow: 0px 0px 4px rgba(0,0,0,0.25);}

@media only screen and (max-width: 1280px) {
	
	.single.single-tribe_events #tribe-events-content { margin: 0 2em 0 2em !important;}

	
}

@media only screen and (max-width: 1400px) {
	
#posts article { margin-bottom: 0;}

.wp-block-cover .cover-content figure img { height: auto; min-width: auto; width: auto; max-height: 672px;}
	
}

@media only screen and (min-width: 2300px) {

main section.wp-block-now-pouring .cover-content figure { left: -30vw;}

section.wp-block-cover.featured-beer.in-view .featured-beer-product-image { margin-top: 100px !important;}
	
}