/* FILE: main/base/__layout.scss */

//
// Site layout
//





// Site container

	body {

		@include responsive( map_get( $breakpoint, 'm' ) ) {
			padding-left: 2%;
			padding-right: 2%;
		}

		@include responsive( map_get( $breakpoint, 'xl' ) ) {
			padding-left: 4%;
			padding-right: 4%;
		}

	}

	.site {
		width: 100%;
		max-width: map_get( $customize_options, 'layout-width-site' );
		max-width: var(--layout-width-site);
		margin: 0 auto;
		box-shadow: 0 0 3.62rem rgba( #000, .07 );
	}



// Extenders

	%basic_width {
		width: 88%;
		margin: 0 auto;
	}

	%max_width_1920 {
		max-width: 1920px;
		max-width: 1920 * $px;
	}

	/* $content_width */
	%content_width {
		@extend %basic_width;
		max-width: map_get( $customize_options, 'layout-width-content' );
		max-width: var(--layout-width-content);
	}

	%full_width {
		@extend %basic_width;
		@extend %max_width_1920;
	}