@import url("https://use.typekit.net/vzc8dsh.css");

* {
	font-family: "lexia", serif;
	color: #572f17;
	font-size: 20px;
	line-height: 28px;
}

a {
	color:#9b0000;
}
a:hover {
	color:#0f1330;
}
h1,h2,h3 {
	font-family: "nexa-rust-slab-black-2", sans-serif;
	color: #9b0000;
	margin-bottom: 15px;
}
h4,h5,h6 {
	font-family: "nexa-rust-slab-black-2", sans-serif;
	color: #572f17;
	margin-bottom: 15px;
}
h4 {
	font-size: 30px;
}
	h1 {
		font-size:48px;
		margin-bottom:15px;
		font-weight: bold;
		line-height: 58px;
	}
	h2 {
		line-height: 48px;
		font-size:38px;
		margin-bottom:15px;
		font-weight: bold;
	}
	h3 {
		line-height: 38px;
		font-size:28px;
		margin-bottom:15px;
		font-weight: bold;
	}
	p {
	  margin-bottom:15px;
	}
	a {
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		text-decoration:none;
	}
	a:hover {
		text-decoration: underline;
	}
	a.button,
	input[type="submit"] {
		background: #88b2a8;
		padding: 5px 10px;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		border: 1px solid #fff;
		font-size: 22px;
	}


/* HEADER */
	header {
		background: #fff; 
	}
	header #above-nav {
		background: transparent url('../../Assets/Images/header-background.jpg') 0 0 no-repeat;
		background-size: cover;
		margin-top: 0px;
		font-size: 20px;
	} 
	.flex,
	header #above-nav .container {
		display: flex;
		flex-wrap: wrap;
	} 
	header #above-nav #logo { 
		width: 15%;
		text-align: left;
		margin: 10px 0;
	}
	header #above-nav #slogan { 
		font-family: "nexa-rust-slab-black-2", sans-serif;
		width: 49%;
		text-align: center;
		margin: 70px 0 0px 0;
		color: #fff;
		font-weight: bold;
		font-size: 28px;
	}
	header #above-nav #slogan a {
		font-family: "nexa-rust-slab-black-2", sans-serif;
		font-weight: bold;
		color: #fff;
		font-size: 28px;
	}
	header #above-nav #location {
		width: 18%;
		text-align: left;
		color: #fff;
		margin-top: 30px;
	}
	header #above-nav #hours {
		width: 18%;
		text-align: left;
		color: #fff;
		margin-top: 30px;
	}
	header #above-nav #location p,
	header #above-nav #hours p {
		font-family: "nexa-rust-slab-black-2", sans-serif;
		color: #fff;
		text-transform: uppercase;
		font-size: 18px;
		margin-bottom: 7px;
	}
	header #above-nav #links #hours-phone .hours {
		line-height: 60px;	
		float: left;
		padding-right: 20px;
	}
	header #above-nav #links .phone {
		line-height: 60px;
		font-weight: bold;
		float: left;
	}
	header #above-nav #links .phone a {
		color: #9b0000;
		font-size: 30px;
	}
	header #above-nav #links #subnav a {
		font-size: 20px;
	}
	header #above-nav #links #subnav a i {
		font-size: 32px;
	}
	header #navigation {
		background: #9b0000;
	}
	header #navigation .nav:after {
		content:'';
		display: block;
		clear:both;
	}
	header #nav {
		text-align: center; 
	}
	header .nav ul li a {
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
	}
	header #navigation .nav > ul > li:first-of-type {
		background: #ffc600;
		color: #231911;
	}
	header #navigation .nav > ul > li:first-of-type a {
		color: #231911;
	}
	header #navigation .nav > ul > li:hover {
		background: #231911;
	}
	header #navigation .nav > ul > li:first-of-type:hover {
		background: #e4b100;
	}
	header #navigation .nav > ul > li:hover a {
		color: #fff;
	}
	header #navigation .nav > ul > li:first-of-type:hover a {
		color: #231911;
	}
