@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,600');
body {
  padding-top: 0rem;
}
@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot");
  src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot");
  src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot");
  src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Medium.eot");
  src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("../font/roboto/Roboto-Bold.eot");
  src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }
.serif{
    font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; 
}
body {
  font-family: 'Roboto', sans-serif;
   /*overflow-x: hidden;
 font-weight: 400;*/ }

@charset "utf-8";
/* CSS Document */
header.sonj{
	background-color:#000;
	color: #fff;
	padding: 4px 0;
	z-index: 1;
	margin-bottom: 0px;
	}

header.sonj #logo img {
	padding: 0;
	margin: 0 5px 0 0px;
	max-height: 41px;
	display: inline-block;
}
header.sonj #logo h1 {
	font-size: 1em;
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1;
	width: auto;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}

header.sonj a {
	color: #fff;
}


header.sonj .gov-bar {
	font-size: .9375rem;
	font-weight: bold;
}
header.sonj .social  {
	font-size: .875rem;
}

header.sonj ul.statewide{ margin: 0px;}
header.sonj ul.statewide li {
	border-right: 1px solid #fff;
	font-size: 14px;
	display: inline-block;
	margin: 0;
	padding: 0 6px;
}
header.sonj ul.statewide li:last-of-type  {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

header.sonj .statewide{
	position:relative;
}
header.sonj .statewide  .drop{
	position: absolute;
	right: 0px;
	/*top: 35px;*/
	background: #000;
	width:500px;
	display:none;
	z-index: 10;
}
/*XS only*/
@media  screen and (max-width: 575px) {
	body header.sonj .statewide  .drop{
		max-width:100%;
	}
}
header.sonj .statewide  .drop button.drop-close{
	color: #999999;
}

header.sonj .statewide .drop p.disclaimer{
	float:left;
	clear:left;
	width: 100%;
	text-align:left;
}

header.sonj .statewide .drop #google_translate_element{
	float:left;
	clear:left;
	width: 100%;
}
.goog-te-combo.form-control{
	max-height: 2.125rem;
}

/*Sticky Social*/
.sticky-social{
	position:fixed;
	right:0px;
	top: 25%;
	z-index:10;
}

.sticky-social a{
	float:right;
	clear:right;
	background-color: rgba(255,255,255,1);
	padding: 3px;
	margin-bottom: 1px;
}


/*Navigation*/
.nj-nav{
	background-color: #002e9b;
    margin-top:0;
  margin-bottom:0;
}
.nj-nav .nav-link, a.nav-link{
	color: #fff;
	line-height:normal;
  	font-size: 0.9375 rem;
}
.nav-link.tab{
  color : #4676fa;
  line-height:normal;
  	font-size: 0.9375 rem;
}
.nj-nav .nav-link.active, .nj-nav  .show >.nav-link, .navbar-nav .show > .nav-item a, a.nav-link:hover{
	background: #01226c;
	border-radius: .25rem;
  color:#fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.nj-nav .navbar-nav .navbar-togglerr {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}
.nj-nav  .navbar-dark .navbar-togglerr-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");
}

.dropdown.nav-link:link, .dropdown-item:focus, .nj-nav .dropdown-item:hover; li.dropdown {

    color: #fff;
    text-decoration: none;
    background-color: #002e9b;
    text-align:left!important;

}
.dropdown-menu {text-align: left!important; }
.dropdown-menu a:hover {background-color: #0066cc; color: #fff;}
.nav-fill .nav-item {


    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
}
nav.my-nj a:hover {background-color:#0556ae;}	

.myNJ { background-color: #0066cc; color: #fff;}
.myNJ a:link {color: #fff;}
.myNJ a:hover,
.myNJ a:focus {color: #fff;}
.header-blue {color:#00289d;}

/*FOOTER*/
footer.footer{
	background: #0066cc;
	padding: 15px 0;
	color: #fff;
	font-size: 0.875rem;
  	word-wrap: break-word;
}

 .footer a:link, .footer a:focus, .footer a:visited {text-decoration:none; color:#ffffff!important;}
 .footer a:hover {
   text-decoration:underline;
 }
footer.nj {
	background: #333;
	padding: 15px 0;
	color: #fff;
	font-size: 0.875rem;
}


footer .nj{		background-color:#333;
	color: #fff;}
    
    .card-columns {
     @include media-breakpoint-only(md) {
    column-count: 1;
  }   
  @include media-breakpoint-only(lg) {
    column-count: 2;
  }
  @include media-breakpoint-only(xl) {
    column-count: 2;
  }
}
                                                     
/* Changes for accordion and tabs */
a[aria-expanded=true] .fa-plus-circle {
   display: none;
}
a[aria-expanded=false] .fa-minus-circle {
   display: none;
}
.nav-link.acc{
color : #000;
}
#tabs{
	background: #fff;
}
#tabs h6.section-title{
    color: #0056b3;
}

#tabs .nav-tabs .nav-item.show .nav-link{
    color: #e9ecef;
	 background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    font-size: 20px;
    font-weight: bold;
}
#tabs .nav-tabs .nav-link {
	
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    font-size: 20px;
	font-weight : bold;
}
#tabs .nav-tabs .nav-link:hover {
    background-color: rgba(0,0,0,.03);
    color: #0056b3;
}
a.nav-item.nav-link {
 color: #0056b3;
}
a.nav-item.nav-link.active{
  background-color: rgb(0, 94, 208);
 color: #fff;
}
#accordionTab {
width: 100%;
color: #fff;
}
#nav-tabContent{
padding-top: 0;
}

