@charset "utf-8";

/* CSS Document */
:root {
  --dk-blue: #327AB8; 
  --gray: #dde6e8;
  --lt-gray: #ededed;
  --cards-gray: #f0f0f0;
  --resources-gray: #E3EBE7;
  --blue: #1E7BBE;
  --title-blue: #3B67B1;
  --green: #4b800a;
  --footer_bg: #247ABC;
	--main-color: #2288cf;
	--main-color-txt: #2878C3;
	--main-dark-txt: #2260be;
	--sub-color: #568b00;
	--sub-color-bg: #4F8000;
    --white: #ffffff;
	--yellow: #ffff00;
	--mxWidth: 82%;
	--subFont: "Roboto-Slab";
	--main-bg: #2b70ac;
	--sub-bg: #5a8b00;
	--grey: #efefef;
}

@font-face {
	font-family: "Roboto-Slab";
	src: url("/nj/design/fonts/RobotoSlab-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Slab";
	src: url("/nj/design/fonts/RobotoSlab-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

main {
  position: relative;
}

main:not(.subpage-template) {
	overflow: hidden;
}

.overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 1.4375em;
}

#si_menu .btn_translate {
  padding: .143em .5em;
}
#si_menu icon.fa-envelope{color: #ffffff}
.mynj {
  background: #fff;
  border-top: 3px solid #d2d2d2;
  text-decoration: none;
  padding: .219em .75em;
  border-radius: 0 0 .25em .25em;
  display: inline-block;
  box-shadow: .3em .4em .7em rgba(0, 0, 0, .35);
}

.mynj:hover {
  background: var(--sub-bg);
  text-decoration: none;
}

.mynj > strong {
  font-size: .9375em;
  font-weight: 800;
  color: #000;
}

.mynj:hover > strong, .mynj:hover > .fas  {
  color: #fff;
}


.card-subtitle {
	font-family: var(--subFont);
	font-weight: bold;
}

.card-title {
	font-weight: bold;
}

h3.card-title {
	font-size: 1.3125em;
}

.card_link {
	text-decoration: none;
}

.card_link:hover {
	text-decoration: underline;
	color: #2288cf;
}

/*Default FA5 icon color*/
.nj-gray{color:#999999;}
.fa-square-x-twitter:hover{color:#000000;}
.fa-fa-x-twitter:hover{color:#000000;}
.fa-twitter:hover{color:#00acee;}
.fa-facebook-square:hover{color:#316ff6;}
.fa-facebook:hover{color:#316ff6;}
.fa-facebook-f:hover {color:#316ff6;}
.fa-instagram:hover{color:#c32aa3;}
.fa-youtube-square:hover{color:#ff0000;}
.fa-youtube:hover{color:#C4302B;}
.fa-pinterest-square:hover{color:#bd081c;}
.fa-pinterest:hover{color:#bd081c;}
.fa-flickr:hover{color:#f40083;}
.fa-linkedin:hover{color:#007bb5;}
.fa-tumblr-square:hover{color:#35465d;}
.fa-tumblr:hover{color:#35465d;}
.fa-wordpress:hover{color: #00a0d2;}
.fa-snapchat:hover{color: #fffc00;}
.fa-envelope:hover{color: #002e9b;}
.fa-podcast:hover{color: #b051e1;}
.fa-snapchat-ghost:hover {color: var(--yellow)} 
.bg-light{ background-colorcolor: var(--lt-gray)}
.text-green{color: var(--green)}
.text-dk-blue{color: var(--dk-blue)}

#features h3.card-subtitle{font-size:1.5em}
#features h2.card-title{font-size:2.2em; }
h2.card-subtitle{font-size:1.7em}
#IconCard h3.card-title{font-size:1.7em}
.font-awesome-icon {color: var(--sub-color);font-size:3.5em;}

.fas, .fab {
	color: var(--sub-color);
}

.text-white .fab {
	color: #fff;
}

.gov-card a, .gov-card a:hover {
	text-decoration: none;
}

.gov-card a.text-white {
	font-size: 1.4em;
}

.gov-card h4 {
	font-family: var(--subFont);
}

.gov-card h5 {
	font-weight: bold;
}

#nj a.btn {
  user-select: auto;
}
.carousel { padding-bottom: 4rem; }
.carousel { overflow: hidden; padding-bottom: 4rem; }
.carousel-caption { top: 100%; }
.carousel-inner { overflow: visible; }
.carousel-control-next, .carousel-control-prev, .carousel-indicators { bottom: 4rem; }


.carousel-control-next,
.carousel-control-prev {
  opacity: 1 !important;
  z-index: 1000;
}

.carousel-control-next:hover,
.carousel-control-next:focus,
.carousel-control-prev:hover,
.carousel-control-prev:focus {
  transform: scale(150%);
  /*Revetert back CS 11/9/21*/
}

.carousel.sonj .carousel-control-next-icon,
.carousel.sonj .carousel-control-prev-icon {
  background-color: rgb(0, 0, 0) !important;
  border: 2px solid white;
}

.carousel-indicators li {
  opacity: 1 !important;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.carousel.sonj .carousel-indicators li.active {
  margin-top: 3px;
  margin-bottom: 3px;
}

.carousel-indicators li.togglePauseCarousel {
  border-radius: 5px !important;
  height: 20px !important;
  width: 20px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  text-indent: 3px !important;
}

.carousel-indicators li.togglePauseCarousel svg {
  padding: 0 0 1px 0;
}

/*#nj .border-orange {
  border-color: var(--orange) !important;
}

#nj .step-title {
  background-color: var(--gray) !important;
  color: var(--dk-blue) !important;
  font-weight: bold;
}
*/
/*IE11 Image Bug Fix*/
#nj img.img-fluid {
  flex-shrink: 0;
}

#nj .navbar-brand {
  max-width: 75%;
  margin-right: 0px;
  white-space: normal;
  color: var(--main-color-txt);
}
                    
.lh-drop { line-height: .687; }

/*------- HOME PAGE HERO ----------*/

.hero_sign {
	background: var(--main-bg);
	max-width: 56.5em;
    margin: -11.125em auto 0;
	color: #fff;
	position: relative;
	z-index: 2;
	padding: 1.25em;
	border-radius: .25em;
}

.hero_sign .c_icon {
	background: var(--sub-bg);
	width: 6.25em;
    height: 6.25em;
    border-radius: .25em;
    display: flex;
    margin: -4em auto 0;
	justify-content: center;
    align-items: center;
}

.hero_sign .c_icon::before {
	font-size: 4.4em;
}

.hero_sign h1 {
	font-size: 3.75em;
	font-family: var(--subFont);
	font-weight: bold;
}

.hero_sign p {
	font-size: 1.5em;
}

.hero_sign a {
	color: var(--main-dark-txt);
	background:#fff;
	width: auto;
}

.hero_sign a > strong {
	font-size: 1.375em;
	font-weight: 900;
}

.bg-grey {
	background: var(--grey);
}

.no-bg {
	background: none;
}

/*------- HOME PAGE HERO END ----------*/
                    
/*------- ERROR PAGE ----------*/
                    
.box {
  background: #fff;
  border: 2px solid #dbdbdb;
  max-width: 52.8125em;
}
                    
.subfont {
    font-family: var(--subFont);
}
                    
.box h2 {
   color: var(--sub-bg);
  font-weight: bold;
}
                    
.box_top {
    background: #fff;
    width: 6em;
    height: 4.125em;
    display: block;
    margin: -1.375em auto 0;
    box-shadow: 0 -2px 0 #dbdbdb;
}
                    
.box.sign img {
    transform: scale(0,0) rotate(-80deg);
    transition: .4s opacity, .5s transform cubic-bezier(0.100, 0.590, 0.305, 1.355);
    transform-origin: left bottom;
}
                    
html[style="height: 100%;"] .box.sign img {
    transform: scale(1,1) rotate(0deg);
    transition-delay: .1s;
}
                    
/*------- ERROR PAGE END ----------*/

.highlights .col {
	align-self: center;
}

.highlights a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: var(--main-dark-txt);
}

.card-link.more {
	text-decoration: none;
	font-size: 1.125em;
}

.card.featured {
	background: #d2dfc1;
	border-color: #d2dfc1;
}

.card.featured path {
	fill: #225fbc;
}

#happenings .card {
	height: 100%;
}

/*XS*/
/*Sets caption to below carousel on smallest devices*/
@media screen and (max-width: 575px) {

  #nj .carousel.sonj .carousel-caption,
  #nj .carousel.sonj .carousel-caption.default,
  #nj .carousel.sonj .carousel-caption.left,
  #nj .carousel.sonj .carousel-caption.right {
    background: rgba(0, 0, 0, 0.4);
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    align-items: center;
    padding-bottom: 2rem;
    top: unset;
    transform: unset;
    box-sizing: content-box;
  }
}


#nj #site-name .h2 {
  margin: 2px 0px 0px 0px;
}

#nj #site-name .h2>.department {
  /* use this if there is a logo and text should be centered vertically
	position: absolute;
	top: 50%;
	left: inherit;
	transform: translateY(-50%);
	*/
  /*Use this if there is no logo*/
  position: relative;
  color: #000000;
  font-size: 2.5rem;
  font-weight: 500;
}


/*Navigation*/

#nj-pNav1 > .nav-link {
	min-height: 2.133em;
}

#navbar-site .navbar-nav {
	justify-content: space-between;
	width: 100%;
}

.nav-item svg path {
	fill: var(--sub-color);
}

#nj .nj.department-level {
  background-color: #fff;
  color: #ffffff !important;
	border-top: 2px solid #d7d7d7;
    	border-bottom: 2px solid #d7d7d7;
}

#nj button.navbar-toggler:focus,
#nj button.navbar-toggler:hover {
  background-color: #ffffff;
  color: #ffffff;
}


#nj .sonj-nav.nj.department-level nav.navbar button.navbar-toggler span.navbar-toggler-icon,
#nj .sonj-nav.global-nav nav.navbar button.navbar-toggler span.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(43,92,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



/* #nj .sonj-nav.nj.department-level nav.navbar button.navbar-toggler {
  color: rgba(34, 78, 118, 1) !important;
  border-color: rgba(147, 59, 118, 1) !important;
} */

#nj button.navbar-toggler:focus .navbar-toggler-icon,
#nj button.navbar-toggler:hover .navbar-toggler-icon,
#nj .sonj-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(34, 136, 207, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

#nj .nj.department-level ul.navbar-nav>li.nav-item>a.nav-link {
  color: #000;
  border-radius: 0.25rem;
	font-weight: bold;
}

#nj .nj.department-level ul.navbar-nav>li.nav-item > .nav-link:hover {
	color: var(--main-color-txt);
}

.nav-link:hover .svg-inline--fa path {
	fill: var(--main-color);
}

#nj .sonj-nav .nav-link:hover,
#nj .sonj-nav .nav-link:focus,
.sonj-nav .nav-link.active,
.sonj-nav .show>.nav-link {
	
}

.sonj-nav .nav-link.active, .sonj-nav .show >.nav-link, .sonj-nav.nj .nav-link:hover {
	background: inherit;
	text-decoration: none !important;
}

.sonj-nav .navbar-nav .nav-link {
	position: relative;
	padding-left:0;
	padding-right: 0;
}

.sonj-nav .nav-link::after {
	content:"";
	position: absolute;
	left:0;
	right:0;
	bottom:-.6em;
	background: var(--sub-color);
	height: .333em;
	transform: scaleY(0);
	transition: transform .3s;
	transform-origin: center bottom;
	border:0;
}

.sonj-nav .nav-link.active::after {
	background: var(--main-color);
}

.sonj-nav .nav-link.active::after, .sonj-nav .nav-link:hover::after {
	transform: scaleY(1);
}

#nj .sonj-nav .dropdown-menu li a:hover {
  text-decoration: none !important;
}

/* #nj .sonj-nav .nav-link {
  border-bottom: 5px solid #ffffff;
} */

/* #nj .sonj-nav .nav-link.active {
  background: #ffffff;
  border-bottom: 5px solid var(--green);
} */

/* #nj .sonj-nav .show>.nav-link {
  background: #ffffff;
  border-bottom: 5px solid black;
} */

.sonj-nav .dropdown-item:focus,
.sonj-nav .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: /*#2c5697*/ var(--main-color);
}


/*Carousel Custom Button Color*/
.btn-blue {
  background-color: var(--dk-blue);
  border-color: var(--dk-blue);
	color: #fff;
    border-radius: .25rem;
}

/*List Icons*/
ul.checkmark {
  list-style: none;
}
ul.checkmark li{
  position: relative;
  padding-left: 1.5em; 
  padding-bottom:0.5em;


}
ul.checkmark li:before {
  content: '✓';
 color: var(--green);
  fint-weight:600;

  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  
}

/*----./Government----- */
                 .gov-card{
min-height: 300px;

background-repeat: no-repeat;
 flex-flow: column;
 height: 380px;
 min-height: 380px;
 background-size: cover;
 background-position: 50% 50%;
margin-top: 0;
                   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gov-card .card-body  {
    max-height: 125px;
    background-color: rgba(40,40,54,0.8);
    padding: 15px 20px;
    margin-bottom: 0;
    color: #fff;
     width: 100%;
    position: absolute;
	bottom: 0;
	}
/*Footer*/
#footer nav {
    background: var(--footer_bg);
}
#nj footer .site-footer {
  background: var(--footer-blue);
	margin-top:0;
}

#nj footer {
	overflow: hidden;
}

#nj footer .site-footer img.digital-nj {
  max-height: 100px;
}

#nj footer a.social:focus {
  outline: 1px dashed white;
}

#nj footer a.snav {
  font-size: 0.875rem;
}

#nj .social-box>h4 {
  color: white;
  margin: 0;
  padding: 0.25em 1em;
  font-weight: bold;
  text-align: left;
}

