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

:root {
  --dk-blue: #1e0ea7;
  --gray: #dde6e8;
  --cards-gray: #F5F5F5;
  --resources-gray: #E3EBE7;
  /* --blue: #2B5CA5; */
  --blue: #0d4cd3;
  --light-blue: #E2EEFC;
  --title-blue: #3B67B1;
  --green: #677A43;
  --pale-green: #EDF7ED;
  --footer-blue: #595959;
  --nav-blue: #ffffff;
  --pale-yellow: #FFF3CD;
	--main: #233b94;
	--sub: #00b1d2;
    --hlight: #ffe600;
    --tert: #D14600;
}

 a.btn {
  user-select: auto;
}

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

 .border-orange {
  border-color: var(--orange) !important;
}

 .step-title {
  background-color: var(--gray) !important;
  color: var(--dk-blue) !important;
  font-weight: bold;
}

/*IE11 Image Bug Fix*/
 img.img-fluid {
  flex-shrink: 0;
}

 .navbar-brand {
  max-width: 75%;
  margin-right: 0px;
  white-space: normal;
  /* color: #ffffff; */
  color: #000000;
}

.sonj-nav .navbar-brand {
  color: var(--main);
}

.nav-line {
  height: 2px;
  width: 100%;
}

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

   .carousel.sonj .carousel-caption,
   .carousel.sonj .carousel-caption.default,
   .carousel.sonj .carousel-caption.left,
   .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;
  }
  
  
}

.social.statewide li a,
.social.statewide li a>span,
.sonj .gov-bar a {
  padding: 0.25rem 0;
}

/*Site Name*/
 #site-name h2 header {
  /* margin: 2px 0px 0px 0px; */
	color: var(--main);
	font-weight: 800;
}


 #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*/
 .blog.department-level {
  background-color: var(--nav-blue);
  color: #ffffff !important;
}

 .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(1, 1, 3, 1.000) !important;
}

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


 .sonj-nav.blog.department-level nav.navbar button.navbar-toggler span.navbar-toggler-icon,
 .sonj-nav.education.department-level nav.navbar button.navbar-toggler span.navbar-toggler-icon,
 .sonj-nav.global-nav nav.navbar button.navbar-toggler span.navbar-toggler-icon {
  background-image: url(/dca/blog/assets/css/"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") !important;
}

