@import url("/health/hcf/assets/css/styles_objectives.css");
@import url("/health/hcf/assets/css/tipr.css");

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

#healthynj .navbar-brand {
	max-width: 75%;
	margin-right: 0px;
	white-space: normal;
}


/*XS*/
/*Sets caption to below carousel on smallest devices*/
@media  screen and (max-width: 575px) {
	#healthynj  .carousel.sonj .carousel-caption,
	#healthynj .carousel.sonj .carousel-caption.default,
	#healthynj  .carousel.sonj .carousel-caption.left,
	#healthynj  .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;
	}
}


/*Light gray Bar*/
.lt-gray-bar{
	background-color: #e8e8e8;
}

/*Site Name*/
#healthynj #site-name.department{
	margin: 2px 0px;
}

#healthynj #site-name h2{
	margin: 0px;
}

#healthynj #site-name h2>.department{
	position: absolute;
	top: 50%;
	left: inherit;
	transform: translateY(-50%);
	color: #1e57a4;
    font-size: 2.5rem;
    font-weight: 700px;
}
#healthynj #site-name h2>.department>.alt-color{
	color: #008546;
}
 /*Navigation*/
#healthynj .healthynj.department-level{
	background-color: #1e57a4;
	color: #ffffff;
}

#healthynj button.navbar-toggler:focus,
#healthynj button.navbar-toggler:hover{
	/*border: 1px solid yellow;*/
	background-color: #fff;
	color:#1e57a4;
	
}
#healthynj button.navbar-toggler:focus .navbar-toggler-icon,
#healthynj button.navbar-toggler:hover .navbar-toggler-icon{
	background-image: url(/health/hcf/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");
}

#healthynj .healthynj.department-level ul.navbar-nav>li.nav-item>a.nav-link{
	color: #ffffff;
}

#healthynj .sonj-nav .nav-link.active, .sonj-nav .show > .nav-link {
	background: #153b6a;
}
/*Full Width Image*/
#healthynj img.full-width{
	width: 100%;
	height: auto;
}

/*Page Title*/
#healthynj .pageTitle{
	color: #000;
} 
#healthynj .sectionTitle{
	color: #008546;
}



/*Carousel Custom Button Color*/
.btn-hnj-blue{
	background-color: #1e57a4;
	border-color: #1e57a4;
}


/*Blue Card*/
#healthynj   .card.card-blue{
	background-color: #1e57a4;
	color: #ffffff;
}
#healthynj   .card.card-blue a{color: #ffffff;}

#healthynj   .card.card-blue.with-icon>.icon{
	left: 1.875rem;
	transform: translate(-50%, 0px);
	top: 1.5rem;
}


/*Row Header header-blue */
#healthynj  .header-blue {
	color: #1e57a4;
}

/*List Icons*/
#healthynj  .icon{
	color: #008546;
}
#healthynj  .icon.green{
	color: #008546;
}
#healthynj  .icon.blue{
	color: #1e57a4;
}
#healthynj  .icon.white{
	color: #ffffff;
}

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

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

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

/*Related Column*/
#healthynj   .related-info .related-title{
	color: #ffffff;
	background-color: #1e57a4;
}

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

.fileList  li button{}

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


/*Footer*/
#healthynj  footer .site-footer{
	background-color: #008546;
}

#healthynj  footer .sonj-footer{
	/*background-color: ;*/
}

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

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

/* Social Boxes */
#healthynj  .social-wrapper{
	/*text-align: center;*/
}
#healthynj  .social-box{
	margin: 0em 0em 2em 0em;
	/*max-width: 530px; Facebook widget will only dislpay at max 500px width so to avoid deadspace we stop these from exceeding 500px*/
	/*float: none;
	display: inline-block;
	*/
}
#healthynj  .social-box > h4{
	color:white;
	margin: 0 ;
	padding: .25em 1em;
	font-weight: bold;
	text-align:left;
}
#healthynj  .news-box > h4{
	background-color:#253341;
}
#healthynj  .facebook-box > h4{
	background-color:#17548d;
}
#healthynj  .facebook-box .wrapper{text-align:center;}
#healthynj  .twitter-box > h4{
	background-color:#479ae8;
}
#healthynj  .social-box  > .wrapper{
	border: 1px solid #9c9c9c;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
}
#healthynj  .social-box.news-box  > .wrapper{
	overflow-y:scroll;
}



/*Custom Accordion*/
#healthynj .accordion-header{
	/*background-color:#008546;*/
	border: 1px solid #e9ecef;
	border-left: 10px solid #008546;
	border-radius: 4px;
	padding-right: .25em;
}

