/**
 * 
 * 12. Containers structure
 * 
 */


/** 12.01 Container widths and LR padding **/
.container {
	width: 100%;
	max-width: $site-max-width;
}

.container, 
.container-fluid {
    padding-left: 50px;
    padding-right: 50px;

    @include until($bp-xxs) {
    	padding-left: 30px;
    	padding-right: 30px;
    }
}


/** 12.02 Wrapper margins & paddings **/
.main-content {
	padding-top: 120px; // Default value
}

.container-main-content {
	background-color: transparent;

	> .row {
		&:first-child {
			margin-top: 70px;
		}
		&:last-child {
			margin-bottom: 100px;
		}
	}

	.transparent-header & {
		&:first-child {
			> .row {
				&:first-child {
					margin-top: 0;
				}
			}
		}
	}

	&.no-content-padding {
		> .row {
			&:first-child {
				margin-top: 0;
			}
			&:last-child {
				margin-bottom: 0;
			}
		}

		.main-content-inner {
			article .entry-content {
				margin-bottom: 0;
				padding-bottom: 0;
			}
			
			footer.entry-meta {
				display: none;
			}
		}
	}
}

.page-cover + .container-main-content > .row {
	&:first-child {
		margin-top: 0px;
	}
}

body {
	&.visibility-sections .container-main-content .row:first-child, &.single-pagesections .container-main-content .row:first-child {
		margin-top: 0;
	}
	&.visibility-sections .container-main-content .row:last-child, &.single-pagesections .container-main-content .row:last-child {
		margin-bottom: 0;
	}
}


/** 12.03 Small screens (stacked) tweaks **/
@media (max-width: 1199px) {
	.container-main-content > .row > .main-content-inner {
		width: 100%;
	}

	.main-content-inner.col-lg-9.pull-right {
		float: none !important; // FIX for left sidebar not clearing when stacked
	}

	.sidebar {
		margin-top: 80px;
	}
}

.container-full .container-wrapper {
	width: 100%;
}

.container-wrapper.full-width-content > .container {
	@include fw-child-container();
}

// Boxed layout
body.boxed-layout {
	.container-sections, 
	.container-main-content, 
	#primary-navigation-sticky-wrapper, 
	footer {
		margin-left: auto;
		margin-right: auto;
	}
}