/* =Layout
-------------------------------------------------------------- */

/*
Layout: Sidebar-Content
*/

#primary {
	float: right;
	margin: 0 0 0 -19%;
	width: 100%;
}

#content {
	margin: 0 0 0 19%;
}

#secondary { 
	float: left;
	overflow: hidden;
	width: 19%;
}

#tertiary { 
	clear: left;
}

.site-footer {
	clear: both;
	width: 100%;
}

/* =Media Queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* =Responsive natural breakpoints
----------------------------------------------- */

/* 1080px and smaller */

@media only screen and (max-width: 1080px) {
	/* =Back to top link
	-------------------------------------------------------------- */

	#sticky-back-link-wrapper {
		margin-right: -3px;
	}

	#sticky-back-link {
		background-color: #fff;
 		font-family: 'novecento_sans_widedemibold';
		font-size: 7px;
		text-transform: uppercase;	
		background-position: center;
		background-image: none;
		width: 30px;
		height: 60px;
		padding: 2px 5px;
		text-indent: 0;
		text-align: center;
		line-height: 1.5;
		letter-spacing: .1em; 	
		white-space: normal;
	}

	#sticky-back-link:before {
		content: "\02191";
		font-size: 20px;
		text-align: center;
		display: block;
		width: 100%;
		text-indent: 0;
		line-height: 1;
	}
}

/* 1000px and smaller */

@media only screen and (max-width: 1000px) {
	#primary,
	#content,
	#secondary,
	#tertiary,
	.site-footer,
	.site-header {
	}

	.site { 
		padding: 0 45px;
	}

	#primary {
		margin: 0 0 0 -25%;
	}

	#content {
		margin: 0 0 0 25%;
	}

	#secondary { 
		width: 25%;
	}

	/* =Header
	-------------------------------------------------------------- */

	.site-header {
		height: auto;
		min-height: 165px;
	}

	.social-navigation, .site-title, .main-navigation {
	    margin-left: 0;
	    margin-right: 0;
	    float: left;
	}

	.social-navigation {
		width: 28%;
		border: none;
	}

	.social-navigation h1 {
		display: none;
	}

	.site-title {
		width: 38%;
		text-align: center;
	}

	.site-title a {
		margin: 0 auto;
	}

	.main-navigation {
		width: 34%;
		float: right;
	}

	.main-navigation ul {
		float: none;
		width: auto;
	}

	.menu-header-navigation-column-1-container {
		width: 50%;
    	float: left;
	}

	.menu-header-navigation-column-2-container {
		width: 50%;
    	float: right;
	}

	/* =Home
	-------------------------------------------------------------- */

	body.home {
	    background-image: none;
	}

	body.home .site { 
		padding: 0;
	}

	body.home .site-header,
	body.home .homesections,
	body.home .site-footer { 
		padding-left: 45px;
		padding-right: 45px;
	}

	body.home #primary {
		background-color: #dcf1f6;
		margin-bottom: 25px;
	}

	body.home #secondary {
		padding: 22px;
	}

	body.home #primary article {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.homesections .image,
	.homesections .content  {
		float: none;
		margin-left: 0;
		width: 100%;
		padding-left: 0;
	}

	.homesections .image  {
		text-align: center;
	}

	/* =Blog
	-------------------------------------------------------------- */

	.blog #content div.sharedaddy {
		clear: both !important;
		margin: 0;
	}

	div.sharedaddy h3.sd-title:before {
		display: none !important;
	}

	/* =Footer
	-------------------------------------------------------------- */

	.site-footer {
		/*border-top: none;*/
	}

	.site-footer .widget,
	.site-footer .widget:last-child {
		float: none;
	}

	.site-footer .widget {
		width: 100%;
		text-align: center;
		margin: 0 0 1em 0;
	}

	.site-info span.aeolidia {
		background-position: center;
		padding: 0 25px 0 32px;
	}

	.site-footer .mc_embed_signup {
		width: 50%;
		margin: 0 auto;
	}

	.site-footer .mc_embed_signup h1 {
		width: 100%;
		margin-bottom: .5em;
	}

	.site-footer .mc_embed_signup input[type=email] {
	    margin-left: 0;
	    width: 80%;
	}

	.site-footer .mc_embed_signup input[type=submit] {
	    width: 20%;
	}

	/* =Grids
	-------------------------------------------------------------- */

	.grid article h1.entry-title, 
	.archive-fabrics .infinite-wrapper article h1.entry-title,
	.single article.cloudnine_fabrics .grid article h1,
	.single article.cloudnine_fabrics .grid article p, 
	.single article.cloudnine_projects .grid article p, 
	.grid article.cloudnine_fabrics p,
	.archive-fabrics .infinite-wrapper article p {
		width: 100%;
		float: none;
		display: block;
		margin-bottom: .5em;
	}

	.grid.contact article {
		padding: 0;
		min-height: 0;
	}

	/* =Contact page
	----------------------------------------------- */

	.grid.contact article {
		float: none;
		margin-left: 0;
		width: 100%;
		padding-left: 0;
		background-image: none;
		border-bottom: 1px solid #dcf1f6;
	}

	/* =Wholesale page
	----------------------------------------------- */

	.grid.wholesale-login article, 
	.grid.contact article, 
	#wholesale-distributors article,
	.wholesale-content, 
	.grid.contact { 
		float: none;
		margin-left: 0;
		width: 100%;
		padding-left: 0;		
	 }

	.grid.wholesale-login article p {
		min-height: auto;
	}

	.grid.wholesale-login article:nth-child(2n+2) {
		border-left: none;
		padding-left: 0;
	}
}