#healthynj .accordion-header.blue{
	border-left: 10px solid #1e57A4;
}
#healthynj .accordion-header.green{
	border-left: 10px solid #008546;
}
#healthynj .accordion-header.orange.topic{
	border-left: 10px solid #f28542;
}
#healthynj .accordion-header.lt-green.topic{
	border-left: 10px solid #7eb759;
}
#healthynj .accordion-header.green.topic{
	border-left: 10px solid #009845;
}
#healthynj .accordion-header.yellow.topic{
	border-left: 10px solid #ffc73a;
}
#healthynj .accordion-header.lt-blue.topic{
	border-left: 10px solid #80cae5;
}
#healthynj .accordion-header.blue.topic{
	border-left: 10px solid #6ea2de;
}
#healthynj .accordion-header.dk-blue.topic{
	border-left: 10px solid #0074c9;
}
#healthynj .accordion-header.gray.topic{
	border-left: 10px solid #666;
}



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

#healthynj .accordion-header .btn{
	font-weight: 500;
	/*color: white;*/
	color: #000;
}
/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#healthynj .accordion-header .btn.collapsed .fa-minus-circle,
#healthynj .accordion-header .btn.collapsed .fa-chevron-circle-up{
	display: none;
}
#healthynj .accordion-header .btn.collapsed .fa-plus-circle ,
#healthynj .accordion-header .btn.collapsed .fa-chevron-circle-down {
	display: inline-block;
}
#healthynj .accordion-header .btn .fa-minus-circle,
#healthynj .accordion-header .btn .fa-chevron-circle-up{
	display: inline-block;
}
#healthynj .accordion-header .btn .fa-plus-circle ,
#healthynj .accordion-header .btn .fa-chevron-circle-down {
	display: none;
}
#healthynj .accordion-header .btn .fa-plus-circle,
#healthynj .accordion-header .btn .fa-minus-circle,
#healthynj .accordion-header .btn .fa-chevron-circle-down,
#healthynj .accordion-header .btn .fa-chevron-circle-up{
	position:absolute;
	right: 0px;
	top: .75em;
	/*color: white;*/
	color: #008546;
}
/*Accordion in and Accordion*/
#healthynj .accordion-content>section>.accordion-header .btn .fa-plus-circle,
#healthynj .accordion-content>section>.accordion-header .btn .fa-minus-circle,
#healthynj .accordion-content>section>.accordion-header .btn .fa-chevron-circle-down,
#healthynj .accordion-content>section>.accordion-header .btn .fa-chevron-circle-up{
	position:absolute;
	right: 0px;
	top: .75em;
	/*color: white;*/
	color: #1e57A4;
}

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

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

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

#healthynj .accordion.custom-accordion .blue .card-header{
	border-left: 10px solid #1e57A4;
}
#healthynj .accordion.custom-accordion .green .card-header{
	border-left: 10px solid #008546;
}
#healthynj .accordion.custom-accordion .orange.topic .card-header{
	border-left: 10px solid #f28542;
}
#healthynj .accordion.custom-accordion .lt-green.topic .card-header{
	border-left: 10px solid #7eb759;
}
#healthynj .accordion.custom-accordion .green.topic .card-header{
	border-left: 10px solid #009845;
}
#healthynj .accordion.custom-accordion .yellow.topic .card-header{
	border-left: 10px solid #ffc73a;
}
#healthynj .accordion.custom-accordion .lt-blue.topic .card-header{
	border-left: 10px solid #80cae5;
}
#healthynj .accordion.custom-accordion .blue.topic .card-header{
	border-left: 10px solid #6ea2de;
}
#healthynj .accordion.custom-accordion .dk-blue.topic .card-header{
	border-left: 10px solid #0074c9;
}
#healthynj .accordion.custom-accordion .gray.topic .card-header{
	border-left: 10px solid #666;
}




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

}
#healthynj .custom-tabs{
	border-bottom: 0px;
}
#healthynj .custom-tabs .nav-item button.nav-link .fa-plus-circle{
	margin-left: .5rem;
}
#healthynj .custom-tabs .nav-item button.nav-link.active .fa-plus-circle{
	display:none;
}
#healthynj .custom-tabs .nav-item button.nav-link.active {background-color: #e9ecef;}
#healthynj .custom-tabs .nav-item button.nav-link {
	background-color: #fff;
	border: 1px solid #ddd;
	background-color: transparent;
	}

	
	
