/*USAGE Example

:root {
  --dk-blue: #224e76;
}

attribute: var(--dk-blue); 
*/

:root {
  --black: #000000;
  --white: #ffffff;
  --dk-blue: #224e76;
  --gray: #dde6e8;
  --orange: #DE8828; 
  --blue-card-border: #234e76;
  /*#e09613;*/
}

main a{
	text-decoration: underline;
}

a.no-underline{
	text-decoration: none!important;
}

#disasterhelp{
	
}

#disasterhelp a.btn{
	user-select: auto;
}

.step-theme{
	border: solid 1px var(--blue-card-border);
	border-radius: 4px;
	overflow: hidden;
}
.step-theme>.sectionTitle{
	background-color: var(--gray);
	padding: .5em;
	color:  var(--dk-blue);
}
.step-theme>div{
	padding: .5rem;
}

.carousel.sonj .carousel-caption .btn{
	border: 1px solid white;
}

.carousel.sonj .carousel-caption, .carousel.sonj .carousel-caption.default
{
  background: var(--dk-blue)!important;
}


#disasterhelp .carousel.sonj .carousel-caption.left
{
  width: 36%;
  left: 10%!important;
  min-width: 525px!important;
}

.carousel .link-over-heros>.link-icon{
	z-index: 20;
	/*font-size: 1.5rem;*/
	padding: .5rem;
	border-radius: .5rem;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: var(--dk-blue);
	color: var(--white);
	box-shadow: 0px 0px 10px var(--white);
	/*opacity: .85;*/
}

.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%);/*Revetert back CS 11/9/21*/
}

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


#disasterhelp .border-orange{
	border-color: var(--orange)!important;
}
#disasterhelp .border-dk-blue{
	border-color: var(--dk-blue)!important;
}
#disasterhelp .step-title{
	background-color: var(--gray)!important;
	color: var(--dk-blue)!important;
	font-weight: bold;
}
#disasterhelp .generic-title{
	/*background-color: var(--gray)!important;*/
	color: var(--dk-blue)!important;
	font-weight: bold;
}

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

#disasterhelp .navbar-brand {
	max-width: 75%;
	margin-right: 0px;
	white-space: normal;
	color: var(--dk-blue);
}


/*XS*/
/*Sets caption to below carousel on smallest devices*/
@media  screen and (max-width: 575px) {
	#disasterhelp  .carousel.sonj .carousel-caption,
	#disasterhelp .carousel.sonj .carousel-caption.default,
	#disasterhelp  .carousel.sonj .carousel-caption.left,
	#disasterhelp  .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;
	}
}


/*Light gray Bar*/
.lt-gray-bar{
	background-color: #e8e8e8;
}

/*Site Name*/
#disasterhelp #site-name.department{
	margin: 2px 0px;
}

#disasterhelp #site-name h2{
	margin: 0px;
}

#disasterhelp #site-name h2>.department{
	/* use this if there is a logo and text should be centered vertically
	position: absolute;
	top: 50%;
	left: inherit;
	transform: translateY(-50%);
	*/
	/*Use this if there is no logo*/
	position: relative;
	color: var(--dk-blue);
    font-size: 2.5rem;
    font-weight: 700;
}
#disasterhelp #site-name h2>.department>.alt-color{
	color: var(--dk-blue);
}
 /*Navigation*/
#disasterhelp .disasterhelp.department-level{
	background-color: #ffffff;
	color: var(--dk-blue);
	border-bottom: 1px solid var(--dk-blue);
}

#disasterhelp .disasterhelp.department-level nav.navbar{
	padding-bottom: 2px;
}

#disasterhelp button.navbar-toggler:focus,
#disasterhelp button.navbar-toggler:hover{
	/*border: 1px solid yellow;*/
	background-color: var(--dk-blue);
	color:#ffffff;
	
}


