/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/

// Structure

.site {
	@include fill-parent;
	background: $color-black;
}

.site-wrapper {
	@include fill-parent;
	background: $color-white;
}

#content {
	margin: rem(40) auto rem(20);
	max-width: rem(1170);
	padding: 0 rem(20);

	@include media(1170px) {
		padding: 0;
	}
}

#primary {
	@include fill-parent;
	padding: 0;

	@include media(768px) {
		@include span-columns(9);
		padding: 0 rem(20) 0 0;
	}
}

#secondary {
	@include fill-parent;

	@include media(768px) {
		@include span-columns(3);
		@include omega();
	}
}

// Full width styling for Full width template, archive template, and Jetpack portfolio pages 
.homepage #primary,
.portfolio #primary,
.full-width #primary {
	@include fill-parent;
	padding: 0;
}