#nj .news-box>h4 {
  background-color: #253341;
}

#nj .facebook-box>h4 {
  background-color: #17548d;
}

#nj .facebook-box .wrapper {
  text-align: center;
}

#nj .twitter-box>h4 {
  background-color: #479ae8;
}

#nj .social-box>.wrapper {
  border: 1px solid #9c9c9c;
  max-height: 500px;
  height: 500px;
  overflow: hidden;
}

#nj .social-box.news-box>.wrapper {
  overflow-y: scroll;
}

/*Custom Accordion*/
#nj .accordianDDDAnc
#nj .accordion-header {
  /*background-color:var(--dk-blue);*/
  border: 1px solid #e9ecef;
  border-left: 10px solid var(--dk-blue);
  border-radius: 4px;
  padding-right: 0.25em;
}

#nj .accordion-header.blue {
  border-left: 10px solid #1e57a4;
}

#nj .accordion-header.green {
  border-left: 1px solid #008546;
}

#nj .accordion-header.orange,
#nj .accordion-header.orange.topic {
  border-left: 10px solid var(--orange);
}

#nj .accordion-header.lt-green.topic {
  border-left: 10px solid #7eb759;
}

#nj .accordion-header.green.topic {
  border-left: 10px solid #009845;
}

#nj .accordion-header.yellow.topic {
  border-left: 10px solid #ffc73a;
}

