/**
* Theme Name: The Sardine Factory
* Theme URI: http://sardinefactory.com/
* Author: Robert Noakes LLC
* Author URI: http://robertnoak.es/
* Description: Custom theme for The Sardine Factory.
* Version: 1.0
* Tags: custom
* Template: noakes-framework
**/

@media (max-width: 74.188em)
{
	#outer-wrapper
	{
		padding-top: 0;
	}
	
	#header-wrapper nav.menu-main-menu-left-container
	{
		padding: 0.563rem 0.75rem 0.563rem 0;
		height: 5.25rem;
	}
	
	#main-menu-left > li
	{
		padding-top: 0.125rem;
		padding-bottom: 0.125rem;
		float: right;
		clear: right;
	}
	
	#main-menu-left > li > a,
	#main-menu-right > li > a
	{
		padding-right: 0.688rem;
		padding-left: 0.688rem;
	}
	
	#main-menu-left > li > a
	{
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;
	}
	
	#header-wrapper nav.menu-main-menu-right-container
	{
		padding: 0.875rem 0 0.875rem 0.75rem;
	}
	
	#main-menu-right > li > a > br,
	#main-menu-right-sub > li > a > br
	{
		display: inherit;
	}
	
	#main-menu-right > li > a.no-break,
	#main-menu-right-sub > li > a.no-break
	{
		line-height: 2rem;
	}
	
	#content nav.menu-main-menu-right-container
	{
		padding-right: 1rem;
		padding-left: 1rem;
	}
	
	#content > article
	{
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	
	#footer-wrapper footer
	{
		padding-bottom: 1rem;
	}
	
	#breakpoint
	{
		height: 1px;
	}
}

@media (max-width: 48.938em)
{
	h1
	{
		font-size: 4.286em;
	}
	
	#inner-wrapper
	{
		padding: 0 0.5rem 0.5rem;
	}
	
	#header-wrapper header
	{
		position: relative;
	}
	
	#header-left
	{
		float: none;
		width: auto;
	}
	
	#header-wrapper nav.menu-main-menu-left-container
	{
		padding-right: 0.5rem;
	}
	
	#main-menu-left > li > a
	{
		padding-right: 0.438rem;
		padding-left: 0.438rem;
	}
	
	#header-wrapper nav.menu-main-menu-right-container
	{
		padding: 0;
	}
	
	#main-menu-right
	{
		display: none;
	}
	
	#noakes-mobile-main-menu-right-toggle
	{
		display: block;
		float: right;
		line-height: 2rem;
	}
	#noakes-mobile-main-menu-right-toggle:hover
	{
		text-decoration: none;
	}
	
	#noakes-mobile-main-menu-right-toggle:before
	{
		padding: 0.5rem 1rem;
		display: inline-block;
		width: 100%;
		color: #fff;
		font-size: 2rem;
		font-family: "Noakes Framework";
		text-align: right;
		content: "\e706";
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#noakes-mobile-main-menu-right-toggle:hover:before,
	#noakes-mobile-main-menu-right-toggle.open:before
	{
		color: #f88da0;
	}
	
	#noakes-mobile-main-menu-right-toggle span
	{
		display: none;
	}
	
	#noakes-mobile-main-menu-right
	{
		display: block;
		overflow: visible;
		clear: both;
		background: #948268;
	}
	
	#noakes-mobile-main-menu-right > ul,
	#noakes-mobile-main-menu-right > ul > li,
	#noakes-mobile-main-menu-right > ul > li > a
	{
		display: block;
	}
	
	#noakes-mobile-main-menu-right > ul > li > a
	{
		padding: 0.5rem 1rem;
		color: #fff;
		text-align: right;
		white-space: nowrap;
	}
	#noakes-mobile-main-menu-right > ul > li > a:hover,
	#noakes-mobile-main-menu-right > ul > li.active > a,
	#noakes-mobile-main-menu-right > ul > li.open
	{
		background: #a08b70;
		text-decoration: none;
	}
	
	#noakes-mobile-main-menu-right > ul br
	{
		display: none;
	}
	
	#noakes-mobile-main-menu-right > ul > li > a > span.caret
	{
		margin: 0.125rem 0 0 0.25rem;
		display: block;
		float: right;
		height: 1rem;
		width: 0.5rem;
		background: url(../images/caret.png) no-repeat right center;
	}
	
	#noakes-mobile-main-menu-right > ul > li > ul
	{
		padding: 0 1rem 0.25rem;
		display: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#noakes-mobile-main-menu-right > ul > li > ul > li
	{
		padding: 1px 0;
	}
	
	#noakes-mobile-main-menu-right > ul > li > ul > li > a
	{
		padding: 0.25rem 0.75rem;
		display: block;
		color: #fff;
		text-align: right;
		text-transform: none;
		-webkit-border-radius: 0.25rem;
		border-radius: 0.25rem;
	}
	#noakes-mobile-main-menu-right > ul > li > ul > li > a:hover,
	#noakes-mobile-main-menu-right > ul > li > ul > li.active > a
	{
		background: #948268;
		text-decoration: none;
	}
	
	#mobile-menu,
	#mobile-menu > li,
	#mobile-menu > li > a
	{
		display: block;
		float: left;
		height: 3rem;
		line-height: 3rem;
	}
	
	#mobile-menu
	{
		position: absolute;
		top: 5.375rem;
		left: 0;
		z-index: 100;
	}
	
	#mobile-menu > li > a
	{
		padding: 0 0.75rem 0 2.75rem;
		background: url(../images/mobile.png) no-repeat;
		color: #fff;
	}
	#mobile-menu > li > a:hover
	{
		background-position: 0 -3rem;
		color: #f88da0;
		text-decoration: none;
	}
	
	#mobile-menu > li.call > a
	{
		background-position: 0 -6rem;
	}
	#mobile-menu > li.call > a:hover
	{
		background-position: 0 -9rem;
	}
	
	#mobile-menu > li.map > a
	{
		background-position: 0 -12rem;
	}
	#mobile-menu > li.map > a:hover
	{
		background-position: 0 -15rem;
	}
	
	#mobile-hero
	{
		padding-bottom: 50%;
		display: block;
		height: 0;
		background: #f1f1f1 url(../../noakes-framework/images/loader.gif) no-repeat center center;
	}
	
	#mobile-hero.noakes-loaded
	{
		background-size: cover;
	}
	
	#left-bar,
	#content nav.menu-main-menu-right-container
	{
		display: none;
	}
	
	#content > article
	{
		padding: 0.75rem 1rem 0;
	}
	
	#top-widget br:first-child
	{
		display: none;
	}
	
	#bottom-widget
	{
		padding-top: 0.5rem;
	}
	
	#bottom-widget br
	{
		display: inherit;
	}
	
	#footer-wrapper footer
	{
		padding: 0.5rem 1rem;
	}
	
	#breakpoint
	{
		height: 2px;
	}
	
	/* Shortcode Styles */
	div.panel h3 br
	{
		display: none;
	}
}

@media (max-width: 30em)
{
	table
	{
		font-size: 0.857em;
	}
	
	#mobile-menu > li > a
	{
		padding: 0;
		overflow: hidden;
		width: 3rem;
		text-indent: -625rem;
	}
	
	#breakpoint
	{
		height: 3px;
	}
}