#disasterhelp .sonj-nav.disasterhelp.department-level nav.navbar button.navbar-toggler span.navbar-toggler-icon {
  background-image: url(/disasterhelp/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34,78,118, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
#disasterhelp .sonj-nav.disasterhelp.department-level nav.navbar button.navbar-toggler:focus span.navbar-toggler-icon,
#disasterhelp .sonj-nav.disasterhelp.department-level nav.navbar button.navbar-toggler:hover span.navbar-toggler-icon {
  background-image: url(/disasterhelp/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
#disasterhelp .sonj-nav.disasterhelp.department-level nav.navbar button.navbar-toggler {
  color: rgba(34,78,118,1) !important;
  border-color: rgba(34,78,118,1) !important;
}

#disasterhelp button.navbar-toggler:focus .navbar-toggler-icon,
#disasterhelp button.navbar-toggler:hover .navbar-toggler-icon{
	background-image: url(/disasterhelp/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http:/www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 47, 155, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#disasterhelp .disasterhelp.department-level ul.navbar-nav>li.nav-item>a.nav-link{
	color: var(--dk-blue);
	border-radius: 0px;
}
#disasterhelp .sonj-nav .nav-link:hover,
#disasterhelp .sonj-nav .nav-link:focus{
	border-bottom: 5px solid rgba(34,78,118,.5);
}
#disasterhelp .sonj-nav .nav-link{
	border-bottom: 5px solid #ffffff;
}

#disasterhelp .sonj-nav .nav-link.active{
	background: #ffffff;
	border-bottom: 5px solid var(--orange);
}
#disasterhelp .sonj-nav .show > .nav-link {
	background: #ffffff;
	border-bottom: 5px solid var(--dk-blue);
}
/*Full Width Image*/
#disasterhelp img.full-width{
	width: 100%;
	height: auto;
}

/*Page Title*/
#disasterhelp .pageTitle{
	color: #000;
} 
#disasterhelp .sectionTitle{
	color: var(--black);
	font-size: 1.35rem;
}



/*Carousel Custom Button Color*/
.btn-blue{
	background-color: var(--dk-blue);
	border-color: var(--dk-blue);
}


/*Blue Card*/
#disasterhelp   .card.card-blue{
	background-color: #1e57a4;
	color: #ffffff;
}
#disasterhelp   .card.card-blue a{color: #ffffff;}

#disasterhelp   .card.card-blue.with-icon>.icon{
	left: 1.875rem;
	transform: translate(-50%, 0px);
	top: 1.5rem;
}


/*Row Header header-blue */
#disasterhelp  .header-blue {
	color: #1e57a4;
}

/*List Icons*/
#disasterhelp  .icon{
	color: var(--dk-blue);
}
#disasterhelp  .icon.green{
	color: #008546;
}
#disasterhelp  .icon.blue{
	color: var(--dk-blue);
}
#disasterhelp  .icon.white{
	color: #ffffff;
}

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

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

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

/*Related Column*/
#disasterhelp   .related-info .related-title{
	color: #ffffff;
	background-color: #1e57a4;
}

/*File Manifest List*/
.fileList  li button.collapsed::after {
    content: "+";
}

.fileList  li button{}

.fileList  li button::after {
  content: "\2012";
}


/*Footer*/
#disasterhelp  footer .site-footer{
	background-color: var(--dk-blue);
}
#disasterhelp  footer .site-footer img.digital-nj {max-height:100px}
#disasterhelp  footer .sonj-footer{
	/*background-color: ;*/
}

#disasterhelp  footer a.social:focus{
	outline: 1px dashed white;
}

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