#nj .accordion-header.lt-blue.topic {
  border-left: 10px solid #80cae5;
}

#nj .accordion-header.blue.topic {
  border-left: 10px solid #6ea2de;
}

#nj .accordion-header.dk-blue.topic {
  border-left: 10px solid #0074c9;
}

#nj .accordion-header.gray,
#nj .accordion-header.gray.topic {
  border-left: 10px solid var(--gray);
}

/*Accordion in and Accordion
#nj .accordion-content>section>.accordion-header{
	border: 1px solid #e9ecef;
	border-left: 10px solid #1e57A4;
	border-radius: 4px;
	padding-right: .25em;
}
*/

#nj .accordion-header .btn {
  font-weight: 500;
  /*color: white;*/
  color: #000;
}

/*
fa-plus-circle
fa-minus-circle
*/
#nj .accordion-header .btn.collapsed .fa-minus-circle,
#nj .accordion-header .btn.collapsed .fa-minus-circle,
#nj .accordion-header .btn.collapsed .fa-circle-minus,
#nj .accordion-header .btn.collapsed .fa-circle-chevron-up,
#nj .accordion-header .btn.collapsed .fa-chevron-up{

  display: none;
}

#nj .accordion-header .btn.collapsed .fa-plus-circle,
#nj .accordion-header .btn.collapsed .fa-plus-circle,
#nj .accordion-header .btn.collapsed .fa-circle-plus,
#nj .accordion-header .btn.collapsed .fa-circle-chevron-down,
#nj .accordion-header .btn.collapsed .fa-chevron-down{
  display: inline-block;
}

