:root {
	--sbc-screen-height: 100vh;
	--sbc-header-height: 80px;
	--sbc-content-height: 100vh;
}

#main {
	overflow-x: hidden;
	max-width: 100vw;
}

.hero {
	height: 55vmax;
	max-height: var(--sbc-content-height);
	overflow: hidden;
	position: relative;
	background-color: #080A0B;
	display: flex;
	align-items: center;
}

.hero.hero-banner {
	height: auto;
	min-height: clamp(240px, 40vmin, 540px);
}

.hero-outer,
.hero-media,
.hero-overlay,
.hero-svg .svg-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-svg {
	color: #ffffff;
	animation: heroFade 2s cubic-bezier(0.5, 0, 0, 1) both;
}

@media (max-width: 1200px) {
	.hero-svg {
		display: none;
	}
}

.hero-svg svg {
	width: 100%;
	height: 110%;
	max-height: 100vmin;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(-51vw, 15%);
}

@media (min-width: 1600px) {
	.hero-svg svg {
		transform: translate(max(-50vw, -1080px), 15%);
	}
}

.hero-media .hero-media-wrapper {
	width: 100%;
	height: 100%;
	animation: heroZoom 2s cubic-bezier(0.5, 0, 0, 1) both;
}

.hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-overlay {
	content: '';
	display: block;
	background-color: #000;
	mix-blend-mode: multiply;
	opacity: 0.25;
}

.hero-inner {
	width: 100%;
	height: 100%;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	z-index: 9;
	margin-bottom: 5vmin;
}

.hero-content {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	color: #fff;
	animation: heroFade 1s cubic-bezier(0.5, 0, 0, 1) both 0.5s;
}

.prefix {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.1em;
	font-family: var(--sbc-body-font);
}

.logo-text {
	width: 70vw;
	max-width: 320px;
	height: auto;
}

.hero .intro-text {
	margin-top: 24px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: clamp(18px, 2vw, 22px);
	font-weight: 600;
	letter-spacing: 0.1em;
	font-family: var(--sbc-body-font);
}

.hero .intro-text p {
	margin-bottom: 0;
}

.hero h1.hero-text,
.hero .h1 {
	text-transform: uppercase;
	font-family: 'Bebas', sans-serif;
	line-height: .85;
	letter-spacing: -2px;
	font-weight: 400;
	font-size: clamp(64px, 16vw, 128px);
	margin-top: 0.125em;
}

.home .hero h1.hero-text {
	font-size: clamp(64px, calc(8.5vw + 23.38px), 240px); /* 64px @ 480 to 240px @ 2560 */
}

.hero p.hero-text,
.hero p.h1 {
	margin-bottom: 0;
}

.home .hero-text-sm {
	font-size: clamp(44px, 12vw, 174px);
}

.hero-text-sm {
	text-transform: uppercase;
	font-family: 'Bebas', sans-serif;
	line-height: .85;
	letter-spacing: -2px;
	font-weight: 400;
	font-size: clamp(44px, 13vw, 128px);
	margin-top: 0.125em;
}

