/* njyrs shouldn't need these
@import url("styles_objectives.css");
@import url("tipr.css");
*/
  
/*
NJYRS Colors (10-27-2021 design v2)

Lt Gray 
#ededed

Blue
#0851b3

Teal
#15a0a9

https://picsum.photos/300/200.jpg?blur=2
https://picsum.photos/WIDTH/HEIGHT?blur=2&random=1
 
*/



/*
alert-njyrs-custom-blue
*/

.alert-njyrs-custom-blue {
 color:#1bbce9;
 background-color:#d9ecf8;
 border-color:#C3D4DF
}
.alert-njyrs-custom-blue hr {
 border-top-color:#AEBDC6
}
.alert-njyrs-custom-blue .alert-link {
 color:#1bbce9
}

.disclaimer-icon{
  color:#1bbce9;
}

.sr-only{
/*Set color and background to avoid WAVE errors for SR Only elements*/
  background-color: white!important;
  color: black!important;
}

.opacity-50{
	opacity: 0.5;
}

.not-allowed{
	cursor: not-allowed!important;
}


 .a-link{
	/*color: #033fae;*/
  color: #0056b3;
}
 .a-link:hover,
 .a-link:focus{
  color: #0743b1;
}
.a-link:active{
  color: #043079;
}



.lt-gray-bg{
	background-color: #ededed;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td,
table.dataTable>tbody>tr>td,
table.dataTable>tr>td {
    padding-top: 1rem;
    padding-left: 1rem;
}


.image-banner{
	/*padding-top: 180px;*/
  	padding-top: 11.25%;
	padding-bottom: 0px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	font-size: 4rem;
}
.transparent-gray{
	background-color: rgba(0,0,0,.75);
}


.njyrs-button{
	background-color: #0851b3;
	border-color: #0851b3;
}
.text-call-out{
	font-size:1.5rem;
}

.font-20px{
	font-size: 20px; 
}

.tab-content a, section a, a.underline{
    text-decoration: underline;
}

ul.list-group.list-group-striped li:nth-of-type(2n+1) {
    background-color:rgba(0,0,0,.05);
}

#dept-njyrs .modal-header.blue {
    background-color: #0851b3;
	color:#ffffff;
}


.normalizeCarousel .carousel-item > img {
/*   position: relative;
  top: 50%;
  transform: translateY(-50%); */
} 

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

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

/*https://larsenwork.com/easing-gradients/*/
.carousel.sonj .carousel-caption, .carousel.sonj .carousel-caption.default {
background: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0) 0%,
    hsla(0, 0%, 0%, 0.128) 5.1%,
    hsla(0, 0%, 0%, 0.247) 10.2%,
    hsla(0, 0%, 0%, 0.357) 15.6%,
    hsla(0, 0%, 0%, 0.459) 21.1%,
    hsla(0, 0%, 0%, 0.553) 26.8%,
    hsla(0, 0%, 0%, 0.637) 32.8%,
    hsla(0, 0%, 0%, 0.713) 38.9%,
    hsla(0, 0%, 0%, 0.78) 45.4%,
    hsla(0, 0%, 0%, 0.838) 52.1%,
    hsla(0, 0%, 0%, 0.887) 59.2%,
    hsla(0, 0%, 0%, 0.928) 66.6%,
    hsla(0, 0%, 0%, 0.959) 74.3%,
    hsla(0, 0%, 0%, 0.982) 82.5%,
    hsla(0, 0%, 0%, 0.995) 91%,
    hsl(0, 0%, 0%) 100%
);
  padding-top: 100px;
}

.carousel.sonj .carousel-caption.light {
    background: rgba(255, 255, 255, 0.85);
	color: #000000;
}

.carousel.sonj .carousel-caption.right {
	/*height: 50%;*/
	max-height: 50%;
	overflow-y: auto;
}

.carousel.sonj .carousel-caption.right {
    width: 25%;
    top: auto;
    transform: translateY(0%);
    right: 15%;
    left: auto;
    bottom: 25%;
    padding-bottom: 20px;
    padding-left: .5em;
    padding-right: .5em;
}

#dept-njyrs .custom-controls.right{
	position: absolute;
	right: 15%;
	top: 75%;
	width: 25%;
	padding-top: 5px;
}


#dept-njyrs .custom-controls.bottom{
	position: absolute;
	right: 0%;
	bottom: .25rem;
	width: 100%;
	padding-top: 5px;
}

#dept-njyrs .custom-controls{
	/*background-color: #333;*/
}


#dept-njyrs .custom-controls .togglePauseCarousel{
	position: relative;
	top: 1px;
}
#dept-njyrs .custom-controls .carousel-control-next,
#dept-njyrs .custom-controls .carousel-control-prev{
	position: relative;
	width: unset;
}
#dept-njyrs .custom-controls ol.carousel-indicators{
	position: relative;
}
#dept-njyrs ol.carousel-indicators{
	margin-bottom: .125rem;
}




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

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




/*Site Name*/
#dept-njyrs #site-name h2{
	margin: 0px;
}

#dept-njyrs #site-name h2 img.dept-logo {
	max-height: 100px;
}

#dept-njyrs #site-name h2>.department{
	position: absolute;
	top: 50%;
	left: inherit;
	transform: translateY(-50%);
	color: #000000;
    font-size: 2.5rem;
}

 /*Navigation*/
#dept-njyrs .dept-njyrs.department-level{
	border-top: 2px solid #0851b3;
	border-bottom: 2px solid #0851b3;
	background-color: #ffffff;
	color: #000000;
}

#dept-njyrs .dept-njyrs.site-level{
	background-color: #0851b3;
	color: #ffffff;
}

#dept-njyrs button.navbar-toggler{
	background-color: #000;
	color:#fff;
	
}

#dept-njyrs button.navbar-toggler:focus,
#dept-njyrs button.navbar-toggler:hover{
	border: 1px solid #000;
	background-color: #fff;
	color:#000000!important;
	
}
#dept-njyrs button.navbar-toggler:focus .navbar-toggler-icon,
#dept-njyrs button.navbar-toggler:hover .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(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#dept-njyrs .dept-njyrs.department-level ul.navbar-nav>li.nav-item>a.nav-link{
	color: #000000;
	font-weight: bold;
}

#dept-njyrs .sonj-nav .nav-link.active, 
#dept-njyrs .sonj-nav .show > .nav-link {
	background: #000000;
	color: #ffffff!important;
}



/*Should this be DEFAULT */
/*Blue THEME*/
#dept-njyrs svg.blue,
#dept-njyrs a>svg.blue{color:#0851b3;}
#dept-njyrs .capped.capped-blue{
	border-top: 9px solid #0851b3 !important;
}



/*Full Width Image*/
#dept-njyrs img.full-width{
	width: 100%;
	height: auto;
}

/*Page Title*/
#dept-njyrs .pageTitle{
	color: #000;
	font-weight: bold;
}
/*
#dept-njyrs.siteTheme-NAME .pageTitle{
	color:#0851b3;
	border-bottom: 4px solid #c79130 !important;
}
*/

#dept-njyrs .row-title{
	color: #132553;
}


#dept-njyrs .sectionTitle{
	color: #000000;
	font-weight:bold;
}
/* #dept-njyrs.siteTheme-NAME .sectionTitle{ 
	color: #0851b3; 
} */


#dept-njyrs section p img.float-right{
	padding-left: 1rem;
	padding-bottom: 1rem;
}
#dept-njyrs section p img.float-left{
	padding-right: 1rem;
	padding-bottom: 1rem;
}

/*Implementation Tracker*/
#dept-njyrs table .table-njyrs-blue td,
#dept-njyrs table .table-njyrs-blue th{
	background-color: #0851b3;
	color: white;
}

/*Carousel Custom Button Color*/
.btn-njyrs-yellow{
	background-color: #fdb810;
	border-color: #fdb810;
	color: #184d99;
}
.btn-hnj-blue{
	background-color: #0851b3;
	border-color: #0851b3;
}

/*XS*/
@media  screen and (max-width: 575px) {
	#dept-njyrs  .carousel.sonj .carousel-caption,
	#dept-njyrs .carousel.sonj .carousel-caption.default,
	#dept-njyrs  .carousel.sonj .carousel-caption.left,
	#dept-njyrs  .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;
	}
}



/*Card Defaults*/
#dept-njyrs  .card.text-card{
	width: 100%;
}
#dept-njyrs  .card.image-card{
		width: 100%;
}
#dept-njyrs  .card.icon-card{
	color: #FFFFFF;
	width: 100%;
}
#dept-njyrs  .card.icon-card a{
	color: #FFFFFF
}
#dept-njyrs  .card.list{
	width: 100%;
}



/*Slick customizations */

#dept-njyrs  .slick-prev::before,
#dept-njyrs  .slick-next::before {
	color: #000;
	text-shadow: 0px 0px 4px #fff;
	background-color: #fff;
	border-radius: 1em;
	padding: 2px 1px 0px 1px;
	opacity: 1;
}
#dept-njyrs  .slick-prev {
    left: 5px;
    z-index: 200;
}
#dept-njyrs  .slick-next {
    right: 5px;
    z-index: 200;
}




/*column solution for footer*/
.columned-parent{
  position: unset;
}
.columned {
  /*width: 90vw;*/
}

.columned .dropdown-item{
  white-space:normal;
}
@media  screen and (max-width: 575px) {
	.columned {
		-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 {
		-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 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-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;
	}
	#dept-njyrs  .columned.columns-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 ul,
.columned li{
	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 ul{
	margin-bottom: .75rem;
}

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




/*Row Header header-blue */
#dept-njyrs  .header-blue {
	color: #0851b3;
}

/*List Icons*/
#dept-njyrs  .icon{
	color: #0851b3;
}
/*
#dept-njyrs  .icon.THEME{
	color: #008546;
}
*/


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

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

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

/*Related Column*/
#dept-njyrs   .related-info .related-title{
	/*
	color: #ffffff;
	background-color: #0851b3;
	*/
	color: #000000;
	background-color: #f8f9fa;
	border-top: 10px solid #0851b3;
}






