@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@import url("/nj/assets/css/spots.css");

/*------ Info Boxes ----*/
/*.carousel-caption {

z-index:10;
color:#111;

top: 45% !important;

      
}*/
#header .btn-light {
    color: #fff;
   
    border-color: #fff;
}
.carousel-caption-sm {background-color: rgba(0,0,0,0.1); border:0px solid #FFF;margin-bottom:2rem}
.carousel-caption {
width:42%;
z-index:10;
  padding:1.5rem 1.5rem ;
color:#fff;
text-align:leftt;
top: 70% !important;
transform: translateY(-50%);

bottom: initial;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
          left: 55%;
          /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0.9,0,0.9)), color-stop(100%,rgba(0,0,1)));
           background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); 
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); 
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); */
background-color: rgba(0,0,0,0.5); border:0px solid #FFF;

}

.bg-gradient-primary-to-secondary {
    background-color: #24387e;
    background-image: linear-gradient(135deg, #24387e0%, rgba(0, 0, 102, 0.8) 100%);
}
.bg-gradient {
background: rgb(7,103,173);
background: radial-gradient(circle, rgba(7,103,173,1) 0%, rgba(7,45,231,1) 50%, rgba(7,7,233,1) 52%, rgba(8,3,102,1) 100%);
}
.display-4 {font-size: 2rem; font-weight:500; text-transform: uppercase; letter-spacing: normal;}
.text-white {
    color: #fff !important;
}
.text-bright-blue{
    color: #0066cc!important;
}
.text-orange{
    color:#f6931c!important;
}
.text-gray{color:#53535d;}
.bgdark {
  background-color: #1e222d;
  margin-top: 0;
  padding-bottom: 0
}
.bg-dark-blue{
  background: /*#5c5c5e;*/#24387e;

}
.bg-gray{
   background-color: rgba(40,40,54,0.8);

}
.bg-on {
  background-color: #e6e9ec;
}
 .carousel-caption h2 { font-size: 2.3rem;font-weight:500}         
  .carousel-caption h3{ font-size: 1.3rem;font-weight:400}
.card .infobox {

  text=align: center;
}
.card .infobox h3 {
  font-size: 1.3rem;
}

.box0 {
  background-color:#010101!important;
  background: #010101!important;
  color:#white
}
.box1 {
  background-color:#0066cc!important;
  color:#white
}
.box2 {
  background-color:#05498a!important;
  color:#white
}
.box3 {
  background-color:#213277!important;
  color: #white
}
 /*----Srvc----*/
                                     
.srvs_icon{
  width:95px;
     height:95px;
     background-color:fff;
     border:2px solid #53535d;
     border-radius:100%;
     text-align:center;
     vertical-align:middle;
    display:table-cell;
    color:#001e46;
   
} 
.srvs_icon:hover{ border-color:#0066cc;}
.gov_icon{
  width:90px;
     height:90px;
     background-color:fff;
     border:2px solid #f6931c;
     border-radius:100%;
     text-align:center;
     vertical-align:middle;
    display:table-cell;
    color:#fff
   
} 

.modal-body a {color:#002777;text-decoration:underline;}
#myModal .btn-primary, .modal-header {background-color:#002777!important;}
.srv-box a{color:#213277}
.srv-box i:hover{color:#0066cc}
.gov ul {margin-bottom:0}
.gov ul li, .topics li{margin-bottom:0.5rem}
.gov ul li a {color:#fff}
.topics ul li a, ul.gray-links a {color:#24387e!important;font-size:1em;font-weight:400}
ul.gray-links a:hover {color:#1e222d!important;}
ul.list-unstyled li {padding-bottom:0;margin-bottom:0;}
ul.list-unstyled a {line-height:normal;}
/*--------Headers--------------*/
.card-header {
  margin: 0;
border-bottom: 0 none;
  border: 0;
}
.rscSect .header-orange h4{  font-size:1.2em;}
.gov .card-header {
  background-color: #005ed0;
}
.rcard .card-header {
  background-color:#325090;}
.header-dblue {   background-color:#24387e!important;
  color:#white}
.hblue{
  background-color: #21212d!important;
  border-bottom: 5px solid #fff;
}
.htext-blue{
  color: #022253!important;
  /*border-bottom: 5px solid #fff;*/
}
a.htext-blue:hover {text-decoration:underline!important;  border-bottom: none;}
.card-image {
  max-width: unset;
}
.gov .card-title, .srvcs .card-title, .rcard .card-title, h5.card-title {
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: #fff;
}
.spot .card-title{
  font-size: 1.25rem;

  color: #000;
}

.header-blue {
  margin: 2.5rem auto 3rem auto;
}
/*.bg-on {background-color: #eaeff5; tyle="border-top: 9px solid #ef7d37 !important;#F9F9FA"}*/

.card-title-info, .card-title-info h2, .card-title-info h3 {
  color: #fff!important;
}
.horange {
  /*background-color: #f39523!important;*/
background-color: #001f4e!important;
  font-size:1.2em;
  color:#fff;
}
               .hdarkblue {
  /*background-color: #f39523!important;*/
background-color: #001f4e!important;
  font-size:1.2em;
  color:#fff;
}
.horange  h4{  font-size:1.2em;}

/*----covid----*/

.icon-white {
  color: #fff !important;
}
.link-black {
  color: #000 !important;
}
.bg-message {
  background-color: #0b54a0;
  color: #fff;
  padding: 2em 0 2em 1em;
}
 a.btn-blue,  a.btn-blue:visited{background-color: #24387e;border-color:#24387e;color: #fff !important;}
  a.btn-blue:focus,  .btn-blue:hover,.btn-primary:hover{background-color:#fff!important ;border-color:#fff; color:#24387e!important;}


.btn-white {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-link-white {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-link, .btn-more {
  text-transform: uppercase;
  color: #083294
}
.btn-link {
  text-transform: uppercase;
  font-weight: 700;
  /*color: #0c83fb !important;*/
}
/*----- Government-----*/
#govnt h5 {
  font-weight: 600;
}


.card .gov a {#213277!important;}
.card-image {
  max-width: unset;
}


.btn-link .btn-link {
  text-transform: uppercase;
  font-weight: 700;
  color: #083294 !important;
}
.icon {
  color: #0066cc;
}
.carousel {
  padding-bottom: 0
}
.carousel-indicators li {
  border-radius: 50%;
  max-width: 10px;
  height: 10px;
}
 .btn-more {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

/*----./Government----- */
                 .gov-card{
min-height: 300px;

background-repeat: no-repeat;
 flex-flow: column;
 height: 380px;
 min-height: 380px;
 background-size: cover;
 background-position: 50% 50%;
margin-top: 0;
                   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gov-card .card-body  {
    max-height: 125px;
    background-color: rgba(40,40,54,0.8);
    padding: 15px 20px;
    margin-bottom: 0;
    color: #fff;
     width: 100%;
    position: absolute;
	bottom: 0;
	}
/*----------- Secondary Pages ----------*/
.card .card-text ul li {
  list-style: disc;
}
i.dep-fb {
  width: 1em
}
              @media  screen and (min-width: 994px) and (max-width: 1300px) {
                  body .carousel-caption {
    font-size: 1.4em;
    left: 10%;
    right: 10%;
    width: 80%;
    top: 60% !important;
  }
              }
@media (min-width: 992px) and (max-width: 1199px) {
  body .carousel-caption {
    font-size: 1.4em;
    left: 10%;
    right: 10%;
    width: 80%;
    top: 60% !important;
  }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	body .carousel-caption {
		left: 50%;
		top: 50%
	}
}

/* XS*/
@media only screen and (max-width: 767px) {
	body .carousel-caption {
		font-size: 1em;
		left: 50%;
		top: 50%
          padding-right:3em;
	}
}