@import "/nj/design/bootstrap/css/bootstrap.min.css";
@import "/nj/design/font-awesome/css/font-awesome.min.css";
@import "sonj-components.css";
@import "faq.css";

body {
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  color: #444;

  font-weight: 400;
  -webkit-text-size-adjust: 100%;

}

a:focus, button:focus {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 3px #1B4EA1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1
}

h1,
.h1 {
  font-size: 2.5rem
}

h2,
.h2 {
  font-size: 2.2rem
}

h3,
.h3 {
  font-size: 1.7125rem
}

h4,
.h4 {
  font-size: 1.1875rem
}

h5,
.h5 {
  font-size: 1.0625rem
}
h3.card-title {
  font-size: 1.4125rem
}
h3.h5 {
  font-size: 1.5125rem
}
#btmLinks h3.h4 a{
  font-size: 1.2125rem; font-weight:normal;
}
#news h3.card-title{
  font-size: 1.3125rem
}
h6,
.h6 {
  font-size: 1rem
}

h6.card-header {
  color: #132553
}
#btmCards .card-body{background-color: #00195b;color:#ffffff}
#btmCards .card-title a:link, #btmCards .card-title a:visited,#btmCards .card-title a:hover{color:#ffffff!important}
.subsectiontitle {
  font-size: 1.0625rem;
  color: #132553
}

.sticky-button {
  cursor: pointer;
  position: fixed;
  bottom: 25px;
  left: 10px;

  background-color: #cdb04f;
  color: #000 !important;
  border-radius: 5px;
  border: 1px solid #888888;

  font-size: 0.9rem;
  line-height: 1rem;
  outline: none;
  padding: 10px 10px;
  z-index: 99;

}

.infobox {
  font-size: 98%;
}

a:link {
  color: #0056b0;
  outline: none;
	font-weight: 500;
}
.title-overlay a:link,.title-overlay a:visited {
   color: #fff;
   font-weight:500;
   text-decoration: underline;
}
a:visited {
  color: #0056b0;
  outline: none;
}

a:hover {
  color: #0743B1;
  outline: none;
  text-decoration: underline;
}

a:active {
  color: #014eb2;
  outline: none;
  text-decoration: underline;
}

.accordion a:link,
.accordion a:active {
  text-decoration: none;
}

.sec_content a:link {
   color: #0056b0;
  outline: none;
  text-decoration: underline;
}

a[href^="#_"], .report_links a {
	padding: .47em;
}

.sec_content a:visited {
  color: #0056b0;
  outline: none;
  text-decoration: underline;
}

.accordion a:link,
.accordion a:active {
  text-decoration: none;
}

button.accordianDDDAnc {
	border: 0;
    text-align: left;
    background: transparent;
}

.collapsed .fa-circle-chevron-up, .accordianDDDAnc:not(.collapsed) .fa-circle-chevron-down {
	display: none;
}

.intro-lead .lead {font-weight:400}


.rec-section h6.card-title,
.covid-section h6.card-title,
a h6.card-title,
a.text-wrap,
li.posteddate a:link {
  color: #0056b0;
  text-transform: uppercase;
  outline: none;
}
.rscSect h3.h6{font-size: 1.25rem;}

a[aria-expanded=true] .fa-circle-chevron-down {
   display: none;
}
a[aria-expanded=false] .fa-circle-chevron-up {
   display: none;
}

.rec-section .rscSect_icon {
  color: #A89048;
}
.rec-section .fa-2x{font-size: 3.2rem;}
#btmLinks  .fa-2x  {font-size: 2.8rem;}
.yellow {
  color: #a89048;
}

.icon-dark-blue {
  color: #132553;
}

.icon-gold {
  color: #A89048;
}
.icon-yellow {
  color:#cdb15d;
}
.accordion-blue {
  color: #000;
  background-color: #fff;
}

.bg-gray {
  background: #fcfcfc;
}

.border-color7 {
  border-top: 7px solid #00195b;
}
.border-color0 {
  /*border-top: 10px solid #A89048;*/
   border-top: 10px solid #132553;
}

.border-color1 {
  border-top: 10px solid #132553;
}

#news .border-yellow {
  border-top: 10px solid #dfbf54;
}

.border-blue-dark {
  border-left: 7px solid #132553;
}

.border-gold-left {
  border-left: 7px solid #A89048;
}

.tsocial {
  background-color: #0F3F61;
  color: #ffffff;
}

.fsocial {
  background-color: #17548d;
  color: #ffffff;
}

.dddaccHeader {}

.gray-bg {
  background-color: #f5f5f5;
}

.hotline {
  background-color: #00195b;
  color: #ffffff;
}

