/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/
.container {
    @include container;
    @include padding(null $base_spacing)
}

@include susy-breakpoint($tablet) {
    //LAYOUT
    #primary {
        @include span(9 of 12);
    }
    #secondary {
        @include span(last 3 of 12);
    }
    .page-template-page-sidebarleft {
		#primary  {
			@include span(last 9 of 12);
		}

		#secondary  {
			@include span(3 of 12);
		}
	}
    .page-template-page-focus {
		#primary {
			@include squish(2,2);
		}
    }
    .page-template-page-fullwidth,
	.full-width-content {
		#primary {
			@include span(full);
		}
	}
    //WOOCOMMERCE
    .woocommerce {
		#primary  {
			@include span(9 of 12);
		}

		#secondary  {
			@include span(last 3 of 12);
		}
	}
	.woocommerce.full-width-shop {
		#primary {
			@include span(full);
		}
	}
    //EDD
    .edd-page {
		#primary  {
			@include span(9 of 12);
		}

		#secondary  {
			@include span(last 3 of 12);
		}
	}
	.edd-page.full-width-shop {
		#primary {
			@include span(full);
		}
	}
    //HEADER
    .site-header {
        .header-navigation,
        .main-navigation {
            @include span(9 of 12 last);
        }
        .site-title,
        .site-description,
        .custom-logo-link {
            @include span(3 of 12 first);
        }
    }
    //GRID POSTS
    .type-post.col1 { 
        @include span(6 of 12 first);
    }
    .type-post.col2 { 
        @include span(6 of 12 last);
    }
}