/* Social Boxes */
#disasterhelp  .social-wrapper{
	/*text-align: center;*/
}
#disasterhelp  .social-box{
	margin: 0em 0em 2em 0em;
	/*max-width: 530px; Facebook widget will only dislpay at max 500px width so to avoid deadspace we stop these from exceeding 500px*/
	/*float: none;
	display: inline-block;
	*/
}
#disasterhelp  .social-box > h4{
	color:white;
	margin: 0 ;
	padding: .25em 1em;
	font-weight: bold;
	text-align:left;
}
#disasterhelp  .news-box > h4{
	background-color:#253341;
}
#disasterhelp  .facebook-box > h4{
	background-color:#17548d;
}
#disasterhelp  .facebook-box .wrapper{text-align:center;}
#disasterhelp  .twitter-box > h4{
	background-color:#479ae8;
}
#disasterhelp  .social-box  > .wrapper{
	border: 1px solid #9c9c9c;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
}
#disasterhelp  .social-box.news-box  > .wrapper{
	overflow-y:scroll;
}



/*Custom Accordion*/
#disasterhelp .accordion-header{
	/*background-color:var(--dk-blue);*/
	border: 1px solid #e9ecef;
	border-left: 10px solid var(--dk-blue);
	border-radius: 4px;
	padding-right: .25em;
}

#disasterhelp .accordion-header.blue{
	border-left: 10px solid #1e57A4;
}
#disasterhelp .accordion-header.green{
	border-left: 10px solid #008546;
}
#disasterhelp .accordion-header.orange,
#disasterhelp .accordion-header.orange.topic{
	border-left: 10px solid var(--orange);
}
#disasterhelp .accordion-header.lt-green.topic{
	border-left: 10px solid #7eb759;
}
#disasterhelp .accordion-header.green.topic{
	border-left: 10px solid #009845;
}
#disasterhelp .accordion-header.yellow.topic{
	border-left: 10px solid #ffc73a;
}
#disasterhelp .accordion-header.lt-blue.topic{
	border-left: 10px solid #80cae5;
}
#disasterhelp .accordion-header.blue.topic{
	border-left: 10px solid #6ea2de;
}
#disasterhelp .accordion-header.dk-blue.topic{
	border-left: 10px solid #0074c9;
}
#disasterhelp .accordion-header.gray,
#disasterhelp .accordion-header.gray.topic{
	border-left: 10px solid var(--gray);
}



/*Accordion in and Accordion
#disasterhelp .accordion-content>section>.accordion-header{
	border: 1px solid #e9ecef;
	border-left: 10px solid #1e57A4;
	border-radius: 4px;
	padding-right: .25em;
}
*/

#disasterhelp .accordion-header .btn{
	font-weight: 500;
	/*color: white;*/
	color: #000;
}
/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#disasterhelp .accordion-header .btn.collapsed .fa-minus-circle,
#disasterhelp .accordion-header .btn.collapsed .fa-chevron-circle-up,
#disasterhelp .accordion-header .btn.collapsed .fa-circle-minus,
#disasterhelp .accordion-header .btn.collapsed .fa-circle-chevron-up{
	display: none;
}
#disasterhelp .accordion-header .btn.collapsed .fa-plus-circle ,
#disasterhelp .accordion-header .btn.collapsed .fa-chevron-circle-down,
#disasterhelp .accordion-header .btn.collapsed .fa-circle-plus ,
#disasterhelp .accordion-header .btn.collapsed .fa-circle-chevron-down {
	display: inline-block;
}
#disasterhelp .accordion-header .btn .fa-minus-circle,
#disasterhelp .accordion-header .btn .fa-chevron-circle-up,
#disasterhelp .accordion-header .btn .fa-circle-minus,
#disasterhelp .accordion-header .btn .fa-circle-chevron-up{
	display: inline-block;
}
#disasterhelp .accordion-header .btn .fa-plus-circle ,
#disasterhelp .accordion-header .btn .fa-chevron-circle-down,
#disasterhelp .accordion-header .btn .fa-circle-plus ,
#disasterhelp .accordion-header .btn .fa-circle-chevron-down {
	display: none;
}
#disasterhelp .accordion-header .btn .fa-plus-circle,
#disasterhelp .accordion-header .btn .fa-minus-circle,
#disasterhelp .accordion-header .btn .fa-chevron-circle-down,
#disasterhelp .accordion-header .btn .fa-chevron-circle-up,
#disasterhelp .accordion-header .btn .fa-circle-plus,
#disasterhelp .accordion-header .btn .fa-circle-minus,
#disasterhelp .accordion-header .btn .fa-circle-chevron-down,
#disasterhelp .accordion-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	/*color: white;*/
	color: var(--dk-blue);
}


