/* Custom breakpoint - assumes main-width is 82rem */
@media (min-width: 82rem)
{
	body
	{
		background-image:
			/* On top: white box with borders and drop shadow (max width 80rem, so starting at 50% and doing 41rem on either side) */
			linear-gradient(to right,
			transparent 0%,
			transparent calc(50% - 41rem - 1px),
			var(--body-border) calc(50% - 41rem - 1px),
			var(--body-border) calc(50% - 41rem),
			var(--content-bg) calc(50% - 41rem),
			var(--content-bg) calc(50% + 41rem),
			var(--body-border) calc(50% + 41rem),
			var(--body-border) calc(50% + 41rem + 1px),
			var(--body-shadow) calc(50% + 41rem + 1px),
			transparent calc(50% + 42rem),
			transparent 100%),
			/* Liner images below the white box */
			var(--body-left-image), var(--body-right-image),
			/* Background gradient underneath everything */
			linear-gradient(to right, var(--body-bg1) 0%, var(--body-bg2) 25%, var(--body-bg2) 75%, var(--body-bg1) 100%);
		background-position: top left, left 150px, right 150px, top left;
		background-repeat: repeat-y;
	}
}

/* Custom breakpoint - assumes main-width is 80rem */
@media (min-width: 82rem)
{
	#site-title:before
	{
		left: max(0px, calc(50% - var(--rem41) - 1px));
	}
}

/* =============================================== */
/* Game */
/* =============================================== */

#guild-game > section.edit .sidebar .imgeditor.logo .container
{
	width: 450px;
	height: 450px;
}

#guild-game > section.edit .sidebar .imgeditor.logo .container .thumbnail
{
	transform: scale(75%);
}