body {
	border-left: 0;
	&.has-header-background {
		#header {
			height: 241px;
			background-position: center;
		}
	}
}

#header {
	display: flex;
	align-items: center;
	@media ($min-desktop-viewport) {
		h1.has-logo {
			margin-left: 20px;
		}
	}
}

div#main-content-wrapper {
	@media ($max-mobile-viewport) {
		margin-top: 5px;
	}
	h1 {
		color: $ee-red;
		padding-left: 20px;
		border-left: solid 3px #d0043c;
		font-size: 2em;
	}
}

div.gru-nav {
	.gru-nav-button {
		position: absolute;
		&.toggled {
			position: fixed;
		}
	}
	.menu {
		@media (min-width: $nav-mobile-limit + 1) {
			margin-top: 3px;
			border-bottom: solid 5px #D1D3D4;
		}

		&--link {
			text-transform: uppercase;
			font-size: 22px;
			font-weight: normal;
		}
	}
	.submenu {
		&--item {
			border-top: solid 1px #fff;
		}

		&--link:hover {
			background: $ee-red-1;
		}
	}
}

div.wcsformcell.has-asset-picture {
	margin-left: 1.5rem;
	a {
		text-decoration: none;
		&:hover {
			color: $cell-entry-hover-color;
		}
	}
	img {
		padding: $cell-image-padding;
	}
	span.form--title {
		display: block;
		padding: 0 $cell-image-padding;
		font-weight: 600;
	}
	div.description {
		padding: 0 1rem;
		font-size: 0.9em;
	}
}

/* custom est-ensemble menu entry */
div.gru-nav ul {
	@media ($min-desktop-viewport) {
		display: flex;
	}
}

div.gru-nav li.menu-est-ensemble {
	@media ($min-desktop-viewport) {
		margin-left: auto;
	}
	a {
		@media ($min-desktop-viewport) {
			background: $ee-red;
			span {
				color: white;
				&:hover {
					text-decoration: underline;
				}
			}
		}
		span::before {
			content: '\f015';
			font-family: FontAwesome;
			margin-right: 5px;
		}
	}
}
