h1, h2, h3, h4 {
	font-weight: 300;
}
h2{font-size: 1.65rem;}
h3{font-size: 1.42rem;}

#navbar-main {
    font-weight:400;
    letter-spacing:.5px;
}
body.path-frontpage #main-wrapper #main,
#main-wrapper {
background:transparent;
}

.highlighted{
	border-bottom:none; 
	background:transparent;
	
}


.block-quickfind {
	color: #fff;
}
.block-quickfind ul {
	margin: 15px 0;
	padding: 0px;
}
.block-quickfind ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.block-quickfind ul li a {
	display: block;
	padding: 10px 0px;
	margin: 0px;
	color: #fff;
}
.block-faq .nav-link {
	text-align: left;
	padding: 18px 40px 18px 0px;
	background: transparent;
	display: block;
	font-size: 17px;
	border-bottom: solid 1px #ccc;
	font-weight: 400 !important;
	transition: .4s;
}
.block-faq .content ul {
	margin-left: -10px;
	width: 600px;
	display: block;
}
.block-faq .content .tab-content {
	padding: 0px 50px !important;
	color:#000;
}
.block-faq .content h3 {
	margin: 0 0 25px 0;
	max-width: 700px;
	line-height: 1.3;
	
}
.nav .nav-item button.active {
	transition: .4s;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	color: #000 !important;
}
.nav .nav-item button.active::after {
	content: "";
	border-right: 4px solid var(--bs-warning);
	height: 100%;
	position: absolute;
	right: -2px;
	top: 0;
	border-radius: 5px 0 0 5px;
	transition: .4s;
}
.featured-bottom {
	background: none;
	padding: 0px;
	margin: 0px;
}
.featured-bottom > .container {
	max-width: none;
}

#page{
	background-image: url("/sites/default/files/2024-08/cnas_bg6.jpg");
  background-repeat: no-repeat;
  background-color: #205caa;
  background-size:cover;
  background-position: left bottom;
  background-attachment: fixed;
  overflow: hidden;
  color: #fafafa;
}
.featured-bottom .region-featured-bottom-first .block-quickfind {
	max-width: 1320px;
	margin: 0 auto;
	padding: 50px 0;
}
.featured-bottom .region-featured-bottom-first{ background:#111;}
.featured-bottom .region-featured-bottom-second {
	background: #f0f0f0;
	color:#111;
}
.featured-bottom .region-featured-bottom-second .block-faq {
	max-width: 1320px;
	margin: 0 auto;
	padding: 50px 0;
}
.featured-bottom .region-featured-bottom-third {

}
.featured-bottom .region-featured-bottom-third .block-videos {
	max-width: 1320px;
	margin: 0 auto;
	padding: 50px 0;
}
.more-link a, .view-more {
	background-color: #111;
	color: #fff;
	padding: 12px 20px;
	text-decoration: none;
	font-weight:500;
	border-radius: 4px;
	margin: 0 auto;
		transition:.3s;
}
.more-link {
	text-align: center;
	margin-top:45px;
}
.more-link a:hover, .view-more:hover {
	background-color: #3769ae;
	transition:.3s;
	color:#fff;
	fnt
}
#block-whatsnew .content ul {
	list-style: none;
	margin: 25px 0px;
	padding: 0px;
}
#block-whatsnew .content li, .block-quickfind .content li {
	position: relative;
}
#block-whatsnew .content li a {
	font-size: 16px;
	margin: 0 0 4px 0;
	text-decoration: none;
	display: block;
	padding: 23px 0 23px 69px;
	border-bottom: dashed 1px #155bd9;
	background: #3868aead;
	border-radius:8px;
	color:#f0f0f0;
	font-weight:400;
	letter-spacing:.5px;
		transition: .4s;
}
#block-whatsnew .content li:hover a {
	border-bottom: dashed 1px #fff;
	background:#3868ae;
	color:#fff;
		transition: .4s;
			padding-left:73px;

}
#block-whatsnew .content li:before {
	content: "\f1c1";
	/* this is your text. You can also use UTF-8 character codes as I do here */
	font-family: "Font Awesome 5 Free";
	left:25px;
	position: absolute;
	top: 17px;
	font-weight: 300;
	width: 50px;
	height: 40px;
	font-size: 28px;
	color:#ddb53b;
		transition: .4s;
	
}
#block-whatsnew .content li:hover:before {
	color: #fff;
		transition: .8s;
	
}
.block-quickfind .content li a {
	font-size: 16px;
	font-weight:400;
	margin: 0;
	text-decoration: none;
	display: block;
	padding: 18px 0 18px 35px;
	transition: .4s;

}

.block-quickfind .content li:before {
	content: "\f065";
	/* this is your text. You can also use UTF-8 character codes as I do here */
	font-family: "Font Awesome 5 free";
	left: 0px;
	position: absolute;
	top: 15px;
	font-weight: 600;
	width: 50px;
	height: 40px;
	font-size: 18px;
	color: #d3ae3c;
	transition: .4s;
}

.block-areacodemap{
	position:relative;
	text-align:right;
}
.usmap-home{
    max-width: 600px;
    z-index: 100;
    position: relative;
   text-align:right;
   opacity: .9;
   margin-right: 20px;
   float:right;
	
}