/*
 Theme Name: TwentyThirteen Child
 Description:Twenty Thirteen Child Theme
 Author: Rowland Williams
 Template: twentythirteen
 Version:1.0.0
 Text Domain:twenty-thirteen-child
*/


/************************************************************* HIDE MOBILE HTML */

#mobile {
display: none;
}

#wprmenu_bar {
display: none
}

html {
padding-top: 0px
}

/************************************************************* WRAPPER */

body {
padding: 0;
margin: 0;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
line-height: 150%;
color: #fff;
background-position: left top;
background-repeat: no-repeat;
background-size: 100% auto;
background-color: #020100;
}

	body.home {
	background-image: url('images/mobile.jpg'); 
	}

	#usbody {
	background-image: url('images/us.jpg'); 
	}

	#menubody {
	background-image: url('images/mobile.jpg'); 
	}

	.container {
	position: relative;
	top: 0; 
	left: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	}

/************************************************************* HTML & TAGS */

a, a img, img {
outline: none;
border: 0;
text-decoration: none;
}

	a {
	color: #fff;
	
	}
	
h1, h2, h3, h4, strong {
padding: 0;
padding-top: 0;
font-weight: normal;
line-height: 100%;
color: #ec423c;
}

	h1 {
	font-size: 34px;
	}

	h2 {
	font-size: 32px;
	}

	h3 {
	font-size: 30px;
	}

	h4 {
	font-size: 22px;
	}

		h4, strong {
		color: #ec423c;
		}

/************************************************************* HEADER */

.header {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
font-family: 'Quicksand', sans-serif;
font-size: .9em;
line-height: 1em;
z-index: 30;
}

	.nav {
	float: left;
	position: relative;
	top: 15px;
	left: 0;
	width: 25%;
	}

		.menu, .menu ul, .menu li, .menu a {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration: none;
		line-height: 1.5em;
		position: relative;
		}

		.menu a {
		color: #fff;;
		}

		.menu {
		width: 230px;
		}

		.menu > ul > li > a {
		display: block;
		position: relative;
		left: 15px;
		}

	.logo {
	float: left;
	margin: 30px 2%;
	width: 96%;
	font-size: 1.2em;
	line-height: 100%;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	}

		.logo img {
		width: 100%;
		height: auto;
		}

	.phone {
	float: left;
	position: relative;
	top: 10px;	
	left: 15px;
	width: 48%;
	padding-right: 4%;
	font-size: 1.3em;
	text-shadow: 1px 1px 2px #000;
	}

	.tag {
	float: left;
	display: block;
	width: 100%;
	top: 10px;
	left: 0;
	width: 100%;
	font-size: 1.7em;
	line-height: 150%;
	text-align: right;
	text-shadow: 1px 1px 2px #000;
	}

/************************************************************* CONTENT */

.content {
float: left;
top: 20px;
left: 0;
padding: 0 1% 20px 1%;
width: 96%;
background-color: #422c2e; /* Fallback for older web browsers */ 
background-color: rgb(66, 46, 44); /* Fallback for web browsers that don't support RGBa */
background-color: rgba(66, 46, 44, 0.8); /* RGBa with 0.6 opacity */
}

	#us {
	padding-left: 140px;
	background-image: url('images/sidebar.jpg'); 
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 125px auto;
	box-sizing: border-box;
	}

/********************************************************* MENU PAGE */

.menucontainer {
margin: 0 auto !important;
margin-top: -20px !important;
padding: 0 !important;
width: 100%;
max-width: 1280px;
}

.menuleft, .menuright {
float: left;
width: 100%;
}

	.menuwide {
	float: left;
	width: 96% !important;
	padding: 0 2% 0 2%;
	}

.jsrm-menu, .jsrm-menu-description, .jsrm-div, .odd, .even, .item-text, .desc, .value, .value-col {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
line-height: 100% !important;
}

.jsrm-menu  {
float: left;
margin: 0 !important;
width: 100% !important;
}

.jsrm-menu-header  {
float: left;
margin: 10px 0 !important;
font-size: 40px !important;
width: 100%;
}

.jsrm-menu-description {
float: left;
margin: 0 !important;
padding-bottom: 10px !important;
font-size: 12px !important;
font-style: italic !important;
width: 100%;
}

.col-headers {
float: left !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
color: #ec423c;
}

.jsrm-div {
float: left;
margin: 0 !important;
}

	#liquor-beer-wine-content .jsrm-div {
	margin-top: 0 !important;
	}

.odd, .even {
box-sizing: border-box;
display: inline-block;
float: left;
position: relative;
top: 0 !important;
left: 0 !important;
padding: 10px 70px 20px 30px !important;
width: 100%;
}

	.odd br, .even br {
	line-height: 175%;
	}

	#liquor-beer-wine-content .odd, #liquor-beer-wine-content .even {
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	}

.item-text {
box-sizing: border-box;
float: left;
position: relative;
margin: 0;
width:  100%;
color: #ec423c;
font-size: 17px !important;
line-height: 150%;
z-index: 1;
}

.desc {
box-sizing: border-box;
float: left;
position: relative;
top: 5px;
width:  100%;
font-size: 14px;
line-height: 150% !important;
z-index: 1;
}

.value {
position: relative;
top: 11px !important;
left: 0;
margin: 0;
padding: 11px 30px 0 0 !important;
min-width: 240px;
font-size: 14px;
line-height: 150% !important;
text-align: left;
color: #fff;
z-index: 2;
}

.item-header {
display: none !important;
}

.value-header { /* lines up right edge of value header with value */
float: left;
margin-left: 30px !important;
padding-left: 0 !important;
font-size: 20px;
}

	.value-header .value-col { /* right justifies header text */
	margin-left: 0;
	padding-left: 0;
	text-align: left !important;	
	}

	.value-col {
	margin-left: 0;
	padding-left: 0;
	float: left !important;
	width: 60px !important;
	min-width: 60px !important;
	}

/* BUILD YOUR OWN */
td {
float: left;
padding-left: 1%;
padding-right: 1%;
width: 48% !important; 
min-width: 48% !important;
}

	.build {
	float: left;
	width: 100% !important; 
	min-width: 48% !important;
	font-size: 17px !important;
	color: #ec423c;
	padding-bottom: 7px;
	}

		.toppings {
		display: block !important;
		margin-left: 1%;
		margin-right: 1%;
		width: 98% !important; 
		min-width: 98% !important;
		font-size: 17px !important;
		}


/************************************************************* FOOTER */

.footer {
width: 100%;
font-size: .5em;
text-align: center;
line-height: 100%;
color: #fff;
}

	#homefooter {
	position: absolute;
	bottom: 10px !important;
	DISPLAY: NONE;
	}

	#pagefooter {
	float: left;
	position: relative;
	top: 110px;
	}