#nj .accordion-header .btn .fa-minus-circle,
#nj .accordion-header .btn .fa-minus-circle,
#nj .accordion-header .btn .fa-circle-minus,
#nj .accordion-header .btn .fa-circle-chevron-up,
#nj .accordion-header .btn .fa-chevron-down{
  display: inline-block;
}

#nj .accordion-header .btn .fa-plus-circle,
#nj .accordion-header .btn .fa-plus-circle,
#nj .accordion-header .btn .fa-circle-plus,
#nj .accordion-header .btn .fa-circle-chevron-down,
#nj .accordion-header .btn .fa-chevron-down{
  display: none;
}

#nj .accordion-header .btn .fa-plus-circle,
#nj .accordion-header .btn .fa-minus-circle,
#nj .accordion-header .btn .fa-plus-circle,
#nj .accordion-header .btn .fa-minus-circle,
#nj .accordion-header .btn .fa-circle-plus,
#nj .accordion-header .btn .fa-circle-minus,
#nj .accordion-header .btn .fa-circle-chevron-down,
#nj .accordion-header .btn .fa-circle-chevron-up,
#nj .accordion-header .btn .fa-chevron-up{
  position: absolute;
  right: 0px;
  top: 0.75em;
  /*color: white;*/
  color: var(--dk-blue);
}

#nj .accordion-header.dk-blue .btn .accordion-close,
#nj .accordion-header.dk-blue .btn .accordion-open {
  color: var(--dk-blue);
}

#nj .accordion-header.gray .btn .accordion-close,
#nj .accordion-header.gray .btn .accordion-open {
  color: var(--gray);
  background-color: #000000;
  border-radius: 50%;
}

#nj .accordion-header.orange .btn .accordion-close,
#nj .accordion-header.orange .btn .accordion-open {
  color: var(--orange);
}


#nj .accordion-header .btn {
  width: 100%;
  position: relative;
}
.card .fa-icon-static {
	min-height: 1.5em;
}
.card .font-awesome-icon {
	min-height: 1.5em;
}


.svg-inline--fa {
	animation: fade-in .4s;
}

@keyframes fade-in {
	from { opacity: 0; transform: scale(0);}
	to { transform: scale(1); opacity: 1;}
}

#nj .accordion.custom-accordion .card,
#nj .accordion.custom-accordion .card-header {
  border-radius: 0.25rem;
  border: 0px;
}

#nj .accordion.custom-accordion .card-header {
  /*background-color:#1e57A4;*/
  background-color: #ffffff;
  border-top: 1px solid #e9ecef !important;
  border-bottom: 1px solid #e9ecef !important;
  border-right: 1px solid #e9ecef !important;
  border-left: 1px solid #1e57a4;
  color: #000;
  margin-bottom: 1px;
}
#nj .accordion a.accordianDDDAn{  border-left: 1px solid #008546;}
#nj .accordion.custom-accordion .blue .card-header {
  border-left: 1px solid #1e57a4;
}

#nj .accordion.custom-accordion .green .card-header {
  border-left: 10px solid #008546;
}

#nj .accordion.custom-accordion .orange.topic .card-header {
  border-left: 10px solid #f28542;
}

#nj .accordion.custom-accordion .lt-green.topic .card-header {
  border-left: 10px solid #7eb759;
}

#nj .accordion.custom-accordion .green.topic .card-header {
  border-left: 10px solid #009845;
}

#nj .accordion.custom-accordion .yellow.topic .card-header {
  border-left: 10px solid #ffc73a;
}

#nj .accordion.custom-accordion .lt-blue.topic .card-header {
  border-left: 10px solid #80cae5;
}

#nj .accordion.custom-accordion .blue.topic .card-header {
  border-left: 10px solid #6ea2de;
}

#nj .accordion.custom-accordion .dk-blue.topic .card-header {
  border-left: 10px solid #0074c9;
}

#nj .accordion.custom-accordion .gray.topic .card-header {
  border-left: 10px solid #666;
}

#nj .custom-tabs {
  border-bottom: 0px;
}

#nj .custom-tabs .nav-item button.nav-link .fa-plus-circle,
#nj .custom-tabs .nav-item button.nav-link .fa-circle-plus {
  margin-left: 0.5rem;
}

#nj .custom-tabs .nav-item button.nav-link.active .fa-plus-circle,
#nj .custom-tabs .nav-item button.nav-link.active .fa-circle-plus {
  display: none;
}

#nj .custom-tabs .nav-item button.nav-link.active {
  background-color: #e9ecef;
}

#nj .custom-tabs .nav-item button.nav-link {
  background-color: #fff;
  border: 1px solid #ddd;
  background-color: transparent;
}

/*Copy Paste START*/
/*Custom Accordion*/
#nj .accordion .card-header .btn {
  font-weight: 500;
  color: blue;
}

#nj .accordion .card-header .btn.collapsed .fa-minus-circle,
#nj .accordion .card-header .btn.collapsed .fa-minus-circle,
#nj .accordion .card-header .btn.collapsed .fa-circle-minus,
#nj .accordion .card-header .btn.collapsed .fa-circle-chevron-up,
#nj .accordion .card-header .btn.collapsed .fa-chevron-up{
  display: none;
}

#nj .accordion .card-header .btn.collapsed .fa-plus-circle,
#nj .accordion .card-header .btn.collapsed .fa-plus-circle,
#nj .accordion .card-header .btn.collapsed .fa-circle-plus,
#nj .accordion .card-header .btn.collapsed .fa-circle-chevron-down,
#nj .accordion .card-header .btn.collapsed .fa-chevron-down
{
  display: inline-block;
}

