/*------------------------------------*\
    TABLE OF CONTENTS
\*------------------------------------*/
/**
	* 1. RESET
	* 2. MAIN
	* 3. TYPOGRAPHY
	* 4. GENERAL CLASSES
	* 5. HOME PAGE
	* 6. SUB-PAGE CONTENT
	* 7. FOOTER
	* 8. MEDIA QUERIES
**/


/* --------------------------------------------------------------------------

	[ 1. RESET ]

-------------------------------------------------------------------------- */
/* Scrap Reset for Normalize.css?? */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block; 
}
body {
	line-height: 1;
}
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;
}
img {
  -ms-interpolation-mode: bicubic;
  background: transparent;
  border: 0;
}
/* --------------------------------------------------------------------------

	[ 2. MAIN ]

-------------------------------------------------------------------------- */
html, body {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
    background: #ffffff;
    background: rgb(250, 244, 230);
    background: #ffffff;
    color: #222222;
    color: rgba(34, 34, 34, 0.61);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	line-height: 1.6;
	font-weight: normal;
	font-style: normal;
	/*-webkit-font-smoothing: antialiased;*/
	text-rendering: optimizeLegibility;
}
header, section, footer {
}
#main {
	padding: 0 4%;
}
.main-content, .sidebar-content {
	padding: 20px 0;
}
img, .img {
	max-width: 100%;
	height: auto; 
}
/*  SELECTION  */
::selection { background: #6fa0a0; color: rgba(250, 244, 230, 1); text-shadow: none; }
::-moz-selection{ background: #6fa0a0; color: rgba(34, 34, 34, 1); text-shadow: none; }


/* --------------------------------------------------------------------------

	[ 3. TYPOGRAPHY ]

-------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,800,700,600);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes|Homemade+Apple);

/* ELEMENTS  */

a { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; }
button { color: #fff; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-align: left; }
button:hover { cursor: pointer; }
label { cursor: pointer }
img { display: block; }
input,
select { vertical-align: middle; }




/* Default Link Styles */
a,
a:visited {
	/*color: #9c2017;*/
	color: #6fa0a0;
	text-decoration: none;
	line-height: inherit; }
	a:hover, a:focus {
	color: #9c2017; }
	a img {
	border: none; }
.link {
	transition: .5s ease;
		-webkit-transition: .5s ease;
		-moz-transition: .5s ease;
		-ms-transition: .5s ease;
		-o-transition: .5s ease;
}


/* Default paragraph styles */
p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-weight: normal;
	font-size: 1.125rem;
	line-height: 1.6;
	margin-bottom: 1em;
	-webkit-hyphens: ;
	-moz-hyphens: ;
	hyphens: ; }
	p.lead {
		font-size: 1.21875rem;
		line-height: 1.6; }
	p aside {
		font-size: 0.875rem;
		line-height: 1.35;
		font-style: italic; }
	#foot p {
		margin-bottom: .25rem;
	}
	
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-style: normal;
	color: #222222;
	text-rendering: optimizeLegibility;
	margin-bottom: 0.5em;
	line-height: 1.1;
	text-transform: uppercase; }
	h1 {
	  font-size: 36px; }
	
	h2 {
	  font-size: 48px;
	  font-weight: 900;
	  font-style: italic;
	  color: rgba(0, 0, 0, .3);
	  color: #4d3060;
	  color: #881f0c; }
	
	h3 {
	  font-size: 24px;
	  color: rgba(0, 0, 0, .3);
	  font-weight: 700; }
	
	h4 {
	  font-size: 1.3125rem; /* 21px */  }
	
	h5 {
	  font-size: 1.125rem; /* 18px */
	  color: #284c4c;  }
	
	h6 {
	  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1rem 0 1.25rem;
  margin: 0;
  height: 0; }
#main p {
	font-family: 'Open Sans', Helvetica, Arial !important;
	color: #444;
	font-size: 1.3125rem; /* 21 */
}
#main a { 
	transition: .5s ease;
	transition: .5s ease;
		-webkit-transition: .5s ease;
		-moz-transition: .5s ease;
		-ms-transition: .5s ease;
		-o-transition: .5s ease;
}

/* Helpful Typography Defaults */
em,
i {
	font-style: italic;
	line-height: inherit; }

strong,
b {
	font-weight: bold;
	line-height: inherit; }

small {
	font-size: 60%;
	line-height: inherit; }
.smaller { font-size: .666em; }
sup, sub {
	font-size: 25%;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	line-height: 0;
}
sub { top: 0.4em; }
.info-wrap h2 sup, .info-wrap h2 sub {
	font-size: 25%;
	vertical-align: baseline;
	position: relative;
	top: -2em;
	line-height: 0;
}
.info-wrap h2 sub { top: 0.8em; }
.tighten {
	margin: 0 -.1em;
}
.loosen {
	margin: 0 .1em;
}




/* --------------------------------------------------------------------------

	[ 4. GENERAL CLASSES ]
	
-------------------------------------------------------------------------- */
img.desaturate { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.button {
	width: 100%;
	height: 55px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1.375rem;
	background-color: #ffd454;
	border-color: none;
	color: #333;
	transition: background-color 300ms ease-out;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	line-height: 1;
	border: none;
	text-transform: uppercase;
}
.button:hover {
	background-color: #ffc215;
}
.list {
	padding-left: 20px;
}
.list li {
	list-style: square;
	padding-bottom: 1em;
	font-size: 16px;
	color: rgba(0, 0, 0, .5);
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-weight: normal;
}
.test {
	float: left;
	width: 200px;
	padding-right: 20px;
}
.main-content .disclaimer {
	font-size: 12px;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* --------------------------------------------------------------------------

	[ XX. FORM ELEMENTS ]
	
-------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------

	[ XX. HEADER ]
	
-------------------------------------------------------------------------- */
header {
	
}



/* --------------------------------------------------------------------------

	[ XX. NAVBAR ]
	
-------------------------------------------------------------------------- */
.navbar {
	width: ;
	padding: 10px 0;
	min-height: 80px;
	background: #4d3060;
	background: url("../images/red-stripe-bg.png");
	z-index: 9999;
	border-bottom: 10px solid #881f0c;
	box-shadow: 0px 3px 0px rgba(77, 48, 96, 0.5);
	box-shadow: inset 0px -20px 30px rgba(0, 0, 0, 0.33);
}
.navbar .branding {
	float: left;
	padding: 20px 20px 0;
	margin: 0;
}
.navbar .branding img {
	height: 38px;
	margin: 11px 0;
	opacity: .75;
}
.navbar .branding img:hover {
	opacity: 1;
}
.navigation { padding: 0 20px; }
.navigation ul {
	width: auto;
	height: auto !important;
	display: inline;
	text-align: center;
	position:relative;
	float: right;
}
.navigation ul li {
	background: transparent;
	float: left;
	vertical-align: middle;
	margin: 0 10px;
}
.navigation ul li a {
	padding: 5px;
	line-height: 140px;
	color: #dc8913;
	color: #6fa0a0;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 900;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	letter-spacing: .025em;
}
.navigation ul li a:hover {
	color: #54a0a8;
	color: #3b0e05;
	color: #dc8913;
	border-top: 3px solid #dc8913;
}
#nav-icon {
	display: none;
	width: 40px;
	height: 40px;
	background: url(../img/nav-icon.png) center;

}

/* --------------------------------------------------------------------------

	[ 6. HERO ]
	
-------------------------------------------------------------------------- */
.hero {
	width: 100%;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc4d0f+0,ffffff+100 */
	background: rgb(250, 244, 230);
	background: url(../images/vignette-2.png) no-repeat top center, #f8f8f8;
	background-size: cover;
	z-index: ;
	border-top: 3px solid #beada1;
	padding-bottom: 50px;
	margin: 0 auto;
	box-shadow: inset 0 -6px 25px rgba(51, 51, 51, 0.14);
}
#message {
	background: url(../images/red-halftone-bg-2.png) no-repeat top center;
	background-size: contain;
}
.hero h1 {
	text-align: center;
	margin-bottom: 0;
	padding: 90px 0 16px;
	vertical-align: middle;
	font-family: 'Homemade Apple', cursive !important;
	font-weight: ;
	font-style: ;
	font-size: 100px;
	line-height: .9;
	color: #3d264c;
	color: #881f0c;
	color: #54a0a8;
	color: #696969;
	color: #881f0c;
	text-transform: none;
	text-shadow: 0px 4px 0px #370d05;
}
.hero img {
	margin: -100px auto 0;
	width: 90%;
}
#homepage-hero {
	background: url("../images/hero.png") no-repeat right -50px bottom;
	background-size: contain;
	width: 100%;
	height: ;
	min-height: 500px;
	padding-top: 140px;
	border-bottom: 8px solid rgba(255, 212, 84, .85);
}