@keyframes heroFade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes heroSlide {
	0% {
		opacity: 0;
		transform: translate3d(0, 24px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes heroZoom {
	0% {
		opacity: 0;
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

.home .vc_custom_1649271833809 {
	padding: 30px !important;
	max-width: 100vw;
}

.home .vc_custom_1649271833809 > .vc_row-container {
	max-width: 1600px;
}

.home .vc_custom_1653583774216 {
	margin-top: -100px !important;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.home .vc_custom_1655290682537 {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home .vc_custom_1649272222652 {
	margin-top: 0 !important;
}

.home .vc_custom_1649272222652 .wpb_text_column {
	margin: 36px 0 !important;
}

.wpb_wrapper > *:last-child {
	margin-bottom: 0 !important;
}

.home .vc_custom_1649272519507 {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

:root .home .vc_custom_1655293530228 {
	padding: 10px 0 !important;
}

.home .vc_custom_1655293530228 > .wpb_wrapper {
	max-width: 1000px;
	padding: clamp(30px, 4vw, 60px);
	margin: 0 0 0 auto;
}

.vc_custom_1571358534717 > .wpb_wrapper {
	flex-grow: 1;
}

.vc_custom_1571358534717 > .wpb_wrapper .wpb_single_image,
.vc_custom_1571358534717 > .wpb_wrapper .wpb_single_image > .wpb_wrapper,
.vc_custom_1571358534717 > .wpb_wrapper .wpb_single_image > .wpb_wrapper > .vc_single_image-wrapper {
	height: 100%;
}

.vc_custom_1571358534717 > .wpb_wrapper .wpb_single_image img {
	height: 100%;
	object-fit: cover;
}


.widget_block > p {
	margin: 0;
}

.ss-hours-table {
	width: 100%;
	max-width: 330px;
}

.ss-hours-table tr:not(:first-of-type) td {
	padding-top: 8px;
}

.ss-hours-table td:last-child {
	text-align: right;
}

/* FAQ */
#faq {
	color: #192226;
	font-family: var(--sbc-body-font);
	font-size: clamp(16px, 2vw, 18px);
	line-height: 1.3;
	letter-spacing: 0;
}

#faq h2 {
	font-family: var(--sbc-heading-condensed-font);
	font-size: clamp(42px, 5vw, 54px);
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#faq h3 {
	font-size: clamp(20px, 2.5vw, 26px);
	font-weight: 700;
	font-family: var(--sbc-heading-font);
	line-height: 1.1;
}

/* OUR STORY */

#our-story .alignfull {
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	margin-top: 60px;
	margin-bottom: 60px;
	max-width: 100vw;
	overflow: hidden;
}

#our-story .my-none {
	margin-top: 0;
	margin-bottom: 0;
}

#our-story .pt-xl,
#our-story .py-xl {
	padding-bottom: 60px;
}

#our-story .pb-xl,
#our-story .py-xl {
	padding-bottom: 60px;
}

.mw-thin {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

#news,
#somebody-loves-you,
#our-story {
	padding: 2.5vw 2.5vw 0;
}

#news {
	padding-bottom: 48px !important;
}

@media (min-width: 800px) {
	#news {
		padding-bottom: 16px !important;
	}
}

#news h2,
#somebodylovesyou h2,
#somebody-loves-you h2,
#our-story h2 {
	font-family: var(--sbc-heading-condensed-font);
	font-size: clamp(42px, 5vw, 54px);
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#news .wp-block-columns,
#somebody-loves-you .wp-block-columns,
#our-story .wp-block-columns {
	display: grid;
	max-width: 1080px;
	margin: 0 auto;
	grid-template-columns: 1fr;
	gap: 40px;
}

@media (min-width: 800px) {

	#news .wp-block-columns,
	#somebody-loves-you .wp-block-columns,
	#our-story .wp-block-columns {
		grid-template-columns: 1fr 1fr;
		gap: 5vw;
		margin-bottom: 90px !important;
	}
}

#news .wp-block-columns:first-child,
#somebody-loves-you .wp-block-columns:first-child {
	margin-bottom: 0 !important;
}

#news .wp-block-columns > .wp-block-column:only-child {
	grid-column: 1 / span 2;
}

#somebody-loves-you .wp-block-column img:not(:first-child),
#our-story .wp-block-column img:not(:first-child) {
	margin-top: 40px !important;
}

#our-story .wp-block-group .wp-block-group__inner-container {
	max-width: 90vw;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	padding: 2.5vw 0 0;
}

@media (min-width: 800px) {
	#our-story .wp-block-group .wp-block-group__inner-container {
		max-width: 70vw;
		padding: 2.5vw 0;
	}
}


#our-story .wp-block-group h2,
#our-story .wp-block-group p {
	text-align: center;
}

#our-story .logo-outline {
	position: relative;
	height: auto;
	width: 200px;
	margin: 35px auto -180px;
	opacity: 0.25;
}

@media (min-width: 800px) {
	#our-story .logo-outline {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 0;
		width: 30vw;
		min-width: 200px;
		max-width: 350px;
		transform: translateY(30%);
		margin-bottom: 0;
		margin-top: 0;
	}
}

#footer .logo-wrapper {
	padding: 50px 0;
	border-bottom: 1px solid #D9D7D3;
	margin-bottom: 50px;
}

@media (max-width: 991px) {
	#footer .logo-wrapper {
		text-align: center;
	}
}

#footer .logo-wrapper .logo-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (min-width: 500px) {
	#footer .logo-wrapper .logo-container {
		flex-direction: row;
		align-items: stretch;
	}
}

