#logo {
	padding-top: 20px;
}

h2 {
	letter-spacing: 0.08em;
}

#logo a {
	margin: 10px;
	background: url(img/logo.jpg) no-repeat left bottom;
	background-size: contain;
	display: block;
	height: 112px;
	text-indent: -9999px;
}

@media screen and (max-width: $nav-mobile-limit) {
	#logo {
		padding-top: 40px;
	}
	div.gru-nav-wrapper {
		background: none;
	}
}

h3, h4 {
	color: #253A8E;
}

#messages li,
div.infonotice,
div.successnotice,
div.warningnotice,
div.errornotice {
	color: black;
}

form.quixote {
	div.error {
		color: #A06718;
		font-weight: bold;
	}

	div.comment-field {
		padding: 0.9rem;
		padding-left: 3.6rem;
	}

	input, select {
		border: 1px solid #999;
	}

	div.title label {
		font-weight: bold;
	}

	div.TableWidget th span {
		font-style: italic;
		font-weight: normal;
	}

	button.cancel {
		background: #D4CAC8;
		color: #222;
	}

}

form[action="removedraft"] button {
	background: #DB635C;
}

// Steps
.wcs-steps--list {
	justify-content: center;
}

.wcs-step--label {
	text-align: center;
}

body.has-picture nav::after {
	content: "";
	display: block;
	width: 100%;
	height: 300px;
	background-color: transparent;
	background-image: var(--page-picture);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	top: -1rem;
}
