.main-navigation {
	clear: both;
	display: block;
	padding: 0 1rem;
	font-family: 'Lato', 'Arial', sans-serif;
	max-width: 45rem;
	color: #785f4b; }
	.main-navigation a {
		display: block;
		width: 100%;
		padding: .5rem 0 .5rem 1.25rem;
		text-decoration: none;
		color: #ffffff;
		font-size: 1rem;
		text-transform: uppercase;
		font-weight: 600; }
		.main-navigation a:hover, .main-navigation a:focus {
			text-decoration: underline; }
	.main-navigation ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 1.25rem 0 0; }
		.main-navigation ul ul li {
			padding-left: 1rem; }
	.main-navigation li {
		position: relative; }
	.main-navigation .dropdown, .main-navigation button.dropdown-toggler {
		display: none; }
	@media screen and (max-width: 68.8em) {
		.main-navigation .main-navigation.toggled-on .menu {
			display: block; } }
	@media screen and (min-width: 68.8em) {
		.main-navigation {
			font-family: 'Elmo Thick', sans-serif;
			/*
		 * If the dropdown toggle is active with JS, then
		 * we'll take care of showing the submenu with JS.
		 *
		 * "focus-within" is an alternative to focus class for
		 * supporting browsers (all but IE/Edge) for no-JS context
		 * (e.g. AMP) See https://caniuse.com/#feat=css-focus-within
		 */ }
			.main-navigation .menu {
				width: auto;
				height: auto;
				background-color: transparent;
				position: relative;
				left: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-transition: left 0s ease;
				transition: left 0s ease; }
			.main-navigation a {
				display: block;
				width: 100%;
				padding: .5rem 1rem .5rem 0;
				text-decoration: none;
				color: #483628;
				font-size: 1.05rem;
				text-transform: none;
				font-weight: normal; }
				.main-navigation a:hover, .main-navigation a:focus {
					text-decoration: underline; }
			.main-navigation ul {
				padding: 0 0; }
				.main-navigation ul li {
					margin: 0 0;
					border-right: 1px solid #fff; }
					.main-navigation ul li a {
						padding: 0 0.75rem; }
					.main-navigation ul li:last-child {
						margin-left: 0;
						border-right: none; }
				.main-navigation ul ul {
					display: none;
					position: absolute;
					top: 100%;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					background: #493627;
					color: #c1a283;
					margin-left: 0;
					z-index: 1; }
					.main-navigation ul ul a {
						width: 200px; }
					.main-navigation ul ul ul {
						top: 0;
						left: 100%;
						min-height: 100%; }
					.main-navigation ul ul li {
						padding-left: 0;
						margin-left: 0; }
						.main-navigation ul ul li a {
							width: 218px;
							background: none;
							color: #c1a283; }
					.main-navigation ul ul .dropdown, .main-navigation ul ul button.dropdown-toggle {
						top: 40%;
						right: 0.2em; }
					.main-navigation ul ul .dropdown-symbol {
						-webkit-transform: rotate(-38deg);
						        transform: rotate(-38deg); }
			.main-navigation .menu-item-has-children, .main-navigation .page_item-has-children {
				padding-right: 0.7em; }
			.main-navigation .dropdown, .main-navigation button.dropdown-toggle {
				display: block;
				background: transparent;
				position: absolute;
				right: 0;
				top: 50%;
				width: 0.7em;
				height: 0.7em;
				font-size: inherit;
				line-height: inherit;
				margin: 0;
				padding: 0;
				border: none;
				border-radius: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				overflow: visible; }
			.main-navigation .dropdown-symbol {
				display: block;
				background: transparent;
				position: absolute;
				right: 20%;
				top: 35%;
				width: 60%;
				height: 60%;
				border: solid #483628;
				border-width: 0 2px 2px 0;
				-webkit-transform: translateY(-50%) rotate(38deg);
				        transform: translateY(-50%) rotate(38deg); }
			.main-navigation li:hover > ul,
			.main-navigation li.toggled-on > ul,
			.main-navigation:not(.has-dropdown-toggle) li:focus > ul,
			.main-navigation:not(.has-dropdown-toggle) li:focus-within > ul {
				display: block; } }

.menu-toggle {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0.75rem 0.5rem 0.75rem 0;
	font-family: 'Melvin Tall', sans-serif;
	font-size: 0rem;
	color: transparent;
	text-transform: uppercase;
	background: transparent;
	width: 40px;
	height: 40px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: 0 solid transparent; }
	.menu-toggle .patty {
		position: absolute;
		margin: auto;
		display: block;
		width: 22px;
		height: 2px;
		-webkit-transform: scale(1.1, 1.4);
		        transform: scale(1.1, 1.4);
		background-color: #483628;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out; }
		.menu-toggle .patty:first-child {
			margin-top: -6px; }
		.menu-toggle .patty:last-child {
			margin-top: 6px; }
	.menu-toggle.active .patty {
		opacity: 0; }
		.menu-toggle.active .patty:first-child {
			opacity: 1;
			margin-top: 0;
			-webkit-transform: scale(1.1, 1.4) rotate(38deg);
			transform: scale(1.1, 1.4) rotate(38deg); }
		.menu-toggle.active .patty:last-child {
			opacity: 1;
			margin-top: 0;
			-webkit-transform: scale(1.1, 1.4) rotate(-38deg);
			transform: scale(1.1, 1.4) rotate(-38deg); }
	@media screen and (min-width: 68.8em) {
		.menu-toggle {
			display: none; } }

#secondary-menu {
	margin: 0;
	padding: 0 1rem;
	list-style-type: none;
	font-family: 'Lato', 'Arial', sans-serif; }
	#secondary-menu li {
		line-height: 1.4;
		position: relative; }
		#secondary-menu li a {
			display: block;
			width: 100%;
			color: #ffffff;
			font-size: 1rem;
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
			padding: .5rem 0 .5rem 1.25rem; }
			#secondary-menu li a:hover {
				text-decoration: underline; }
	@media screen and (min-width: 68.8em) {
		#secondary-menu {
			font-family: 'Arvo', serif;
			font-weight: normal;
			display: block;
			list-style-type: none;
			margin: 0 0;
			text-transform: uppercase;
			font-size: 0.65rem;
			font-weight: normal;
			padding: 0 1.5rem 0 0; }
			#secondary-menu li {
				position: relative;
				line-height: 1.35; }
				#secondary-menu li a {
					width: auto;
					padding: 0;
					font-size: 0.65rem;
					font-weight: normal;
					color: #483628;
					text-decoration: none; }
					#secondary-menu li a:hover {
						text-decoration: underline; } }