/* ^ HEADER */
.withbg.Brown {
	background: #572f17;
}
/* BLOCKS */
	.doublecolumn.wideleft .right .button,
	.doublecolumn.wideright .left .button {
		margin-top: 100px;
	}
	.TabbedPanel.Purple,
	.TabbedPanel.Brown,
	.TabbedPanel.Green,
	.TabbedPanel.Blue,
	.TripleColumn.Purple,
	.TripleColumn.Brown,
	.TripleColumn.Green,
	.TripleColumn.Blue {
		padding: 20px 0 50px;
		clip-path: polygon(100% 1%, 100% 85%, 50% 100%, 0 85%, 0 0);
	}
	.TabbedPanel.Blue .content,
	.TripleColumn.Blue {
		background: #d5eef1;
	}
	.TabbedPanel.Green .content,
	.TripleColumn.Green {
		background: #aadfac;
	}
	.TabbedPanel.Brown .content,
	.TripleColumn.Brown {
		background: #dfc7aa;
	}
	.TabbedPanel.Purple .content,
	.TripleColumn.Purple {
		background: #caaadf;
	}
	.TripleColumn .left,
	.TripleColumn .right,
	.TripleColumn .center {
		padding: 0 30px;
	}
	.TripleColumn h3 {
		font-size: 26px;
	}
	.TripleColumn h3 strong {
		font-size: 50px;
	}
	
	.TabbedPanel .header .tab-header {
		background: #9b0000;
		color: #fff;
		text-align: center;
		margin-right: 15px;
		padding: 10px;
		float: left;
		cursor: pointer;
	}
	.TabbedPanel .header .tab-header:hover {
		text-decoration: underline;
	}
	.TabbedPanel .header .tab-header.active {
		background: #0a83eb;
	}
	.TabbedPanel .content .tab-content {
		display: none;
		padding: 30px 0;
	}
	.TabbedPanel .content .tab-content.active {
		display: block;
	}
/* ^ BLOCKS */
/* FOOTER */
	footer {
		background: transparent url('../../Assets/Images/footer-background.jpg') 0 0 no-repeat;
		background-size: cover;
		border-top: 0px solid #041a70; 
	}
	#footer {
		color:#848484;
		font-size:16px;
		padding-top:0px;
		padding-bottom:0px;
	}
	#footer i,
	#footer li,
	#footer p,
	#footer a {
		color: #fff;
	}
	#footer i {
		font-size: 28px;
		padding: 3px;
	}
	#footer .container {
		display: flex;
		flex-wrap: wrap;
		padding-top: 40px;
	}
	#footer .left {
		width: 42%;
		margin-right: 7%;
		padding: 30px 0;
	}
	#footer .center {
		width: 24%;
		margin-right: 3%;
		padding: 30px 0;
		border-right: 1px solid #fff;
	}
	#footer .right {
		width: 21%;
		margin-right: 3%;
		padding: 30px 0;
	}
	#footer .center div.order {
		margin-bottom: 20px;
		padding-left: 40px;
		background: transparent url('../../Assets/Images/order-icon.png') 0 0 no-repeat;
	}
	#footer .center div.location {
		margin-bottom: 20px;
		padding-left: 40px;
		background: transparent url('../../Assets/Images/location-icon.png') 0 0 no-repeat;
	}
	#footer .center div.hours {
		margin-bottom: 20px;
		padding-left: 40px;
		background: transparent url('../../Assets/Images/hours-icon.png') 0 0 no-repeat;
	}
	#footer .center p {
		font-weight: bold;
		text-transform: uppercase;
	}
	#footer .right p {
		color: #848484;
	}
	#footer .links {}
	#footer .links span {
		margin-right: 0px;
	}
	#footer .links span a {
		line-height: 38px;
		font-size: 24px;
		text-transform: uppercase;
	}
	#footer .footer-nav {
		margin-top: 30px;
		margin-bottom: 0px;
	}
	#footer .right ul {
		list-style: none;
		margin: 0;
	}
	#footer .right ul li {
		padding: 8px 0px;
	}
	#footer .right ul li a {
		text-transform: uppercase;
		padding: 0px 0px;
	}
	#footer .footer-nav ul li ul {
		display: none;
	}
/* ^ FOOTER */

.block[rel="364"],
.block[rel="275"],
.block[rel="274"],
.block[rel="273"],
.block[rel="272"],
.block[rel="271"],
.block[rel="270"],
.block[rel="269"],
.block[rel="268"],
.block[rel="267"],
.block[rel="266"],
.block[rel="265"],
.block[rel="151"] {
	padding: 100px 0;
	background: transparent url('../../Assets/Images/wide-image---big-meat-group.jpg') 0 0 no-repeat;
	background-size: cover;
}
.block[rel="364"] h3,
.block[rel="275"] h3,
.block[rel="274"] h3,
.block[rel="273"] h3,
.block[rel="272"] h3,
.block[rel="271"] h3,
.block[rel="270"] h3,
.block[rel="269"] h3,
.block[rel="268"] h3,
.block[rel="267"] h3,
.block[rel="266"] h3,
.block[rel="265"] h3,
.block[rel="364"] p,
.block[rel="275"] p,
.block[rel="274"] p,
.block[rel="273"] p,
.block[rel="272"] p,
.block[rel="271"] p,
.block[rel="270"] p,
.block[rel="269"] p,
.block[rel="268"] p,
.block[rel="267"] p,
.block[rel="266"] p,
.block[rel="265"] p,
.block[rel="151"] h3,
.block[rel="151"] p {
	color: #fff;
}
.block[rel="364"] h3,
.block[rel="275"] h3,
.block[rel="274"] h3,
.block[rel="273"] h3,
.block[rel="272"] h3,
.block[rel="271"] h3,
.block[rel="270"] h3,
.block[rel="269"] h3,
.block[rel="268"] h3,
.block[rel="267"] h3,
.block[rel="266"] h3,
.block[rel="265"] h3,
.block[rel="151"] h3 {
	margin-bottom: 25px;
}
.block[rel="152"] h2 {
	font-size: 60px;
}
.block[rel="155"] .doublecolumn.stretch .left,
.block[rel="155"] .doublecolumn.stretch .right {
	padding: 90px 0;
}
.block[rel="155"] .doublecolumn.stretch .right {
	padding: 90px;
}
.block[rel="155"] .doublecolumn.stretch .left {
	background: transparent url('../../Assets/Images/burritobowl.jpg') 50% 0 no-repeat;
	background-size: cover;
}
.block[rel="155"] .doublecolumn.stretch .right {
	background: transparent url('../../Assets/Images/deli-woodbackground.jpg') 0 0 no-repeat;
	background-size: cover;
}


