/*
Theme Name: Prima 2025
Theme URI: http://prima.com/
Description:
Author: Artbox Creative Studios
Author URI: http://www.artboxcs.com/
Version: 1.0
License URI: https://www.gnu.org/licenses/gpl.html
Last Edit: 01/21/2013
*/
/* Reset Styles
===================================== */
:root {
	--brand-black: #231f20;
	--brand-beige: #f9ecc9;
	--brand-white: #ffffff;
	--brand-red: #770d17;
	--brand-red-light: #b50011;
	/* --brand-green: #587817; */
	--brand-green-light: #90a74c;
	--font-body: "Poppins", "Tahoma", "Arial", sans-serif;
	--font-heading: "eroika-slab", "Playfair Display", "Poppins", serif;
	--container-site: clamp(0px, 90dvw + 1rem, 1600px);

	/* --size-h1: clamp(4rem, 5dvw + 1rem, 7rem);
	--size-h2: clamp(3rem, 5dvw + 1rem, 5.5rem);
	--size-h3: clamp(2.4rem, 4dvw + 1rem, 4rem);
	--size-h4: clamp(2.2rem, 3.5dvw + 1rem, 3.2rem);
	--size-h5: clamp(2rem, 3.2dvw + 1rem, 2.8rem);
	--size-h6: clamp(1.8rem, 2.5dvw + 1rem, 2.4rem);
	--size-body: clamp(1.6rem, 2dvw + 1rem, 1.8rem); */

	--size-h1: clamp(4rem, 5dvw + 1rem, 7rem);
	--size-h2: clamp(3rem, 5dvw + 1rem, 4.5rem);
	--size-h3: clamp(2.4rem, 4dvw + 1rem, 3.5rem);
	--size-h4: clamp(2.2rem, 3.5dvw + 1rem, 2.5rem);
	--size-h5: clamp(2rem, 3.2dvw + 1rem, 2.2rem);
	--size-h6: clamp(1.8rem, 2.5dvw + 1rem, 2.0rem);
	--size-body: clamp(1.6rem, 2dvw + 1rem, 1.6rem);


}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-size: 10px;
	background-image: url("images/background-so-white.png");
	background-attachment: fixed;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
.clear {
	clear: both;
}
/* .sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {} */
html {
	font-size: 10px;
	font-family: var(--font-body);
	font-weight: 400;
	overflow-x: hidden;
}

body {
	background-color: var(--brand-white);
	color: var(--brand-black);
	font-family: var(--font-body);
	font-size: 1.6rem;
	line-height: 1.5;
	text-wrap: balance;
}
em {
	font-style: italic;
}
.container-site {
	margin-inline: auto;
	max-width: var(--container-site);

}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Text Styles
====================================== */
h1,
h2,
h3,
h4,
h5,
.caption-big-title {
	font-family: var(--font-heading);
}
a {
	color: currentColor;
}
h1 {
	color: var(--brand-red);
	display: inline-block;
	font-family: var(--font-heading);
	font-size: var(--size-h1); /* clamp(3rem, 5dvw + 1rem, 5rem);*/
	font-weight: 600;
	line-height: 1.2;
	margin: 0 auto 30px;
	padding: 1rem 0;
}
h2 {
	color: var(--brand-red);
	font-family: var(--font-heading);
	font-size: var(--size-h2); /*  clamp(2rem, 3dvw + 1rem, 3rem);*/
	margin-bottom: 1.2rem;
	line-height: 1.2;
	padding-bottom: 2px;
}
h3 {
	color: var(--brand-red);
	font-family: var(--font-heading);
	font-size: var(--size-h3); /* 1.7rem */
	font-weight: 700;
	margin-bottom: 1.2rem;
	line-height: 1.2;
	padding-bottom: 2px;
}
h4 {
	font-size: var(--size-h4); /*font-size: 1.4rem;*/
	color: var(--brand-black);
}
h5 {
	font-size: var(--size-h5);
}
h6 {
	font-size: var(--size-h5);
}
hr {
	color: var(--brand-black);
}
.prima-accent-line{
	max-height: 60px;
	max-width: 80dvw;
	margin: 2rem auto;
	display: flex;
	align-items: center;
}
/* Structure Styles
====================================== */
body.home {
	margin-top: 0;
}
#site-header,
#hero,
#menu,
#page,
#footer {
	width: 100%;
	/*min-width: 960px;*/
	position: relative;
}
p {
	font-size: var(--size-body);
	font-weight: 400;
	margin: 2rem auto;
	text-wrap: balance;
}
p:first-of-type {
	margin-top: 0;
}
.page-wrapper {
	padding: 7rem 0;
}
.home-main {
	max-width: 60dvw;
	margin-inline: auto;
}
/*.home-main h4 {
	color: var(--brand-white);
	margin: 0;
	font-size: 2rem;
	font-weight: 700;
	font-family: var(--font-body);
}
.home-main h2 {
	font-family: var(--font-body);
	line-height: 1.2;
	margin: 3rem auto;
	font-size: clamp(3rem, 3dvw + 1rem, 3.5rem);
	font-weight: bold;
	text-wrap: balance;
}*/
/* Header Styles
====================================== */
#site-header {
	background: var(--brand-red);
	position: sticky;
	top: 0;
	z-index: 10000;
}
#site-header .header-wrap {
	max-width: var(--container-site);
	margin: 0 auto;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