.hotline a,
.hotline a:link {
  color: #ffffff;
  outline: none;
}

.hotline a:visited {
  color: #fff;
}

.hotline a:hover {
  color: #fff;
  text-decoration: underline
}

.hotline a:active {
  color: #fff;
  text-decoration: underline
}

.btn-gold {
  border: 0;


  margin: 1px;
  background-color: #cdb04f;
  color: #000 !important;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-font-smoothing;
  padding: 0.3rem 1.5rem;

  border-radius: 4px;
  font-size: 98%;
}





form.news .btn-sm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;

  margin: 1px;
  background-color: #cdb04f;
  color: #000 !important;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-font-smoothing;
  padding: 0.3rem 1.5rem;

  border-radius: 4px;
  font-size: 98%;
}

form.news .required {
  color: #6d2303;
}

.nav-down {
  bottom: -40px;
}

strong {
  font-weight: 500;
}

ul.check li {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.check {
  margin: 2em 0;
}

ul.check li {
  margin: 1em;
  margin-left: 3em;
}

ul.check li:before {
  content: '✔';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #333;
}

.link {
  font-size: 0.45em;
}

.border-dark {
  border-right: 1px solid #00195b;
}

.border-btm-dark {
  border-bottom: 7px solid #00195b;
}



div.hr hr {
  display: none;
}

.list-group.list-group-horizontal-md {
  display: flex;
  flex-direction: row;
}

.list-group.list-group-horizontal-md .list-group-item {
  margin-bottom: 0;
  margin-right: 0;
  border-right-width: 0;
  border: none;
  background-color: transparent !important;
}

ul.list-group.list-group-striped li:nth-of-type(odd) {
  background: #fcfcfc;
}

ul.list-group.list-group-striped li:nth-of-type(even) {
  background: #fff;
}

ul.list-group.list-group-hover li:hover {
  background: #fcfcfc;
}

ul .btn-sm,
.list-group-striped.btn-link {
  padding-left: 0 !important;
}

.table thead.table-dark {
  background: #006699;
}

.date {
  width: 60px;
  height: 65px;
  background: #fcfcfc;
  background: linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
  background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.date p {
  font-family: Helvetica, sans-serif;
  font-size: 1.5em;
  text-align: center;
  color: #797777;
  padding: 0px 0 0 0;
}

.date p span {
  background: #132553;
  background: linear-gradient(top, #1e3c89 0%, #132553 100%);
                              
  background: -moz-linear-gradient(top, #1e3c89 0%, #132553 100%);
  background: -webkit-linear-gradient(top, #1e3c89 %, #132553 100%);
  font-size: 0.8rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  display: block;
  border-top: 1px solid #132553;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;

  padding: 2px 0 4px 0;
}
                              
.prefix-overlay-action-dismiss, .prefix-overlay-action-later {
    min-height: 24px;
}
                              
#prefix-consentPolicyLabel {
   color: #000;
}
                              
                              
.card-body.text-muted a[href^="#_"] {
    display:inline-block;
    min-width: 24px;
                              
                              
    min-height: 24px;
}

/*-------- Round Photo-----*/
.img-circle {
  width: 250px;
  height: 250px
}


/*-------- Table Page-----*/

.table.tp {
	margin-top: 2em;
}

.table.tp tr {
	border: 1px solid #00185B;
	border-top: 0;
}

.table.tp thead th {
	border: 0;
	background: #00185B;
	color: #fff;
}

.table.tp thead th:first-child {
	width: var(--width);
}

.tgrid {
	display: grid;
	grid-template-columns: var(--width) auto;
	line-height: 1.5em;
}

.tcol {
	padding: .75rem .75rem 0;
}

.table-sm.tp th {
	padding-left: .75rem;
	padding-right: .75rem;
}

.tcol:last-child {
	padding-bottom: .75rem;
}

.table:not(.single) .tcol:nth-of-type(even){
	border-left: 1px solid #00185B;
}

.table.tp td {
	border: 0;
	padding: 0;
}

@media (max-width: 575.98px){
	.tgrid {
		grid-template-columns: 90vw 90vw;
	}
	
	.table.tp thead th:first-child {
		width: 90vw;
	}
}

/* Fix to paragraphs being inline 8/21/05 */

main .row > p, main .row > ul {
    width: 100%;
}

/* Fix END */


/*---------- ACCESSIBILITY UPDATES ---------*/

#prefix-overlay-outer #prefix-overlay-step1 #prefix-overlay-label {
	font-size: .888em;
}

p[style*="text-align: justify;"], li[style*="text-align: justify;"] {
	text-align: left !important;
}

p[style*="line-height: normal;"] {
	line-height: 1.5em !important;
}

.sec_content .footnotes a {
	color: #0054AD;
}

.infobox a {
	padding: .833em 0;
}


@-moz-document url-prefix() {
  .date {
    padding: 0px 0 0 0;
  }

  .date p span {
    padding: 2px 0 3px 0;
  }
}

@media (max-width: 575.98px) {
  .border-dark {
    border-right: 0 none;
  }

  .list-group.list-group-horizontal-md {
    display: flex;
    flex-direction: column;
  }
}


@media (max-width: 767.98px) {
  .border-dark {
    border-right: 0 none;
  }

  .list-group.list-group-horizontal-md {
    display: flex;
    flex-direction: column;
  }
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }

  @include media-breakpoint-only(xl) {
    column-count: 4;
  }

  @include media-breakpoint-only(md) {
    column-count: 2;
  }

  @include media-breakpoint-only(sm) {
    column-count: 1;
  }
}


@media (max-width: 575.98px) {
  .rec-section br {
    display: none;
  }

  h2.home-subtitle {
    font-zize: 1.5rem
  }

  #news .row {
    padding-bottom: 0 !important;
  }

  .hotline .text-right {
    text-align: center !important;
  }

  .gov-bar ul .text-right {
    text-align: left !important;
  }

  #youth_board_app label {
    display: none;
  }
}


