/*
 * Copyright AffinityCE, LLC. Confidential Business Information.
 * Not to be shared, copied, duplicated, or distributed in any form
 * or fashion without the express written approval of AffinityCE, LLC principals.
 */

/* BASE CSS FOR CD DEPOT PROJECTS

   Created:  2011-07-25 - dbo

   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
*/
body {
	background-color: var(--color-white);
	margin: 0;
	color: var(--color-black);
}

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

#main-area {
	position: relative;
	clear: both;
	background-color: var(--color-white);
}

#header {
	min-height: 7.5rem;
	background: var(--color-page-head-bg);
	display: flex;
	align-items: center;
}

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

#navbar {
	background-color: var(--color-navbar-bg);
}

#navbar button {
	color:var(--color-white);
}

#navbar p.mb-0 {
	margin: 0 auto;
}

#navbar a {
	color: var(--color-black);
	text-decoration: none;
	font-size: inherit;
}

#navbar a:hover {
	background-color: rgba(43, 85, 118, 0.8);
	color: var(--color-black);
	border-radius: 0.125rem;
}

#adminbar {
	background-color: #FFEDC7;
	border-top: 0.0625rem solid #dbc9a4;
	border-bottom: 0.0625rem solid #dbc9a4;
	padding:0 0.5rem;
}

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

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

#footer {
	height: 3.125rem;
	background: var(--color-page-foot-bg);
}

#footer a {
	color: var(--color-black);
}

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

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

.color-header-text {
	color: var(--color-black);
	margin-top:0!important;
	font-weight:normal;
}

#bottombar {
	border-top: 0.0625rem solid var(--color-bottombar-top);
	margin-top: 1rem;
	background-color: var(--color-bottombar-bg);
}

#bottombar a {
	color: var(--color-black);
}

.footer-box:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: var(--color-black);
}