// page picture
body {
	background-color: $blue-light;
	background-image: url("/assets/page:background");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
body.has-picture {
	background-image: var(--page-picture);
}

//
//	HEADER
//

div#header {
	padding-top: $nav-height;
	#logo {
		&.has-logo a {
			height: 60px;
			display: block;
			background-position: bottom left;
			@media ($min-desktop-viewport) {
				height: 100px;
			}
		}
	}
}

// User info
#toplinks {
	border-radius: 0;
	border: none;
	right: 0;
}

//
//	NAV
//
.site-nav {
	@media ($min-desktop-viewport) {
		margin-top: $nav-height;
	}
}
.gru-nav-wrapper {
	@media ($max-mobile-viewport) {
	    margin-top: calc(-1 * #{$nav-menu-side});
	}
}
div.gru-nav > ul {
	margin: 0;
}


//
//	MAIN
//

#main-content {
	background-color:rgba(255, 255, 255, 0.9);
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	@media ($min-desktop-viewport) {
		padding: $columns-gutter;
	}
}

//
//	WCS
//
div#rub_service {
	h2 {
		padding-left: 0.5rem;
		@media ($min-desktop-viewport) {
			font-size: 2rem;
		}
	}
}


//
//	FOOTER
//
#footer .text-cell a {
	text-decoration: underline;
	&:hover {
		color: #ecd5a8;
	}
}