#nj .accordion .card-header .btn .fa-minus-circle,
#nj .accordion .card-header .btn .fa-minus-circle,
#nj .accordion .card-header .btn .fa-circle-minus,
#nj .accordion .card-header .btn .fa-circle-chevron-up,
#nj .accordion .card-header .btn .fa-chevron-up{
  display: inline-block;
}

#nj .accordion .card-header .btn .fa-plus-circle,
#nj .accordion .card-header .btn .fa-plus-circle,
#nj .accordion .card-header .btn .fa-circle-plus,
#nj .accordion .card-header .btn .fa-circle-chevron-down {
  display: none;
}

#nj .accordion .card-header .btn .fa-plus-circle,
#nj .accordion .card-header .btn .fa-minus-circle,
#nj .accordion .card-header .btn .fa-plus-circle,
#nj .accordion .card-header .btn .fa-minus-circle,
#nj .accordion .card-header .btn .fa-circle-plus,
#nj .accordion .card-header .btn .fa-circle-minus,
#nj .accordion .card-header .btn .fa-circle-chevron-down,
#nj .accordion .card-header .btn .fa-circle-chevron-up {
  position: absolute;
  right: 0px;
  top: 0.75em;
  /*color: #fff;*/
  color: red;
}

#nj .accordion .card.dk-blue .card-header .btn .fa-plus-circle,
#nj .accordion .card.dk-blue .card-header .btn .fa-minus-circle,
#nj .accordion .card.dk-blue .card-header .btn .fa-plus-circle,
#nj .accordion .card.dk-blue .card-header .btn .fa-minus-circle,
#nj .accordion .card.dk-blue .card-header .btn .fa-circle-plus,
#nj .accordion .card.dk-blue .card-header .btn .fa-circle-minus,
#nj .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-down,
#nj .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-up {
  color: #fff;
}

#nj .accordion .card-header .btn {
  width: 100%;
  position: relative;
}

#nj .accordion.custom-accordion .card,
#nj .accordion.custom-accordion .card-header {
  border-radius: 0.25rem;
  border: 0px;
}

/*Custom Tabbed Content*/
#nj .custom-tabs {
  border: 0px;
}

#nj .custom-tabs li {
  display: flex;
}

#nj .custom-tabs li button {
  font-weight: 500;
  color: #151f48;
  border: 1px solid #ddd;
  background-color: transparent;
}

/*SM and lower*/
@media screen and (max-width: 767px) {
  #nj .custom-tabs li {
    width: 100%;
  }

  #nj .custom-tabs li button {
    width: 100%;
  }

  #nj .custom-tabs li button br {
    /* display:none; */
  }
}

#nj .custom-tabs li button.active {
  background-color: #ddd;
}

#nj .custom-tabs li button.active .fa-plus-circle,
#nj .custom-tabs li button.active .fa-circle-plus {
  display: none;
  margin-left: 0.5em;
}

#nj .custom-tabs li button .fa-plus-circle,
#nj .custom-tabs li button .fa-circle-plus {
  display: inline-block;
  margin-left: 0.5em;
}

/*Copy Paste END*/

/*Columned*/

.columned ul {
  padding-bottom: 10px !important;
}

@media screen and (max-width: 575px) {
  #nj .columned-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-perspective: 1;
    break-inside: avoid;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #nj .columned-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-perspective: 1;
    break-inside: avoid;
  }
}

@media screen and (min-width: 768px) {
  #nj .columned-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -webkit-perspective: 1;
    break-inside: avoid;
  }
}

#nj .columned-2 ul {
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-perspective: 1;
  break-inside: avoid;
}

#nj .columned-2 ul {
  margin-bottom: 0.75rem;
}

#nj .columned-2 ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}

#nj .columned>p,
#nj .columned .nobreak,
#nj .columned-2>p,
#nj .columned-2 .nobreak {
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-perspective: 1;
  break-inside: avoid;
}

#nj ul.columned>li,
#nj ol.columned>li,
#nj ul.columned-2>li,
#nj ol.columned-2>li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-perspective: 1;
  break-inside: avoid;
}

#nj .columned>p,
#nj .columned .nobreak,
#nj .columned-2>p,
#nj .columned-2 .nobreak {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}

/* ************************* FEEDBACK *********************** */

#feedback {
    border-top: 2px solid #d7d7d7;
    min-height: 6.5625em;
}

#feedback .feedback-container {
    background: #fff;
    padding-left: .6875em;
    padding-right: .6875em;
}

#feedback .feedback-text {
    font-weight: 500;
    line-height: 1.2;
}

#feedback .flex-box {
    justify-content: center;
}

#feedback .grid-box {
    display: block;
}

#feedback .grid-box > div:last-child {
    display: grid;
    grid-template-columns: 1fr 13em;
    grid-column-gap: 2em;
    align-items: flex-start;
}

#feedback .feedback-button {
    margin-top: 0;
    border-width: 1px;
}

#feedback .feedback-button:hover {
    background: var(--sub-color-bg);
    border-color: var(--sub-color-bg);
}

#feedback label {
    display: block;
    text-align: center;
}

#commentSubmit {
    grid-row: 1;
    grid-column: 2;
}

/* ************************* HOME PAGE *********************** */

/* Introduction  Section*/
.bg-green {
  background-color: var(--green);
}

.introduction a {
  color: #ffffff;
  text-decoration: underline !important;
}

.introduction p {
  margin-bottom: 0 !important;
}

.introduction a:hover {
  color: #0056b3;
}

/* Slider Section */nav


.carousel-section .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  	border-top: 2px solid #d7d7d7;
}