.blockBackgroundImage {
	padding: 30px 0; 
}
.blockBackgroundImage .content {
}

.blockBackgroundImage .content h1,
.blockBackgroundImage .content h2,
.blockBackgroundImage .content h3,
.blockBackgroundImage .content p {
	color: #fff;
}

h2.header { 
	background: #9b0000;
	color: #fff;
	text-align: center;
	padding: 20px;
	max-width: 60%;
	margin: 0 auto;
	font-weight: normal;
}
a.button {
	padding: 10px 15px 5px 15px;
	margin-right: 15px;
	text-transform: uppercase;
	background: #f9bc01;
	color: #572f17;
	border: 1px solid #572f17;
}
a.button:hover {
	background: #572f17;
	color: #f9bc01;
	text-decoration: none;
}
a.button.dark {
	background: #9b0000;
	color: #fff;
}
a.button.dark:hover {
	background: #edf0ef;
	color: #9b0000;
	text-decoration: none;
}



@media (max-width:1100px) {
	#footer .footer-nav ul {
		float: left;
	}
	#footer .footer-nav ul li a {
		padding: 0px 2px;
	}
}
@media (max-width:1000px) {
	.block[rel="152"] h2,
	h1 {
		font-size:38px;
		line-height: 48px;
	}
	h2 {
		line-height: 36px;
		font-size:30px;
	}
	h3 {
		line-height: 32px;
		font-size:25px;
	}
	.blockTestimonial .container .testimonialText {
		line-height: 30px;
		font-size:22px;
	}
	.BlockProducts .container .productBlock,
	header #above-nav #slogan,
	header #above-nav #logo,
	header #above-nav #location,
	header #above-nav #hours,
	.block[rel="155"] .doublecolumn.stretch .left,
	.block[rel="155"] .doublecolumn.stretch .right,
	.block .doublecolumn.wideleft .left,
	.block .doublecolumn.wideleft .right,
	.block .doublecolumn .left,
	.block .doublecolumn .right,
	.block .doublecolumn.equal .left,
	.block .doublecolumn.equal .right,
	.block .doublecolumn.wideright .left,
	.block .doublecolumn.wideright .right {
		width:100%;
		margin: 10px 0;
		padding: 0;
		float: none;
	}
	header #above-nav #slogan,
	header #above-nav #logo,
	header #above-nav #location,
	header #above-nav #hours {
		text-align: center;
	}
	header #navigation .nav > ul > li:hover {
		background: #f9f9f9;
	}
	header #navigation .nav > ul > li:hover a {
		background: #f9f9f9;
		color: #9b0000;
	}
	.button {
		display: block;
	}
	header #above-nav #links #subnav ul { 
		float: none;
		text-align: center;
	}
	header #above-nav #links #subnav ul li { 
		float: none;
		width: 100%;
	}
	.block[rel="1"] {
		margin-top: -50px;
	}
	/* HEADER */
		header #above-nav #links,
		header #above-nav #logo {
			width: 100%;
			margin: 10px 0 0;
		}
		header #above-nav #logo {
			text-align: center;
		}
		header #above-nav #links #hours-phone .hours,
		header #above-nav #links #hours-phone .phone {
			width: 100%;
			margin: 10px 0 0;
			text-align: center;
			line-height: 30px;
		}
		header .nav ul li a {
			color: #9b0000;
		}
		header #above-nav #links #hours-phone {
			float: none;
		}

	/* ^ HEADER */
	/* FOOTER */
		#footer .right,
		#footer .center,
		#footer .left {
			width: 100%;
			margin: 10px 0 0;
			text-align: center;
			padding: 0 20px;
		}
		#footer .footer-nav ul li {
			width: 100%;
			text-align: center;
			margin-bottom: 5px;
		}
		#footer p span {
			display: block;
		}
		#footer p span.no-mobile {
			display: none;
		}
	/* ^ FOOTER */
}