/* 1	Layout
   ---------------------------------------------------------------- */

/* enable sticky class */
.page-id-60 #page {
	overflow-x: visible;
}

/* inner */
.landing--main--inner {
	display: grid;
	grid-template-areas:
		"content"
		"sidebars";
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	width: 100%;
	max-width: 1240px;
	margin-inline: auto;
}

/* content */
.landing--content {
	grid-area: content;
	width: 100%;
	max-width: 620px;
	min-width: 0;
	justify-self: center;
}

/* sidebars */
.landing--sidebars {
	grid-area: sidebars;
	display: grid;
	column-gap: 20px;
	width: 100%;
	justify-self: center;
}

/* sidebar */
.landing--sidebar.sticky-sidebar {
	position: static;
	width: 100%;
	min-width: 0;
}

/* larger than 659px */
@media only screen and (min-width: 660px) {

	/* sidebars */
	.landing--sidebars {
		grid-template-columns: 300px 300px;
		max-width: 620px;
	}

	/* sidebar */
	.landing--sidebar.sticky-sidebar {
		max-width: 300px;
	}

}

/* larger than 959px */
@media only screen and (min-width: 960px) {

	/* inner */
	.landing--main--inner {
		grid-template-areas:
			"content sidebars";
		grid-template-columns: 600px 300px;
		align-items: start;
		justify-content: center;
	}

	/* sidebars */
	.landing--sidebars {
		grid-template-columns: minmax(0, 1fr);
		max-width: 300px;
		justify-self: stretch;
	}

}

/* larger than 1279px */
@media only screen and (min-width: 1280px) {

	/* sidebars */
	.landing--sidebars {
		display: contents;
	}

	/* inner */
	.landing--main--inner {
		grid-template-areas:
			"left content right";
		grid-template-columns: 300px 600px 300px;
	}

	/* content */
	.landing--content {
		grid-area: content;
	}

	/* sidebar */
	.landing--sidebar.sticky-sidebar {
		position: sticky;
	}

	/* sidebar left */
	.landing--sidebar--left {
		grid-area: left;
	}

	/* sidebar right */
	.landing--sidebar--right {
		grid-area: right;
	}

}