/* --------------------------------------------------------------------------

	[ xx. MAIN ]
	
-------------------------------------------------------------------------- */
.feature {
	width: ;
	min-height: 400px;
	padding: 0 0 100px 0;
	/*box-shadow: inset 0 -6px 25px rgba(51, 51, 51, 0.14);*/
}
.feature h2 {
	padding-bottom: 10px;
	text-align: left;
	margin-bottom: 0;
	font-size: 72px;
	font-weight: 900;
	font-style: italic;
	color: rgba(136, 31, 12, 1);
}
/*.feature .header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfbaae+0,ffffff+100&1+0,0+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmFhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(191,186,174,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(191,186,174,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(191,186,174,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbaae', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}*/
.feature img {
	display: block;
	margin: 0 auto;
	width: ;
	vertical-align: bottom;
	position: relative;

}
#feature-1 .feature-hero {
	position: relative;
	top: 80px;
}
#feature-2 p {
	font-size: 21px;
}
#feature-2 article {
	padding-bottom: 40px;
}
.menu-nav { 
	padding-bottom: 2em;
	display: block;
}
img.food-brand {
	padding-bottom: 10px;
}
.sweet-home-logo {
	padding-top: 80px;
}

#feature p {
	color: #3f3005;
	font-size: 24px;
	text-align: center;
	color: #272727;
	color: rgba(0, 0, 0, 0.75);
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
#feature input[type="text"], 
#feature input[type="password"], 
#feature input[type="date"], 
#feature input[type="datetime"], 
#feature input[type="datetime-local"], 
#feature input[type="month"], 
#feature input[type="week"], 
#feature input[type="email"], 
#feature input[type="number"], 
#feature input[type="search"], 
#feature input[type="tel"], 
#feature input[type="time"], 
#feature input[type="url"], 
#feature input[type="color"], 
#feature textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-color: rgba(0, 0, 0, .7);
	font-family: inherit;
	border: none;
	color: rgba(0,0,0,0.65);
	font-family: 'Open Sans', georgia, serif;
	display: block;
	font-size: 1rem;
	margin: 0;
	padding: 0.5rem;
	height: 55px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
}
#feature .button {
	width: 100%;
	height: 55px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1.2rem;
	background-color: transparent;
	/* border-color: none; */
	color: rgba(0, 0, 0, 0.75);
	transition: background-color 300ms ease-out;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	line-height: 44px;
	border: 4px solid rgba(0, 0, 0, 0.75);
	text-transform: uppercase;
}
#feature-1,
#feature-2 {
	/*background: url("../images/shading.png") no-repeat right bottom;*/
	background: url("../images/vignette-2.png") no-repeat bottom;
	background-size: cover;
	padding-bottom: 80px;
}
#feature-1 h2,
#feature-2 h2 {
	padding-top: 80px;
}
#menu-cta {
	width: ;
	background: #4d3060;
	background: url("../images/red-stripe-bg.png");
	padding: 80px 0 100px;
	text-align: center;
	box-shadow: inset 0 -6px 20px rgba(76, 17, 7, .9);
}
#menu-cta h2 {
	font-size: 64px;
	color: #fff;
	color: rgb(255, 201, 106);
	text-align: center;
	text-transform: capitalize;
	padding-bottom: 40px;
	transform: rotate(-8deg) skewx(-8deg);
		-webkit-transform: rotate(-8deg) skewx(-8deg);
		-moz-transform: rotate(-8deg) skewx(-8deg);
		-ms-transform: rotate(-8deg) skewx(-8deg);
		-o-transform: rotate(-8deg) skewx(-8deg);
	text-shadow: 0px 4px 0px rgba(55, 13, 5, 0.5);
}
#menu-cta .cta-button {
	background: #fff;
	background: #54a0a8;
	background: rgb(255, 201, 106);
	border: none;
	padding: 15px 10px;
	margin: 0 auto;
	width: 300px;
	transform: rotate(-8deg) skewx(-8deg);
		-webkit-transform: rotate(-8deg) skewx(-8deg);
		-moz-transform: rotate(-8deg) skewx(-8deg);
		-ms-transform: rotate(-8deg) skewx(-8deg);
		-o-transform: rotate(-8deg) skewx(-8deg);
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	color: #fb8223;
	color: #881f0c;
	font-weight: 900;
	font-size: 36px;
	text-transform: uppercase;
	box-shadow: 0px 6px 0 rgba(55, 13, 5, 0.5);
	display: block;
}
#menu-cta .cta-button:hover {
	background: rgb(255, 237, 168);
}
#locations {
	width: ;
	background: #eee;
	background: rgb(255, 249, 235);
	padding: 80px 0 100px;
	background: rgb(255, 201, 106);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc96a+0,ffffff+100&0.2+0,0+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzk2YSIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,201,106,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,201,106,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,201,106,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffc96a', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}
