@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%;

}

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: 2rem
}

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

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

h5,
.h5 {
  font-size: 1.0625rem
}

h6,
.h6 {
  font-size: 1rem
}

h6.card-header {
  color: #132553
}

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

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

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

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

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


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

.yellow {
  color: #a89048;
}

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

.icon-gold {
  color: #A89048;
}

.accordion-blue {
  color: #000;
  background-color: #fff;
}

.bg-gray {
  background: #fcfcfc;
}

.border-color0 {
  border-top: 10px solid #A89048;
}

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

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

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

.hotline {
  background-color: #132553;
  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 #132553;
}

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



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

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



@-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: 15px;
}

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

.cards-template .modal .modal-body .biography-container {
  min-height: 35vh;
  max-height: 35vh;
  overflow-y: auto;
}

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

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