%button {
	font-weight: 600;
	text-transform: lowercase;
	font-variant: small-caps;
}

//
// HEADER
//
body.has-header-background {
	.site-header {
		@media ($min-desktop-viewport) {
			background-size: auto 100%;
		}
	}
}
div#header {
	padding: 0;
}
#logo.has-logo {
	display: inline-block;
	background-image: radial-gradient(
		circle at 10% 80%,
		white 75%, transparent 90%);
	@media ($min-desktop-viewport) {
		background-image: radial-gradient(
			ellipse at 10% 80%,
			white 60%, transparent 70%);
	}
	background-position: 0 0;
		a {
		background-origin: content-box;
		height: $header-height-mobile;
		width: $header-height-mobile;
		padding: 10px;
		@media ($min-desktop-viewport) {
			height: $header-height-desktop;
			width: $header-height-desktop;
		}
	}
}
// user links
#toplinks {
	border: none;
	box-shadow: none;
	right: 0;
	padding: 0.5em 1em;
	background: hsla(0, 0%, 100%, 0.8);
	border-radius: 0 0 0 1em;

	a {
		@media($max-mobile-viewport) {
			display: block;
		}
	}
}

//
// NAV
//
.gru-nav-wrapper {
	@media ($max-mobile-viewport) {
		margin-top: -$nav-menu-side;
	}
}
div.gru-nav > ul {
	margin: 0;
}

//
// PAGE PICTURE
//
body.has-picture .site-nav::after {
	top: 0;
}

//
// MAIN
//
div#page main {
	padding-top: 2rem;
	background-color: $gray-xlight;
}

//
// FOOTER
//
#footer-wrapper {
	margin-top: 0;
	background: url(img/footer-background.png) white;

	.menucell li a {
		color: $link-color;
	}
}