#locations h2 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	color: #881f0c;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	padding-bottom: 50px;
	font-size: 150px;
	color: rgba(136, 31, 12, 0.25);
	line-height: 1;
	margin-bottom: 0;
}
#locations .louisiana {
	width: 150px;
	margin: 0 auto;
	opacity: .25;
}
#locations h4 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	color: #5a5a5a;
	font-weight: 900;
	font-style: ;
	font-size: 30px;
}
.location-entry {
	text-align: center;
}
#pre-footer {
	width: ;
	padding: 40px 0 40px;
}
#pre-footer h4 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	color: #707070;
	color: rgba(136, 31, 12, 1);
	font-weight: 900;
	font-style: ;
}
#pre-footer p {
	font-size: 16px;
	color: #999;
}


/* --------------------------------------------------------------------------

	[ xx. FOOTER ]
	
-------------------------------------------------------------------------- */
footer {
	width: ;
	min-width: ;
	overflow: visible;
	background: #363636;
	text-align: left;
	padding: 10px 0;
	background: url("../images/red-stripe-bg.png");
}
footer p {
	color: #eee;
	margin: 0;
	font-size: 13px;
}
.input {
	margin: 0 0 1em;
}
#textarea {
	margin: 0 0 2em;
}
.input input, #textarea textarea {
	/*border: 1px solid #baaf9e;*/
	font-size: 18px;
}
.input label, #textarea label {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-weight: 500;
	font-size: 20px;
	color: #333;
}
footer .credit {
	color: rgba(223, 79, 54, 1);
	font-size: 11px;
}
footer .credit:hover {
	color: rgb(255, 201, 106);
}