body {
	background-color: #FFFDF2;
	color: #221F20;
}
h1,
h2,
h3 {
	display: block;
	text-transform: uppercase;
	font-weight: normal;
}
h1 {
	font-family: 'nexa_rust_slabblack_shadow_01';
	padding-bottom: 12px;
}
#header {
	height: 0px;
/* 	 */
}
.social {
	width: 76px;
}
.cell .social .facebook {
	padding-left: 12px;
}
.cell .social .mail {
	padding-left: 16px;
}
#nav .order-btn {
	width: 100px;
	padding-right: 10px;
}
.mobileNav {
	position: fixed;
	display: block;
	height: 100%;
	width: 80%;
	max-width: 400px;
	background-color: #F3F1E6;
	z-index: 10000;
	right: -100%;
	top: 0px;
	overflow: auto;
	transition: all 0.3s ease 0s;
}
.mobileNav > ul {
	padding: 60px 25px 25px;
}
.mobileNav > ul,
.mobileNav > ul > li { 
	display: block;
	width: 100%;
	height: auto;
}
.mobileNav > ul > li + li:before {
	display: block;
	text-align: center;
	margin: 10px 0px;
}
.mobileNav > ul > li > a {
	padding: 15px 0px;
	text-align: center;
	display: block;
	font-size: 20px;
}
.show-menu .mobileNav {
	right: 0;
}
nav {
	position: fixed;
	display: block;
	width: 100%;
	min-height: 80px;
	z-index: 9999;
	background-color: transparent;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0);
	transition: all 0.3s ease 0s;
}
.scrolling nav {
	background-color: #FFFDF2;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.3);
}
#nav {
	background: transparent url(/images/layout/dotted-line.png) repeat-x left bottom scroll;
}
.scrolling #nav {
	background: none;
}
.main-nav {
	display: inline-block;
	list-style: none;
}
.main-nav > li > a {
	color: #221F20;
	line-height: 18px;
	font-size: 14px;
	font-family: 'montserratsemibold';		
	text-transform: uppercase;
	display: inline-block;
	padding: 31px 0px;
	vertical-align: middle;
	transition: color 0.2s ease 0s;
}
#mail,
#facebook {
	color: #221F20;
	transition: color 0.2s ease 0s;
}
.main-nav > li > a:hover,
#mail:hover,
#facebook:hover {
	color: #CA333A;
	cursor: pointer;
	transition: color 0.2s ease 0s;
}
.main-nav > li {
	display: inline-block;
	vertical-align: middle;
}
.main-nav > li + li:before {
	content: "\f005";
	color: #CB343B;
	font-family: 'FontAwesome';
	display: inline-block;
	margin: 0px 10px;
	font-size: 10px;
	vertical-align: middle;
	line-height: 10px;
}
#footer {
	height: 138px;
	background-color: #211F20;
}

#home,
#ramone {
	background: transparent url(/images/layout/nav_backgound.png) repeat scroll left top; 
}
.top-banner {
	padding: 130px 0px 40px 0px;
	font-family: 'montserratregular';
	font-size: 14px;
}
.top-banner p {
	display: inline-block;
}
#logo-info {
	max-width: 840px;
	padding: 0px 20px;
}
#logo-info .cell:first-child{
	padding: 25px 0px 0px 0px;
	width: 190px;
	text-align: left;
}
#logo-info .cell:first-child p {
	text-align: center;	
}
#logo-info .cell:nth-child(3){
	padding: 0px 0px 0px 10px;
	width: 192px;
}
#logo-info > .cell  > p + p {
	margin-top: 15px;
}

/* Store Hours */
.store-hours li {
	list-style: none;
	padding-top: 5px;
}
.top-banner p span {
	display: block;
	padding-top: 5px;
}
.shoppe {
	text-transform: uppercase;
	padding: 30px 0px 0px 147px;
	font-size: 18px;
}
.shoppe span {
	position: relative;
	text-transform: none;
	padding-top: 15px !important;
	font-size: 14px;
}
.header-stamp img {
	height: 67px;
	margin: 20px 20px 0px 65px;
	
}
.banner {
	background: transparent url(/images/layout/banner_image.jpg) no-repeat center top;
	background-size: cover;
}