#disasterhelp .accordion-header.dk-blue .btn .accordion-close,
#disasterhelp .accordion-header.dk-blue .btn .accordion-open{
	color: var(--dk-blue);
}

#disasterhelp .accordion-header.gray .btn .accordion-close,
#disasterhelp .accordion-header.gray .btn .accordion-open{
	color: var(--gray);
	background-color: var(--black);
	border-radius: 50%;
}

#disasterhelp .accordion-header.orange .btn .accordion-close,
#disasterhelp .accordion-header.orange .btn .accordion-open{
	color: var(--orange);
}

/*Accordion in and Accordion
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-plus-circle,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-minus-circle,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-chevron-circle-down,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-chevron-circle-up,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-circle-plus,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-circle-minus,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-circle-chevron-down,
#disasterhelp .accordion-content>section>.accordion-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	color: #1e57A4;
}
*/
#disasterhelp .accordion-header .btn{
	width: 100%;
	position:relative;
}

#disasterhelp .accordion.custom-accordion .card,
#disasterhelp .accordion.custom-accordion .card-header{
	border-radius: .25rem;
	border: 0px;
}

#disasterhelp .accordion.custom-accordion .card-header{
	/*background-color:#1e57A4;*/
	background-color:#ffffff;
	border-top: 1px solid #e9ecef!important;
	border-bottom: 1px solid #e9ecef!important;
	border-right: 1px solid #e9ecef!important;
	border-left: 10px solid #1e57A4;
	color: #000;
	margin-bottom: 1px;
}

#disasterhelp .accordion.custom-accordion .blue .card-header{
	border-left: 10px solid #1e57A4;
}
#disasterhelp .accordion.custom-accordion .green .card-header{
	border-left: 10px solid #008546;
}
#disasterhelp .accordion.custom-accordion .orange.topic .card-header{
	border-left: 10px solid #f28542;
}
#disasterhelp .accordion.custom-accordion .lt-green.topic .card-header{
	border-left: 10px solid #7eb759;
}
#disasterhelp .accordion.custom-accordion .green.topic .card-header{
	border-left: 10px solid #009845;
}
#disasterhelp .accordion.custom-accordion .yellow.topic .card-header{
	border-left: 10px solid #ffc73a;
}
#disasterhelp .accordion.custom-accordion .lt-blue.topic .card-header{
	border-left: 10px solid #80cae5;
}
#disasterhelp .accordion.custom-accordion .blue.topic .card-header{
	border-left: 10px solid #6ea2de;
}
#disasterhelp .accordion.custom-accordion .dk-blue.topic .card-header{
	border-left: 10px solid #0074c9;
}
#disasterhelp .accordion.custom-accordion .gray.topic .card-header{
	border-left: 10px solid #666;
}




/*Custom Tabbed Content*/
#disasterhelp .tab-content{
	background-color: white;
	/* Should only affect wrapper of content in a TAB
	padding: 1em;
	border: 1px solid rgb(222, 226, 230);
	*/

}
#disasterhelp .custom-tabs{
	border-bottom: 0px;
}
#disasterhelp .custom-tabs .nav-item button.nav-link .fa-plus-circle,
#disasterhelp .custom-tabs .nav-item button.nav-link .fa-circle-plus{
	margin-left: .5rem;
}
#disasterhelp .custom-tabs .nav-item button.nav-link.active .fa-plus-circle,
#disasterhelp .custom-tabs .nav-item button.nav-link.active .fa-circle-plus{
	display:none;
}
#disasterhelp .custom-tabs .nav-item button.nav-link.active {background-color: #e9ecef;}
#disasterhelp .custom-tabs .nav-item button.nav-link {
	background-color: #fff;
	border: 1px solid #ddd;
	background-color: transparent;
	}

	
	