.carousel-section .carousel-caption-4 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  padding: 1rem 2rem;
  width: 100%;
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: rgb(0, 0, 0) !important;
  border: 2px solid white;
  border-radius: 50%;
  padding: 10px;
  background-size: 50% 50%;
}

.carousel-indicators li {
  width: 11px !important;
  height: 11px !important;
}

.carousel-indicators .active {
  background-color: black;
}

ol.carousel-indicators>li {
  border: 1px white solid;
  border-radius: 100%;
}

.btn-primary {
  background-color: var(--blue);
  border-color: var(--blue);
}

.btn-primary:hover {
  background-color: #044d9b;
  border-color: #044d9b;
}

@media (max-width: 1199px) {

  .carousel-item img,
  .carousel-caption-4 {
    border-radius: 0 !important;
  }
}

/* Cards Blue Section */
a:hover {
  text-decoration: underline;
}

.blue-bg {
  background-color: var(--blue);
}

.blue-cards-section .font-awesome-icon svg {
  height: 4rem;
  width: 4em;
  color: var(--green);
}

.blue-cards-section .card-footer-custom .btn-wrap .btn-primary {
  background-color: var(--blue) !important;
}

.blue-cards-section .card-footer-custom {
  bottom: 0;
  left: 0;
  right: 0;
}

.blue-cards-section .btn-wrap .btn-primary {
  padding: 0.625rem 0.75rem;
}

.font-weight-bold,
strong {
  font-weight: 500;
}

.bg-card-gray {
  background-color: var(--cards-gray);
}

.blue-cards-section .card-footer-custom .btn-wrap a:hover {
  background-color: #ffffff !important;
  color: var(--blue) !important;
}

.blue-cards-section.blue-bg .btn-wrap a {
  font-size: 24px !important;
}

/* Quick Links Section */

.quick-links-cards-section .font-awesome-icon svg {
  height: 4rem;
  width: 4em;
  color: #ffffff;
}

.text-blue {
  color: var(--blue);
}

.quick-links-cards-section .card-footer-custom .btn-wrap a {
  padding: 0.75rem 0.5rem !important;
}

.quick-links-cards-section .card-footer-custom .btn-wrap a:hover {
  background-color: #ffffff !important;
  color: var(--blue) !important;
}

/* Resources Section */

.resources-cards-section img {
  width: 16rem;
}

.bg-resources {
  background-color: var(--resources-gray);
}

.resources-cards-section .card-bg {
  background: rgb(211, 229, 224, 1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(211, 229, 224, 1) 100%);
}

.resources-cards-section .image-wrap {
  border: 1px var(--green) solid
}

.resources-cards-section .btn-wrap .btn:hover {
  color: var(--blue);
}

/* Featured News */

.featured-news-section .card {
  border: 2px var(--blue) solid !important;
  border-top: 10px var(--blue) solid !important;
}

/* Sign Up Section */

.text-small {
  font-size: 10px !important;
}

/* ************************* SUBPAGE *********************** */

#main > .container-fluid {
	padding: 0 0 2em;
	padding-top: 0 !important /* bootstrap override*/;
	overflow: hidden;
}

#main > .container-fluid.auto {
	overflow: unset;
}

.title-blue {
  color: var(--title-blue);
}

.blue-cards-section .btn-wrap a {
  font-size: 24px !important;
}

.subpage-template .related-title {
  background-color: transparent !important;
  border-top: 8px solid var(--green) !important;
}
.bcrumbs {border-top: 2px solid #d7d7d7;}


#accordion .dddaccHeader,
#accordionTab .dddaccHeader {
  background-color: #ffffff !important;
  border: 1px solid #e9ecef !important;
  border-left: 0 !important;
}

.colorgreen {
  color: var(--green);
}

.accordian svg {
	color: var(--sub-color);
}

.accordian .collapsed svg {
	color: var(--main-color);
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.cards-component-link {
  display: block;
}

.cards-component-link:hover {
  background-color: #ffffff !important;
  color: var(--blue) !important;
}

.border-blue {
  border: 2px solid var(--blue);
}

#accordion .card,
#accordionTab .card {
  background-color: #ffffff !important;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-left: 8px;
}

#accordion .card .card-body,
#accordionTab .card .card-body {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e9ecef;
  border-right: 1px solid #e9ecef;
  border-bottom-right-radius: 6px;
}


#accordion a.collapsed{
  border-left: 10px solid var(--sub-color);
}
#accordion a:not(.collapsed) {
  border-left: 10px solid var(--blue);
   
}

#accordion a.accordianDDDAnc {
	font-weight: bold;
	color: #272223;
	text-decoration: none;
}

#accordion a.accordianDDDAnc.collapsed:hover{
  border-left: 10px solid #669600;
	color: var(--main-color-txt);
}

#accordion a.accordianDDDAnc:hover {
	border-left-color: #438ed2;
	text-shadow: none;
	color: #000;
	text-decoration: none;
}

#accordion a.accordianDDDAnc h4 {
	font-weight: 500;
font-size:1.5em.
}


#accordion .dddacc i,
#accordionTab .dddacc i {
  font-weight:bold
}
#accordion a.collapsed i{color:#008546;}
#accordion a:not(.collapsed) .card-header i{color:var(--blue);}

#accordion .dddacc .collapsed .fa-plus-circle,
#accordionTab .dddacc .collapsed .fa-plus-circle,
#accordion .dddacc .collapsed  .fa-chevron-down,
#accordionTab .dddacc .collapsed  .fa-chevron-down{
  display: block;
}