@media (min-width: 576px) and (max-width: 767.98px) {
  .hotline .text-right {
    text-align: center !important;
  }

  h2.home-subtitle {
    font-zize: 1.5rem !important
  }

  #news .row {
    padding-bottom: 0 !important;
  }

  .hotline .text-right {
    text-align: center !important;
  }

  #youth_board_app label {
    display: none;
  }

  .gov-bar ul .text-right {
    text-align: left !important;
  }
}


@media (min-width: 768px) and (max-width: 991.98px) {
  ...
}


@media (min-width: 992px) and (max-width: 1199.98px) {
  ...
}


@media (min-width: 1200px) {
  ...
}

/* Cards Template */

.cards-template .modal-btn {
  border: none;
  background-color: transparent;
  color: #0056b0;
  text-transform: uppercase;
  outline: none;
}

.cards-template .modal-btn:hover {
  text-decoration: underline;
}

.cards-template .cards-section .card .card-body h4 {
  /* color: #0056b0 !important; */
}

.cards-template .cards-section .card .modal .modal-title {
  color: #0056b0 !important;
}

.cards-template .cards-section .card .card-body .card-name-title>p {
  font-size: .9375em;
}

.cards-template .modal {
  top: 14% !important;
}

.cards-template .modal .modal-body .biography-container {
  min-height: 35vh;
  max-height: 35vh;
  overflow-y: auto;
}
.cards-section .item{
    position: relative;
    overflow: hidden;
margin: 0;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(30, 41, 92, 0.62);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s ease;
}

.fade-overlay {
    height: 100%;
    opacity: 1;
}

.item:hover .fade-overlay {
  opacity: 1;
}
.title-overlay {
    height: auto;
    top: auto;
    opacity: 1;
}
.item .title-overlay {
    opacity: 1;
    height: auto;
    padding: 50px 0 0 0;
}
  .title-overlay a:link,.title-overlay a:visited{ color: #ffffff;}
.text {
    color: #000;
    font-size: 1.2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
	margin:0 1px;
}
.general-interest-app-form {
  background-color: #CDB04F;
  border-radius: 0.5rem;
  color: black;
}

.general-interest-app-form .btn-primary {
  background-color: #132553;
  border-color: #132553;
}

.general-interest-app-form .btn-primary:hover {
  background-color: #0069d9;
  border-color: #0069d9;
}

.cards-template .btn-primary {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  font-weight: 500;
}

.cards-template .btn-primary:hover {
  color: #fff;
  background-color: #132553;
  border-color: #132553;
}

.bg-primary-dark {
  background-color: #132553 !important;
}

.bg-primary-light {
  background-color: #e9ecef !important;
}

h6.card-title > a {
	padding: .25em 0;
}

@media (min-width: 576px) {
  .cards-template .modal-dialog {
    max-width: 700px;
  }

  .cards-template .modal {
    padding: 1rem !important;
  }
}

@media (min-width: 992px) {
  .cards-template .modal-dialog {
    max-width: 900px;
  }
}

@media (min-width: 2000px) {
  .cards-template .modal-dialog {
    max-width: 1200px;
  }
}

@media (max-width: 768px) {
  .card.border.rounded.h-100.item { height: auto !important}
}