@media (min-width: 1200px) {
	#footer .logo-wrapper .logo-container {
		justify-content: flex-start;
	}
}

#footer .logo-wrapper .logo-container .logo-img {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	display: flex;
	align-items: center;
}

#footer .logo-wrapper .logo-container .logo-img img {
	width: 85%;
	max-width: 400px;
	margin: 0;
	height: auto;
}


@media (min-width: 500px) {
	#footer .logo-wrapper .logo-container .logo-img {
		width: 50%;
		max-width: 400px;
		margin: 0;
		padding: 5px 15px;
	}


	#footer .logo-wrapper .logo-container .logo-img + .logo-img {
		border-top: 0;
		border-left: 1px solid #fff;
		margin-left: 15px;
		padding-left: 25px;
	}

	#footer .logo-wrapper .logo-container .logo-img img {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
}

.ss-beer-list {
	width: 100vw !important;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	max-width: 100%vw !important;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

.ss-beer-list .beer-content {
	text-align: center;
}

@media (min-width: 576px) {
	.ss-beer-list .beer-content {
		text-align: left;
	}
}


@media (min-width: 800px) {
	.ss-beer-list {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.ss-beer-list .beer {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.ss-beer-list .beer-list-inner {
	position: relative;
	width: 90% !important;
	max-width: 1280px !important;
	margin: 0 auto;
}

.beer-list-separator {
	display: none;
}

.ss-beer-list .beer .beer-name {
	font-family: var(--sbc-heading-condensed-font) !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	margin-bottom: 18px !important;
	font-size: clamp(40px, 5vw, 48px) !important;
	margin-top: 18px;
}

@media (min-width: 576px) {
	.ss-beer-list .beer .beer-name {
		margin-top: 0px;
	}
}

.ss-beer-list .beer .beer-meta {
	border-top: 1px solid #B3B0A6;
	border-bottom: 1px solid #B3B0A6;
	padding: 6px 0;
}

.ss-beer-list .beer .beer-meta .separator {
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
}

.ss-beer-list .beer .beer-style {
	font-family: var(--sbc-heading-font) !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em !important;
}


/* Sold out beer */
.beer-list-col.sold-out {
	position: relative;
}

.beer-list-col.sold-out:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: #ffffff;
	display: block;
	z-index: 10;
	opacity: 0.8;
}

#ecclesia .beer-list-col.sold-out:before {
	background: #192226;
}

.beer-list-col.sold-out:after {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: 'Sold Out';
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11;
	text-transform: uppercase;
	padding: 10px 24px;
	font-weight: bold;
	font-family: var(--sbc-heading-condensed-font);
	line-height: 1.4;
	font-size: 1.5em;
	border: 2px solid #192226;
}

#ecclesia .beer-list-col.sold-out:after {
	color: #fff !important;
	border: 2px solid #fff;
}



/* End sold out beer */

.learn-more-black a,
.learn-more-light a,
.learn-more-dark a {
	font-family: var(--sbc-heading-font) !important;
	background-color: #B3B0A5 !important;
	font-size: 15px ! important;
	font-weight: 500 !important;
}

.learn-more-black a {
	background-color: #192226 !important;
	color: #ffffff !important;
}

.learn-more-black a:hover,
.learn-more-black a:focus {
	background-color: #B4B0A5 !important;
}

.learn-more-light a:hover,
.learn-more-light a:focus {
	background-color: #192226 !important;
}

.learn-more-dark a {
	color: #192226 !important;
}

.learn-more-dark a:hover,
.learn-more-dark a:focus {
	background-color: #D9D7D3 !important;
}

.home .display-1 {
	font-family: var(--sbc-heading-condensed-font);
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 0 !important;
}

.sbc-page-body {
	font-family: var(--sbc-body-font);
}

.sbc-page-body h2,
.sbc-page-body h4 {
	font-family: var(--sbc-heading-font);
}

.hero.hill-hero {
	background-color: #B4B0A6;
	height: auto;
	min-height: var(--sbc-content-height);
	max-height: none;
	overflow: hidden;
}

.hero.hill-hero .hero-inner {
	margin: 0;
}

.hero.hill-hero .hero-media {
	position: relative;
}

.hero.hill-hero .hero-media-wrapper {
	position: absolute;
	width: 100%;
	min-width: 700px;
	height: auto;
	right: 0;
	bottom: 0;
}

.hero.hill-hero .hero-media img {
	height: auto;
	max-height: 520px;
	object-position: top right;
}

.hero.hill-hero .hero-svg {
	display: block !important;
	color: #7C1D2C;
}

.hero.hill-hero .hero-svg svg {
	width: 100%;
	height: 110%;
	min-height: 475px;
	max-height: 100vmin;
	position: absolute;
	bottom: 0;
	right: auto;
	left: 0;
	transform: translate(46vw, 15%);
}

.hero.hill-hero .hero-svg .svg-wrapper {
	animation: heroSlide 2s cubic-bezier(0.5, 0, 0, 1) .35s both;
}

.hero.hill-hero .hero-content {
	text-align: left;
	color: #1B2226;
	max-width: 1600px;
	width: calc(100% - (2 * var(--sbc-gap)));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: calc(1.5 * var(--sbc-gap)) 0 calc(2 * var(--sbc-gap));
}

.hero.hill-hero .hero-content .prefix {
	color: #7C1D2C;
	font-family: var(--sbc-heading-condensed-font);
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 700;
	font-size: clamp(20px, calc(0.3vw + 18.67px), 24px);
	margin: 0;
}

.hero.hill-hero .hero-content .hero-text {
	font-weight: 800;
	font-family: var(--sbc-heading-condensed-font);
	line-height: 1;
	font-size: clamp(48px, calc(6.5vw + 23.51px), 128px);
	margin-top: clamp(10px, calc(0.5vw + 7.89px), 18px);
}

.hero.hill-hero .subtitle {
	font-family: var(--sbc-body-font);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.5px;
	font-size: clamp(16px, calc(0.7000000000000001vw + 13.33px), 24px);
	line-height: 1.35;
	margin: clamp(8px, calc(0.8vw + 4.67px), 18px) 0;
	max-width: 350px;
}

@media (min-width: 700px) {
	.hero.hill-hero .subtitle {
		max-width: 50vw;
	}
}

.hero.hill-hero .hero-content .hero-button {
	font-family: var(--sbc-body-font);
	background-color: #7C1D2C;
	color: #ffffff;
	padding: 10px 20px 9px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: clamp(13px, calc(0.5vw + 11px), 17px);
	letter-spacing: 1.5px;
	font-weight: 500;
	line-height: 1.25;
	margin-top: 1rem;
	display: inline-block;
	width: auto;
}

.hero.hill-hero .hero-content .hero-button:hover,
.hero.hill-hero .hero-content .hero-button:focus {
	background-color: #1B2226;
}

.hero.hill-hero .vhc-link {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 520px;
	max-width: 50vw;
	margin-top: clamp(30px, calc(2.4vw + 20.82px), 60px);
	margin-bottom: 3rem;
	font-family: var(--sbc-heading-font);
}

@media (min-width: 600px) {
	.hero.hill-hero .vhc-link {
		flex-direction: row;
	}
}

.hero.hill-hero .vhc-link .vhc-logo {
	flex: none;
	width: 12vw;
	min-width: 55px;
	max-width: 100px;
	margin-bottom: 12px;
}

@media (min-width: 600px) {
	.hero.hill-hero .vhc-link .vhc-logo {
		margin-bottom: 0;
		margin-right: 25px;
	}
}

.hero.hill-hero .vhc-link .hero-vhc {
	display: flex;
	flex-direction: column;
}

.hero.hill-hero .vhc-link .hero-vhc h2 {
	font-size: clamp(20px, calc(0.5vw + 18px), 24px);
	letter-spacing: .03em;
	line-height: 1.1;
	transition: color 0.15s ease;
}

.hero.hill-hero .vhc-link .hero-vhc p {
	letter-spacing: .03em;
	font-size: clamp(13px, calc(0.6vw + 10.5px), 18px);
	line-height: 1.3;
	margin: 0;
}

.hero.hill-hero .vhc-link .hero-vhc .vhc-cta {
	color: #7C1D2C;
	font-family: var(--sbc-body-font);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: clamp(12px, calc(0.5vw + 10px), 16px);
	font-weight: 600;
	display: flex;
	align-items: center;
	margin: 1rem 0;
}

.hero.hill-hero .vhc-link .hero-vhc .vhc-cta .vhc-cta-icon {
	width: 1em;
	position: relative;
	left: 6px;
	transition: left 0.15s ease;
}

.hero.hill-hero .vhc-link:hover,
.hero.hill-hero .vhc-link:focus {
	color: inherit;
}

.hero.hill-hero .vhc-link:hover .hero-vhc h2,
.hero.hill-hero .vhc-link:focus .hero-vhc h2 {
	color: #7C1D2C;
}

.hero.hill-hero .vhc-link:hover .hero-vhc .vhc-cta .vhc-cta-icon,
.hero.hill-hero .vhc-link:focus .hero-vhc .vhc-cta .vhc-cta-icon {
	left: 10px;
}

/* HILL HERO 2023 */

.hero.hill-hero.hill-hero-2023 {
	background-color: #F5F0E5;
}

.hero.hill-hero-2023 .hero-can-wrapper {
	width: 25vw;
	min-width: 400px;
	max-width: 480px;
	height: 100%;
	right: auto;
	left: calc(0.5 * (100vw - 1600px));
	bottom: -8%;
}

.hero.hill-hero-2023 .hero-can-wrapper img {
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
	object-position: 50% 100%;
	margin-left: 0;
}

.hero.hill-hero-2023 .hero-content {
	padding-left: clamp(180px, calc(53.1vw - 436.25px), 520px);
	padding-bottom: calc(3 * var(--sbc-gap));
}

@media (max-width: 1159px) {
	.hero.hill-hero-2023 .hero-can-wrapper {
		display: none;
	}
	.hero.hill-hero-2023 .hero-content {
		padding-left: 0;
	}
}

.hero.hill-hero.hill-hero-2023 .hero-media-wrapper:not(.hero-can-wrapper) img {
	height: clamp(224px, calc(17.1vw + 141.85px), 580px);
	max-height: 580px;
}

.hero.hill-hero.hill-hero-2023 .hero-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero.hill-hero.hill-hero-2023 .hero-svg svg {
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	transform: none;
}

.hero.hill-hero.hill-hero-2023 .vhc-link {
	max-width: 100%;
	width: 100%;
	margin-top: clamp(16px, 2vw, 24px);
	margin-bottom: clamp(16px, 2vw, 24px);
}

@media (min-width: 480px) {
	.hero.hill-hero.hill-hero-2023 .vhc-link {
		flex-direction: row;
		align-items: center;
	}
}

.hero.hill-hero.hill-hero-2023 .vhc-link .vhc-logo {
	width: 12vw;
	min-width: 50px;
	max-width: 90px;
}

@media (min-width: 480px) {
	.hero.hill-hero.hill-hero-2023 .vhc-link .vhc-logo {
		margin-bottom: 0;
		margin-right: 25px;
	}
}

.hero.hill-hero.hill-hero-2023 .vhc-link .hero-vhc {
	max-width: 100%;
}

.hero.hill-hero.hill-hero-2023 .vhc-link .hero-vhc h2 {
	font-size: clamp(20px, calc(0.5vw + 18px), 30px);
	letter-spacing: .03em;
	line-height: 1.1;
	transition: color 0.15s ease;
}

.hero.hill-hero.hill-hero-2023 .vhc-link .hero-vhc p {
	letter-spacing: .03em;
	font-size: clamp(14px, calc(0.6vw + 10.5px), 17px);
	line-height: 1.3;
	margin: 0;
	color: #7C1E2C;
}


#somebodylovesyou .display-1 {
	font-family: var(--sbc-heading-condensed-font) !important;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 0 !important;
}

#somebody-loves-you .wp-block-group > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

#somebody-loves-you .love-somebody {
	display: inline-block;
	font-family: var(--sbc-heading-font) !important;
	background-color: #192226 !important;
	color: #ffffff !important;
	font-size: 15px ! important;
	font-weight: 500 !important;
	padding: 8px 20px !important;
	cursor: pointer;
	letter-spacing: 0.08em;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	transition: all ease-in-out 0.2s;
	vertical-align: middle;
}

#somebody-loves-you .love-somebody:hover,
#somebody-loves-you .love-somebody:focus {
	background-color: #D9D7D3 !important;
}


#news .date,
.entry-header .date {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.95em;
}

#news .headline-separator,
article .headline-separator {
	margin: 40px 0;
	border-style: solid !important;
	border-top-width: 1px !important;
	border-bottom-width: 0px !important;
	border-color: #B2B0A6 !important;
}

figure figcaption {
	font-size: .8em;
	line-height: 1.4;
	margin-top: 14px;
	margin-bottom: 32px ! important;
	color: #777;
}

.ss-food-menu-container,
.page article,
.single article {
	background-color: #fff;
	padding: calc(1.5 * var(--sbc-gap)) 0;
}

.single-event article {
	padding-top: calc(1.25 * var(--sbc-gap));
}

