/* CSS Document */
h2.h2title{color: #01365e; font-size:2.0rem;font-weight:400, margin-top:3rem;text-transform: uppercase;font-weight: 400;}
h2.home-subtitle {font-size:1.6rem;  padding-bottom:0;color:#01365e;}
  
 h4.section-title {color:#222;font-size: 1.5rem;font-weight:400}
 h4.section-title .text-muted{font-size: 1.5rem; font-weight:400}
 h4.section-title br{display:none;}
 h5.section-subtitle{font-size:1.4rem; color:#333;font-weight:400}
table.custom {
  border-collapse: separate;
  background:#fff;
  @include border-radius(5px);
  margin:10px ;
  @include box-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

thead {
  @include border-radius(5px);
}

thead th {

  font-size:1.1em;
  font-weight:400;
  color:#333;
  @include text-shadow(1px 1px 0px rgba(0,0,0,0.5));
  text-align:left;
  padding:20px;
  background-color: #dfe0e7;
  border-bottom:1px solid #858d99;
 
  &:first-child {
   @include border-top-left-radius(5px); 
  }

  &:last-child {
    @include border-top-right-radius(5px); 
  }
}

tbody tr td {

  font-weight:400;
  color:#5f6062;
  font-size:13px;
  padding:20px 20px 20px 20px;
  border-bottom:1px solid #e0e0e0;
  
}

tbody tr:nth-child(2n) {
  background:#fff;
}

tbody tr:last-child td {
  border-bottom:none;
  &:first-child {
    @include border-bottom-left-radius(5px);
  }
  &:last-child {
    @include border-bottom-right-radius(5px);
  }
}

tbody:hover > tr td {
  @include opacity(0.5);
  
  /* uncomment for blur effect */
  /* color:transparent;
  @include text-shadow(0px 0px 2px rgba(0,0,0,0.8));*/
}

tbody:hover > tr:hover td {
  @include text-shadow(none);
  color:#2d2d2d;
  @include opacity(1.0);
}


.nj-gray{color:#888888;}
.fa-twitter-square:hover{color:#1da1f2;}
.fa-facebook-square:hover{color:#3b5998;}

strong{
  font-weight: 500;
}
                          .nj-nav {
    background-color: #90c2f3 !important;
    font-size: .9375rem;
}
.navbar-dark .navbar-brand {
    color: #000!important;
}

.nj-nav  .navbar-nav .nav-link{
	color: #010103!important;
	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;

}
#navbarSupportedContentona .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;
}


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


ul.right-links{border:0 none;}
 .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
        padding-left: 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border-left:0
        border-top:0
        border-right:0
        border-bottom:3px solid red;
    
    
}
#site-name h1, #site-name .department{
color:#798f4e;
font-size:2.5rem;
font-weight: bold;                     
 }
img.dept-logo{max-width:335px;
             height:auto}
/*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;}
.bg-lblue {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;
}
       
/*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;
}  
                   
.infobox .list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 1px solid red!important;
}        
       
       
  @include media-breakpoint-up(xs) {h2.h2title{color: #01365e; font-size:1.3rem;font-weight:400, margin-top:3rem;text-transform: uppercase;font-weight: 400;} }
@include media-breakpoint-up(sm) { h2.h2title{color: #01365e; font-size:1.3rem;font-weight:400, margin-top:3rem;text-transform: uppercase;font-weight: 400;} }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }