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

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-appearance: none; */
	/* border:1px solid #ccc; */
}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; }
body {
	margin:0;
	font-family: 'Noticia Text', serif;
	font-size:18px;
	background:#181818;
}
img { max-width:100%; height:auto; border-radius:10px; }
iframe { max-width:100%; }
.rightimg { float:right; clear:right; margin:0 0 50px 50px; max-width:50%; width:450px; } 

strong { color:#dd9933; }
a { color:#7fc249; } 
a:hover { color:#dd9933; }


.btn { padding:0 20px; border-radius:20px; background:#dd9933; color:#fff; text-decoration:none; text-shadow:3px 3px 3px rgba(0,0,0,0.5); } 
.btn:hover { background:#7fc249; color:#fff; } 

.btn.btn-alt { background:#7fc249; }
.btn.btn-alt:hover { background:#dd9933; }

body > div { background:#fff; }
body > div > div { 
	max-width:1300px;
	margin:0 auto;
	padding:0 50px;
	overflow: hidden;
}

@media screen  and (max-width:800px){ .rightimg { float:none; clear:both; margin:0 0 20px 0; max-width:100%; } } 
@media screen  and (max-width:450px){ body > div > div { padding:0 20px; } }

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

h1, h2, h3, h4 { font-family: 'Martel Sans', sans-serif; line-height:1.2; }

h2 { color:#dd9933; }
h3, h3 a { color:#dd9933; text-decoration:none; }
h3 a:hover { color:#7fc249; } 
@media screen  and (max-width:950px){ h3 { font-size:1.5em; } }

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

.homepage h2,
#locationsBlock h2,
#menuBlock h2,
#contentBlock > *:first-child {
	background:#7fc249; color:#fff; text-align:center; margin:0;
	font-size:2em; text-transform:uppercase; padding:0.7em 50px 0.5em;
	text-shadow:3px 3px 3px rgba(0,0,0,0.5);
}
@media screen  and (max-width:450px){
	.homepage h2,
	#locationsBlock h2,
	#menuBlock h2,
	#contentBlock > *:first-child { padding:0.7em 20px 0.5em; }
}

.homepage h2 a,
#locationsBlock h2 a,
#menuBlock h2 a { color:#fff; text-decoration:none; }

.homepage h3,
#locationsBlock h3,
#menuBlock h3 { font-size:2em; line-height:1em; }

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

#topBar{background:#fcb315;background:#ef4423;text-align:center;}
#topBar>div{padding:0 50px;}
#topBar p,
#topBar a{color:#fff;}

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

#headerBlock > div { padding:20px 50px; position:relative; overflow:visible; }

.secondaryNav {	position:absolute; top:20px; right:50px; list-style:none; padding:0; margin:0; }
.secondaryNav li { display:inline-block; padding:0 20px 0 0; }

.social { 
	display:inline-block;
	height:40px;
	width:40px;
	text-indent:-9999px;
	margin:0;
	background:url('../images/social-icons.png');
	}
.fb { background-position:0px 0px } 
.fb:hover { background-position:0px -50px } 
.ig { background-position:-50px 0px } 
.ig:hover { background-position:-50px -50px } 
.tw { background-position:-100px 0px } 
.tw:hover { background-position:-100px -50px } 

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


.orderOnline {
	position: absolute;
    top: 0;
    right: 50px;
    background: #ef4424;
    color: #fff;
    text-decoration: none;
    padding: .75em 1em;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-transform: uppercase;
    font-family: "Martel Sans";
    font-weight: 700;
    line-height: 1;
}
.orderOnline:hover { color:#fff; background:#7fc249; } 

.topNav { list-style:none; margin:0; padding:0; position:absolute; bottom:80px; right:50px; }
.topNav > li { display:inline-block; }
.topNav > li > a,
.menu { display:block; text-decoration:none; color:#dd9933; color:#ac613a; font-size:20px; padding:0 10px; text-transform:uppercase; font-weight:700; font-family: 'Martel Sans', sans-serif; }
.menu { display:none; }
.topNav > li:hover > a,
.menu:hover { color:#7fc249; }

/* drop down */
.topNav > li:hover > ul { display:block; }
.topNav > li > ul { 
	display:none; 
	list-style:none; padding:0 20px 20px; margin:0;
	background:#fff;
	border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
	position:absolute; 
	text-align:left;
}
.topNav > li > ul > li > a { text-decoration:none; }
/* end drop down*/ 

.logo { display:inline-block; width:350px; }
.logo img { display:block; }

@media screen  and (max-width:1280px){
	#headerBlock > div { padding:20px; max-width:810px; }
	.orderOnline { right:20px; } 
	.topNav { position:relative; bottom:auto; right:auto; padding:20px 0 0; }	
}
@media screen  and (max-width:850px){
	#headerBlock > div { max-width:450px; padding:5px 20px 20px; }
	.secondaryNav { position:relative; top:auto; right:auto; text-align:center; margin:0 0 10px 0; }
	.secondaryNav li { padding:0 5px; font-size:14px; }
	.menu { display:block; position:absolute; bottom:20px; right:20px; }
	.topNav { display:none; position:absolute; z-index:5; padding:0 0 0.5em; top:100%; right:0; background:#fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align:left; }
	.topNav > li { display:block; }
	.topNav > li > ul { display:block; position:relative; padding:0 20px 5px 30px; }
	.logo { float:left; width:200px; max-width:50%; }	
	#taglineBlock h2 { font-size:1em; }
}
@media screen  and (max-width:450px){
	.orderOnline { position: relative; display: block; right: 0; left: 0; margin-top: -20px; width: 100%; }
}

@media screen  and (min-width:849px){
	.topNav > li:nth-child(2) a { background:#7fc249; border-radius:5px; color:#fff; } 
	.topNav > li:nth-child(2):hover a { background:#dd9933; } 
}

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

#imageBlock { height:600px; /* height:500px; */ background:url('../../images/tortillas.jpg') center center; background-size:cover; /* border-bottom:10px solid #7fc249; */ }

@media screen  and (max-width:1280px){ #imageBlock { height:400px; } }	
@media screen  and (max-width:850px){ #imageBlock { height:250px; } }

#ingredientsImageBlock { height:600px; background: center center; background-size:cover; border-bottom:10px solid #7fc249; }

@media screen  and (max-width:1280px){ #ingredientsImageBlock { height:400px; } }	
@media screen  and (max-width:850px){ #ingredientsImageBlock { height:250px; } }

/* ----- three-column --------- */

.threeCol { list-style:none; padding:0; margin:0; overflow:hidden; }
.threeCol li { float:left; width:25%; width:33.3%; padding:50px 10px; overflow:hidden; text-align:center; }

@media screen  and (max-width:850px){
	.threeCol li { float:none; width:100%; padding:50px 0; }
	.threeCol li+li { padding-top:0; }
}
@media screen  and (max-width:850px) and (min-width:650px){
	.threeCol img { padding:0; float:left; width:50%; }
	.threeCol img+div { float:right; width:45%; text-align:left; }
	.threeCol h3 { margin-top:0; }
}

@media screen  and (max-width:950px) and (min-width:851px){
	#locationsBlock h3 { font-size:1.5em; }
}

/* ----- four-column --------- */

.fourCol { list-style:none; padding:0; margin:0; overflow:hidden; }
.fourCol li { float:left; width:25%; padding:50px 10px; overflow:hidden; text-align:center; }

@media screen  and (max-width:1200px){
	.fourCol li { float:none; width:100%; padding:50px 0; }
	.fourCol li+li { padding-top:0; }
}
@media screen  and (max-width:1200px) and (min-width:650px){
	.fourCol img { padding:0; float:left; width:50%; }
	.fourCol img+div { float:right; width:45%; text-align:left; }
	.fourCol h3 { margin-top:0; }
}

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

#cateringBlock > div { padding:50px; }
#cateringBlock > div > a { float:right; width:55%; }
#cateringBlock > div > div { float:left; width:40%; }

@media screen  and (max-width:850px){
	#cateringBlock > div > a,
	#cateringBlock > div > div { float:none; width:100%; }
}
@media screen  and (max-width:450px){ #cateringBlock > div { padding:50px 20px; } }

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

#historyBlock > div { padding:50px; }
#historyBlock > div > a { float:left; width:55%; }
#historyBlock > div > div { float:right; width:40%; }

@media screen  and (max-width:1300px){
	#historyBlock > div > a,
	#historyBlock > div > div { float:none; width:100%; }
}
@media screen  and (max-width:450px){ #historyBlock > div { padding:50px 20px; } }


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

body > #footerBlock { background:#181818; color:#fff; border-top:10px solid #7fc249; text-align: center; }
#footerBlock > div { padding:50px; }
#footerBlock a { color:#fff; text-decoration:none; }
#footerBlock a:hover { text-decoration:underline; }

#footerBlock ul { list-style:none; padding:0; margin:0; }
#footerBlock ul li { display:inline-block; margin:0; }
#footerBlock ul li a { color:#dd9933; text-decoration:none; text-transform:uppercase; padding:5px; display:block; }
#footerBlock ul li a:hover { color:#7fc249; }

#footerBlock span { display:inline-block; }
#footerBlock .copyright { font-size:12px; }
#footerBlock .apps img { border-radius:5px; } 

@media screen  and (max-width:650px){
	#footerBlock ul { padding:0 0 50px; }
	#footerBlock ul li { display:block; margin:0 0 1em; }
}

@media screen  and (max-width:450px){
	#footerBlock > div { padding:50px 20px; }
}

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

#contentBlock > div { padding:50px 50px 100px; }
#contentBlock > div > *:first-child { margin-top:0; }

@media screen  and (max-width:450px){
	#contentBlock > div { padding:50px 20px; }
}

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

.menuCta { text-align:center; padding-top:50px; }

@media screen  and (max-width:650px){
	.menuCta a { display:block; } 
}

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

.giftCards { width:160px; margin:0 auto; }
.giftCards ul { list-style:none; padding:0; margin:1em auto; }
.giftCards li { float:left; padding:0 0 20px 0; } 
.giftCards li:nth-of-type(odd) { width:50px; clear:both; } 

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

.page11 #locationsBlock img { display:none; } 

#hpLocationsBlock a { padding:0 10px; padding:0 45px; } 
#hpLocationsBlock a:hover { text-decoration:underline; } 
@media screen  and (max-width:850px){
	#hpLocationsBlock h2 { font-size:1em; } 
	#hpLocationsBlock a { padding:0 5px; padding:0 10px; } 
}