article .post-inner {
	width: calc(100% - 2 * var(--sbc-gap));
	max-width: 1200px;
	margin: 0 auto;
	animation: heroFade 1s cubic-bezier(0.5, 0, 0, 1) both 0.5s;
}

article .entry-header {
	margin: 0 0 40px 0;
	border-bottom: 1px solid #B2B0A6;
	padding: 0 0 40px 0;
}

:root article .entry-content > *:first-child,
:root article .page-content > *:first-child {
	margin-top: 0;
}

:root article .entry-content > *:last-child,
:root article .page-content > *:last-child {
	margin-bottom: 0;
}

article.event .entry-header {
	padding: 0;
	border-bottom-color: #B4ADA0;
	margin-bottom: var(--sbc-gap);
}

article .entry-header .entry-title {
	font-family: var(--sbc-heading-condensed-font);
	font-size: clamp(42px, 5vw, 54px);
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.1;
	margin: 0;
}

article .page-section + .page-section {
	padding-top: calc(2 * var(--sbc-gap));
}

article .section-header {
	padding-bottom: var(--sbc-gap);
	margin-bottom: var(--sbc-gap);
	border-bottom: 1px solid #B4B0A6;
}

article .section-header .section-title {
	font-family: var(--sbc-heading-condensed-font);
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
	font-size: clamp(42px, 5vw, 64px);
}

