/* BASE CSS FOR CD DEPOT PROJECTS

   Created:  2011-07-25 - dbo

   PURPOSE:
   Set up CSS elements to present project custom UI

   FILE SEQUENCE: 2
*/

/* CLIENT-SPECIFIC CSS RULES

   Created:	2012-09-10 - dbo
   Updated:	2014-12-23 - dbo - Prettify
			2015-12-17 - dbo - Prepare for Bootstrap 4

   PURPOSE:	Set up CSS elements to present project custom UI
*/
:root {
	--color-top-navbar: #fff!important;
}


body {
	background-color:#fff;
	background-size:auto; /* implied 100% height and width */
	margin:0;
	font-size: 1rem;
	line-height: 1.231;
	color:#222;
}

h1, h2, h3 {
	font-weight:bold;
}

a, a:active, a:visited {
	color:rgb(76, 171, 220);
	text-decoration:none;
	font-size:inherit;
}

a:hover {
	background-color:rgba(76, 171, 220, 0.75);
	color:#fff;
	text-decoration: none;
	border-radius:0.25rem;
}

#navbar a:hover {
	background-color: rgba(255, 255, 255, 0.3) !important;
}

th, th a, th a:hover, .pseudoth {
	color:#fff;
	background-color:#5f8cb0;
	padding-top:0.3rem;
	padding-bottom:0.3rem;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

h2.pseudoth {
	text-shadow:none;
	padding:0.75ex;
	margin:0;
	margin-top:1em;
	background-color:#435b82;
}

#main-area {
	position:relative;
	clear:both;
	background-color:#fff;
}

#header {
	height:auto;
	background: #fff;
	overflow:hidden;
	position:relative;
	left:0;
	top:0;
}

#head-content {
	display:flex;
	align-items:center;
	justify-content:center;
}


#navbar {
	background-color:rgba(59,82,103,1.00);
}

.navbar-text {
	color:#fff;
}

#navbar a {
	color:#fff;
	text-decoration:none;
	font-size:inherit;
}

#navbar a:hover, #adminbar a:hover, #footer a:hover {
	background-color:rgba(43, 85, 118, 0.8);
	color:#fff;
/*	padding:0.4rem;
	margin:-0.4rem;*/
	border-radius:0.2rem;
	-moz-border-radius:0.2rem;
}

#adminbar {
	background-color:#FFEDC7;
	border-top:1px solid #df3800;
	border-bottom:1px solid #df3800;
}

#adminbar a {
	color:#94732E;
	text-decoration:none;
	font-size:inherit;
}

#adminbar a:hover {
	background-color:rgba(148, 115, 46, 0.7);
}

#footer {
	height:3rem;
	background-color:rgba(59,82,103,1.00);
}

#footer a {
	color:#fff;
	text-decoration:none;
	font-size:inherit;
}

#footer a:hover {
	background-color:rgba(255, 255, 255, 0.9);
}

#logo_area1, #logo_area2 {
	position:static;
	display:inline-block;
	width:auto;
}

.color-header-text {
	color:#fff;
	text-shadow:0 0.2rem 0.45rem rgba(0, 0, 0, 0.4);
	margin-top:-6rem!important;
}

#bottombar {
	border-top: 1px solid #b9cbdf;
	margin-top: 1rem;
	background-color:#d0e4fc;
}

nav#bottombar.new {
	margin:0;
	padding:0 14px;
	line-height:24px;
}

#bottombar a {
	color:#222;
	text-decoration:none;
	font-size:inherit;
}

.head-container-2 {
	align-items:center;
	align-content:flex-start;
	font-size:1.125em;
}

.head-container-2 p {
	margin-top:2.5rem!important;
	color:#223348!important;
	font-weight:bold;
}