@import '../includes/fonts/source-sans-pro';


div.cell, .block {
	h1 {
		@extend %title;
		font-size: 36px;
		border-bottom: 1px solid rgb(221, 221, 221);
		margin-left: 1rem;
		margin-right: 1rem;
		padding-left: 0;
		padding-right: 0;
	}
	h2 {
		@extend %title;
	}
	&:not(.foldable) {
		h2::after {
			width: 2.65em;
			height: 0.2em;
			content: "";
			display: block;
			margin-top: 0.7em;
			background: $primary-color;
			
		}
	}
	h3 {
		@extend %title;
	}
}

// header and navigation

#logo {
	@media screen and ($max-mobile-viewport) {
		padding-left: 0;
	}
}
#logo.has-logo a {
	display: block;
	width: 100%;
	background-position: center;
	background-size: 80px 80px;
	padding-top: 50px;
	padding-bottom: 70px;
	@media screen and ($min-desktop-viewport) {
		background-size: 100px 100px;
		padding-top: 10px;
		padding-bottom: 120px;
	}
}

body.has-header-background .site-header {
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#header-wrapper {
	background: $transparent-red;
	z-index: 1;
	width: 100%;
}


body.has-picture {
	.site-header {
		background: none;
	}
	.site-nav {
		padding-bottom: 0;
		&::after {
			top: -1rem;
		}

	}
}

.site-nav {
	margin-top: -200px;
	@media screen and ($min-desktop-viewport) {
		margin-top: -250px;
	}
}
body:not(.has-picture) {
	.site-nav {
		margin-bottom: 150px;
	}
}
#nav-wrapper {
	background-color: $nav-background;
	#nav > ul {
		position: relative;
		z-index: 2;
		text-align: center;
		li {
			text-transform: uppercase;
			font-weight: 400;
			font-size: 0.778em;
			line-height: 3.071em; 
		}
	}
}

// search {
.gru-content .search-cell {
	& > div {
		padding: 2em;
		max-width: 500px;
		margin: 0 auto 1em;
		position: relative;
		background-image: url(img/bloc-recherche-formation-fond-gauche.jpg);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		&::after {
			content: "";
			background-color: $transparent-red;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
		}
		form {
			z-index: 1;
		}
		.combo-search-results {
			position: relative;
			z-index: 1;
			color: white;
		}
		.search-service-label {
			font-size: 26px;
		}
	}
	.combo-search-input {
		margin-right: 0;
	}
	.submit-button {
		color: $primary-color;
		background-image: url(img/icone_recherche_defonce.png);
		background-position: center;
		background-repeat: no-repeat;
		font-size: 0.889em;
		text-indent: -9999px;
		padding-left: 3em;
		padding-right: 3em;
	}
}
// general layout

div#main-content-wrapper {
	margin-top: 3.722em;
	max-width: 65.444em;
}

.form-content--body, .form-content--sidebox {
	border: $cell-border;
	padding: 1em;
	background: $cell-background;
}

#footer-wrapper {
	a {
		color: white;
	}
}