/* Carousel base class */



@media (min-width: 768px) {

    /* show 3 items */
    #carouselSpots .carousel-inner .active,
    #carouselSpots .carousel-inner .active + .carousel-item,
    #carouselSpots .carousel-inner .active + .carousel-item + .carousel-item,
    #carouselSpots .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #carouselSpots .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselSpots .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselSpots .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
   #carouselSpots .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
   #carouselSpots .carousel-inner .carousel-item-next, 
   #carouselSpots .carousel-inner .carousel-item-prev, #carouselSpots .carousel-control-next-icon {
      position: relative;
      transform: translate3d(0, 0, 0);


    }
    
     #carouselSpots .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
     #carouselSpots .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
     #carouselSpots .carousel-inner .carousel-item-prev.carousel-item-right, #carouselSpots .carousel-control-next-icon {
       
        left: 50%;
        z-index: 1;
        display: block;
        visibility: visible;

    }
    
    /* right or prev direction */
   #carouselSpots .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
 #carouselSpots .carousel-item {background-color: #ffffff !important;}
 a.blue-arrow:hover, a.blue-arrow:focus, a.blue-arrow:activ,  a.blue-arrow {color:#0062df!important;}
 #carouselSpots .carousel-control-next:focus, #carouselSpots .carousel-control-next:hover,  #carouselSpots .carousel-control-prev:focus  {color:#0062df!important;}
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 
  #carouselSpots .carousel-item.active {backgroung-color:#fff!important;}
              #carouselSpots .carousel-item {background-color: #ffffff !important;}
  a.blue-arrow, a.blue-arrow:hover, a.blue-arrow:focus, a.blue-arrow:active {color:#0062df!important;}
   #carouselSpots .carousel-control-next:focus, #carouselSpots .carousel-control-next:hover,  #carouselSpots .carousel-control-prev:focus  {color:#0062df!important;}
 .bg-white {background-color:#fff;}
                          }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
 a.blue-arrow:hover, a.blue-arrow:focus, a.blue-arrow:activ,  a.blue-arrow {color:#0062df!important;}
  #carouselSpots .carousel-control-next:focus, #carouselSpots .carousel-control-next:hover,  #carouselSpots .carousel-control-prev:focus  {color:#0062df!important;}
 .bg-white {background-color:#fff;}
}



#carouselSpots .card 				{ min-height: 400px; margin-bottom: 45px;}
#carouselSpots .card-block 	{ padding: 3rem;}
#carouselSpots ul li 				{ margin-bottom: 10px;}
#carouselSpots ul a 				{ color: #333; font-size: 0.9rem;}

#carouselSpots .card, #govnt .card, #topics .card, #services .card, #connect .card, #resources .card, .content-sec .card, .app_links .card, .content-sec .full{
	border: 1px solid rgba(34, 36, 38, .1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}


.card-columns .gateway {
	
   @include media-breakpoint-only(xl) {
    column-count: 2;
      -moz-column-count:    2;
  -webkit-column-count: 2;
  }
  @include media-breakpoint-only(lg) {
      column-count: 2;
      -moz-column-count:    2;
  -webkit-column-count: 2;
  }

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

.col-content {
@include media-breakpoint-only(lg) {
    column-count: 3;
  }
  @include media-breakpoint-only(xl) {
    column-count: 4;
  }
    @include media-breakpoint-only(sm) {
      column-count: 1;
      -moz-column-count:    1;
  -webkit-column-count: 1;
  }
}
  
.card-columns .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;

    border-top: 1px solid rgba(34, 36, 38, .1);
	 
}

.card-columns .card-footer, .card-columns .card-header {border-collapse:collapse;
}
.card-img-top{
  width:100%;
  height:auto;
 
}
.card-columns .card-title, .carousel-inner h4 {
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.3em;
}

.card-columns .card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}
.card-columns ul.list-group ul, .rcard ul.list-group ul {padding: 0; margin: 0}
.card-columns li.list-group-item {border-top: none !important; border-left: none !important; border-right: none !important;}
.card-columns li.list-group-item a, .rcard li.list-group-item a{padding:0; margin:0; color:#000000;font-size: 0.95rem;}
.card-columns li.list-group-item a:hover,
.card-columns li.list-group-item a:focus,.rcard li.list-group-item a:hover,
.rcard li.list-group-item a:focus  {
  color: #4676fa !important;
}

#spots .card {min-height: 350px;}
#spots .card-block { padding: 3rem;}
#spots ul li {margin-bottom: 10px;}
#spots ul a {color: #333; font-size: 0.9rem;}

#spots .card, #govnt .card, #topics .card, #services .card, #connect .card, #resources .card, .content-sec .card, .app_links .card, .content-sec .full{

 border: 1px solid rgba(34, 36, 38, .1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

}

.noborder {border-top: none!important}

.col-content .card, #main .card, .gateway .card, .rcard		{ background-color: #f4f5f6; border: 1px solid rgba(34, 36, 38, .1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.rcard .list-group list-style: 	;{background-color: #f4f5f6;}
.gateway .rcard .card-header,.gateway .rcard .card-footer, #services .card-header, .rcard .card-header {background-color: #f4f4f4;}
  
	.view .mask {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed; }
  .view img, .view video {
    position: relative;
    display: block; }
          
          .rgba-white-slight {
  background-color: rgba(255, 255, 255, 0.1); }
          .overlay .mask {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .overlay .mask:hover {
    opacity: 1; }


/* The alert message box */
.alert {
    padding: 35px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
	font-size: 1rem;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 35px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.alert a:link { color: #fff !important; text-decoration:underline;}
.alert a.btn-secondary {background-color: #ccc; color: #333333!important;}
#hor-minimalist-b tbody tr:td
{
	background-color:#fff;
}
table.tablesorter tbody tr:hover
{
	background-color:#e0eaf4;
	
}
table.tablesorter thead tr:hover
{
	background-color:#fff;
	
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/nj/assets/slices/asc.gif);
	background-repeat:no-repeat;
	background-position:165px 15px;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/nj/assets/slices/desc.gif);
		background-repeat:no-repeat;
			background-position:165px 15px;
}



/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

.link_icon { font-size: 0.8rem; }
h5.card-title {  letter-spacing: normal;}