article .wp-block-columns {
	display: grid;
	margin: 0 auto;
	grid-template-columns: 1fr;
	gap: 24px;
}

@media (min-width: 800px) {
	article .wp-block-columns {
		grid-template-columns: 1fr 1fr;
		gap: var(--sbc-gap);
	}
}

.entry-header .event-header {
	display: flex;
}

a.event-header {
	display: block;
}

.event-header .event-date,
.event-header .event-title {
	padding: clamp(15px, calc(0.4vw + 13.33px), 20px) clamp(30px, calc(0.8vw + 26.67px), 40px) clamp(25px, calc(0.8vw + 21.67px), 35px);
}

.event-header .event-date {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.event-header .event-date span {
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-family: var(--sbc-heading-condensed-font);
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.1;
}

.event-header .event-date span.month {
	font-size: clamp(30px, calc(1vw + 26px), 36px);
	color: #B3B0A5 !important;
}

.event-header .event-date span.day {
	font-size: clamp(56px, calc(1.3vw + 50.67px), 64px);
	color: #192226 !important;
}

.event-header .event-title {
	flex-grow: 1;
	padding-right: 0;
	border-left: 1px solid #B4ADA0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.event-header .event-title .entry-title {
	text-transform: none;
}

.event-header .event-date-time {
	margin-top: 12px;
	font-size: 1.1em;
}

.event-header .sep,
.event-content .sep {
	display: inline-block;
	margin: 0 .8ch;
}

.event-content {
	display: flex;
	flex-direction: column;
}

@media (min-width: 800px) {
	.event-content {
		flex-direction: row-reverse;
	}
}

.event-info,
.event-gallery {
	width: 100%;
}

@media (min-width: 800px) {

	.event-content.has-gallery .event-info,
	.event-content.has-gallery .event-gallery {
		width: 50%;
	}
}

.event-info {
	margin-bottom: var(--sbc-gap);
}

.event-prefix {
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 500;
	margin-top: calc(0.5 * var(--sbc-gap));
}

h2.event-subtitle {
	font-family: var(--sbc-heading-condensed-font);
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.15;
	font-size: clamp(36px, calc(0.8vw + 33px), 42px);
	margin-bottom: 20px;
}

.event-button {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 500;
	color: #fff;
	background-color: #B3B0A5;
	padding: 10px 24px;
	font-size: .85em;
	line-height: 1.25;
	text-decoration: none;
	margin-top: 15px;
	display: inline-block;
}

.event-button:hover,
.event-button:focus {
	background-color: #192226;
	color: #fff;
	text-decoration: none;
}

.event-gallery {
	margin-top: var(--sbc-gap);
}

@media (min-width: 800px) {
	.event-gallery {
		margin-top: 0;
	}
}

.slick.slick-dotted.slick-slider {
	padding-bottom: 20px;
}

.slick .slick-dots li button {
	width: 12px;
	height: 12px;
	background-color: #B4B0A5;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0.4;
	transition: opacity .2s ease;
}

.slick .slick-dots li.slick-active button,
.slick .slick-dots li button:hover,
.slick .slick-dots li button:focus {
	opacity: 1;
}

.slick .slick-dots li button:before {
	display: none;
}

@media (min-width: 800px) {
	.event-gallery {
		padding-right: var(--sbc-gap);
	}
}

.event-gallery-item {
	width: 80%;
}

.event-image {
	width: 100%;
}

.event-image img {
	width: 100%;
	height: auto;
}

.events-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: calc(2 * var(--sbc-gap));
}