@media screen and (max-width: 1280px) {
	#site-header .header-wrap {
		flex-direction: column;
		gap: 1rem;
		justify-content: center;
	}
}
.welcome-banner {
	color: var(--brand-beige);
	text-align: left;
	border: none;
	margin: 0 0 4rem;
	position: relative;
	z-index: 10;
}
.welcome-banner span {
	color: var(--brand-white);
	text-transform: uppercase;
	font-size: var(--size-body);
	font-family: var(--font-body);
	font-weight: 500;
}
.welcome-banner img {
	width: 25dvw;
	height: auto;
	position: absolute;
	top: 0;
	right: -2.5%;
}
.e-club-banner a {
	color: var(--brand-white);
	font-family: "Roboto Slab", "Courier", serif;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 1.5rem 1.5rem 0;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 100;
}
.e-club-banner {
	position: absolute;
	top: -5px;
	right: 0;
	transition: all 0.25s;
	overflow-y: hidden;
}
.e-club-banner:hover {
	top: 0px;
}
.e-club-banner-wrap {
	position: relative;
	top: -1.5rem;
	text-align: center;
	padding: 1.2rem 0 5px;
	display: inline-block;
}
.e-club-banner-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	background: var(--brand-red);
	transform: skew(0deg, 7deg);
}
.e-club-banner-wrap:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background: var(--brand-red);
	transform: skew(0deg, -7deg);
}
/* Menu Styles
====================================== */
#logo img {
	width: auto;
	max-height: 90px;
}
/*
.main-menu li.menu-home{
	display: none;
}*/
#site-header.js-menu-active #logo {
	display: none;
}
.main-menu li {
	display: inline-block;
	position: relative;
	z-index: 1000;
}
.main-menu li a {
	color: var(--brand-white);
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 500;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid transparent;
	transition: all 0.35s;
	text-align: center;
	line-height: 1.1;
}
.main-menu li ul {
	display: none;
	position: absolute;
}
/*.main-menu li:hover ul{
	display: block;
	border: 1px solid var(--brand-red);
}
.main-menu li ul li{
	display: block;
}
.main-menu li ul li a{
	background: var(--brand-white);
	padding: 5px 30px 5px 1rem;
}
*/
.main-menu li.current_page_ancestor > a,
.main-menu > li.current_page_item a {
	border-bottom: 1px solid currentColor;
}
.main-menu li a:hover {
	border-bottom: 1px solid currentColor;
}
/* .menu-home is custom item for centered logo */
.main-menu li.menu-home {
	flex: 0 1 30%;
}
.main-menu li.menu-home a,
.main-menu li.menu-home a:hover {
	border: none;
}
#nav-toggle,
#menu-nav-toggle {
	padding: 0;
	position: absolute;
	left: -1000px;
}
@media screen and (min-width: 1025px) {
	.main-menu {
		display: flex;
		align-items: center;
	}
}
@media screen and (max-width: 1024px) {
	#site-header .header-wrap {
		display: grid;
		grid-template-columns: 1fr auto;
	}
	#site-header.js-menu-active #logo {
		display: block;
	}
	.main-menu {
	}
	/* .menu-home is custom item for centered logo */
	.main-menu li.menu-home {
		order: -1;
	}
	.main-menu li.menu-home img {
		max-width: 200px;
	}
	#nav-toggle ~ nav {
		position: fixed;
		top: 100%;
		background: var(--brand-red);
		width: calc(100dvw);
		max-height: 0;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		top: 0;
		left: 0;
		right: 0;
	}
	#nav-toggle ~ nav ul {
		padding: 30px 30px 30px;
		text-align: right;
	}
	#nav-toggle ~ nav > ul.main-menu {
		display: flex;
		flex-direction: column;
	}
	#nav-toggle ~ nav ul li {
		display: block;
	}
	#nav-toggle:checked ~ nav {
		max-height: 100dvh;
		background: var(--brand-black);
	}
	#nav-toggle ~ label {
		position: relative;
		z-index: 2;
		padding: 2rem;
		/* background:rgba(255,0,0,0.5); */
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	#nav-toggle ~ label span {
		cursor: pointer;
		border-radius: 0px;
		height: 2px;
		width: 3rem;
		background: var(--brand-white);
		display: block;
		content: "";
		transition: all 0.25s;
		top: 0;
		left: 0px;
		position: absolute;
	}
	#nav-toggle ~ label span:first-of-type {
		transform: translate(0, -8px);
	}
	#nav-toggle ~ label span:last-of-type {
		transform: translate(0, 8px);
	}
	#nav-toggle:checked ~ label span:first-of-type {
		transform-origin: 50% 50%;
		transform: rotate(-45deg);
		top: 0;
		opacity: 1;
	}
	#nav-toggle:checked ~ label span:nth-of-type(2) {
		transform: scaleX(0);
	}
	#nav-toggle:checked ~ label span:last-of-type {
		transform-origin: 50% 50%;
		transform: rotate(45deg);
		top: 0;
		opacity: 1;
	}
}
/* Hero Slider Styles
====================================== */
#hero .slide {
	background-image: url("/wp-content/uploads/2019/03/spaghetti-fork.jpg");
	background-size: cover;
	background-position: center;
	height: clamp(300px, 40dvh + 1rem, 400px);
	background-repeat: repeat-x;
	background-color: var(--brand-white);
}
#hero.home-slider .slide {
	background-image: url("/wp-content/uploads/2019/03/spaghetti-fork.jpg");
	background-size: cover;
	height: clamp(450px, 75dvh + 1rem, 800px);
	position: relative;
}
#hero.home-slider .slide::before {
	position: absolute;
	inset: 0;
	content: "";
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
}
#hero .slide-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
#hero .slide-content {
	margin: 0 auto;
	max-width: var(--container-site);
	padding: 0 0 50px;
	width: 100%;
	position: relative;
	z-index: 1;
}
#hero h1 {
	color: var(--brand-white);
	font-size: clamp(5rem, 10dvw + 1rem, 10rem); /*calc(36px + (60 - 36) * ((100vw - 42rem) / (1100 - 320)));*/
	font-weight: 400;
	line-height: 0.9;

	/* text-shadow: 0px 0px 1rem var(--brand-black); */
	text-transform: uppercase;
	margin: 0;
	display: block;
}
#hero h2 {
	color: var(--brand-white);
	font-size: var(--size-h1); /*calc(24px + (40 - 24) * ((100vw - 42rem) / (1100 - 320)));*/

	/* /text-shadow: 0px 0px 1rem var(--brand-black); */
	font-style: italic;
	/* text-align: right; */
	text-transform: none;
	display: block;
}
@media screen and (max-width: 768px) {
	#hero.home-slider .slide {
		background-image: url("/wp-content/uploads/2019/03/spaghetti-fork.jpg");
		background-size: cover;
		height: clamp(450px, 50dvh + 1rem, 800px);
		position: relative;
	}
}
#hero .ts-on-light {
	text-shadow: 0 0 1.5rem rgba(134, 110, 82, 0.7);
}
#hero .ts-on-dark {
	text-shadow:
		0 0 1.5rem rgba(0, 0, 0, 1),
		0 0 5px rgba(0, 0, 0, 0.7);
}
/*====================================
/* Content Styles
====================================== */
/*====================================
/* Footer Styles
======================================*/
#footer {
	background: var(--brand-red);
}
#footer .container-site {
}
.footer-main {
	padding: 6rem 0;
}
.footer-inner {
	margin-inline: auto;
	/* max-width: 90%; */
	display: grid;
	grid-template-columns: 1fr 33% 1fr 1fr;
	gap: 5%;
	align-items: flex-start;
	font-size: var(--size-body);
	font-family: var(--font-body);
	color: var(--brand-white);
}
.footer-main h3 {
	font-family: var(--font-body);
	color: var(--brand-white);
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	font-size: var(--size-body);
}
.footer-main strong {
	font-weight: 700;
}
.footer-main p {
	line-height: 1.2;
}
.footer-main a {
	color: var(--brand-white);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.5s;
}
.footer-main a:hover {
	color: var(--brand-beige);
	border-bottom: 1px solid var(--brand-beige);
}
.footer-hours {
	flex: 1 1 33%;
}
.footer-logo-wrapper {
	display: flex;
	gap: 1rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.footer-logo-wrapper a {
	display: flex;
	gap: 0.5ch;
}
.footer-logo-wrapper a img {
	width: 2ch;
}
.hours-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
@media screen and (max-width: 1440px) {
	.hours-inner {
		display: block;
	}
}
@media screen and (max-width: 1280px) {
	.footer-inner {
		grid-template-columns: repeat(3, 1fr);
		text-align: center;
	}
	.footer-hours {
		grid-row: 2 / 3;
		grid-column: 2 / 3;
	}
	.footer-logo {
		grid-column: 1 / 4;
		margin: 0 auto;
	}
}
.button {
	background: var(--brand-red);
	color: var(--brand-white);
	display: inline-block;
	font-family: var(--font-body);
	font-size: var(--size-h6);
	font-weight: 700;
	padding: 1rem 2rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.5s;
}
.button:hover {
	background: var(--brand-black);
}
#footer .footer-logo {
	max-width: 300px;
	height: auto;
}
#footer .copyright {
	background: var(--brand-red);
	color: var(--brand-white);
	padding: 1.5rem 3rem;
	font-weight: 300;
	text-align: center;
	font-style: italic;
}
#footer .copyright p {
	margin: 0;
	font-size: 1.22rem;
}
#footer .copyright a {
	color: var(--brand-white);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.5s;
}
#footer .copyright a:hover {
	color: var(--brand-beige);
	border-bottom: 1px solid var(--brand-beige);
}
/* #footer .hours{
font-family: 'Roboto Slab', "Courier", serif;
	font-size: 1.4rem;
	margin-bottom: 35px;
}
#footer address{
	margin-bottom: 2.0rem;
}
#footer address a{
	color: #a11010;
	font-family: 'Roboto Slab', "Courier", serif;
	font-size: 2.1rem;
	text-decoration: none;
	padding: 0 2.0rem;
	border-right: 1px solid #000;
}
#footer address a:last-of-type{
	border: none;
} */
.menu-footer-container ul {
	margin: 0 auto;
	padding: 0;
}
.menu-footer-container li {
	display: inline-block;
	padding: 0;
}
.menu-footer-container li a {
	color: var(--brand-black);
	display: inline-block;
	font-size: 1.4rem;
	text-decoration: none;
	padding: 45px 1.5rem;
}
.menu-footer-container li a:hover {
	color: var(--brand-red-light);
}
/* Menu Styles
======== */
.menu-page {
	margin-top: 0;
	position: relative;
}
.menus-nav-container {
	text-align: center;
	background: var(--brand-black);
}
.menus-nav-container ul {
	display: inline-block;
	padding: 2rem 0;
}
.menus-nav-container li {
	display: inline-block;
}
.menus-nav-container li a {
	color: var(--brand-white);
	display: block;
	font-size: 24px;
	font-weight: 300;
	padding: 0.5rem 1.5rem;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.5s;
}
.menus-nav-container li.current-menu-item a,
.menus-nav-container li a:hover {
	color: var(--brand-white);
	border-bottom: 1px solid var(--brand-beige);
}
.menu-header {
	background: var(--brand-red);
	padding: 4rem;
	text-align: center;
	color: var(--brand-white);
}
.menu-header h1 {
	color: var(--brand-white);
	border-bottom: 1px solid var(--brand-white);
	display: inline-block;
	font-size: clamp(3rem, 5dvw + 1rem, 5rem);
	font-weight: 800;
	margin: 0 auto;
	padding: 1rem 0;
	text-align: center;
	line-height: 1.2;
}
.menu-header-content {
	font-size: 1.6rem;
	margin: 2rem auto 0;
	max-width: clamp(0px, 90dvw, 80ch);
	padding-top: 1rem;
	font-family: var(--font-body);
}
.menu-header-content h3 {
	font-family: var(--font-body);
	font-style: unset;
	color: var(--brand-white);
}
.menu-header-content p {
	font-family: var(--font-body);
	margin-bottom: 1.5rem;
	margin-top: 0;
}
.section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2rem auto;
}
.section-title span {
	background: var(--brand-black);
	/* border-bottom: 3px solid currentColor; */
	border-radius: 1ch 0 1ch 0;
	/* border-top: 3px solid currentColor; */
	color: var(--brand-white);
	font-size: clamp(2rem, 3dvw + 1rem, 4rem);
	padding: 0.25ch 2ch;
	text-align: center;

	text-wrap: balance;
}
/* .section-title span::after{
	content: '';
	display: block;
	background-image: url('images/prima-accent-line.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: auto;
	height: 20px;
	margin: 20px auto;
} */
.menu-row {
	margin: 0 auto;
	max-width: 80ch;
	padding: 2rem 30px;
	text-align: center;
}
.menu-row p {
	margin: 0 auto;
	font-size: var(--size-body);
	text-wrap: balance;
}
p.item-name {
	color: var(--brand-red);
	font-family: var(--font-heading);
	font-size: var(--size-h4);
	font-weight: 500;
	line-height: 1.4;
	max-width: 30ch;
	text-wrap: balance;
}
p.item-price {
	color: var(--brand-black);
	font-family: var(--font-heading);
	font-size: var(--size-h5);
	font-weight: 300;
	margin: 0 auto;
	padding-top: 1.5rem;
}
p.item-price:before,
p.item-price:after {
	content: "~";
	display: inline;
	margin: 0 0.5ch;
}
.item-desc {
	color: var(--brand-black);
	font-size: 1.6rem;
	margin: 0 auto;
	max-width: 700px;
	padding-top: 1rem;
}
.menus-menu {
	/* background: #4e0102; */
	padding: 22px 34px;
}
.menus-menu li {
	background: url("images/menu-button.jpg") no-repeat top center;
	/* border-bottom: 1px solid #620806; */
	list-style: none;
	margin-bottom: 3px;
	padding: 0px 0px 0px 2rem;
}
.menus-menu li:hover {
	background: url("images/menu-button-over.jpg") no-repeat top center;
	list-style: none;
	margin-bottom: 3px;
	padding: 0px 0px 0px 2rem;
}
.menus-menu li.cap {
	border-bottom: none;
}
.menus-menu li a {
	color: var(--brand-white);
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
	padding: 1.2rem 0;
}
.menus-menu li a:hover {
	color: var(--brand-black);
}
.menus-menu,
#sidebar .gallery,
.widget-container {
	margin-bottom: 30px;
}
/* Gallery Styles
====================================== */
img {
	width: 100%;
	height: auto;
}
/*#sidebar .gallery {
	background: #260101;
	padding: 2.0rem 24px;
	height: 51rem;
}
#sidebar .gallery img {
	width: 98px;
	height: 98px;
	border: 9px solid #6c0000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 1.4rem;
	float: left;
}
#sidebar .gallery img.odd {
	margin-right: 0;
}
.textwidget a {
	color: #400202;
}
.textwidget a:hover {
	color: #000000;
}
.gallery-icon {
	width: 11.6rem;
	height: 11.6rem;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 1.4rem;
}
.gallery-item {
	height: 11.6rem;
	margin-right: 40px;
}*/
@media screen and (max-width: 1023px) {
	.menus-nav-container li a {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 960px) {
	span.mbr {
		display: block;
	}
	/* #site-header {
		background: var(--brand-white);
		position: fixed;
		height: auto;
	}
	#site-header .header-wrap {
		padding: 1rem 0 0;
		display: block;
		box-shadow: 0 0 5px rgba(0, 0, 0, .75);
	} */
	.footer-inner,
	.hours-inner {
		display: flex;
		text-align: center;
		flex-direction: column;
		align-items: center;
		gap: 2rem;
	}
	/* .main-menu li {
		display: block;
		text-align: center;
	}
	.main-menu li a {
		padding: 1.5rem;
		font-size: 1.6rem;
	}
	#logo img {
		width: auto;
		max-height: 30px;
		margin-left: 2.0rem;
	} */
	.e-club-banner {
		right: 50%;
		transform: translateX(60%);
	}
	#menu-nav-toggle ~ nav {
		max-height: 50px;
		overflow: hidden;
		transition: max-height ease-in-out 0.35s;
	}
	#menu-nav-toggle:checked ~ nav {
		max-height: 500px;
		overflow: hidden;
	}
	#menu-nav-toggle ~ label {
		background: var(--brand-black);
		width: 100%;
		height: 50px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 30px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	#menu-nav-toggle ~ label span {
		width: 0;
		color: var(--brand-white);
		display: block;
		border-top: 1rem solid var(--brand-white);
		border-left: 1rem solid transparent;
		border-right: 1rem solid transparent;
		transition: transform 0.25s;
	}
	#menu-nav-toggle:checked ~ label span {
		transform: rotate(180deg);
	}
	.menu-header {
		margin-top: 0;
	}
	.menus-nav-container ul {
		display: flex;
		flex-direction: column;
		border-bottom: none;
		padding: 0 0 25px 0;
	}
	.menus-nav-container li {
		text-align: left;
		width: 100%;
		display: flex;
		align-items: center;
		order: 100;
		height: 50px;
		padding-left: 30px;
		border-bottom: none;
	}
	.menus-nav-container li a {
		font-size: 1.8rem;
	}
	.menus-nav-container li.current-menu-item {

		color: var(--brand-white);
		order: 0;
		pointer-events: none;
		position: relative;
		z-index: 1;
	}
	.menus-nav-container li.current-menu-item a,
	.menus-nav-container li.current-menu-item a:hover {
		border: none;
		color: var(--brand-white);
	}
	.menus-nav-container li a:hover {
		color: var(--brand-red);
	}
	#footer address a {
		border: none;
		display: inline-block;
		font-size: 1.6rem;
		padding: 1rem 1.5rem;
	}
	#footer .hours {
		margin: 0 auto 35px auto;
		max-width: 240px;
	}
	.menu-footer-container ul {
		margin: 2rem auto;
		max-width: 32rem;
	}
	.menu-footer-container li {
		width: 40%;
		display: inline-block;
		max-width: 50%;
	}
	.menu-footer-container li a {
		display: block;
		padding: 1.5rem;
	}
}
.home-operated-container {
	padding: clamp(3rem, 10dvh + 1rem, 6rem) 0;
}
.home-operated-container--inner {
	--text-column-width: 48%;
	display: flex;
	gap: clamp(2rem, 5%, 3rem);
	position: relative;
	align-items: flex-start;
}
.home-operated-container--image {
	position: relative;
	flex: 1 1 calc(100% - var(--text-column-width));
}
.home-operated-container--image .icon {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20rem;
	transform: translate(-50%, 40%);
}
.home-operated-container--content {
	flex: 1 1 var(--text-column-width);
}
@media screen and (max-width: 1100px) {
	.home-operated-container--inner {
		flex-wrap: wrap;
	}
}
.home-menu-container {
	display: grid;
	grid-template-columns: 2fr 1fr;
	position: relative;
	padding: clamp(3rem, 10dvh + 1rem, 6rem) 0;
}
.home-menu-container .icon {
	position: absolute;
	right: 0;
	bottom: 5rem;
	max-width: 25rem;
	transform: translate(50%, 20%);
	z-index: 30;
}
.home-menu-container .column-secondary {
	margin-top: 4rem;
	z-index: 10;
}
.home-menu-container .column-main {
	z-index: 20;
}
.home-menu-container .column-main img {
	min-width: 105%;
}
.home-menu-container--wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5rem 0 8rem;
}
.home-menu-container--wrap h2 {
	font-size: clamp(2rem, 3dvw + 1rem, 3rem);
	font-weight: 300;
}
@media screen and (max-width: 1100px) {
	.home-menu-container {
		grid-template-columns: 1fr;
	}
	.home-menu-container .column-main img {
		min-width: unset;
	}
	.home-menu-container .column-secondary {
		display: none;
	}
}
/* Prima Image Columns
====================================== */
/* .prima-image-column.short{
	 margin-top: 5rem;
} */
.prima-image-column__text {
	display: flex;
	flex-direction: column;
	/* flex-grow: 2; */
}
.prima-image-columns .button {
	align-self: flex-start;
}
.prima-image-columns h3 {
	margin: 2rem 0 1rem;
}
.prima-image-column__menu h3 {
	line-height: 1.1;
	color: var(--brand-white);
}
.prima-image-column__menu {
	align-items: center;
	justify-content: center;
	background: var(--brand-red);
	color: var(--brand-white);
	padding: 3rem;
}
.prima-image-column__menu .button {
	align-self: unset;
}
.prima-image-column__menu p {
	flex: 0 1 auto;
	text-align: center;
}
.prima-image-column img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.prima-image-columns {
	display: grid;
	gap: 8rem 4rem;
	grid-template-columns: repeat(5, 1fr);
	grid-template-areas:
		"menu_img menu_img menu_txt menu_txt menu_txt"
		"farm_txt farm_txt farm_txt farm_img farm_img"
		"owner_img owner_img owner_txt owner_txt owner_txt";
}
.prima-image-column__1-image {
	grid-area: farm_img;
}
.prima-image-column__1-text {
	grid-area: farm_txt;
}
.prima-image-column__2-image {
	grid-area: menu_img;
}
.prima-image-column__2-text {
	grid-area: menu_txt;
}
.prima-image-column__3-image {
	grid-area: owner_img;
}
.prima-image-column__3-text {
	grid-area: owner_txt;
}
@media screen and (min-width: 1400px) {
	.prima-image-columns {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
			"farm_img menu_txt owner_img"
			"farm_txt menu_img owner_txt";
		gap: 0 2rem;
	}
	.prima-image-column__1-image,
	.prima-image-column__3-image {
		margin-top: 5rem;
	}
	.prima-image-column__text p {
		flex-grow: 2;
	}
	.prima-image-column__menu p {
		flex: 0 1 auto;
	}
}