/* 720px and smaller */

@media only screen and (max-width: 720px) {
	.site,
	body.home .site { 
		padding: 0 25px;
	}

	#primary,
	#content,
	#secondary,
	#tertiary,
	.site-footer,
	.site-header {
		/* Remove floats on all structural elements for smaller screens */
		width: 100%;
		float: none;
		margin-left: 0;
	}

	#content {
		border: none;
		padding: 0;
	}

	/* =Header
	-------------------------------------------------------------- */

	.social-navigation, .site-title, .main-navigation ul, .main-navigation div:last-child ul {
		width: 100%;
	    float: none;
	    margin: 0;
	    text-align: center;
	}

	.social-navigation {
		margin-bottom: 20px;
	}

	.social-navigation li {
		display: inline-block;
		float: none;
	}

	.mobile-navigation,
	.main-navigation {
		display: none;
	}

	button.menu-toggle,
	.mobile-navigation,
	.mobile-sidebar {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-sidebar:after {
		/* Clears floats after containers */
		clear: both;
		content: "";
		display: block;
		height: 0;
	}

	.sub-menu-toggle,
	.menu-toggle {
		display: block;
		visibility: visible;
		width: 100%;
		border: none;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: .1em;
	 	line-height: 1;
	 	text-transform: uppercase; 		
	}

	.menu-toggle {
		background: #7dd1e1;
	}

	.mobile-header-menu {
		display: block;
		margin: 20px 0;
		text-align: center;
	}

	.mobile-navigation .menu-header-navigation-column-1-container,
	.mobile-navigation .menu-header-navigation-column-2-container {
		float: none;
		width: 100%;
	}

	.mobile-navigation li {
		border-top: 1px solid #7dd1e1;
		line-height: 30px;
		position: relative;
	}

	.menu-toggle:before,
	.sub-menu-toggle:before {
		font-size: 30px;
		width: 30px;
		line-height: 11px;
	}

	.menu-toggle:before {
		content: "\2261";			
	}

	.sub-menu-toggle {
		position: absolute;
		right: 0;
		top: 0;
		height: 30px;
		width: 30px;
	}

	.sub-menu-toggle:before,
	.sub-menu-toggle.activated:before {
		line-height: .5;
	}

	.sub-menu-toggle:before {
		content: "+"; 
	}

	.sub-menu-toggle.activated:before {
		content: "-";
		margin-top: -20px;
		line-height: 0;
	}

	.sub-menu {
		clear: both;
		display: none;
		opacity: 1;
		position: static;
		width: 100%;
		border: none;
	}

	.sub-menu li {
		border-bottom: none;
		background-color: #dcf1f6;
	}

	.sub-menu a {
		border-left: 0;
		position: relative;
		width: auto;
	}

	.sub-menu .sub-menu {
		margin: 0;
	}

	/* =Sidebars
	-------------------------------------------------------------- */

	#secondary {
		display: none;
	}

	.mobile-sidebar {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	.mobile-sidebar .widget_text {
		margin-bottom: .5em;
	}

	.mobile-sidebar .selectBox-dropdown {
		max-width: 80%;
	}

	.mobile-sidebar .mc-field-group {
		max-width: 230px;
    	margin: 0 auto;
	}

	.taxonomies-filter-widget .widget-title {
		border-bottom: none;
	}	

	/* =Single collection page
	-------------------------------------------------------------- */

	.post-info:first-child,
	.post-info:last-child {
	    float: none;
	    width: 100%;
	    padding-right: 0;
	    margin-left: 0;
	    padding-left: 0;
	    border-left: 0;
	}

	/* =Blog
	-------------------------------------------------------------- */

	.full-post .entry-content table img {
		max-width: 100%;
	}

	/* =Footer
	-------------------------------------------------------------- */

	.site-footer {
		border-top: none;
	}

	.site-footer .mc_embed_signup {
		width: 80%;
	}

	/* =Press page
	-------------------------------------------------------------- */

	article.press-section h1 {
    	width: 100%;
    	float: none;
	}

	.bxslider-carousel-wrapper.carousel-press {
		width: 100%;
		margin: 0;
	}

	article.press-section {
		border-bottom: none;
	}

	/* =Home page
	-------------------------------------------------------------- */

	body.home .site-header,
	body.home .homesections,
	body.home .site-footer { 
		padding-left: 0;
		padding-right: 0;
	}

	.homesections article {
		width: 49%;
	}

	.homesections article:nth-child(2n+2) {
		margin-right: 0;
		clear: none;
	}

	.homesections article:nth-child(3n+3) {
		margin: 0 2% 2% 0;
		clear: left;
	}

	/* =Back to top link
	-------------------------------------------------------------- */

	#sticky-back-link-wrapper {
		margin-right: 0;
	}

	#sticky-back-link {
		width: 100%;
		z-index: 1000;
		left: 0;
		bottom: 0;
		height: 50px;
		background-color: #7dd1e1;
		color: #fff;
		letter-spacing: .1em; 		
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 47px;
		text-indent: 0;
		text-align: center;
	}

	#sticky-back-link:before {
		content: "";
		display: none;
	}
}