@media (min-width: 800px) {
	.events-grid {
		gap: var(--sbc-gap);
		grid-template-columns: 1fr 1fr;
	}
}

.news-items .news-item {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--sbc-gap);
}

@media (min-width: 800px) {
	.news-items .news-item {
		grid-template-columns: 5fr 3fr;
	}

	.news-item .news-content {
		min-width: 330px;
	}
}

.event-preview {
	width: 100%;
}

.news-item .news-media,
.event-preview .event-media {
	width: 100%;
	background-color: #E2E2E2;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

@media (min-width: 800px) {
	.news-item .news-media {
		padding-bottom: min(100%, 460px);
	}
}

.news-media-link,
.event-thumbnail {
	background-color: #192226;
}

.news-media-link img,
.event-thumbnail img {
	transform: scale3d(1, 1, 1);
	transition: all .35s ease;
}

.news-media-link:hover img,
.news-media-link:focus img,
.event-link:hover .event-thumbnail img,
.event-link:focus .event-thumbnail img {
	transform: scale3d(1.05, 1.05, 1.05);
	opacity: 0.75;
}

.event-link:hover .event-title,
.event-link:focus .event-title {
	opacity: 0.85;
}

.event-preview .event-date {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;
	padding: 4% 4% 3.5%;
}

.news-item .news-title,
.event-preview .event-title {
	font-family: var(--sbc-heading-condensed-font);
	font-size: clamp(32px, 4vw, 38px);
	font-weight: 800;
	text-transform: none;
	line-height: 1.15;
	margin: 24px 0 0;
	padding: 0;
	border: 0;
	color: inherit;
}


@media (max-width: 799px) {
	.news-item .news-title {
		margin-top: 14px;
	}
}

.event-preview .event-content {
	display: block;
}

.event-preview .event-date-time {
	margin-top: 16px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.3;
}

.news-item .news-teaser,
.event-preview .event-teaser {
	font-size: 17px;
	line-height: 1.45;
}

.event-preview .event-teaser {
	margin-top: 12px;
}

.news-item .news-teaser {
	margin-top: 20px;
}

.news-item .event-button,
.event-preview .event-button {
	margin-top: 24px;
}

.news-item .news-media > * {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.news-item .news-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}




/* Arrows */
.slick-prev,
.slick-next {
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	z-index: 999;
	transition: transform .2s ease;
	padding: 5px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	transform: translate(0, 0);
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-size: 0;
	line-height: 0;
	opacity: .5;
	transition: opacity .2s ease;
}

.slick-prev {
	left: 0;
	transform: translate(-100%, 0);
}

.slick-prev:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 512 512'%3E%3Cpath d='M48 256c0 114.87 93.13 208 208 208s208-93.13 208-208S370.87 48 256 48 48 141.13 48 256zm224-80.09L208.42 240H358v32H208.42L272 336.09l-22.7 22.54L147.46 256 249.3 153.37z'/%3E%3C/svg%3E");
}

.slick-next {
	right: 0;
	transform: translate(100%, 0);
}

.slick-next:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 512 512'%3E%3Cpath d='M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-224 80.09L303.58 272H154v-32h149.58L240 175.91l22.71-22.54L364.54 256 262.7 358.63z'/%3E%3C/svg%3E");
}

.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
	transform: translate(0, 0);
}