
.uk-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}

.uk-panel-box {
	padding: 15px;
	background: #fafafa;
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.uk-overlay-background { background: rgba(0,0,0,.6); }

.uk-h2,
h2 { line-height: 0.9em; }

.uk-h3,
h3 { line-height: 1.3em; }

.uk-h4,
h4 { line-height: 1.3em; }

.uk-h5,
h5 { line-height: normal; }

/**+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 25px;
    margin-bottom: auto;
}*/

.uk-nav-offcanvas .uk-nav-header {
	background: inherit;
	padding: 7px 0;
}

.nga-active>a {
	background: #009dd8;
	color: #fff !important;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
} 

h2.uk-panel-title {
	font-family: ff-mark-medium, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	line-height: 1.0em;
}

.nga-hero-banner {
	max-height: 450px;
	height: 55vmin;
}

/* responsive main hero banner image  at head of each page */
.nga-hero-banner img {
	object-fit: cover;
	height: 0vmin; /*allows for small screens to scale image propostionally without exceeding natural height on larger*/
}

.nga-brand-red { color: #ed1c24 }

.nga-brand-bold {
	font-family: ff-mark-medium, Arial, Helvetica, sans-serif !important;
	line-height: 1.2em;
}

.nga-h1-lineheight { line-height: 35px }

h1.nga-brand-bold {
	font-family: ff-mark-medium, Arial, Helvetica, sans-serif !important;
	line-height: 1.1em;
}

#DTLSCOL h1 {
	margin-bottom: 5px;
	font-family: ff-mark-medium, Arial, Helvetica, sans-serif;
}

#DTLSCOL h2 {
	margin-top: 5px;
	line-height: 1em
}

.uk-badge-notification {
	line-height: 20px;
	height: 20px;
	letter-spacing: -1px;
	font-weight:500;
	font-size:14px;
}

.nga-home-overlay-panel .uk-overlay-panel { padding: 15px; }
