@charset "utf-8";
/* CSS for Section 508 */

* { font-family: 'Open Sans', Verdana, sans-serif; }

a, a:active { color:#00F; text-decoration: underline; } /*link blue */
a:visited { color:#639 } /* dark purple */
a:hover { color:#1d376c; text-decoration: underline; } /* yellow bus */
a.dkbluline {
	color: #00c;
	text-decoration: underline;
	background-color: transparent;
} 

.subnav { float:left; padding-right:10px; width:200px; }

#fhwacontent {
	font-size: 0.8rem;
	padding: 10px 15px;
}

#programtitle .container-fluid { 
	background: #1d376c!important;
	color: #fff;
	border-top: #6c757d 1px solid;
	/*border-top: #fcd804 1px solid;*/
	/*background: url(/508/images/programtitle_logo_s508_banner.png) 85% no-repeat!important;*/
}

#programtitle .container-fluid h1 { 
	color: #fff;
	font-size: 2rem;
	margin: 0;
	padding: 10px 0px;
	text-align: left;
}

#fhwafooter .fhwasign {
	background: url(/images/fhwa2/bg/imgfhwasign.png) left no-repeat; 
	border-right: #fff 1px solid; 
	float: left; 
	margin-right: 10px; 
	width: 162px;
	max-width: 100%;
/*  	height: auto; */
}

/* Color scheme from S508 logos */
.s508yellow { color: #000; background-color: #fcd804; }
.s508blue { color: #fff; background-color: #1d376c; }
.txts508yellow { color: #fcd804; background-color: transparent; }
.txts508blue { color: #1d376c; background-color: transparent; }

.nav-link { padding: 0.2rem 1rem; }

.nav508 .navbar-nav .nav-link {
	color: #fff;
	background-color: #000;
	border-color: #fcd804;
/*	text-align: center;*/
	text-decoration:none;
}

.nav508 .navbar-nav .nav-link:hover {
	color: #fcd804!important;
	background-color: #1d376c;
	border-color: #feeb81;
	text-decoration: underline;
}

.nav508 .navbar-nav .nav-link:focus {
	color: #fff;
	background-color: #152951;
	border-color: #9ab3e4;
	box-shadow: 0 0 0 0.2rem rgba(154, 179, 228, 0.5);
}

.nav508 .navbar-nav .show > .nav-link,
.nav508 .navbar-nav .active > .nav-link,
.nav508 .navbar-nav .nav-link.show,
.nav508 .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-toggler {
  padding: 0.2rem 0.3rem;
  font-size: 13px;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

.nav508 .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.nav508 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.shadow {
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

.img-ctr {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.rounded-xl { border-radius: 0.8rem!important; }
.rounded-xxl { border-radius: 2rem!important; }

.w-12 { width: 12%!important; }
.w-15 { width: 15%!important; }
.w-48 { width: 48%!important; }
.w150 { width: 150px; }

#fhwacontent #pagedates {
	border-top:#999 1px solid;
	clear:both;
	padding: 5px 0;
}

.cardhdr {
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
}

.rightnav { border-left: 1px solid #fcd804; }

.navbar {
	background-color: #000; 
	color: #fff!important;
	border-bottom: #fcd804 1px solid;
}