@import "@{parenturl}/less/mixins.less";

main#content {
	padding:50px 25px;
	.max-width(1450px);
	display:grid;

	.min({
		grid-gap:5px 25px;
		grid-template-columns:~"min(calc(1450px - 360px - 75px), calc(100vw - 360px - 75px))" 360px;
		#breadcrumbs, body:not(.blog) & .entry-header {
			grid-column: 1/-1;
		}
	});
	.max({
		grid-gap: 25px;

		aside {
			max-width: 400px;
			margin: 0 auto;
		}
	});
}

aside {
	> * {
		&:not(:last-of-type) {
			margin-bottom: 25px;
		}
	}
}

.widget-title {
	+ * {
		padding: 20px;
	}
}