.mobile-shortcuts {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 1rem; }
	.mobile-shortcuts ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center; }
		.mobile-shortcuts ul li {
			margin: 0 0 0 0.65rem; }
			.mobile-shortcuts ul li a {
				text-decoration: none;
				color: #483628; }
				.mobile-shortcuts ul li a.locations {
					font-size: 0;
					color: transparent;
					background-image: url("../images/location-icon.svg");
					width: 30px;
					height: 30px;
					display: block;
					background-size: cover;
					margin: 0 0.25rem 0 0; }
	@media screen and (min-width: 68.8em) {
		.mobile-shortcuts {
			display: none; } }

.site-footer {
	background-color: #493627;
	padding: 1.5rem 0 0 0;
	margin-top: 0; }
	.site-footer div {
		padding: 0 1.5rem;
		margin: 0 0 1.5rem; }
		.site-footer div:last-child {
			margin: 0 0 0; }
		.site-footer div h3 {
			position: relative;
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
			color: #ecab21;
			font-size: 1.5rem;
			font-weight: normal;
			margin: 0 0 0.75rem; }
			.site-footer div h3:after {
				position: absolute;
				left: 0;
				bottom: -0.3rem;
				display: block;
				content: '';
				height: 2px;
				width: 85%;
				background-color: #785f4b; }
		.site-footer div p {
			color: #ffffff;
			font-family: 'Arvo', serif;
			font-size: 0.8125rem;
			line-height: 1.65; }
		.site-footer div ul {
			margin: 0 0;
			padding: 0;
			list-style-type: none; }
			.site-footer div ul.social-links li {
				display: inline-block;
				background: none;
				padding: 0; }
				.site-footer div ul.social-links li:nth-child(5),
				.site-footer div ul.social-links li:nth-child(6) {
					display: block;
				}
				.site-footer div ul.social-links li a.social-link {
					font-size: 0;
					color: transparent;
					display: block;
					width: 30px;
					height: 30px;
					background-size: auto 30px;
					background-repeat: no-repeat;
					background-position: center;
					margin: 0 0.25rem 0 0; }
					.site-footer div ul.social-links li a.social-link.fb-link {
						background-image: url("../images/social/facebook.svg"); }
					.site-footer div ul.social-links li a.social-link.twitter-link {
						background-image: url("../images/social/twitter.svg"); }
					.site-footer div ul.social-links li a.social-link.ig-link {
						background-image: url("../images/social/instagram.svg"); }
					.site-footer div ul.social-links li a.social-link.yt-link {
						background-image: url("../images/social/youtube.svg"); }
					.site-footer div ul.social-links li a.social-link.appstore-link {
						background-image: url("../images/social/apple-app-store-badge.svg"); height: 40px; margin-top: 5px; width: 135px; }
					.site-footer div ul.social-links li a.social-link.playstore-link {
						background-image: url("../images/social/google-play-store-badge.svg"); height: 40px; margin-top: 15px; width: 135px; }
			.site-footer div ul li {
				font-family: 'Arvo', serif;
				font-size: 0.8rem;
				background-image: url("../images/footer-caret.png");
				background-repeat: no-repeat;
				background-size: 11px 11px;
				background-position: left center;
				padding: 0.2rem 0 0.2rem 1.1rem; }
				.site-footer div ul li a {
					color: #ffffff;
					text-transform: uppercase;
					text-decoration: none; }
					.site-footer div ul li a:hover {
						text-decoration: underline; }
	.site-footer .copy-legal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		font-family: 'Arvo', serif;
		font-size: 0.7rem;
		background-color: #785f4b;
		color: #ffffff;
		padding: 0.5rem 1.5rem; }
		.site-footer .copy-legal div {
			margin: 0 0;
			padding: 0.5rem 0;
			text-align: center; }
			.site-footer .copy-legal div ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between; }
				.site-footer .copy-legal div ul li {
					background: none;
					padding: 0;
					margin: 0;
					font-size: 0.7rem;
					font-weight: 700; }
	@media screen and (min-width: 68.8em) {
		.site-footer {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			position: relative;
			padding: 2rem 0 3.75rem 0; }
			.site-footer div {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				border-left: 1px solid #ecab21; }
				.site-footer div:first-child {
					border-left: none; }
				.site-footer div h3 {
					font-size: 1.75rem; }
				.site-footer div p {
					font-size: 0.9rem; }
				.site-footer div ul.social-links {
					width: 160px; }
					.site-footer div ul.social-links li a.social-link {
						width: 40px;
						height: 40px;
						background-size: auto 40px;
						background-repeat: no-repeat;
						background-position: center; }
						.site-footer div ul.social-links li a.social-link:hover {
							-webkit-transform: scale(1.25);
							transform: scale(1.25);
							-webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
							transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
				.site-footer div ul li {
					padding: 0.35rem 0 0.3rem 1.1rem; }
			.site-footer .copy-legal {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				border-left: none; }
				.site-footer .copy-legal div {
					text-align: left;
					border: none; }
					.site-footer .copy-legal div:nth-child(2) {
						position: absolute;
						left: 0;
						right: 0;
						margin: 0 auto;
						width: 350px; } }

.site-header {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #c1a283;
	z-index: 999;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between; }
	.site-header .header-brand-slot {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0.35rem 0.5rem; }
		.site-header .header-brand-slot .site-branding img {
			width: 62px;
			height: 62px;
			max-width: 62px;
			min-width: 62px; }
		@media screen and (min-width: 68.8em) {
			.site-header .header-brand-slot {
				padding: 0.5rem 1rem; }
				.site-header .header-brand-slot .site-branding img {
					width: 95px;
					height: 95px;
					min-width: 95px;
					max-width: 95px; } }
	.site-header .nav-icon {
		background-size: 22px auto;
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 5px; }
		.site-header .nav-icon.bagel-icon {
			background-image: url("../images/menu/bagel.png"); }
		.site-header .nav-icon.briefcase-icon {
			background-image: url("../images/menu/briefcase.png"); }
		.site-header .nav-icon.card-icon {
			background-image: url("../images/menu/card.png"); }
		.site-header .nav-icon.chat-icon {
			background-image: url("../images/menu/chat.png"); }
		.site-header .nav-icon.heart-icon {
			background-image: url("../images/menu/heart.png"); }
		.site-header .nav-icon.home-icon {
			background-image: url("../images/menu/home.png"); }
		.site-header .nav-icon.location-icon {
			background-image: url("../images/menu/location.png"); }
		.site-header .nav-icon.mail-icon {
			background-image: url("../images/menu/mail.png"); }
		.site-header .nav-icon.truck-icon {
			background-image: url("../images/menu/truck.png"); }
		.site-header .nav-icon.handshake-icon {
			background-image: url("../images/menu/handshake.png"); }
		.site-header .nav-icon.rewards-icon {
			background-image: url("../images/menu/rewards.png"); }


		@media screen and (min-width: 68.8em) {
			.site-header .nav-icon {
				padding-left: 0;
				background: none !important; } }
	.site-header .header-nav-slot {
		display: block;
		position: absolute;
		height: 100%;
		height: 100vh;
		top: 0;
		bottom: 0;
		left: -240px;
		width: 240px;
		background-color: #483628;
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease; }
		.site-header .header-nav-slot .catering-cta {
			display: none; }
		@media screen and (min-width: 68.8em) {
			.site-header .header-nav-slot {
				position: relative;
				top: 0;
				left: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				padding: 0;
				width: 100%;
				height: auto;
				background: transparent; }
				.site-header .header-nav-slot .slot-right {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					padding: 0 0;
					height: 100%; }
					.site-header .header-nav-slot .slot-right .catering-cta {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						background-color: #483628;
						height: 100%;
						padding: 0.5rem 1.5rem; }
						.site-header .header-nav-slot .slot-right .catering-cta a {
							overflow: hidden;
							position: relative;
							background-color: #ecab21;
							color: #483628;
							text-decoration: none;
							padding: 0.5rem 0.7rem;
							font-weight: bold;
							font-size: 0.875rem;
							text-transform: uppercase; }
							.site-header .header-nav-slot .slot-right .catering-cta a span {
								position: relative;
								z-index: 500; }
							.site-header .header-nav-slot .slot-right .catering-cta a:before {
								z-index: 400;
								position: absolute;
								top: 0;
								bottom: 0;
								margin: auto;
								left: -225%;
								display: block;
								width: 200%;
								height: 600%;
								content: '';
								background-color: rgba(255, 214, 79, 0.75);
								-webkit-transform: rotate(25deg);
								transform: rotate(25deg);
								-webkit-transition: all 350ms ease-in-out;
								transition: all 350ms ease-in-out; }
							.site-header .header-nav-slot .slot-right .catering-cta a:hover span {
								text-decoration: underline; }
							.site-header .header-nav-slot .slot-right .catering-cta a:hover:before {
								left: 0; } }
	@media screen and (min-width: 68.8em) {
		.site-header {
			position: absolute;
			height: 72px;
			top: 20px;
			-webkit-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.35);
			box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.35); } }