.main-navigation {
	clear: both;
	display: block;
	padding: 0 1rem;
	font-family: 'Futura Standard Book', 'Arial', sans-serif;
	color: #ffffff; }
	.main-navigation a {
		display: block;
		width: 100%;
		padding: .5rem 0 .5rem .5rem;
		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: 'Octanis Serif', sans-serif;
			text-transform: uppercase;
			/*
		 * 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%;
				width: -webkit-fit-content;
				width: -moz-fit-content;
				width: fit-content;
				position: relative;
				padding: .5rem 0.75rem .5rem 0;
				text-decoration: none;
				color: #ffffff;
				font-size: 1.45rem;
				text-transform: uppercase;
				font-weight: normal; }
				.main-navigation a:before, .main-navigation a:after {
					-webkit-transition: width 200ms ease-in-out;
					transition: width 200ms ease-in-out; }
				.main-navigation a:before {
					position: absolute;
					bottom: -3px;
					left: 0;
					width: 0;
					background-color: #325598;
					height: 2px;
					content: ''; }
				.main-navigation a:after {
					position: absolute;
					bottom: -3px;
					right: 0;
					width: 0;
					background-color: #325598;
					height: 2px;
					content: ''; }
				.main-navigation a:hover, .main-navigation a:focus {
					text-decoration: none; }
					.main-navigation a:hover:before, .main-navigation a:focus:before {
						width: 50%; }
					.main-navigation a:hover:after, .main-navigation a:focus:after {
						width: 50%; }
			.main-navigation ul {
				padding: 0 0; }
				.main-navigation ul li {
					margin: 0 0;
					padding: 0 0.6rem; }
					.main-navigation ul li a {
						padding: 0; }
					.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: #0c1524;
					color: #ffffff;
					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: #5179c5; }
					.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: 'Octanis Serif', 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: #ffffff;
		-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: 'Futura Standard Book', '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 .5rem; }
			#secondary-menu li a:hover {
				text-decoration: underline; }
	@media screen and (min-width: 68.8em) {
		#secondary-menu {
			font-family: 'Futura Standard Book', 'Arial', sans-serif;
			font-weight: normal;
			display: block;
			list-style-type: none;
			margin: 0 1.75rem 0 0;
			text-transform: uppercase;
			font-size: 0.65rem;
			letter-spacing: 0.0115rem;
			font-weight: normal;
			padding: 0; }
			#secondary-menu li {
				position: relative;
				line-height: 1.55; }
				#secondary-menu li a {
					position: relative;
					width: auto;
					padding: 0;
					font-size: 0.688rem;
					font-weight: normal;
					color: #ffffff;
					text-decoration: none; }
					#secondary-menu li a:hover {
						text-decoration: underline; } }
	@media screen and (min-width: 1200px) {
		#secondary-menu {
			margin: 0 0; } }

.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: #ffffff;
				font-weight: bold; }
				.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: #1f355e;
	padding: 1.5rem 0 0 0;
	margin-top: 0; }

	.site-footer div h2 {
		font-size: 1.75rem;
		position: relative;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		color: #F08400;
		font-weight: normal;
		margin: 0 0 0.75rem;
		text-transform: uppercase; }

	.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: #F08400;
			font-size: 1.5rem;
			font-weight: normal;
			margin: 0 0 0.75rem;
			text-transform: uppercase; }
		.site-footer div p {
			color: #ffffff;
			font-family: 'Futura Standard Book', 'Arial', sans-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(3),
				.site-footer div ul.social-links li:nth-child(4) {
					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: 'Futura Standard Book', 'Arial', sans-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: 'Futura Standard Book', 'Arial', sans-serif;
		font-size: 0.7rem;
		background-color: #0c1524;
		color: #5179c5;
		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: normal;
					color: #325598; }
					.site-footer .copy-legal div ul li a {
						color: #5179c5; }
	@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; }
				.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: 200px; }
					.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: 600px;
						text-align: center; } }

.site-header {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #1f355e;
	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.5rem 0.5rem; }
		.site-header .header-brand-slot .site-branding img {
			width: 125px;
			height: 63px;
			max-width: 125px;
			min-width: 125px; }
		@media screen and (min-width: 68.8em) {
			.site-header .header-brand-slot {
				padding: 1rem 1rem 1rem 1.75rem; }
				.site-header .header-brand-slot .site-branding img {
					width: 150px;
					height: 75px;
					min-width: 150px;
					max-width: 150px; } }
	.site-header .header-nav-slot {
		display: block;
		position: absolute;
		height: 100%;
		height: 100vh;
		top: 0;
		bottom: 0;
		left: -240px;
		width: 240px;
		background-color: #0c1524;
		-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;
					padding-right: 2%;
					height: 100%; }
					.site-header .header-nav-slot .slot-right .catering-cta {
						font-family: 'Futura Standard Book', 'Arial', sans-serif;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						height: 100%;
						padding: 0.5rem 1.5rem;
						display: none; }
						.site-header .header-nav-slot .slot-right .catering-cta a {
							overflow: hidden;
							position: relative;
							border: 3px solid #e27c00;
							background-color: #ffffff;
							border-radius: 0.25rem;
							color: #e27c00;
							text-decoration: none;
							padding: 0.7rem 0.8rem;
							font-weight: bold;
							letter-spacing: 0.01rem;
							font-size: 0.875rem;
							text-transform: uppercase;
							-webkit-transition: color 350ms ease-in-out;
							transition: color 350ms ease-in-out;
							/* &:before {
							z-index: 400;
							position: absolute;
							top: 0;
							bottom: 0;
							margin: auto;
							left: -225%;
							display: block;
							width: 200%;
							height: 600%;
							content: '';
							background-color: #e0e0e0;
							-moz-transform: rotate(25deg);
							-webkit-transform: rotate(25deg);
							-o-transform: rotate(25deg);
							-ms-transform: rotate(25deg);
							transform: rotate(25deg);
							-webkit-transition: all 350ms ease-in-out;
							-moz-transition: all 350ms ease-in-out;
							-ms-transition: all 350ms ease-in-out;
							-o-transition: all 350ms ease-in-out;
							transition: all 350ms ease-in-out;
						} */ }
							.site-header .header-nav-slot .slot-right .catering-cta a span {
								position: relative;
								z-index: 500;
								-webkit-transition: color 350ms ease-in-out;
								transition: color 350ms ease-in-out; }
							.site-header .header-nav-slot .slot-right .catering-cta a:hover span {
								text-decoration: none;
								color: #1f355e; } }
		@media screen and (min-width: 1200px) {
			.site-header .header-nav-slot .slot-right .catering-cta {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex; } }
	@media screen and (min-width: 68.8em) {
		.site-header {
			position: relative; } }


.site-header .header-nav-slot .slot-right .catering-cta a.order-now {
	font-family: 'Futura Standard Book', 'Arial', sans-serif;
	background: #fff;
	color: #1f355e;
	border: 2px solid #3bb0c9;
	border-radius: 8px;
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	height: 40px;
	letter-spacing: 0.7px;
	padding: 10px 12px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s linear;
	width: auto;
}

.site-header .header-nav-slot .slot-right .catering-cta a.order-now:hover {
	background: #3bb0c9;
	border: 2px solid #3bb0c9;
	color: #1f355e;
  }