#bg-image {
	height: auto;
}
#bg-image figure {
	width: 100%;
	padding: 15% 0px;
}

.image-banner {
	background: transparent url(/images/layout/image-banner.jpg) no-repeat center top fixed;
	background-size: cover;
}
#grand-opening {
	position: relative;
	height: 95px;
	width: 100%;
	background-color: #CB343A;
}
#grand-opening p {
	color: #FFFDF2;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
	height: 30px;
	font-size: 24px;
	font-family: 'montserratlight';
	text-transform: uppercase;
}

#grand-opening p span {
	font-size: 16px;
	position: relative;
	top: -5px;
}
#flavors {
	color: #221F20;
	position: relative;
}
#flavors h1 {
	font-size: 36px;
	padding-top: 50px;
}
#flavors > .cell {
	padding-bottom: 45px;
}
#flavors h2,
#contact h2 {
	color: #CB343A;
	font-size: 16px;
	font-family: 'montserratsemibold';
	letter-spacing: 3px;
	margin-bottom: 67px;
}
#contact h2 {
	padding-bottom: 30px;
}
#contactForm .error {
	padding: 0px 10px;
	font-size: 15px;
}
#dotted-title {
  background: transparent url(/images/layout/dotted-line.png) repeat-x left bottom scroll;
  background-position: 0px 6px;
  height: 12px;
  width: 100%;
  max-width: 980px;
  display: inline-block;
}
#dotted-title span {
	background-color: #FFFDF2;
	padding: 0px 25px;
}
.container-left,
.container-right {
	text-align: left;
}
.container-left {
	padding-left: 25px;
}
.container-right {
	padding-right: 25px;
	line-height: 18px;
}
.container-left figure:before {
	content: "";
	position: absolute;
	background: transparent url(/images/icons/flavor_banner.png) no-repeat center center scroll;
  background-size: contain;
  height: 122px;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.container-left figure {
	text-align: center;
	position: relative;
}
.container-left figure img {
	position: relative;
	margin-top: 85px;
}
.container-left p:nth-child(2) {
	font-family: 'montserratregular';
	padding: 10px 10px 35px 0px;
	font-size: 14px;
}
.container-left ul {
	display: inline-block;
	list-style: none;
	font-family: 'montserratlight';
	vertical-align: top;
}
.container-left ul + ul {
	padding-left: 20px;
}
.container-left ul li {
	text-align: left;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 13px;
}
.container-left p.red {
	padding-top: 35px;
	font-family: 'montserratsemibold';
	font-size: 14px;
}
.container-right h3 {
	font-family: 'montserratsemibold';
	font-size: 18px;
	padding-top: 15px;
}
.container-right h3:after {
	content: "";
	background: transparent url(/images/layout/red-line.png) no-repeat center center scroll;
	display: block;
	height: 2px;
	width: 46px;
	padding: 25px 0px;
}
.container-right p,
.container-right ul,
#contact p {
	font-family: 'montserratregular';
	font-size: 14px;
}
.container-right ul {
	margin-left: 5px;
}
.container-right ul li {
	padding-top: 14px;
	margin-left: 10px;
}
.container-right figure {
	position: absolute;
	right: 0px;
	bottom: -78px;
}
.container-right figure img {
	width: 290px;
	height: 380px;
}

#fresh {
	background: transparent url(/images/layout/background-image01.png) no-repeat center center scroll;
	background-size: cover;
	position: relative;
	color: #FFFDF2;
	min-height: 450px;
}
#fresh .cell.overlay {
	background-color: rgba(0,0,0,0.2);
}
#fresh h1 {
	font-size: 42px;
}
#fresh h3 {
	font-family: 'montserratsemibold';
	font-size: 16px;
}

#fresh h3 {
	background: transparent url(/images/icons/text-ribbon.png) no-repeat center center scroll;
	height: 68px;
	position: relative;
}
#fresh h3 span {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
	height: 16px;
	width: 150px;
}
#meet {
	background-color: #CB343A;
	color: #FFFDF2;
}
#meet .owner-info {
	background: transparent url(/images/icons/splash01.png) no-repeat left top scroll;
}
#meet .meet-text {
	background: transparent url(/images/icons/splash02.png) no-repeat right bottom scroll;
	padding: 50px 25px;
	width: 58%;
}
#meet .meet-text h1 {
	font-size: 31px;
	display: inline-block;
	position: relative;
	padding: 0px 20px;
	margin-bottom: 20px;
}
#meet .meet-text h1:before,
#meet .meet-text h1:after {
	content: "\f005";
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 10px;
	position: absolute;
	margin: auto;
	top: 0px;
	bottom: 0px;
	height: 12px;
	width: 12px;
}
#meet .meet-text h1:before {
	left: -15px;
}
#meet .meet-text h1:after {
	right: -15px;
}
#meet .meet-text p {
	font-size: 12px;
	text-align: left;
	font-family: 'montserratregular';
	line-height: 18px;
}
#meet .meet-img {
	background: transparent url(/images/layout/family-2023.jpg) no-repeat center scroll;
	background-size: contain;
	width: 52%;
}

#ramone .who {
	padding: 50px 50px 90px;
}
#ramone .who .cell {
	padding: 20px 80px 0px 0px;
	text-align: right;
}
#ramone .cell:last-child {
	vertical-align: middle;
}

#ramone h1,
#contact h1 {
 font-size: 36px;
}
#ramone h3 {
 color: #CB343A;
 font-size: 18px;
 font-family: 'montserratsemibold'; 
 padding: 75px 0px 15px;
}
#ramone h3:after {
	content: "";
	background: transparent url(/images/layout/red-line.png) no-repeat center center scroll;
	display: block;
	height: 2px;
	width: 46px;
	padding: 13px 0px;
}

#ramone h3,
#ramone p {
	text-align: left;
}

#ramone p {
	font-size: 13px;
	font-family: 'montserratregular';
	line-height: 18px;
}
#ramone img {
	border-radius: 50%;
}
#contact .cell .table .cell {
	padding: 60px 0px 75px;
}
#contact a,
.form-button,
.button {
	color: #FFFDF2;
	font-size: 16px;
	font-family: 'montserratregular';
	padding: 20px;
	background-color: #211F1F;
	box-shadow: -6px -6px 0px #CB3339;
	text-transform: uppercase;
	letter-spacing: 3px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	margin: 20px 0px 40px;
}
.button {
	box-shadow: -6px -6px 0px #fff;
	margin: auto;
}
.button:hover {
	background-color: #fff;
	box-shadow: -6px -6px 0px #211f1f;
	color: #211f1f;
	transition: all 0.3s ease 0s;
}
#contact a:hover,
#contactForm .close:hover,
.form-button:hover {
	background-color: #CB3339;
	box-shadow: -6px -6px 0px #211F1F;
	transition: all 0.3s ease 0s;
}
#contact p {
  padding: 0px 15px 46px;
}

#footer p {
	color: #FFFDF2;
	padding: 0px 46px;
	font-size: 14px;
	font-family: 'montserratregular';
}

#contactForm .close,
.mobileNav .close {
	color: #FFFDF2;
	display: inline-block;
	font-size: 16px;
	font-family: 'montserratregular';
	padding: 10px 15px;
	background-color: #211F1F;
	box-shadow: -6px -4px 0px #CB3339;
	margin-top: 4px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 15px;
	transition: all 0.3s ease 0s;
}
#contactForm {
	display: none;
	overflow: hidden !important;
}

#form {
	background: transparent url(/images/layout/nav_backgound.png) repeat scroll left top;
	background-color: #d5d2c5;
	position: relative;
	max-width: 600px;
	margin: auto auto 30px;
}
#contactForm h1 {
	font-size: 36px;
	padding-top: 30px;
}
#contactForm p input,
#contactForm p select,
#contactForm p textarea {
	width: 92%;
	border: solid 1px #211F20;
	padding-left: 15px;
	margin: 15px;
	font-family: 'montserratregular';
}
#contactForm p input,
#contactForm p select {
	height: 50px;
}
#contactForm p select {
	color: rgba(34, 31, 32 , 0.6);
}
#contactForm p textarea {
	height: 100px;
	padding: 10px 10px 0px;
	margin-bottom: 30px;
	resize: none;
}
.g-recaptcha div:first-child {
	margin: auto auto 10px;
}

#error > .cell {
	padding: 40px;
}
#error h1 {
	font-size: 100px;
	padding-bottom: 25px;
}
#error p {
	font-family: 'montserratsemibold';
	font-size: 18px;
}
#error a {
	color: #CB343A;
}

.cell.spacer {
	width: 55px;
}
.red {
	color: #CB343A;
}
#thank-you {
	text-align: center;
}
#thank-you h1 {
	font-size: 36px;
}
#thank-you p {
	font-family: 'montserratregular';
}

/****************
	Donation Form
****************/
.donate {
	text-align: center;
}
.donate h1 {
	font-size: 31px;
}
.donate > p,
#donationForm {
	font-family: 'montserratregular';
}
#donationForm {
    padding: 10px 15px 0px;
    margin-top: 20px;
}

#donationForm label {
	text-align: left;
	display: block;
	padding-bottom: 7px;
}
#donationForm p input, #donationForm p select {
	height: 35px;
}
#donationForm p input, #donationForm p select, #donationForm p textarea {
	width: 100%;
	border: solid 1px #211F20;
	padding-left: 15px;
	margin: 0px 0px 20px 0px;
	font-family: 'montserratregular';
	font-size: 14px;
}
#donationForm p textarea {
	padding-top: 10px;
}
#recaptcha1 > div,
#recaptcha2 > div {
	display: inline-block;
}
.error-message {
	padding-bottom: 10px;
}

/****************
	  Catering
****************/
.catering-modal {
	text-align: center;
}
.catering-modal h1 {
	font-size: 25px;	
}
.catering-modal > p {
	font-family: 'montserratregular';
	padding-bottom: 10px;
}

/* Alert */
.alert {
	background-color: #cb343a;
	color: #FFFDF2;
	font-family: 'montserratregular';
	padding: 15px 45px 15px 15px;
	position: relative;
	z-index: 99;
}
.alert > div {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.alert > div .button.alt {
	display: inline-block;
	margin-top: 15px;
}
.alert .close-btn {
	background-color: #cb343a;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 28px;
	line-height: 45px;
	text-align: center;
	height: 40px;
	width: 40px;
}
.alert .button {
	margin-left: 16px;
}
.select2-results__option,
.page-form {
	font-family: 'montserratregular';
}

.alert .select2 {
	margin-top: 4px;
}

.page-form {
	border: 1px solid #000;
	border-radius: 12px;
	padding: 20px;
	text-align: center
}

.page-form .form-button {
	margin-top: 20px;
	margin-bottom: 0 !important;
}
.page-form .select2 {
	z-index: 99;
}

.page-form img {
	display: block;
	margin: 8px auto 0;
	width: 100px;
}

#award > .cell {
	padding: 50px 50px 0;
}
.award-text {
	padding: 0px 25px 100px;
	width: 58%;
}
.award-text h1 {
	font-size: 31px;
	display: inline-block;
	position: relative;
	padding: 0px;
	text-align: left;
	margin-bottom: 20px;
}
.award-text p,
.award-text ul {
	font-size: 14px;
	text-align: left;
	font-family: 'montserratregular';
	line-height: 18px;
	margin-bottom: 10px;
}
.award-text li {
	margin-left: 15px;
}
.award-img {
	background: transparent url(/images/layout/FB-School-Hero-Award.png) no-repeat right center scroll;
	background-size: contain;
	width: 52%;
}