/*Footer*/
#dept-njyrs  footer .site-footer{
	background-color: #0851b3;
}

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

#dept-njyrs  footer a.social:focus{
	outline: 1px dashed white;
}

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



/*Custom Accordion*/
#dept-njyrs .accordion-header{
	border-radius: 4px;
	padding-right: .25em;
}

#dept-njyrs .accordion-header .btn{
	font-weight: 500;
}




/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#dept-njyrs .accordion-header .btn.collapsed .fa-minus-circle,
#dept-njyrs .accordion-header .btn.collapsed .fa-chevron-circle-up,
#dept-njyrs .accordion-header .btn.collapsed .fa-circle-minus,
#dept-njyrs .accordion-header .btn.collapsed .fa-circle-chevron-up{
	display: none;
}
#dept-njyrs .accordion-header .btn.collapsed .fa-plus-circle ,
#dept-njyrs .accordion-header .btn.collapsed .fa-chevron-circle-down,
#dept-njyrs .accordion-header .btn.collapsed .fa-circle-plus ,
#dept-njyrs .accordion-header .btn.collapsed .fa-circle-chevron-down {
	display: inline-block;
}
#dept-njyrs .accordion-header .btn .fa-minus-circle,
#dept-njyrs .accordion-header .btn .fa-chevron-circle-up,
#dept-njyrs .accordion-header .btn .fa-circle-minus,
#dept-njyrs .accordion-header .btn .fa-circle-chevron-up{
	display: inline-block;
}
#dept-njyrs .accordion-header .btn .fa-plus-circle ,
#dept-njyrs .accordion-header .btn .fa-chevron-circle-down,
#dept-njyrs .accordion-header .btn .fa-circle-plus ,
#dept-njyrs .accordion-header .btn .fa-circle-chevron-down {
	display: none;
}
#dept-njyrs .accordion-header .btn .fa-plus-circle,
#dept-njyrs .accordion-header .btn .fa-minus-circle,
#dept-njyrs .accordion-header .btn .fa-chevron-circle-down,
#dept-njyrs .accordion-header .btn .fa-chevron-circle-up,
#dept-njyrs .accordion-header .btn .fa-circle-plus,
#dept-njyrs .accordion-header .btn .fa-circle-minus,
#dept-njyrs .accordion-header .btn .fa-circle-chevron-down,
#dept-njyrs .accordion-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: 50%;
    transform: translateY(-50%);
	color: #0851b3;
}
/*Second level #15a0a9 */
#dept-njyrs .accordion-header.secondLevel .btn .fa-plus-circle,
#dept-njyrs .accordion-header.secondLevel .btn .fa-minus-circle,
#dept-njyrs .accordion-header.secondLevel .btn .fa-chevron-circle-down,
#dept-njyrs .accordion-header.secondLevel .btn .fa-chevron-circle-up,
#dept-njyrs .accordion-header.secondLevel .btn .fa-circle-plus,
#dept-njyrs .accordion-header.secondLevel .btn .fa-circle-minus,
#dept-njyrs .accordion-header.secondLevel .btn .fa-circle-chevron-down,
#dept-njyrs .accordion-header.secondLevel .btn .fa-circle-chevron-up{
	color: #15a0a9;
}


/*White Backgrounf and Side border stroke theme*/
#dept-njyrs .accordion-header.header-border-left{
	background-color:white;
	border: 1px solid #e9ecef;
	border-left: 10px solid #0851b3;
}
/*Second level #15a0a9 */
#dept-njyrs .accordion-header.header-border-left.secondLevel{
	border-left: 10px solid #15a0a9;
}
#dept-njyrs .accordion-header.header-border-left .btn{
	color: black;
}


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



	
	
	
#dept-njyrs   .list-group-item.with-icon,
#dept-njyrs   *.with-icon{
	position: relative;
	padding-left: 2.5em;
}

#dept-njyrs   .list-group-item.with-icon .icon,
#dept-njyrs  *.with-icon .icon{
	position: absolute;
	left: 1.25rem;
	top: initial;
	transform: translatex(-50%);
}

#dept-njyrs .byline{
	clear:left;
}




#dept-njyrs .columned  > p,
#dept-njyrs .columned   .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;    
}
#dept-njyrs ul.columned>li,
#dept-njyrs ol.columned>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;    
}


#dept-njyrs .columned  > p,
#dept-njyrs .columned   .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;
}






.bottom-modal-wrapper{
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.bottom-modal{
	background-color: rgba(250,250,250,.9);
	backdrop-filter: blur(10px);
}

.bottom-modal.blue{
	background-color: rgba(8, 81, 179,.88);
	backdrop-filter: blur(10px);
}

.bottom-modal.gray{
	background-color: rgba(68,68,68,.88);
	backdrop-filter: blur(10px);
}