#accordion .dddacc .collapsed .fa-minus-circle,
#accordionTab .dddacc .collapsed .fa-minus-circle,
#accordion .dddacc .collapsed .fa-chevron-up,
#accordionTab .dddacc  .collapsed .fa-chevron-up{
  display: none;
}

#accordion .dddacc .fa-plus-circle,
#accordionTab .dddacc .fa-plus-circle,
#accordionTab .dddacc  .fa-chevron-down,
#accordion .dddacc  .fa-chevron-down{
  display: none;
}


/* ------------------------Accordion Content---------------------------------------- */
#accordion .dddacc .card-body .content-col a{
	border-left: 0 none!important;
	margin-bottom:1.4rem;
	text-decoration:none;
	font-size: 1.0625em;
}

#accordion .dddacc .card-body .content-col a:hover {
	text-decoration: underline;
}

.content-col strong {
	font-size: 1.3rem;
	font-weight: 600;
	color:var(--sub-color-bg);
	margin-bottom: .3em;
	display: block;
	font-family: var(--subFont);
}

.content-col strong + br {
	display: none;
}


main.subpage-template a,
main.subpage-template #accordion .dddacc .card-body a,
main.subpage-template #accordionTab .dddacc .card-body a {
  text-decoration: none !important;
}

main.subpage-template a:hover,
.events-news-cards .card .content-wrapper .description-height a:hover,
.list-group .list-group-item .font-weight-normal a:hover,
main.subpage-template #accordion .dddacc .card-body a:hover,
main.subpage-template #accordionTab .dddacc .card-body a:hover {
  text-shadow: rgb(0, 86, 179) 0px 0px 0.65px, rgb(0, 86, 179) 0px 0px 0.65px;
}

.archieve-items {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e9ecef;
}

#accordion .card-body .archieve-items:nth-last-child(1) {
  /* padding-bottom: 0 !important; */
  border-bottom: none !important;
}

/* Global Nav - NJHMFA */

.global-nav,
.global-nav .navbar-link,
.global-nav .navbar-toggler-icon {
  background-color: var(--blue);
  color: white;
}

.global-nav .navbar-toggler-icon:hover,
.global-nav .navbar-toggler:hover .navbar-toggler-icon {
  background-color: #ffffff;
  color: var(--blue);
}

.global-nav .navbar-toggler-icon:focus,
.global-nav .navbar-toggler:focus .navbar-toggler-icon {
  background-color: transparent !important;
}

.global-nav .navbar-toggler-icon {
  background-color: var(--blue);
  color: white;
}

.global-nav .nav-item {
  padding-right: 0 !important;
}


@media (max-width: 991px) {
  .department-level .nav-item {
    padding-right: 0 !important;
  }
}

main a {
  text-decoration: underline;
	font-weight: 500;
}

main a.btn {
  text-decoration: none !important;
}

section a:hover,
.introduction a:hover {
  text-shadow: rgb(0, 86, 179) 0px 0px 0.65px, rgb(0, 86, 179) 0px 0px 0.65px;
}

.content-col ul, main .row ul {
	margin-left: 2em;
    line-height: 1.4em;
}

main ul > li {
	margin-bottom: 2px;
}

.alert-light {
	color: #757575;
}

/* .quick-links-cards-section a:hover {
  text-shadow: none !important;
} */

.underline {
  color:#000;

    font-weight:600;
    /*	color: var(--main-color-txt);
    border-bottom: 2px solid var(--sub-color);*/
}

.row .ls-none {
	list-style: none;
	max-width: 70em;
    line-height: 1.8em;
}

.ls-none li {
	padding-top: 1em;
	font-size: 1em;
}

.ls-none strong {
	background: var(--sub-color-bg);
    color: #fff;
    /*padding: .05em .2em;*/
	font-weight: normal;
	font-size: .8em;
    transform: rotate(-4deg);
    display: inline-block;
    padding: 0 .2em;
    height: max-content;
    line-height: 1.4;
  font-weight:500;
}

.hl3 {
	color: var(--main-color-txt);
    font-size: 1.6em;
    padding-bottom: .5em;
}

/* ------------------------Timeline START---------------------------------------- */

.timeline {
	margin: 2em 0 0 2em;
}

.timeline tr:first-child > td:first-child::before {
	content: "";
    position: absolute;
    top: 2.1em;
    width: 1px;
    background: #000;
    left: 5em;
    bottom: 1.3em;
}

.timeline td {
	vertical-align: top;
}

.timeline td:first-child {
	font-size: 1.4em;
	color: #1C6FAB;
	font-weight: 600;
	padding: 0em 1.333em 0 0;
}

.timeline tr:hover td:first-child {
	color: var(--sub-color);
	text-shadow: 0 0 2em;
}

.timeline td:nth-child(2) {
	font-size: 1.1em;
	font-weight: 400;
	/*font-style: italic;*/
    max-width: 40em;
    line-height: 1.3em;
	padding: .1em .9em 1em .4em;
	position: relative;
}



.timeline td:nth-child(2)::before {
	content:"";
	position: absolute;
	width: .458em;
	height: .125em;
	background: #000;
	left: -.9em;
    top: .8em;
}

.timeline tr {
	transition: box-shadow .5s;
	border-radius: 0 2em 0em 0;
}

.timeline tr:hover {
    /*box-shadow: inset -.4em -.3em .5em #d7d7d7;*/
}

/* ------------------------Timeline END---------------------------------------- */

/* ------------------------Directory START---------------------------------------- */

.nav-tabs {
	max-width: 40em;
    margin: .7em auto 1.3em;
}

