/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}

/*************** CSS RESET DONE ********************/

/**************** GOOGLE FONTS ********************/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/d-6IYplOFocCacKzxwXSOLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

*,
div {
	box-sizing: border-box; 
}

.white { color: #fff; }

.purpleBg { background-color: #543d8c; }

.purple { color: #543d8c; }

.greenBg { background-color: #79ad36; }

.green { color: #79ad36; }

.orangeBg { background-color: #f58220;}

.orange { color: #f58220;}

.greyBg { background-color: #d1d3d4;}

.grey { color: #d1d3d4;}

body {
	max-width: 1024px;
	min-width: 320px;
	margin: auto;
	background: #543d8c;
	color: #e5e5e5;
	font-family: "Roboto", helvetica, arial, sans-serif;
	font-weight: 300;
	line-height: 1.3;
	font-size: 14px;
}

.cont {
	width: 92%;
	margin: 140px auto 0;
}

img { 
	max-width: 100%; 
	display: block;	
}

a { text-decoration: none; }

a:hover {
	transition: color .3s ease-in-out;
}

section,
table,
h3,
span { 
	float: left; 
}

.info {
	width: 80%;
	margin: auto; 
	text-align: center;
}

.info span {
	font-weight: 700;
	width: 100%;
}

.info .times,
.info .phone {
	margin-bottom: 10px;
}

.info .phone.mobile a {
	color: #fff;
}

.info .delivery {
	margin-bottom: 25px;
}

.bowls { 
	float: left; 
	width: 100%;
}

.bowls table { 
	margin: 0 auto 15px;	 
	float: none;	
}

.images img { border: solid 1px #F58220; }

/***************** HEADER STYLE *******************/

.navSection {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	background: white;
	border-bottom: solid 2px #fe6517;
}

nav {
	max-width: 940px;
	min-width: 320px;
	margin: auto;
	height: 80px;
}

nav ul div {
	width: 100%;
	clear: both; 
	text-align: center;
}

nav ul div li:last-child:after { content: ""; }

nav img {
	height: 60px;
	width: 160px;
	float: left;
	margin-top: 10px;
}

nav ul {
	float:right;
	margin-top:30px;
	
}

nav li {
	display: inline;
}

nav li a:hover { color: #543d8c; }


/***************** FOOTER STYLE *******************/

footer {
	margin: auto;
	clear: both;
	width: 90%;
	min-width: 300px;
}

footer ul { text-align: center;}

footer li { display: inline;}

nav li:after, 
footer li:after {
	content: "|";
	color: #ccc;
}

nav .navBottom li:last-child:after,
footer li:last-child:after {
	content: "";
	margin-right: 0;
}

footer li a { color: #fe6517; }

footer li a:hover { color: #fff; }

footer li:last-child a { margin-right: 0; } 

table td {
	border:solid 1px #f58220;
	padding:5px 5px 5px 10px;
}

thead,
h3 {
	font-size: 15px;
	font-weight:700;
}

h2 {
	font-size: 26px;
	font-weight: 700;
	text-decoration: underline;
}

thead span { font-weight: 300;}

.button { float: none;}

.button a {
	font-family: SQMarket-regular, 'Helvetica Neue', sans-serif;
	height: 45px;
	display: block;
	clear: both;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding-top: 13px;
	font-size: 15px;
}

.button a { margin: 20px auto; }


.button a{
	position:relative;
	background-color: #b9262c !important; /** older browsers **/
	background:linear-gradient(#b9262c, #cb5459) !important;
	width: 275px !important;
	border: #ff0000 !important;
}

.button a:before {
	content: "";
	background-image: url(https://cdn.sq-api.com/market/images/sq-jewel-22x22.png);
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	
}

.button a:before {
	left: 15px;
	top: 12px;	
}

.ktown .button a:before {
	left: 15px;
	top: 12px;
}

.button a:hover { 
	background: #b9262c !important; 
	opacity: 1 !important;	
	color: #fff !important;
}


.anniversary {
	width: 400px;
	margin: 0 auto;
	float: none;
}

.anniversary div {
	float: left;
	text-align: center;
	border: solid 2px #ccc; 
	margin: 15px 0 25px;
	padding: 15px;
	color: #fff;
}

.anniversary h1 {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 15px;
}

.anniversary span {
	float: none;
	border: solid 1px #f58220;
	padding: 5px;
	font-size: 18px;
}

.anniversary p { 
	font-size: 18px; 
	line-height: 26px;
}

.anniversary .sub { 
	font-size: 14px; 
	line-height: 22px;	
}

.anniversary .first {
	margin-top: 15px;
	font-size: 22px;
}

@media screen and (max-width: 320px) {
	.anniversary { width: 300px; }
}

@media screen and (min-width:321px) and (max-width:767px) {
	nav img { margin-left: 10px;}
	
	nav ul { margin-right: 10px;}
	
	h1 { }
	
}

@media screen and (max-width:767px) {

	.mobile { display: block;} 
	
	.laptop { display: none;}


	nav img {
		margin: 10px auto 0;
		float: none;
	}
	
	.navSection {
		height: 140px
	}
	
	.info { padding-top: 15px;}
	
	nav ul {
		font-weight: 700;
		width: 300px;
		float: none;
		margin: 8px auto 0;
	}
	
	img { margin: 5px auto; }
	

	nav li:after  { margin-left: 10px;}
	
	nav li:last-child:after { margin-left: 0;}
	
	nav .navTop li:last-child:after {
		content: "";
		margin-right: 0; 
	}
	
	nav li { margin-right: 10px;}
	
	nav li:last-child { margin-right: 0; }
	
	nav div {
		margin: 0 auto;
	}
	
	.navTop { width: 80%; }
	
	.navTop ul { text-align: center; }
	
	.navTop li { display: inline; }
	
	div.navBottom {
		width: 280px;
		clear: both;
	}
	
	body { font-weight: 300; }
	
	.phone { display: none;}
	
	.phone.mobile { display: block;}
	
	footer { width: 311px; }
	
	footer li a { 
		font-size: 12px; 
		margin-right: 5px;	
	}

	footer li:after { margin-right: 5px; }
	
	.cont { width: 300px;}
	
	table { 
		width: 100%;
		vertical-align: middle;
	}
	
	.info { font-size: 22px;}
	
	.empanadas div { float: none; }
	
	.empanadas .queijo { 
		width: 100%;
		margin-right: 0; 
	}
	
	footer { 
		margin 0 auto;
		padding: 30px 0 50px;
		width: 245px;
	}
	
	footer li a { font-size: 15px; }
	
	footer ul li:nth-child(3):after,
	footer ul li:nth-child(5):after { content: ""; }
	
	footer ul li:nth-child(6) { clear: both; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.cont { width: 740px; }
	
	nav img { margin-left: 10px;}
	
	nav ul { margin-right: 10px;}
	
	.info { font-size: 22px;}
	
	.toppings { width: 100%; }
	
	.toppings table {
		width: 240px;
		margin-right: 10px;
	}
	
	.toppings table.nuts,
	.toppings table.dairy { margin-right: 0; }
	
	.toppings .others,
	.queijo { clear: both;}
	
	
}

@media screen and (min-width: 768px) {

	.mobile { display: none;} 
	
	.laptop { display: block;}

	body { font-weight: 300; }
	
	footer li a,
	nav li a { 
		font-size: 14px; 
		margin-right: 10px;
	}
	
	nav ul { width: 420px;}
	
	footer { padding: 35px 0 50px; }
	
	footer li:after,
	nav li:after { margin-right: 10px; }
	
	.bowls .left {
		float: left;
		width: 40%;
	}
	
	.left img {
		margin: auto;
	}

	
	.bowls .right {
		float: right;
		width: 55%;
		margin-left: 15px;
	}
	
}

@media screen and (min-width: 1025px) {
	
	table.others { clear: both;}
	
	.toppings { width: 100%;}
	
	.toppings table {
		width: 32%;
		margin:0 19px 15px 0;
	}
	
	.toppings table.nuts,
	.toppings table.dairy {
		margin-right: 0;
	}
	
	.info span { font-size: 18px; }

	
	
	h2 {
		font-size: 19px;
		font-weight: 700;
		line-height: 26px;
	}
	
	table.others { clear: both;}
	
	.bowls { 
		margin-bottom: 25px;
		background: #ebebeb;
		border: solid 2px #F58220;
		padding: 20px 0;
		color: #555;
	}
	
	.bowls table { 
		width: 60%;
		text-align: center;
	}
	
	.bowls table td span {
		float: none;
		color: #555;
	}
	
	.phone.mobile { display: none;}


}