/* CSS Document */
.nj-gray{color:#888888;}
.fa-twitter-square:hover{color:#1da1f2;}
.fa-facebook-square:hover{color:#3b5998;}
.nj-nav{
	background-color: #90c2f3!important;
	font-size: .9375rem;
}
strong{
  font-weight: 500;
}
.nj-nav .navbar-brand{
	color: #010103;
    //max-width: 75%;
	margin-right: 0px;
	white-space: normal;
}
.nj-nav  .navbar-nav .nav-link{
	color: #010103;
	padding-right: .5rem; /*Default BT is to go to 0 on collapsed nav this sets this back to desired padding*/
	padding-left: .5rem; /*Default BT is to go to 0 on collapsed nav this sets this back to desired padding*/
  font-weight:400;

}
.nav-link.active,.nj-nav  .show >.nav-link, a.nav-link:hover{
	 background-color: #e2eefc !important;
         color: #010103!important;
	border-radius: .25rem;
}
a.nav-link:active{
  color: #010103;
}
.nj-nav .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
  	margin-left: auto;
}
.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: #010103;
    text-decoration: none;
    background-color: #e2eefc;

}

a[aria-expanded=true] .fa-chevron-circle-down {
   display: none;
}
a[aria-expanded=false] .fa-chevron-circle-up {
   display: none;
}
.acc{
  background-color:#90c2f3;
 
}
.dddacc{
  background-color: #798f4e;
}
.dddaccSub{
  background-color: #1e57A4;
}
.iconClassBlue{
  color: #1e57A4;
}
.dddaccHeader{
  background-color: #fff;
}
.accordianAnc{
   color: #000;
}
.accordianDDDAnc{
	color: #798f4e;
}

#site-name h1, #site-name .department{
color:#798f4e;
font-size:2.5rem;
font-weight: bold;                     
 }
/*FOOTER*/
footer.site {
		background: #90c2f3;
	padding: 15px 0;
		color: #010103;
	font-size: 14px;
	margin-top: 30px;
	font-weight: 300;
}

.footer.site ul.statewide{
	list-style: none;
	padding: 0px;
}
.footer.site ul.statewide a{
		color: #010103;
	font-size: 14px;
font-weight: 300;
}


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


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

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

/*----------------- page elements----------*/
#contentHeader{
	color: #798f4e;
}
.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 {     }
       #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.nj iframe {ax-height:598px}
 .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: 60px; max-height: 80px; height: auto;}
  .carousel .btn-primary  {text-transform:uppercase;}
       .carousel-indicators ul 	{position: absolute;bottom: 1rem;}
          
/*********CSS for social boxes***********/
.social-box > h4{
	color:white;
	margin: 0 ;
	padding: .7em 1em;
	font-weight: bold;
	text-align:left;
  font-size:1.2rem;
}
.news-box > h4{
	background-color:#253341;
}
.facebook-box > h4{
	background-color:#3b5998;
}
.facebook-box .wrapperfb{text-align:center;}
.twitter-box > h4{
	background-color:#42a9e9;
}
.social-box  > .wrapper{
	border: 1px solid #eef0f1;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
  background-color:#e2eefc;
 
}
.social-box  > .wrapperfb{
	border: 0px solid #eef0f1;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
  background-color:#e2eefc;
  
}
.biobtn{
  color:#000;
  background-color:#90c2f3;
}
 
/***********CSS for new archives page********/
.press-item{
    display: block;
	padding: 14px;
	overflow: auto;
}
.press-item.odd{
    background-color:#e2eefc;
}
.press-item.even{
    background-color:#fff;
}      
.press-item .date{
	display: inline-block;
	background-color: #798f4e;
	color: white;
	border-radius: 10px;
	text-align: center;
	padding: 5px;
	font-weight: bold;
    width: 62px;
    float: left;
	margin-right: 14px;
}

.press-item .date .day{
	display: block;
	background-color: white;
	color: #798f4e;
	border-radius: 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
}
.press-item .content{
    float: none; /* not needed, just for clarification */
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}
.press-title{
  font-size: 20px;
}
.right-image{
  border-radius: 0.25rem;
}