.nav-tabs .nav-link {
	color: var(--green);
	font-size: 1.25em;
	font-family: var(--subFont);
	font-weight: bold;
	text-decoration: none;
	box-shadow: inset 0 -2px 0 var(--main-bg);
	border:0;
	background: #fff;
}
.nav-tabs .nav-link.active {
	background: var(--main-bg);
	color: #fff;
}

.nav-tabs .nav-link:hover {
	text-shadow: none;
	text-decoration: none;
}

.modal-btns {
	background: var(--grey);
	text-align: center;
}

.modal-btns .btn {
	width: auto;
	display: inline-flex;
    align-items: center;
}

.modal-btns .btn > svg {
	margin-right: .5em;
}

.modal-btns .fab {
	font-size: 1.2em;
    margin-right: .4em;
}

.card-img-top {
	height: auto;
}

.card .btn-default {
	width: auto;
    display: flex;
	align-items: center;
	border: 2px solid var(--grey);
}

.card .btn-default svg {
	margin-right: .3em;
}

.card .btn-default path, .btn-outline-primary path {
	fill: var(--sub-color);
}

.card-title {
	text-align: center;
}

.btn-outline-primary {
	color: var(--main-dark-txt);
	background: #fff;
	border: 0;
}

.btn-outline-primary:hover {
	background: var(--main-color);
	border-color: var(--main-color);
}

.btn-outline-primary:hover path {
	fill: #fff;
}

.btn-outline-primary:hover .fab {
	color: #fff;
}

.modal-body .card-text {
	display: none;
}

.columns {
	column-width: 30em;
    column-gap: 2.4em;
	display: block;
}

main .tab-content .agencies-list {
	margin: 0;
}

.accordian > .card.spot:only-child {
	border: 0;
}

.modal-card .card-title {
	font-weight: 500;
	color: inherit;
}

ul.dvs {
	list-style: none;
}

main ul.dvs {
	margin: 0;
}

ul.dvs > li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: .1em .7em;
	min-height: 2.5em;
	border: 1px solid rgba(0, 0, 0, .125);
	border-left:0;
	border-right: 0;
}

ul.dvs > li:first-child {
	border-top:0;
}

ul.dvs > li:last-child {
	border-bottom:0;
}

ul.dvs > li:nth-of-type(even){
	background: #fafafa;
}

.dvs_link > a {
	color: var(--main-dark-txt);
	max-width: 38em;
}

.dvs_social {
	font-size: .875em;
	display: flex;
    flex-direction: row-reverse;
	column-gap: .5em;
}

.dvs_social a {
	display: flex;
    align-items: center;
}

.tab-pane .c_icon {
	font-size: 1.6em;
}

/* ------------------------Directory END---------------------------------------- */

/* ------------------------Services START---------------------------------------- */

html {
	scroll-behavior: smooth;
}

.page-anchors {
	background: rgba(255,255,255,.9);
	color: #fff;
	position: sticky;
	top:0;
	z-index: 4;
	display: flex;
	justify-content: center;
	padding: .3em;
	margin-bottom: .8em;
}

.page-anchors a {
	color: #000;
	padding: 0 .25em;
    min-width: 1.5em;
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	border-left: 1px solid rgba(0,0,0,.125);
	font-family: var(--subFont);
}

.page-anchors a.active {
	background: var(--main-bg);
	color: #fff;
}

.page-anchors a:first-child {
	border: 0;
}

.page-anchors a:hover {
	background: var(--sub-bg);
	color: #fff;
}

.subpage-template .card.spot, .card.spot .border-fix .list-group-item {
	border-color: #dfdfdf;
}

.card.spot .border-fix {
	border: 0;
}

.border-fix > li {
	position: relative;
	bottom: -1px;
	background: transparent;
}

.anchor {
	position: absolute;
	top:-2.4em;
	bottom: 0;
    width: 100%;
    pointer-events: none;
}

.columns > li {
	break-inside: avoid;
}

span.social .c_icon {
	font-size: 1.5em;
}

.table-list > li {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr repeat(15, 2em);
	border-top: 1px solid #dfdfdf;
	align-items: center;
	min-height: 2.625em;
	grid-column-gap: .3em;
	padding: .2em;
}

.table-list > li:first-child {
	border-top: 0;
}

.table-list > li:nth-of-type(even) {
    background: #fafafa;
}

/* ------------------------Services END---------------------------------------- */

@media screen and (max-width: 101.25em) {
    body .wrap {padding: 0; }
}

@media (max-width: 1024px) {
	.hero_sign { margin-top: -5vh; }
}

@media (max-width: 1200px) {
	#osonj .wrap { max-width: none; padding: 0 15px; }
}

@media (max-width: 990px) {
	.table-list li { display: flex; flex-wrap: wrap; padding: .5em; }
	.table-list li span { flex-basis: 2em; }
	.table-list li span:first-child { flex-basis: 100%; padding: 0 0 .3em; }
    .overlay { left: 1em; }
}

@media (max-width: 900px) {
	.hero_sign { margin: 0 auto 2em; font-size: .8em; max-width: none; }
	.hero_sign p { font-size: 1.2rem; }
}

@media (max-width: 768px) {
  .njhome main > section.pb-5 { padding-top: 2.6rem; }
  .njhome #gov { padding-bottom: 0 !important; }
  #features .card { margin-bottom: 1.5rem; }
  #happenings .row { display: block; }
  .highlights .h5 > a { display: block; }
  
  #feedback .grid-box > div:last-child { display: block; text-align: center; }
  .feedback-button.float-right { float: none!important; }
  #feedback .feedback-button { margin-top: 0.75rem; }
}

@media (max-width: 480px) {
	.hero_sign { font-size: .6em; }
	.card.spot .col-7 { max-width: 100%; flex: 100%; }
	.table-list li span { flex-basis: auto; }
}