@charset "UTF-8";
/*------------------------------------------------------------------
[Mobile Stylesheet]

	Project:    	Shuck Raw Bar

-------------------------------------------------------------------*/
@import "font/shuck.css";


object, embed	{display: none;}


/* ==================================================================
1.3 	Wrappers
================================================================== */

.container, article	{ width: 100%;}


section	{padding: 20px 15px;}


/* ==================================================================
1.4 	Header/Footer
================================================================== */

header	{padding-bottom: 0;}
header h1	{padding-bottom: 20px;}
header h1 img	{width: 250px;}


footer	{position: relative; overflow: auto; padding-bottom: 40px;}
footer .logo	{	display: none;	}


	footer .location	{
		margin-top: 40px;
		width: 100%;
		font-size: 1.6rem;
		line-height: 1;
		font-weight: 200;
		position: relative;
		border-top: 1px solid #3e3e3e;
		padding-top: 20px;
		margin-top: 20px;
			margin-bottom: 60px;
		}
		footer .location.fleft, .location.fright	{float: none;}
		footer .location:last-of-type	{
			margin-bottom: 40px;
		}
		footer .location:first-of-type {
			border-top: 0;
		}
		





	footer .facebook, footer .twitter	{
		width: 32px;
		height: 32px;
		}
		
		
	/*footer:before	{
		content: "Back to Top";
		font-size: 0.9rem;
		text-align: center;
		vertical-align: bottom;
		background-image:url(images/uparrow.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
		width: 80px;
		height: 20px;
		padding-top: 25px;
		position: absolute;
		top: 5px;
		left: calc(50% - 32px);
		}*/
		
/* =============================================================== */


.menu section	{
	width: 90%;
	margin: 0 auto;
	}
	

.menuNav	{
	display: none;
	}
	.menuNav ul li:before	{display: none !important;}
	
.menu h1 a.download {
	font-size: 0.5em;
	position: relative;
	display: block;
	right: 0; top: 0;
}

	.menu h1 a.download[href$='.pdf']:after {
		position: relative !important;
		margin-left: 1em;
		right: 0;
	}
/* ==================================================================
1.5		Mobile Navigation
================================================================== */

aside.downloads	{
	padding: 0 2rem 0 0;
	float: none;
	margin: 1rem 0 0 0;
	text-align: center;
	clear: both;
	font-size: 0.9rem !important;
	}
	aside.downloads li	{
		text-align: center;
		}
	


nav	{
	border-top: 3px solid #a00;
	padding: 10px 0;
	margin-top: 0px;
	float: none;
	display: none;
	}
	nav ul li	{display:block; font-size: 1rem; width: 100%; border-bottom: 1px solid #3e3e3e;}
	nav ul li:last-child	{border-bottom: none;}
	nav ul li > * {font-size: 1rem;}
	nav a	{
		text-align: center;
		display: block;
		padding: 10px 0px;
		}



#mobileNav	{
		position: relative; 
		font-family: shuck; 
		float: right; 
		margin: -60px 20px 0 0;
		width:32px;
		height: 32px;
		}
#mobileNav:after	{
	content:"\e802";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	
	line-height: 1;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 100;
	}
	
#mobileNav.active:after	{
	content:"\e801";
	}
	


#slider, #hero	{border-top: 3px solid #a00;}


/* ==================================================================
3.0		Specific Styles
================================================================== */	
	.findNama	{	width: 100%;	}
	.findNama h2	{margin-top: 40px;}
	
	.findNama:nth-of-type(n+2) h2:first-child	{margin-top: 40px; border-top: 1px solid #3e3e3e; padding-top: 40px;}
	
	.findNama.fleft, .findNama.fright	{float: none;}
	
	

.filler	{display: none;}


.fourty		{width: 100%; float: none !important;}
	.fourty:first-of-type	{border-right: none; padding-right: 0;}