/*  .sonj-nav.blog.department-level nav.navbar button.navbar-toggler:focus span.navbar-toggler-icon,
 .sonj-nav.education.department-level nav.navbar button.navbar-toggler:focus span.navbar-toggler-icon,
 .sonj-nav.blog.department-level nav.navbar button.navbar-toggler:hover span.navbar-toggler-icon,
 .sonj-nav.education.department-level nav.navbar button.navbar-toggler:hover span.navbar-toggler-icon,
 .education.department-level .navbar-toggler-icon:hover,
 .education.department-level .navbar-toggler:hover .navbar-toggler-icon,
 .education.department-level .navbar-toggler-icon:focus,
 .education.department-level .navbar-toggler:focus .navbar-toggler-icon,
 .sonj-nav.global-nav nav.navbar button.navbar-toggler:focus span.navbar-toggler-icon,
 .sonj-nav.global-nav nav.navbar button.navbar-toggler:hover span.navbar-toggler-icon {
  background-image: url(/dca/blog/assets/css/"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") !important;
} */

 .education.department-level .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

 button.navbar-toggler:focus .navbar-toggler-icon,
 button.navbar-toggler:hover .navbar-toggler-icon {
  background-image: url(/dca/blog/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 47, 155, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

 .blog.department-level ul.navbar-nav>li.nav-item>a.nav-link,
 .education.department-level .navbar-nav .nav-link,
.nj-nav.department-level .nav-link {
  /*border-radius: 0.25rem;*/
}

 .education.department-level .navbar-nav .nav-link {
  padding-left: 0.5rem !important;
}

 .education.department-level .navbar-nav .nav-item .dropdown-menu a {
  text-decoration: none !important;
}

 .education.department-level .navbar-nav .nav-item .dropdown-menu a:hover {
  background-color: #e2eefc !important;
}

 .sonj-nav .nav-link:hover,
 .sonj-nav .nav-link:focus,
.sonj-nav .show>.nav-link,
,
 .education.department-level .nav-link:focus,
.education.department-level .show>.nav-link,
.nj-nav.department-level .nav-link:hover,
.nj-nav.department-level .nav-link:focus {
  background: #fff;
  color: #000000;
  /*border-radius: 0.25rem;*/
  text-decoration: none !important;
}

.sonj-nav .navbar-nav .nav-link {
	color: #000;
	font-weight: 500;
	border-bottom: 5px solid transparent;
	text-transform: uppercase;
	border-radius: 0;
	padding: .5em 1em;
}

.sonj-nav .navbar-nav .nav-link.active {
	color: var(--main);
	background: transparent;
	border-bottom-color: var(--sub);
}

.sonj-nav .navbar-nav .nav-link:hover {
	background: var(--hlight);
    color: var(--main);
	text-decoration: none;
}

.nj-nav.department-level .navbar-nav .nav-item>.nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

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

.sonj-nav .dropdown-item:focus,
.sonj-nav .dropdown-item:hover,
.nj-nav.department-level .dropdown-item:focus,
.nj-nav.department-level .dropdown-item:hover {
  color: #000000;
  text-decoration: none;
  background-color: #e2eefc;
}

.container-fluid.nj-nav.education.department-level {
  background-color: var(--nav-blue);
}

.nj-nav {
  background-color: #90c2f3 !important;
  font-size: .9375rem;
}

.nj-nav .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(1, 1, 3, 1.000) !important;
  margin-left: auto;
}

.nj-nav .navbar-toggler-icon,
 .sonj-nav.blog.department-level nav.navbar button.navbar-toggler span.navbar-toggler-icon {
  background-image: url(/dca/blog/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(1,1,3,1.000)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.nj-nav h2 a {
  color: #000000 !important;
}

@media (max-width: 991px) {
  .department-level nav.navbar .nav-item {
    margin-bottom: 0.125rem;
  }
}

.breadcrumb .breadcrumb-item {
  color: #212529 !important;
}

.breadcrumb a {
  color: #014b9b !important;
	text-decoration: none;
}

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

.btn-blue:hover {
	background: var(--sub);
}

/*List Icons*/
/*  .icon {
  color: var(--dk-blue);
}

 .icon.green {
  color: #008546;
}

 .icon.blue {
  color: var(--dk-blue);
}

 .icon.white {
  color: #ffffff;
}

 .list-group-item.with-icon {
  position: relative;
  padding-left: 3.25em;
}

 .list-group-item.with-icon .icon {
  position: absolute;
  left: 1em;
  top: initial;
}

 .list-group-item>*:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
} */


/*File Manifest List*/
/* .fileList li button.collapsed::after {
  content: "+";
}

.fileList li button {}

.fileList li button::after {
  content: "\2012";
} */

/*Footer*/
 footer .site-footer {
  /* background-color: var(--dk-blue); */
  background: var(--footer-blue);
  /* background: linear-gradient(90deg,
      rgba(0, 84, 168, 1) 0%,
      rgba(0, 84, 168, 1) 100%); */
}

.footer.site h3 a,
.footer.site-footer h3 a,
.footer.site .columned a,
.footer.site-footer .columned a,
.footer.site h3,
.footer.site-footer h3,
.footer.site-footer h4,
.footer.site ul.statewide a,
.footer.site-footer ul.statewide a {
  color: #ffffff;
}

.footer.site h3,
.footer.site-footer h3 {
  border-bottom: 2px solid #ffffff;

}

.footer.site .columned>ul>li>h2,
.footer.site-footer .columned>ul>li>h2,
.footer.site .columned>ul>li>h3,
.footer.site-footer .columned>ul>li>h3,
.footer.site .columned>ul>li>h4,
.footer.site-footer .columned>ul>li>h4,
.footer.site .columned>ul>li>h5,
.footer.site-footer .columned>ul>li>h5 {
  border-bottom: 1px solid #ffffff !important;
}

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

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

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

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

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

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

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

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

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

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

/*Custom Accordion*/
 .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
 .accordion-header .btn.collapsed .fa-chevron-circle-up,
 .accordion-header .btn.collapsed .fa-chevron-circle-up,
 .accordion-header .btn.collapsed .fa-circle-minus,
 .accordion-header .btn.collapsed .fa-circle-chevron-up {
  display: none;
}

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

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

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

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

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

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

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

/*Accordion in and Accordion
 .accordion-content>section>.accordion-header .btn .fa-chevron-circle-down,
 .accordion-content>section>.accordion-header .btn .fa-chevron-circle-up,
 .accordion-content>section>.accordion-header .btn .fa-chevron-circle-down,
 .accordion-content>section>.accordion-header .btn .fa-chevron-circle-up,
 .accordion-content>section>.accordion-header .btn .fa-circle-plus,
 .accordion-content>section>.accordion-header .btn .fa-circle-minus,
 .accordion-content>section>.accordion-header .btn .fa-circle-chevron-down,
 .accordion-content>section>.accordion-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	color: #1e57A4;
}
*/
 .accordion-header .btn {
  width: 100%;
  position: relative;
}

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

 .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: 10px solid #1e57a4;
  color: #000;
  margin-bottom: 1px;
}

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

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

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

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

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

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

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

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

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

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

/*Custom Tabbed Content*/
 .tab-content {
  background-color: white;
  /* Should only affect wrapper of content in a TAB
	padding: 1em;
	border: 1px solid rgb(222, 226, 230);
	*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .custom-tabs li {
  display: flex;
}

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

.sonj-footer .float-left {
	float: none !important;
}

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

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

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

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

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

 .custom-tabs li button .fa-chevron-circle-down,
 .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) {
   .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) {
   .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) {
   .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;
  }
}

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

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

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

 .columned>p,
 .columned .nobreak,
 .columned-2>p,
 .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;
}

 ul.columned>li,
 ol.columned>li,
 ul.columned-2>li,
 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;
}

 .columned>p,
 .columned .nobreak,
 .columned-2>p,
 .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;
}

/*  HOME PAGE *** */

/* Alert box */

.alert-message {
  background-color: #D9EDF8 !important;
}

.alert-message svg {
  width: 2rem !important;
  height: 2rem !important;
  color: #108FB2 !important;
}

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

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

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

.introduction a:hover {
  color: var(--blue) !important;
}

a {
  color: var(--blue);
}

/* Slider Section */

.carousel-section .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

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

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

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

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

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

/* .font-weight-bold,
strong {
  font-weight: 500 !important;
} */

.title-green {
  color: var(--green) !important;
}

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

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


/*  SUBPAGE *** */

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

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

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

.colorblue {
  color: var(--blue) !important;
}

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

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

/* strong {
  font-weight: 600 !important;
} */

.hover-scale:hover {
  transform: scale(1.05);
}

.svg-inline--fa.fa-w-14 {
  width: .875em;
}

.nj-gray {
  color: #888888;
}

.fa-square-x-twitter:hover {
  color: #000000;
}

.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: var(--green);
  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 .dddacc a,
#accordionTab .dddacc a {
  text-decoration: none !important;
}

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

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

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

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;
}

footer.site,
footer .site-footer {
  margin-top: 0 !important;
}

.statewide-col img {
	position: absolute;
	right: 1em;
}

header.sonj {
	padding-left: 9px;
	padding-right: 11px;
}

.site-logo {
	position: relative;
    left: 2px;
}

#main_content {
	overflow: hidden;
	/*border-top: 1.5em solid #0069b3;*/
	border-top: 2px solid #d7d7d7
}

