@import '../includes/fonts/opensans';
@import '../includes/fonts/roboto';

body {
	background: #F7F7F7;
}

div#header,
div#nav {
	background: white;
}

div#header {
	background: white url(slide_1.jpg) top right no-repeat;
	background-size: contain;
	min-height: 150px;
	@media screen and ($max-mobile-viewport) {
		background-position: top left;
		background-size: initial;
	}
}

div#nav,
div#nav > ul {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Open Sans', sans-serif;
}

div#nav > ul > li > a {
	text-transform: uppercase;
}

div#nav > ul > li:hover,
div#nav > ul > li.selected {
	border-bottom: 5px solid $primary-color;
	@media screen and ($max-mobile-viewport) {
		border-bottom: none;
		a {
			color: $primary-color;
		}
	}
}

div#nav::after {
	content: "";
	display: block;
	background: linear-gradient(to bottom, #ebebeb 0%, #F7F7F7 100%);;
	height: 10px;
	width: 100%;
	margin-bottom: 3px;
}

div#footer-wrapper {
	padding: 0;
}

div#footer {
	padding: 1ex;
	background: #0D0D0D;
}

div#main-content-wrapper {
	background: white;
	padding: 10px;
}

#toplinks {
	background: #1E73BE;
	box-shadow: none;
	border-radius: 0;
	color: white;
	border: none;
	font-weight: bold;
	min-height: 38px;
	min-width: 234px;
	padding-bottom: 2ex;
	right: 0;
}

#toplinks a {
	color: white;
}

#toplinks span.connected-user {
	font-weight: normal;
}

#logo {
	font-weight: normal;
	padding-top: 100px;
	a {
		padding-left: 10px;
		color: #647174;
		@media screen and ($max-mobile-viewport) {
			color: white;
			text-shadow: 1px 1px 0px #333;
		}
	}
}
