/* Global */
body {
	min-width: 290px;
	padding-top: 138px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Fjalla One", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #565656;
}
h1 {
	font-size: 50px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 36px;
}
h4 {
	font-size: 26px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
}

/* Portal Navigation Bar */
.portalNavbar {
	background-color: #151515;
	height: 86px;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #000000;
	border: none;
	border-bottom: 1px dashed #555555;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.portalNavbar .container-fluid {
	padding: 0 !important;
	margin: 0 !important;
}
.portalNavbar .nav {
	margin-top:19px;
}
.portalNavbar .nav a {
	color: #FFFFFF !important;
	font-size: 12px;
}
.portalNavbar .nav a:hover {
	color: #FFFFE6 !important;
}
.portalNavbar .navbar-brand {
	padding:11px 0 0 12px !important;
	margin:0 !important;
}

/* Application Navigation Bar */
.appNavbar {
	margin-top:86px;
}
.appNavbar .nav li a {
	color: #CDB987;
	font-size: 13px;
}
.appNavbar .nav li a:focus {
	color: #CDB987;
	font-size: 13px;
}
.appNavbar .nav li a:hover {
	background-color: #000000;
	color: #f4d891;
}
.appNavbar .nav .active a {
	background-color: #000000;
}
.appNavbar .nav .active a:hover {
	color: #f4d891;
}

.appNavbar .nav > .active > a,
.appNavbar .nav > .active > a:hover,
.appNavbar .nav > .active > a:focus {
	color: #f4d891;
}

.appNavbar .navbar-brand, .appNavbar .navbar-brand:hover, .appNavbar .navbar-brand:active, .appNavbar .navbar-brand:focus {
	color: #CDB987;
	padding-bottom:0;
}

@media (max-width: 768px) {
	body {
		padding-top: 0;
	}
	.navbar-fixed-top,
	.navbar-fixed-bottom,
	.navbar-static-top {
		position: relative;
	}
	.navbar-nav {
		margin-right: 0 !important;
	}
	.appNavbar {
		margin-top: 0;
	}
	
	.nav {
		margin-bottom: 0px;
	}
}