#blog #main_content {
	border-top: 0;
}

/* HOME PAGE */
.banner {
  background-color: #ffe88a;
  overflow: hidden;
  position: relative;
  height: 27.4375em;
}

.banner > .row {
  height: 100%;
}

.banner img {
	max-width: 100%;
    position:relative;
    z-index: 2;
}

.banner .plx.lp {
    position: absolute;
    z-index: 2;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes logo {
  0% { transform: scale(0) rotate(30deg); }
  40% { transform: scale(1.04) rotate(-20deg); }
  70% { transform: scale(1) rotate(10deg); }
  100% { transform: scale(1) rotate(0deg); }
} 

.logo.animate {
    animation: logo 1.3s backwards paused;
}

.plx {
    position: absolute;
    top: 50%;
    left:0;
    right:0;
    pointer-events: none;
}

.plx.bot {
    top: auto;
    bottom: 0;
    z-index: 3;
}

.rays {
    display: block;
    background: url("/dca/blog/assets/images/sun_rays.svg") no-repeat center;
    background-size: 100% auto;
    width: 168.75em;
    height: 121.8125em;
    position:relative;
    left:50%;
    transform: translate(-50%, -50%) rotate(0deg);
}

@keyframes rays {
  from { opacity: 0; transform: translate(-50%, -50%) rotate(-12deg); }
  to { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); }
} 

.rays.animate {
    animation: rays 1s .4s backwards paused;
}

