@import '../includes/fonts/ubuntu';

body {
	font-weight: 300;
}

#header-wrapper::before {
	content: "";
	height: 57px;
	background: url(img/bg-menu.png);
	display: block;
}

#toplinks {
	top: -3rem;
	background: transparent;
	box-shadow: none;
	border: 0;
	a {
		color: #343434;
	}
}

#logo {
	margin-top: -1rem;
	display: inline-block;
	position: absolute;
	a {
		background: url(img/saint-lo-agglo.png) bottom left no-repeat;
		text-indent: -3000px;
		display: block;
		width: 271px;
		height: 138px;
		max-width: calc(100vw - 90px);
		background-size: contain;
	}
}

#top {
	position: absolute;
	width: 100%;
	left: 0;
}

.site-nav {
	border-bottom: 5px solid #ccc;
	@media screen and ($max-mobile-viewport) {
		border: 0;
	}
	margin-bottom: 2rem;
}

div#nav {
	margin-top: 40px;
	margin-bottom: 30px;
	text-transform: uppercase;
	@media screen and ($max-mobile-viewport) {
		margin-top: 120px;
	}
	> ul {
		margin-left: 300px;
		@media screen and ($max-mobile-viewport) {
			margin-left: 0;
		}
	}
}

button.ui-button,
div#content button {
	text-transform: uppercase;
	transition: opacity ease 0.2s;
	&:hover {
		opacity: 0.8;
	}
}

div#rub_service > h2,
div.cell h1 {
	padding-left: 0;
	text-align: left;
	font-size: 2.5rem;
	font-weight: 300;
	text-transform: uppercase;
}

.form-content--title,
div#rub_service h2 {
	text-align: left;
}

.form-content--title,
div#rub_service h2,
div#rub_service div.dataview, div#rub_service dl#evolutions, div#rub_service form {
	padding-left: 0;
}

div.text-check-before-submit, ul#evolutions, div#content #disclose-dataview, div#receipt-intro {
	margin-left: 0;
}

div.widget-with-error {
	// don't give a red border to error fields
	input, input[type="text"], input[type="email"],
	input[type="password"], input[type="url"], input[type="tel"],
	input[type="number"], input[type="search"], input[type="file"],
	input[type="date"], input[type="datetime-local"],
	input[type="month"], input[type="time"], input[type="week"],
	textarea, select {
		border-bottom-color: #AAA;
		&:focus {
			border-bottom-color: $button-background;
		}
	}
}

div#gauche {
	margin-top: 30px;
}

div.form-validation div.page {
	background: transparent;
	padding-left: 0;
}

div.cell.wcsformsofcategorycell {
	h2.has-picture {
		height: 100px;
		background: transparent 10px 10px no-repeat;
		padding-top: 35px;
		background-size: 80px;
		padding-left: 110px;
		&::after {
			top: 35px;
		}
	}
	ul > li > a {
		color: #cc0065;
		font-weight: 400;
	}
}

div.cell.fondgris {
	background: #f2f2f2;
}

div.tableau-budget {
	@extend .pk-budget-table;
}
