/* You can add global styles to this file, and also import other style files */
body {
	font-family: "Open Sans", Sans-Serif;
}
body.loading {
	cursor: progress;
}
h1,h2,h3,h4 {
/*	font-family: 'Open Sans Condensed', sans-serif;*/
	color: #002A5C;
	font-weight: 700;
}
.alert h1, .alert h2, .alert h3, .alert h4 {
	color: inherit;
}
.alert p:last-child {
	margin-bottom: 0;
}
.nav-item .nav-link .badge {
	position: relative;
	bottom: 2px;
}
/* Easter Egg Style */
html.throwback * {
	background-color: black !important;
	color: #32CD32 !important;
	border-color: #32CD32 !important;
	font-family: monospace !important;
}
html.throwback header#main-header nav .nav-link, html.throwback header#main-header nav .navbar-text {
	border: 1px solid #32CD32;
}

header a#skip-main {
	position: absolute;
	top:0;
	left:-9999rem;
	margin: 1rem;
	padding: 1rem;
	z-index: 9999999;
}
header a#skip-main:active, header a#skip-main:focus {
	left:0;
}

/* Main Header */
header#main-header {
	background-color: rgb(30, 55, 101);
	color: #fff;
	border-radius: 0;
	z-index: 1000;
}
body.fixed-header header#main-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
body.fixed-header #branding {
	display: none!important;
}
header#main-header #offcanvasNavbar.show a, header#main-header nav #offcanvasNavbar.show .navbar-text {
	color: #000;
}
header#main-header #nav-logo {
	height: 100px;
	margin: 20px 0;
}
/* QA Stamp */
header#main-header #QA::before {
	content: 'QA';
	font-family: cursive;
	color: rgb(220, 70, 51);
	font-size: 6rem;
	font-weight: bold;
	rotate: -20deg;
	position: absolute;
	left: 70px;
	top: -10px
}
/* DEV Stamp */
header#main-header #DEV::before {
	content: 'DEV';
	font-family: cursive;
	color: rgb(230, 220, 55);
	font-size: 6rem;
	font-weight: bold;
	rotate: -20deg;
	position: absolute;
	left: 70px;
	top: -10px
}
/* header#main-header #QA::after {
	content: 'QA';
	font-family: cursive;
	color: rgb(220, 70, 51);
	font-size: 6rem;
	font-weight: bold;
	rotate: -20deg;
	position: absolute;
	right: 70px;
	top: -10px
} */
header#main-header #branding h1 {
	margin: 0;
	color: #ffffff;
	font-weight: 600;
}
header#main-header nav.navbar {
	background-color: inherit !important;
}

/* hamburger icon */
header#main-header nav .navbar-toggler-icon
{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Main Menu */
header#main-header nav .nav-link, header#main-header nav .navbar-text {
	margin: 0 2px;
	/* transition: all 2500ms; */
}
header#main-header nav .nav-link:first-child {
	margin-left: 0px;
}
header#main-header nav .navbar-text {
	margin: 0px;
}
header#main-header nav #offcanvasNavbar.show .nav-link, header#main-header nav #offcanvasNavbar.show .navbar-text {
	background-color: inherit;
}
header#main-header nav .dropdown-menu a {
	color: #000;
}

/* Main content */
#main-container {
	padding-top: 20px;
}
body.fixed-header #main-container {
	padding-top: 200px;
}

/* Main Footer */
footer {
	color: #ffffff;
}
footer a {
	color: #ffffff;
	text-decoration: none;
}
footer h1, footer h2, footer h3, footer h4 {
	color: #ffffff;
}
footer h2 {
	font-size: 1em;
	font-weight: bold;
}
footer section#main-footer-top {
	background-color: #1e3765;
}
#footer-address {
	text-align: center;
}
#footer-logo {
	height: auto;
}
#footer-links {
	text-align: center;
}
footer section#main-footer-bottom {
	background-color: #001e42;
	height: 100px;
	text-align: center;
}
footer section#main-footer-bottom p {
	margin: 0 0;
}

/* Responsive Design */
@media only screen and (min-width: 992px) {
	header#main-header a, header#main-header nav .navbar-text {
		color: #fff;
		text-decoration: none;
	}
	header#main-header nav .nav-link, header#main-header nav .navbar-text {
		background-color: rgb(0, 30, 66);
		transition: all 250ms;
	}
	header#main-header nav .nav-link.active, header#main-header nav .navbar-text.active {
		background-color: rgb(0, 127, 163);
	}
	header#main-header nav .nav-link:hover, header#main-header nav .navbar-text:hover {
		background-color: rgb(111, 199, 234);
		color: rgb(0,0,0);
	}
	header#main-header nav .navbar-text.impersonate {
		background-color: rgb(220, 70, 51);
		color: #000;
	}

	/* Drop down */
	header#main-header nav .dropdown-menu {
		background-color: rgb(0, 30, 66);
		min-width: 100%;
		border-radius: unset;
	}
	header#main-header nav .dropdown-menu .dropdown-item {
		color: #fff;
	}
	header#main-header nav .dropdown-menu .dropdown-item:hover {
		background-color: rgb(111, 199, 234);
		color: rgb(0,0,0);
	}
	header#main-header nav .dropdown-menu .dropdown-header {
		color: rgb(111, 199, 234);
	}
	header#main-header nav .dropdown-menu .dropdown-divider {
		border-color: rgba(255,255,255,0.75)
	}

	/* footer */
	#footer-address {
		text-align: left;
	}
	#footer-links {
		text-align: right;
	}
}


/* AODA Fixes */
.bg-light .form-check-input:disabled~.form-check-label, .bg-light .form-check-input[disabled]~.form-check-label {
	opacity: 0.8;
}