/*Copy Paste START*/
/*Custom Accordion*/
#disasterhelp .accordion  .card-header .btn{
	font-weight: 500;
	color: #000;
}
/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#disasterhelp .accordion  .card-header .btn.collapsed .fa-minus-circle,
#disasterhelp .accordion  .card-header .btn.collapsed .fa-chevron-circle-up,
#disasterhelp .accordion  .card-header .btn.collapsed .fa-circle-minus,
#disasterhelp .accordion  .card-header .btn.collapsed .fa-circle-chevron-up{
	display: none;
}
#disasterhelp .accordion  .card-header .btn.collapsed .fa-plus-circle ,
#disasterhelp .accordion  .card-header .btn.collapsed .fa-chevron-circle-down,
#disasterhelp .accordion  .card-header .btn.collapsed .fa-circle-plus ,
#disasterhelp .accordion  .card-header .btn.collapsed .fa-circle-chevron-down {
	display: inline-block;
}
#disasterhelp .accordion  .card-header .btn .fa-minus-circle,
#disasterhelp .accordion  .card-header .btn .fa-chevron-circle-up,
#disasterhelp .accordion  .card-header .btn .fa-circle-minus,
#disasterhelp .accordion  .card-header .btn .fa-circle-chevron-up{
	display: inline-block;
}
#disasterhelp .accordion  .card-header .btn .fa-plus-circle ,
#disasterhelp .accordion  .card-header .btn .fa-chevron-circle-down,
#disasterhelp .accordion  .card-header .btn .fa-circle-plus ,
#disasterhelp .accordion  .card-header .btn .fa-circle-chevron-down {
	display: none;
}
#disasterhelp .accordion  .card-header .btn .fa-plus-circle,
#disasterhelp .accordion  .card-header .btn .fa-minus-circle,
#disasterhelp .accordion  .card-header .btn .fa-chevron-circle-down,
#disasterhelp .accordion  .card-header .btn .fa-chevron-circle-up,
#disasterhelp .accordion  .card-header .btn .fa-circle-plus,
#disasterhelp .accordion  .card-header .btn .fa-circle-minus,
#disasterhelp .accordion  .card-header .btn .fa-circle-chevron-down,
#disasterhelp .accordion  .card-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	/*color: #fff;*/
	color: #1e57A4;
}
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-plus-circle,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-minus-circle,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-down,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-up,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-circle-plus,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-circle-minus,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-down,
#disasterhelp .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-up{
	color: #fff;
}
#disasterhelp .accordion  .card-header .btn{
	width: 100%;
	position:relative;
}

#disasterhelp .accordion.custom-accordion .card,
#disasterhelp .accordion.custom-accordion .card-header{
	border-radius: .25rem;
	border: 0px;
}

/*Custom Tabbed Content*/
#disasterhelp .custom-tabs{
	border: 0px;
}
#disasterhelp .custom-tabs li{
	display: flex;
	
	
}
#disasterhelp .custom-tabs li button{
	font-weight: 500;
	color: #151f48;
	border: 1px solid #ddd;
	background-color: transparent;
}

/*SM and lower*/
@media  screen and (max-width: 767px) {
	#disasterhelp .custom-tabs li{
		width: 100%;
	}
	#disasterhelp .custom-tabs li button{
		width: 100%;
	}
	#disasterhelp .custom-tabs li button br{
		/* display:none; */
	}

}
#disasterhelp .custom-tabs li button.active{
	background-color: #ddd;
}



#disasterhelp .custom-tabs li button.active .fa-plus-circle,
#disasterhelp .custom-tabs li button.active .fa-circle-plus{
	display: none;
	margin-left: .5em;
}
#disasterhelp .custom-tabs li button  .fa-plus-circle,
#disasterhelp .custom-tabs li button  .fa-circle-plus{
	display: inline-block;
	margin-left: .5em;
}
/*Copy Paste END*/
	
	
	