@media screen and (max-width: 1024px) {
	.prima-image-columns {
		display: grid;
		grid-template-areas:
			"menu_img  menu_txt "
			"farm_txt  farm_img"
			"owner_img owner_txt";
		grid-template-columns: 1fr 1fr;
		gap: 4rem 0;
	}
	.prima-image-column__1-image,
	.prima-image-column__1-text,
	.prima-image-column__2-image,
	.prima-image-column__2-text,
	.prima-image-column__3-image,
	.prima-image-column__3-text {
		/* /grid-area: unset; */
		margin-top: 0;
	}
	.prima-image-column__1-text,
	.prima-image-column__3-text {
		padding: 0 3rem;
	}
	.prima-image-column__1-image,
	.prima-image-column__3-image {
		display: flex;
		align-items: center;
	}
	.prima-image-column__1-image img,
	.prima-image-column__3-image img {
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	.prima-image-columns,
	.prima-image-columns img {
		display: block;
	}
	.prima-image-column__1-image,
	.prima-image-column__1-text,
	.prima-image-column__2-image,
	.prima-image-column__2-text,
	.prima-image-column__3-image,
	.prima-image-column__3-text {
		grid-area: unset;
		margin-top: 0;
	}
	.prima-image-column__1-text,
	.prima-image-column__3-text {
		padding: 0 3rem;
	}
	.prima-image-column__1-image,
	.prima-image-column__3-image {
		display: flex;
		align-items: center;
	}
	.prima-image-column__2-image img,
	.prima-image-column__3-image img {
		height: auto;
		margin-top: 5rem;
	}
}


/* Prima Circle with Text
====================================== */

.prima-text-with-circle {
		  display: grid;
		  grid-template-columns: 50% 1fr;
		  gap: 5dvw;

		  /* margin: clamp(5rem, 10dvh, 10rem) 0; */
	  }

	  @media screen and (min-width: 960px) {
		.prima-text-with-circle.text_first{
			 grid-template-columns: 1fr 50%;
		}
	 	 .prima-text-with-circle.text_first .inset-circle__wrap{
			grid-column:  2/3;
			grid-row: 1/2;
		 }
		 .prima-text-with-circle.text_first .prima-text-with-circle__text{
			grid-column:  1/2;
		 }
	  }


	  @media screen and (max-width: 960px) {
		  .prima-text-with-circle {
			  grid-template-columns: 1fr;
		  }
	  }

	  .inset-circle__wrap {
		  margin: 0 auto;
	  }

	  .inset-circle {
		  width: auto;
		  display: inline-block;
		  padding-bottom: 50px;
		  padding-right: 50px;
		  position: relative;
		  max-width: 60dvw;


	  }

	  .inset-circle .main-image {
		  position: relative;

	  }

	  .inset-circle .main-image::after {
		  content: '';
		  display: block;
		  border: 4px solid var(--brand-white);
		  z-index: 0;
		  position: absolute;
		  inset: 20px;
		  border-radius: 1000px;
		  aspect-ratio: 1;
	  }



	  .inset-circle .main-image img {
		  border-radius: 1000px;
		  display: inline-block;
		  aspect-ratio: 1;


	  }

	  .inset-circle .secondary-image {
		  position: absolute;
		  bottom: 0;
		  right: 0;
		  z-index: 101;
		  max-width: 50%;
		  height: auto;
	  }

	 .prima-text-with-circle__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: flex-start;
	 }



	 /* animation */
.appear {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  /* -webkit-transform: translateY(40px);
          transform: translateY(40px); */
}

.appear.inview {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}