/* 550px and smaller */

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

	/* =Blog
	-------------------------------------------------------------- */

	.full-post.col:first-child,
	.full-post.col:last-child {
		width: 100%;
		float: none;
	}

	.full-post.col:last-child {
		clear: both;
		margin: 0;
	}
	
	.full-post .entry-content table img {
		max-width: 100%;
	}

/* 450px and smaller */

@media only screen and (max-width: 450px) {
	/* =Forms
	-------------------------------------------------------------- */

	input[type=submit], .button {
		padding: 0 15px 0 8px;		
	}

	/* =Grids
	-------------------------------------------------------------- */

	.grid article, 
	.archive-fabrics .infinite-wrapper article {
		width: 100%;
		float: none;
		margin: 0 0 1em 0;
	  	clear: both;
	}

	.grid article .entry-content,
	.grid article .entry-header,
	.grid article .thumbnail,
	.single .grid article h1.entry-title, 
	.archive-fabrics .infinite-wrapper article h1.entry-title,
	.archive-fabrics .grid article p,
	.single .grid article p,
	.grid article .content,
	.grid article .image,
	.archive-fabrics .infinite-wrapper .content,
	.archive-fabrics .infinite-wrapper .image,
	.archive-fabrics .infinite-wrapper .thumbnail,
	.archive-fabrics .infinite-wrapper article p,
	.archive-fabrics .infinite-wrapper article .division  {
		float: none;
		max-width: 230px;
		margin: 0 auto;
	}
}