.rays::before {
    content:"";
    display: block;
    height: 100%;
    background: radial-gradient(ellipse at center,  rgba(255,232,138,0) 0%,rgba(255,232,138,0) 42%,rgba(255,232,138,1) 60%,rgba(255,232,138,1) 100%);
}

.mtns {
    display: block;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    bottom: 0;
    transform-origin: center bottom;
}

@keyframes mtns {
  0% { transform: scaleY(0); }
  60% { transform: scaleY(1.1); }
  100% { transform: scaleY(1); }
} 

.mtns.animate {
    animation: mtns 1s backwards paused;
}

.mtns .mid {
    width: 223.125em;
    max-width: 100vw;
    height: 18.125em;
    background: url("/dca/blog/assets/images/mountains_mid.svg") no-repeat left 50% top;
    background-size: auto 27.8125em;
    height: 21.25em;
    position: relative;
    bottom: -3.125em;
}

.mtns::before, .mtns::after {
    content:"";
    flex-grow: 1;
    height: 16.25em;
    position: relative;
    top: 4.375em;
    background: url("/dca/blog/assets/images/mountains_side.svg") repeat-x right bottom;
    background-size: auto 100%;
}

.mtns::after {
    background-position: -125.5625em 0;
}

.fontawesome-i2svg-active .animate {
     animation-play-state: running;
}

a.card {
	text-decoration: none;
	color: #000;
	position: relative;
    border: 0;
    border-radius: 0;
}
                     
.recent_posts a.card {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 2em 0;
    border-top: 1px solid #979797;
}
                     
.recent_posts a.card:first-child {
    border-top: 0;
}

a.card:hover, a.card:hover .img_cont::before {
	border-color: var(--hlight);
}   

.card-columns > .card:first-child::before {
	content: "Latest";
    position: absolute;
    z-index: 3;
    background: var(--main);
    left: 0;
    top: 1em;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: .2em 2em;
    font-size: .7em;
    letter-spacing: .15em;
}

.card-columns > .card:first-child:hover::before {
	background: var(--sub);
}

a.card:hover .card-footer .svg-inline--fa {
	color: var(--main);
}

a.card:hover .card-footer .svg-inline--fa {
	color: var(--sub);
}

.card-footer .date {
	display: inline-block;
	font-size: .9375em;
	font-weight: 400;
	padding-left: .3em;
}

.card-columns .card-title {
	font-size: 1.5em;
}

.card-columns .card-body p {
	font-weight: 400;
}

.card-columns {
	position: relative;
	z-index: 5;
}

.card-title {
  color: var(--main);
  margin-bottom: .5rem;
}

a:hover .card-title {
  color: var(--tert);
}

.card-body {
    padding: 0 0 0 2em;
}

.archive_posts .card-body {
  padding: 0;
}

.grid {
  display: grid;
  grid-template-columns: 58.5em 1fr;
  grid-column-gap: 4.6875em;
}

.grid > .card {
    grid-column: 1/-1;
    max-height: 24.6875em;
    overflow: hidden;
    margin: 2.75em 0;
    border: 0;
    border-left: .3125em solid #00b1d2;
    border-radius: 0;
}

.grid > .card::after {
    content:"";
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    width: 70em;
    height: 70em;
    pointer-events: none;
    top: 50%;
    transform: translate(-30%, -50%);
}

.grid > .card .card-body {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 27em;
    padding-top: .6875em;
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
}

.grid > .card .cb-top::before, .archive_posts h4, .side_box h4 {
    background: var(--tert);
    font-size: 1.25em;
    color: #fff;
    padding: .371em 1em;
}

.grid > .card .cb-top::before {
    content:"Highlighted Post";
    display: inline-block;
    margin-right: 1.3em;
}

.archive_posts h4 {
  line-height: 1.5;
}


.recent_posts {
    border-right: 6px solid #00b1d2;
    padding: 0 4.6875em 0 0;
    grid-row: 2 / 5;
}

.archive_posts {
  grid-row: 3;
  padding-top: 1.75em;
}

.archive_posts .card {
    padding: 1.25em 0;
    border-top: 1px solid #dddddd;
}

.archive_posts .card:first-of-type {
  border: 0;
}

.date {
  color: #008299;
  font-size: 1.25em;
  line-height: 1;
}

.img_cont {
    height: 100%;
    margin: 0;
    position: relative;
}

.recent_posts .img_cont, .archive .img_cont {
    width: 14.0625em;
    height: 10.5em;
}

