/* CSS Document */
.nj-gray{color:#888888;}
.fa-file-powerpoint, .fa-file-powerpoint:hover{color:#CE4C2D}
.fa-file-excel, fa-file-excel:hover{color:#1A7243;}
.fa-file-pdf, fa-file-pdf:hover{color:#CC1A00;}
.a-file-word, a-file-word:hover{color:#26549B;}
.fa-external-link-square-alt{color:#23A8E1;}
h3 {color:#034a8a;}
h5{color:#6d6d6d;}
.nj-nav{
	background-color: #034a8a;
	font-size: .9rem;
	line-height: 1rem;
	
}

.nj-nav .navbar-brand{
	color: #034a8a;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff;}
.nj-nav  .navbar-nav .nav-link{
	color: #fff;
	padding-right: 0.5rem; /*Default BT is to go to 0 on collapsed nav this sets this back to desired padding*/
	padding-left: 0.5rem; /*Default BT is to go to 0 on collapsed nav this sets this back to desired padding*/
	margin-right: 0.5rem;
}
.navbar-nav .nav-link i {color: #fff;}
.active .fa-home, a.nav-link:hover i{  color: #034a8a!important;}
.nav-link.active,.nj-nav  .show >.nav-link, a.nav-link:hover, .active a.nav-link{
	 background-color: #fff !important;
         color:#034a8a!important;
	border-radius: .25rem;
}
.nj-nav .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}
.nj-nav  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nj-nav .dropdown-item:focus, .nj-nav .dropdown-item:hover {

    color: #034a8a;
    text-decoration: none;
    background-color: #fff;

}


/*FOOTER*/
.footer.site {
		background: #034a8a;
	padding: 15px 0;
		color: #fff;
	font-size: 1rem;
	margin-top: 0px;
	font-weight: 300;
}
.footer.site img.digital-nj{
	    opacity: .25;
    filter: alpha(opacity=25);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.footer.site ul.statewide{
	list-style: none;
	padding: 0px;
}
.footer.site ul.statewide a{
		color: #fff;
	font-weight: 500;
}


.footer.site h3 {
    padding: 20px 0 10px 0px;
 		color: #fff;
    width: 100%;
    border-bottom: 2px solid #fff;
	font-size: 1.25rem;
}
.footer.site h3 a:link, .footer.site h3 a:link,
.footer.site .columned a, .footer.site a{
		color: #fff;
}


.footer.site  .columned ul li,
.footer.site  .columned ul{
	list-style: none;
	padding: 0px;
}

.footer.site  .columned>ul>li>h5{
	border-bottom: 1px solid #fff;
	font-size: 1rem;
	font-weight: 500;
}

/*----------------- page elements----------*/
.bg-blue {background-color:#e2eefc;}
h2.text-green, #spotlight h2, #assist h2, #links h2, h1.green {color:#798f4f!important;font-size:2rem;}

.icon {color:#90c2f3!important;}
a.btn-link {text-transform:uppercase; font-weight:600;}
       .alert .alert-icon-col {
    min-width: 25px;
    max-width: 25px;
         margin-left:0;
         padding:0 !important;
         
}
.btn-sm {     padding:0 !important;}
       #links .card {border:0 none; line-heigh: normal;}
  #links .card-img-top {border:1px solid #ccc;}      
   #links .card-title {font-size:1.0rem; margin-top: 1rem;}   
   
 /*----------------- Carousel----------*/
 .carousel-item {
bottom: 0px;
  	background-size: cover;
  	background-position: center center; 
   height:100%;
   width:100%;
   
 }
.carousel-item-card {
bottom: 0px;
  	background-size: cover;
  	background-position: center center; 
   height:100%;
   width:100%;
   
 }
       carousel-inner > .carousel-item  > img {
  width: 100%; /* to make smaller images look full */
}
 .carousel.nj .carousel-control-next-icon,
.carousel.nj .carousel-control-prev-icon{
	background-color: rgba(0,0,0,.5);
	background-size: 50% 50%;
	border-radius: 1rem;
}

.carousel.nj .carousel-indicators{
}

.carousel.nj .carousel-indicators li {
	width: 10px;
	height: 10px;
	margin-right: 3px;
	margin-left: 3px;
	border-radius: 100%;
	
}
.carousel.nj .carousel-indicators li.active {
	background-color: rgba(0,0,0,.75);
	border: 2px solid white;
}


 .carousel.nj .carousel-caption,
.carousel.nj .carousel-caption.default {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	align-items: center;
	padding-bottom: 0rem;
}


.carousel.nj .carousel-caption.left {
	width: 25%;
	top: 50%;
	transform: translateY(-50%);
	right: auto;
	left: 15%;
	bottom: auto;
	padding-bottom: 20px;
}
.carousel.nj .carousel-caption.right {
	width: 25%;
	top: 50%;
	transform: translateY(-50%);
	right: 15%;
	left: auto;
	bottom: auto;
	padding-bottom: 20px;
}

.card-img-top, .img-icon{
  width:100%;
  height:auto!important;
 
}
       *.card-img-top, *.img-icon {
   min-height: 0.01px;
}

.object-fit_fill { object-fit: fill }

.object-fit_cover { background-size: cover }
.object-fit_none { object-fit: none }
.object-fit_scale-down { object-fit: scale-down }
.list-unstyled {text-indent: 1.5rem;}  
 .img-icon {max-width: 50px; height: auto;}
  .carousel .btn-primary  {text-transform:uppercase;}
       .carousel-indicators ul 	{position: absolute;bottom: 1rem;}
 
       
/*ACCESSIBILITY */
body h5 {
  color:#4D4D4D;
}
       
#content a, .content a, main a {
  color: #0060C7;
  font-weight: 500;
}