/* Content Layout */

#content {
	display: flex;
	max-width: none;
	margin: 0;
	padding: 2em;
	width: 100%;
}

	#content #main {
		flex: 1 1 0%;
		margin-right: 3em;
		background: #ffffff;
		border-radius: 10px;
		padding: 2em;
	}

	#content #sidebar {
		min-width: 22em;
		width: 22em;
	}

	#content #sidebar > section {
		background: #ffffff;
		border-radius: 10px;
		padding: 1em;
		margin-bottom: 2em;
	}

	#content #sidebar > section:last-child {
		margin-bottom: 0;
	}

	.event {
		background: rgb(167, 207, 58);
		border: 1px solid rgba(160, 160, 160, 0.3);
		border-radius: 10px;
		padding: 1em;
		margin-bottom: 1em;
	}

	.event:last-child {
		margin-bottom: 0;
	}

	.event p {
		color: white;
	}

	#menu > * {
		padding: 1.5em;
	}

	#menu .links {
		background: rgb(167, 207, 58);
		border-radius: 10px;
		padding: 1em;
	}

	#content #sidebar-right {
		min-width: 22em;
		width: 22em;
		margin-left: 3em;
	}

/* No sidebar layout */
#content.no-sidebar #main {
	margin-right: 0;
}

/* Right sidebar layout */
#content.has-right-sidebar {
	flex-direction: row;
}

	#content.has-right-sidebar #main {
		margin-right: 0;
	}

/* Both sidebars layout */
#content.has-both-sidebars #main {
	margin: 0 3em;
}

@media screen and (max-width: 1280px) {
	#content {
		flex-direction: column;
	}
	
	#content #main {
		margin-right: 0;
		margin-bottom: 3em;
	}
	
	#content #sidebar,
	#content #sidebar-right {
		width: 100%;
		min-width: 0;
		margin: 0;
	}
}