#disasterhelp   .list-group-item.with-icon,
#disasterhelp   *.with-icon{
	position: relative;
	padding-left: 2.5em;
}

#disasterhelp   .list-group-item.with-icon .icon,
#disasterhelp  *.with-icon .icon{
	position: absolute;
	left: 1em;
	top: initial;
	transform: translatex(-50%);
}

#disasterhelp .byline{
	clear:left;
}

/*cardPage*/
#disasterhelp.cardPage .card.capped{
	border-top: 15px solid gray!important;
}
#disasterhelp.cardPage .card .card-header{
	background-color: #ddd;
}

#disasterhelp.cardPage .card .card-body{
	background-color: #eee;
}


#disasterhelp.cardPage .card .cardTitle{ color: #0050e6;}

#disasterhelp.cardPage .card .cardText{ color:#000;}


#disasterhelp.cardPage .card.orange.capped{
	border-top: 15px solid #f28542!important;
}
#disasterhelp.cardPage .card.orange .card-header{
	background-color: #f28542;
}
/* <option label="orange" value="orange"/> */
/* <option label="light green" value="lt-green"/> */
/* <option label="green" value="green"/> */
/* <option label="yellow" value="yellow"/> */
/* <option label="light blue" value="lt-blue"/> */
/* <option label="blue" value="blue"/> */
/* <option label="dark blue" value="dk-blue"/> */
#disasterhelp.cardPage .card.lt-green.capped{
	border-top: 15px solid #7eb759!important;
}
#disasterhelp.cardPage .card.lt-green .card-header{
	background-color: #7eb759;
}
#disasterhelp.cardPage .card.green.capped{
	border-top: 15px solid #009845!important;
}
#disasterhelp.cardPage .card.green .card-header{
	background-color: #009845;
}
#disasterhelp.cardPage .card.yellow.capped{
	border-top: 15px solid #ffc73a!important;
}
#disasterhelp.cardPage .card.yellow .card-header{
	background-color: #ffc73a;
}
#disasterhelp.cardPage .card.lt-blue.capped{
	border-top: 15px solid #80cae5!important;
}
#disasterhelp.cardPage .card.lt-blue .card-header{
	background-color: #80cae5;
}
#disasterhelp.cardPage .card.blue.capped{
	border-top: 15px solid #6ea2de!important;
}
#disasterhelp.cardPage .card.blue .card-header{
	background-color: #6ea2de;
}
#disasterhelp.cardPage .card.dk-blue.capped{
	border-top: 15px solid #0074c9!important;
}
#disasterhelp.cardPage .card.dk-blue .card-header{
	background-color: #0074c9;
}
#disasterhelp.cardPage .card.gray.capped{
	border-top: 15px solid #666!important;
}
#disasterhelp.cardPage .card.gray .card-header{
	background-color: #666;
}

/*Columned*/

.columned ul {padding-bottom: 10px!important}
    
@media  screen and (max-width: 575px) {
	#disasterhelp .columned-2 {
		-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) {
	#disasterhelp .columned-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;
	}
}


@media screen and (min-width: 768px) {
	#disasterhelp .columned-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;
	}
}



#disasterhelp .columned-2 ul{
	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;    
}

#disasterhelp .columned-2 ul{
	margin-bottom: .75rem;
}

#disasterhelp .columned-2 ul{
	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;
}

#disasterhelp .columned  > p,
#disasterhelp .columned   .nobreak,
#disasterhelp .columned-2  > p,
#disasterhelp .columned-2   .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;    
}
#disasterhelp ul.columned>li,
#disasterhelp ol.columned>li,
#disasterhelp ul.columned-2>li,
#disasterhelp ol.columned-2>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;    
}


#disasterhelp .columned  > p,
#disasterhelp .columned   .nobreak,
#disasterhelp .columned-2  > p,
#disasterhelp .columned-2   .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;
}