/* Variables
======================= */
:root {
	--unit-2xs: 5px;
	--unit-xs: 10px;
	--unit-s: 15px;
	--unit: 20px;
	--unit-l: 25px;
	--unit-xl: 30px;
	--unit-2xl: 35px;
	--unit-3xl: 40px;
}

body {
	overflow-x: hidden;
}

/* Global containers
======================= */
.wsu-g-container {
	display: flex;
	width: 100%;
	min-height: 100vh;
	padding-top: 65px;
	box-sizing: border-box;
}

.wsu-g-content {
	margin: 0 auto;
}

/* Site containers
======================= */
.wsu-s-wrapper--content-small,
.wsu-s-wrapper--content-medium,
.wsu-s-wrapper--content-large,
.wsu-s-wrapper--content-xlarge,
.wsu-s-wrapper {
	width: 100%;
	transition: all 300ms cubic-bezier(0, 0, 0.03, 1);
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
	left: 0;
}

.wsu-s-wrapper--content-small .wsu-c-container {
	max-width: 990px;
}

.wsu-s-wrapper--content-medium .wsu-c-container {
	max-width: 1200px;
}

.wsu-s-wrapper--content-large .wsu-c-container {
	max-width: 1400px;
}

.wsu-s-wrapper--content-xlarge .wsu-c-container {
	max-width: 1600px;
}

.wsu-s-main-container {
	position: relative;
	z-index: 5000;
	flex-grow: 1;
	border-top: 1px solid #f2f2f2;
}

.wsu-c-container {
	width: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

@media screen and (min-width:1300px) {
	.wsu-c-container {
		max-width: calc( 100vw - 260px );
	}
}

@media screen and (max-width:1065px) {
	.wsu-c-container {
		width: 100%;
	}
}