.recent_posts .img_cont::before {
   content:"";
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 0 175px 230px;
   border-color: transparent transparent #7edcfe transparent;
   position: absolute;
   right: -.4375em;
   bottom: -.4375em;
}

.recent_posts .card-body p {
      max-height: 4.5em;
    overflow: hidden;
}

.img_cont img {
    object-fit: cover;
    height: 100%;
    border-radius: 0;
    position: relative;
    z-index: 2;
}

.ctct-inline-form {
    height: max-content;
    min-height: 11.875em;
    border-bottom: 1px solid #979797;
    font-family: "Roboto";
}

#ctct-form .ctct-form-button {
  background: var(--dk-blue);
  max-width: 8em;
}

#ctct-form div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header, #ctct-form div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
    font-family: 'Roboto';
}

#ctct-form div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
  color: var(--main);
  font-weight: 500;
}

#ctct-form div.ctct-form-embed div.ctct-form-defaults {
  padding: 0 0 1.625em 0;
}

.author {
  color: #757575;
}


/* ARCHIVES PAGE (POSTS) */

.archive {
	list-style: none;
}

.archive > li {
	display: grid;
    grid-template-columns: auto 1fr;
	border-top: 2px solid rgba(0,0,0,.125);
	padding: 1em 0;
}

.archive > li:first-child {
	border-top: 0;
	padding-top: 0;
}

.archive > li:hover {
	background: linear-gradient(to right,  rgba(248,249,249,0) 0%,rgba(248,249,249,1) 50%,rgba(248,249,249,0) 100%);
}

.archive .right {
    min-width: 10em;
    text-align: right;
}

.archive .img_cont {
  font-size: .875em;
}

.calendar {
	width: 4em;
	height: 4em;
	border-radius: .5em;
	overflow: hidden;
	position: absolute;
    right: .5em;
    top: .5em;
    font-size: .8em;
    z-index: 4;
    background: #fff;
}

.calendar .mnth {
	display: block;
	background: var(--main);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	font-size: .9em;
	padding: .1em 0;
}

li:hover .calendar .mnth {
	background: var(--sub);
}

.calendar .day {
	display: block;
	text-align: center;
	font-size: 1.8em;
    font-weight: 500;
    line-height: 1.3;
}

.archive .year {
	display: block;
	text-align: center;
	font-size: .75em;
    letter-spacing: .08em;
}

.btn:hover {
  background: #0FD68A;
  color: #340DAF;
}


/* POST PAGE */

figure > img {
  max-width: 100%;
}

.post h3 {
  border-bottom: 4px solid var(--main);
}


/* MEDIA QUERIES */

@media (max-width: 1550px) {
  .grid { grid-template-columns: 65% 1fr; grid-column-gap: 2em; }
  .recent_posts { padding-right: 2em; }
}
 
 @media (max-width: 1200px) {
   .recent_posts { padding-left: 5%; }
   .archive_posts { padding-right: 5% }
 }
   
@media (max-width: 992px) {
  .grid { display: block; padding: 0 5%; }
  .recent_posts { padding: 0; border: 0; }
  .ctct-inline-form { border: 0; border-top: .3125em solid #00b1d2; padding-top: 1.5em; margin-top: 1em; }
  .grid > .card {     max-height: none; padding: 0 0 2em 0; margin-bottom: 0em; border-left: 0; border-bottom: .3125em solid #00b1d2; }
  .grid > .card .card-body { position: static; max-width: none; padding-left: 0;  }
  .grid > .card::after { content: none; }
  .archive_posts { padding-right: 0; }
  .logo { width: 23.25em; }
  .banner { font-size: .9em; }
                 
  .archive .right { width: 100%; text-align: left; padding-top: 1em;  }
  .archive .d-flex { flex-wrap: wrap; height: max-content; }
  .archive > li { padding-top: 2em; padding-bottom: 2em; }
}
                     
@media (max-width: 768px) {
    .reverse, .flow-rev { /*flex-direction: column-reverse;*/ }
}

@media (max-width: 576px) {
    .banner { font-size: .5em; }
    .grid > .card { margin-top: 1.7em; }
  .recent_posts a.card, .archive > li { display: block; }
  .recent_posts .img_cont { max-width: none; }
  .recent_posts .img_cont::before { content: none; }
  .grid .card .card-body { padding-left: 0; padding-top: 0; }
  .img_cont, .archive .img_cont { height: 10.5em; margin-bottom: 1em; }
  .archive .img_cont { max-width: none; }
}