/*Copy Paste START*/
/*Custom Accordion*/
#healthynj .accordion  .card-header .btn{
	font-weight: 500;
	color: #000;
}
/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#healthynj .accordion  .card-header .btn.collapsed .fa-minus-circle,
#healthynj .accordion  .card-header .btn.collapsed .fa-chevron-circle-up{
	display: none;
}
#healthynj .accordion  .card-header .btn.collapsed .fa-plus-circle ,
#healthynj .accordion  .card-header .btn.collapsed .fa-chevron-circle-down {
	display: inline-block;
}
#healthynj .accordion  .card-header .btn .fa-minus-circle,
#healthynj .accordion  .card-header .btn .fa-chevron-circle-up{
	display: inline-block;
}
#healthynj .accordion  .card-header .btn .fa-plus-circle ,
#healthynj .accordion  .card-header .btn .fa-chevron-circle-down {
	display: none;
}
#healthynj .accordion  .card-header .btn .fa-plus-circle,
#healthynj .accordion  .card-header .btn .fa-minus-circle,
#healthynj .accordion  .card-header .btn .fa-chevron-circle-down,
#healthynj .accordion  .card-header .btn .fa-chevron-circle-up{
	position:absolute;
	right: 0px;
	top: .75em;
	/*color: #fff;*/
	color: #1e57A4;
}
#healthynj .accordion .card.dk-blue .card-header .btn .fa-plus-circle,
#healthynj .accordion .card.dk-blue .card-header .btn .fa-minus-circle,
#healthynj .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-down,
#healthynj .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-up{
	color: #fff;
}
#healthynj .accordion  .card-header .btn{
	width: 100%;
	position:relative;
}

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

/*Custom Tabbed Content*/
#healthynj .custom-tabs{
	border: 0px;
}
#healthynj .custom-tabs li{
	display: flex;
	
	
}
#healthynj .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) {
	#healthynj .custom-tabs li{
		width: 100%;
	}
	#healthynj .custom-tabs li button{
		width: 100%;
	}
	#healthynj .custom-tabs li button br{
		/* display:none; */
	}

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



#healthynj .custom-tabs li button.active .fa-plus-circle{
	display: none;
	margin-left: .5em;
}
#healthynj .custom-tabs li button  .fa-plus-circle{
	display: inline-block;
	margin-left: .5em;
}
/*Copy Paste END*/
	
	
	
#healthynj   .list-group-item.with-icon,
#healthynj   *.with-icon{
	position: relative;
	padding-left: 2.5em;
}

#healthynj   .list-group-item.with-icon .icon,
#healthynj  *.with-icon .icon{
	position: absolute;
	left: 1em;
	top: initial;
	transform: translatex(-50%);
}

#healthynj .byline{
	clear:left;
}

/*cardPage*/
#healthynj.cardPage .card.capped{
	border-top: 15px solid gray!important;
}
#healthynj.cardPage .card .card-header{
	background-color: #ddd;
}

#healthynj.cardPage .card .card-body{
	background-color: #eee;
}


#healthynj.cardPage .card .cardTitle{ color: #0050e6;}

#healthynj.cardPage .card .cardText{ color:#000;}


#healthynj.cardPage .card.orange.capped{
	border-top: 15px solid #f28542!important;
}
#healthynj.cardPage .card.orange .card-header{
	background-color: #f28542;
}
/* <option label="orange" value="orange"/> */
/* <option label="light green" value="lt-green"/> */
/* <option label="green" value="green"/> */
/* <option label="yellow" value="yellow"/> */
/* <option label="light blue" value="lt-blue"/> */
/* <option label="blue" value="blue"/> */
/* <option label="dark blue" value="dk-blue"/> */
#healthynj.cardPage .card.lt-green.capped{
	border-top: 15px solid #7eb759!important;
}
#healthynj.cardPage .card.lt-green .card-header{
	background-color: #7eb759;
}
#healthynj.cardPage .card.green.capped{
	border-top: 15px solid #009845!important;
}
#healthynj.cardPage .card.green .card-header{
	background-color: #009845;
}
#healthynj.cardPage .card.yellow.capped{
	border-top: 15px solid #ffc73a!important;
}
#healthynj.cardPage .card.yellow .card-header{
	background-color: #ffc73a;
}
#healthynj.cardPage .card.lt-blue.capped{
	border-top: 15px solid #80cae5!important;
}
#healthynj.cardPage .card.lt-blue .card-header{
	background-color: #80cae5;
}
#healthynj.cardPage .card.blue.capped{
	border-top: 15px solid #6ea2de!important;
}
#healthynj.cardPage .card.blue .card-header{
	background-color: #6ea2de;
}
#healthynj.cardPage .card.dk-blue.capped{
	border-top: 15px solid #0074c9!important;
}
#healthynj.cardPage .card.dk-blue .card-header{
	background-color: #0074c9;
}
#healthynj.cardPage .card.gray.capped{
	border-top: 15px solid #666!important;
}
#healthynj.cardPage .card.gray .card-header{
	background-color: #666;
}

/*Columned*/


@media  screen and (max-width: 575px) {
	#healthynj .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) {
	#healthynj .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) {
	#healthynj .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;
	}
}



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

#healthynj .columned-2 ul{
	margin-bottom: .75rem;
}

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

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


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