/*

  File            : /[sitename]/styles/site-styles.css
  Description     : Styles available for use across the web site.
*/


@import url('/HOMELESS/styles/font-awesome.css');




/* ---------------- text styles ------------------- */

#homeinnerContent h2,
h2.page-title {
    clear: both;
    color: #0083BE !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 1.6em !important;
    font-weight: bold !important;
	line-height:1.5em !important;
}

#homeinnerContent > h2 {margin-top:0;}

h2 {
	line-height:1.45em !important;
}

h3 {
    clear: both;
    color: #0083BE;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 1.45em;
    font-weight: bold;
}

h4 {
    clear: both;
    color: #003F72;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 1.25em;
    font-weight: bold;
	padding-bottom: 0;
}

h5 {
    clear: both;
    color:#333333;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 1.15em;
    font-weight: bold;
	padding-bottom: 0;
}

.main-image + h2 {
    font-family: Arial,Helvetica,sans-serif !important;
	color: #0083be;
	font-weight: bold;
    font-size: 1.7em;
    padding: 1em 0;
}

.widget-title h4 {
    font-family: Georgia,"Times New Roman",Times,serif !important;
}

body #innerContent li,
body #homeinnerContent li{font-size: 1.1em;}

body #innerContent li li,
body #tier4innerContent li li,
body #homeinnerContent li li,
body #innerContent li p,
body #tier4innerContent li p,
body #homeinnerContent li p {font-size: 1.0em;}

#homeinnerContent ul,
#innerContent ul,
#tier4innerContent ul {
    list-style-type: disc;
    margin-bottom: 0;
    margin-left: 20px;
	list-style: outside;
}

#homeinnerContent ol,
#innerContent ol,
#tier4innerContent ol {
	list-style-type:decimal !important;
    margin-bottom: 0;
    margin-left: 20px;
	list-style: outside;
}

#homeinnerContent li,
#innerContent li,
#tier4innerContent li {
    padding-bottom: 1em;
}

#innerContent ul + h3,
#innerContent ul + h4,
#innerContent ul + p,
#tier4innerContent ul + h3,
#tier4innerContent ul + h4,
#tier4innerContent ul + p {
	margin-top:10px;
}

p.caption {
	font-style:italic;
	font-size: 1.0em;
}

p.larger {
	font-size: 1.2em;
}

.rule-above {
	padding-top:10px;
	border-top: 1px solid #dddddd;
}

#innerContent ul + .rule-above,
#tier4innerContent ul + .rule-above {
	margin-top: 0 !important;
}

a[href$=".pdf"].no-icon, 
a[href$=".ppt"].no-icon,
a[href$=".pptx"].no-icon, 
a[href$=".doc"].no-icon,
a[href$=".docx"].no-icon, 
a[href$=".xls"].no-icon,
a[href$=".xlsx"].no-icon,
a[href$=".csv"].no-icon, 
a[href$=".vsd"].no-icon,
a[href$=".vdw"].no-icon, 
a[href$=".mp3"].no-icon, 
a[href$=".zip"].no-icon,
a[href$=".rar"].no-icon {
	padding-right: 0;
	margin-right: 0;
	background-image:none !important;
	display: inline;
}

/* ------------ HOMELESS LEFT NAV ------------ */


@media (min-width: 960px) {
	.accordion li > a.blue {
		background: #005E8A !important;
}
}


/* -------------------- HOMELESS GET INVOLVED -------------- */

#homeless-get-involved {
	display: block;
	padding: 20px 0;
	border-top: 5px solid #7fc1de;
	margin-top: 30px;
}

#homeless-get-involved .box {
	display: block;
	float: left;
	text-align: center;
}

#homeless-get-involved .box-header {
	display: block;
	background: #002951;
	padding: 0;
	margin:0;
}

#homeless-get-involved .box-header span {
	display: block;
	float:left;
	margin-top:-5px;
	margin-left:10px;
	height: 38px;
	width: auto;
	
}

#homeless-get-involved .box-header h3 {
	font-size: 1.3em;
	margin: 0 0 0 -22px;
	padding: 8px 0;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	color: #ffffff;
	text-align: center;
	    display: inline-block;
}

#homeless-get-involved .box-content {
	display: block;
	margin: 0;
	padding: 6px 12px;
	/* can be treated like a fallback */
  background-color: #ededed;

  /* will be "on top", if browser supports it */
  background-image: linear-gradient(#ededed, #ffffff);

  
}

#homeless-get-involved .box-content p {
	font-size: .97em;
}

#homeless-get-involved .box-content strong {
	color: #0073A8;
	font-size: 1.1em;
}
                                    
@media only screen and (max-width: 600px) {
	
	#homeless-get-involved .box {
		width: 100% !important;
		margin-right: 0 !important;
	}
}


/* ---------- list styles ------------- */

body #innerContent ul.caret-right, 
body #homeinnerContent ul.caret-right {
	list-style: none;
}


body #innerContent ul.caret-right li:before, 
body #homeinnerContent ul.caret-right li:before {    
font-family: 'FontAwesome';
content: '\f0da';
margin:0 5px 0 -15px;
color: #003f72;
}


/* ---------------- slider updates -------------- */
.scrollable .items > div .slider-info p a.inline {
	width:auto;

	display:inline;

	margin-top:0;

	text-decoration:underline;

}


/* ------------------ position ------------------ */




.right {text-align:right;}

.one_half {
    float: left;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    width: 240px;
}

 
/* -------------------- boxes (gray and other ) ------------------ */
 
.grey_box {
   width:100%;
	display: block;
   float:left;
   clear:both;
   margin:0 0 25px 0;
   border:1px solid #c1c1c1;
   background:#f8f8f8;
   padding:18px 15px 6px 18px;
   -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
   -moz-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
   box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
}
 
#innerContent .grey_box h2,
#tier4innerContent .grey_box h2,
#homeinnerContent .grey_box h2 { margin:-5px 0 3px 0; font-size:1.8em; padding:0; text-align:left; }
 
#innerContent .grey_box h3,
#tier4innerContent .grey_box h3,
#homeinnerContent .grey_box h3 { margin:0 0 5px 0; padding:0; font-size:1.3em; }
 
#innerContent .grey_box h4,
#tier4innerContent .grey_box h4,
#homeinnerContent .grey_box h4 { margin:0; padding:0; font-size:1.2em; text-align:left; }
 
#innerContent .grey_box ul,
#tier4innerContent .grey_box ul,
#homeinnerContent .grey_box ul { 
	margin-top:8px; 
padding-top:0; 
padding-bottom:0; 
margin-left:35px; 
}

#innerContent .grey_box p > ul,
#tier4innerContent .grey_box p > ul,
#homeinnerContent .grey_box p > ul { 
	margin-top:0;  
}
 
#innerContent .grey_box ul li,
#tier4innerContent .grey_box ul li,
#homeinnerContent .grey_box ul li { 
/* margin-top:3px; */
list-style:circle outside; 
/* padding-left:5px; */ }

#homeinnerContent .grey_box ul.no-bullets,
#innerContent .grey_box ul.no-bullets,
#tier4innerContent .grey_box ul.no-bullets{
	list-style-type: none;
	margin-left:0 !important;
}

#homeinnerContent ul.no-bullets li,
#innerContent ul.no-bullets li,
#tier4innerContent ul.no-bullets li,
.grey_box ul.no-bullets li {
	list-style: none;
	margin-left:0 !important;
}



#homeinnerContent .grey_box img,
#innerContent .grey_box img,
#tier4innerContent .grey_box img {
	border:none;
}

#homeinnerContent .grey_box img.image-left,
#innerContent .grey_box img.image-left,
#tier4innerContent .grey_box img.image-left,
#homeinnerContent .grey_box img.image-right,
#innerContent .grey_box img.image-right,
#tier4innerContent .grey_box img.image-right {
	border:none;
	width:auto;
}

#homeinnerContent .grey_box img.frame,
#innerContent .grey_box img.frame,
#tier4innerContent .grey_box img.frame {
	border: 6px solid #dddddd;
}

#homeinnerContent .grey_box img + p.caption,
#innerContent .grey_box img + p.caption,
#tier4innerContent .grey_box img + p.caption {
	margin-top:10px;
}

.box-tb-borders {
	display:block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 10px;
}

.grey_box_solid {
    border: 1px solid #c1c1c1;
    padding: 15px 8px 5px 20px;
	background: #eeeef0;
}

/* ----------- notification boxes ------------ */

.notification {
	display:block;
	padding: 12px 12px;
	border: 1px solid #0083be;
	background: #e5f5ff;
	margin:18px 0;
}

.notification p {
	padding:0; 
	margin:0;
}

/* --------------- box/section styles ----------- */

.line-section {
	margin:0 10px 20px 0 ;
	padding: 0 0 10px 0;
	border-top: 3px solid #0083be;
}

.line-section + .line-section {
	margin-right:0;
	
}

.line-section h3 {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	text-transform: uppercase;
	color:#003f72;
	font-size: 1.25em;
}


@media screen and (min-width: 960px)  {
	.line-section {
	width:47%;
}

.line-section + .line-section {
	margin-right:0;
	
}
}

@media screen and (max-width: 959px)  {
	.line-section {
	width:100%;
		margin-right:0;
}

.line-section + .line-section {
	margin-right:0;
	
}
}

/* ---------------- home page -------------------- */
.section-header {

    font-family: Georgia,"Times New Roman",Times,serif !important;

	font-weight: bold;

	font-size: 1.5em;

	color:#0b2c62;

	padding-top:12px;

	border-top:6px solid #4787b3;

	text-transform: uppercase;

	margin-top: 30px;

}
.link-to-section {
	text-align: right;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 14px 3px 0;
	background-image: url(/HOMELESS/images/right-arrow-blue.png);
	background-repeat: no-repeat;
	background-size: 10px 10px;	
	background-position: right center;		
}
.link-to-section a {

	color:#0b6cb2;

}

.content-bottom-nav {
	display:block;
	width:100%;
	padding-top:4px;
	margin-top:12px;
	border-top: 1px solid #0083be;
}

.content-bottom-nav a {
	font-size:1.0em;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color:#011c4d;
}

.content-bottom-nav a.right {
	text-align: right;
	padding: 3px 14px 3px 0;
	background-image: url(/HOMELESS/images/right-arrow-blue.png);
	background-repeat: no-repeat;
	background-size: 10px 10px;	
	background-position: right center;
	float:right;
	display:inline-block;
	width:auto;
}




.content-bottom-nav a.left {
	padding: 3px 0 3px 14px;
	background-image: url(/HOMELESS/images/left-arrow-blue.png);
	background-repeat: no-repeat;
	background-size: 10px 10px;	
	background-position: left center;
	float:left;
	display:inline-block;
	width:auto;}



/* ----------------- what's new -------------------- */

.new-icon {
	border: none; 
	clear: left; 
	margin: 0px 5px 0px 0px;
}
ul#whats-new-items {

	margin:0;

	padding: 0;

}
ul#whats-new-items li {

	display: block;

	background:#e9f2f4;

	margin:0 0 2px 0;

	padding:12px 12px 12px 50px;

	background-image: url(/HOMELESS/images/new-icon-starburst.png);

	background-position: 12px 50%;

	background-size: 28px 28px;

	background-repeat: no-repeat;

	

}
ul#whats-new-items li.no-icon {

	background-image: none;

}ul#whats-new-items li a {

	font-weight: bold;

	color:#0b6cb2;

}

/* ----------------- take action ----------------- */
ul#take-action-items {

	margin:0;

	padding: 0;

}
ul#take-action-items li {

	display: block;

	margin:0 0 2px 0;

	padding:0 0 12px 40px;

	background-image: url(/HOMELESS/images/icon-right-red-arrow.png);

	background-size: 28px 28px;

	background-repeat: no-repeat;

	

}
img.section-image {

	display: block;

	float: left;

	margin-left:10px;

}


/* ----------------- community by community ---------------- */

#results-tally p {
	font-size: 2.1em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
    padding-bottom: 10px;
}

#results-tally .big {
	font-size: 1.6em;
	
}

.communities {
	color: #0083be;
}

.state {
	color: #104e8b;
}

#state-lists {
	display: block;
	margin-bottom: 20px;
}

#state-lists .col {
	padding-left:0;
}

#state-lists h4 {
	margin-bottom: 0;
    padding-top: 12px;
}

#state-lists h4.state {
	color:#012053;
}

#state-lists p {
	padding-bottom: 0;
}

div.blue-list {
	margin:0;
	padding: 0;

}

.blue-list p.item {
	display: block;
	background:#e9f2f4;
	margin:0 0 2px 0;
	padding:12px 12px 12px 72px;
}

.blue-list .item span.state {
	display: block;
	float:left;
	font-size: 1.8em;
	color:#0083be;
	font-weight: bold;
	padding:16px 9px;
	margin: 0 0 0 -63px;
	background: url(/HOMELESS/images/white-circle.png) no-repeat 50% 50%;
	min-width: 50px;
    text-align: center;
	


}

.blue-list .item a {
	font-weight: bold;
	color:#0b6cb2;
	font-size: 1.1em;
}

h4.title-blue-box {
	display: block;
	background:#0083be;
	margin:0 0 2px 0;
	padding:9px 6px;
	font-weight: normal;
	color:#ffffff;
	font-size: 1.1em;
}


/* ----- photo galleries --- */

div.photo a img {
	margin: 0 8px 8px 0;
}

.photog-container
{
	width: 100%;
	height: 100%;
}
.photog-trans
{
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.photog-top
{
	display: flex;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 4vh;
}
#tier4innerContent  .photog-top ul
{
	list-style: none;
	width: 100%;
	height: 100%;
	z-index: 1;
	box-sizing: border-box;
	margin-left: 0;
}
#tier4innerContent  .photog-top ul li
{
	position: relative;
	float: left;
	width: 25%;
	height: 25%;
	overflow: hidden;
	  margin-bottom: 0;
	padding-bottom: 0;
}

#tier4innerContent  .photog-top ul li::before
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	content: '';
	color: white;
	opacity: 0.4;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
#tier4innerContent  .photog-top ul li:hover::before
{
	opacity: 0;
	background-color: rgba(0,0,0,0.90);
}
#tier4innerContent  .photog-top ul li img
{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.lightbox
{
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 999;
	opacity: 0;
	pointer-events: none;
}
.lightbox img
{
	max-width: 90%;
	max-height: 80%;
	position: relative;
	top: -100%;
	/* Transition */
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.lightbox:target
{
	outline: none;
	top: 0;
	opacity: 1;
	pointer-events: auto;
	transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.lightbox:target img
{
	top: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}



/* ---------------- BUTTONS ----------------- */


a.gray-btn {
  background: #eaeaea;
  background-image: -webkit-linear-gradient(top, #eaeaea, #cecece);
  background-image: -moz-linear-gradient(top, #eaeaea, #cecece);
  background-image: -ms-linear-gradient(top, #eaeaea, #cecece);
  background-image: -o-linear-gradient(top, #eaeaea, #cecece);
  background-image: linear-gradient(to bottom, #eaeaea, #cecece);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
	font-weight: bold;
  color: #4a4a4a !important;
  font-size: 1em;
  padding: 6px 10px;
  text-decoration: none;
}

a.gray-btn:hover {
  text-decoration: none;
}
 

a.blue-btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
	font-weight: bold;
  color: #ffffff !important;
  font-size: 1em;
  padding: 6px 10px;
  text-decoration: none;
}

a.blue-btn:hover { background: #b50000;
  text-decoration: none;
}

a.blue-btn.fullw {
	width:90%;
	text-align: center;
	margin-bottom:12px;
	display:inline-block;
}

a.blue-btn-dark {
  background: #0b3373; /* Old browsers */
	background: -moz-linear-gradient(top, #0b3373 22%, #01133c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0b3373 22%,#01133c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0b3373 22%,#01133c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
	font-weight: bold;
  color: #ffffff !important;
  font-size: 1em;
  padding: 6px 10px;
  text-decoration: none;
  display:inline-block;
}                                            
                                       



/* ------------------ program buttons ----------------- */



 
#homeinnerContent .programs {
    float:left;
    margin-top:0;
}
 
#homeinnerContent .programs a {
    
    display: block;
    width: 233px;
    height: 85px;
    float: left;
    margin: 0 12px 16px 0;
}
 
#homeinnerContent .programs img {
    border: 1px solid #dddddd;
    clear: left;
    float: left;
    padding:0;
	margin:0;
}




/* ------------------ images --------------------- */




#innerContent img,
#tier4innerContent img {}

#innerContent img + div.grey_box,
#innerContent img + h3,
#innerContent img + h4,
#tier4innerContent img + div.grey_box,
#tier4innerContent img + h3,
#tier4innerContent img + h4{
	margin-top:10px;}

#innerContent h2.page-title + img,
#innerContent img + p,
#tier4innerContent h2.page-title + img,
#tier4innerContent img + p{
	margin-top:10px;
}

#innerContent img.image-full,
#tier4innerContent img.image-full {
	width:100%;
	border: 6px solid #dddddd;
}

#innerContent img.image-right,
#tier4innerContent img.image-right{
	float:right; 
	margin: 0 0 15px 15px;
border: 6px solid #dddddd;}

#innerContent img.image-left,
#tier4innerContent img.image-left {
	float:left; 
	margin: 0 15px 15px 0;
border: 6px solid #dddddd;}

#innerContent .grey_box img,
#innerContent img.no-frame,
#tier4innerContent .grey_box img,
#tier4innerContent img.no-frame {border: none;}

#innerContent .top_link img,
#tier4innerContent .top_link img {border:none;}

#innerContent .main-image img,
#tier4innerContent .main-image img {
   margin-left: -20px;
    margin-right: -20px;
    width:110%;
}                    

}


/* ------------------ tables ------------------- */




.tableizer-table {
    border: 1px solid #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    table-layout: fixed;
}

.tableizer-table th {
    background-color: #104e8b;
    color: #fff;
    font-weight: bold;
	padding: 6px 0 6px 8px;
}

.tableizer-table td {
    border: 1px solid #ccc;
    margin: 3px;
    padding: 4px;
	word-break: normal;
}

.table-responsive {
}

/* ------------------- back to top -------------- */




#innerContent p.backtotop,
#tier4innerContent p.backtotop {
	border-bottom: 1px solid #dddddd;
	padding-bottom:0;
	margin-bottom:1.5em;
	display:block;
	clear: both;
	width:100%;
    height: 24px;
}

#innerContent p.backtotop a,
#tier4innerContent p.backtotop a {
    display: block;
    height: 24px;
    width: 108px;
    
	float:right;
    background: url(/homeless/images/bg_backtotop.png) no-repeat;
    text-indent: -9999px;
}

/* ------------------ homeless content styles ------------------ */

#innerContent p.onlinechat,
#tier4innerContent p.onlinechat {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_online_chat3.png") no-repeat top right;
    display: block;
    min-height: 34px;
    margin-bottom: 15px;
    margin-left: 0;
    position: relative;
    right: 0;
    text-indent: -9999px;
    width: 100%;
}

#landing-gethelp {
    border-right: 1px solid #c1c1c1;
    float: left;
    padding: 15px 8px 5px 20px;
    width: 425px;
	background: #eeeef0;
}

.story {
    font-style: italic;
	font-weight: 600;
}

.source-citation {
	padding-left: 40px; 
	text-indent: -40px;
}





/* --- success stories navigation ---- */




.container-steps {
    background-color: #fff;
    min-height: 100px;
	margin-bottom:20px;
  margin-top:20px;
}

.services_steps a {
	display: block;
    width: 115px;
    height: 100px;
	padding: 0 8px;
	float:left;
	border-top: thin solid #e6e8ea;
	border-right: thin solid #e6e8ea;
	border-bottom: thin solid #e6e8ea;

}

#programs.services_steps a {
    background: url(/homeless/successstories/images/programs-on.png) top center no-repeat;
	display: block;
    
}

.container-steps.programs #programs.services_steps a {
    background: url(/homeless/successstories/images/programs-off.png) top center no-repeat;
	display: block;
	background-color: #56a2cc;
}

#veterans.services_steps a {
    background: url(/homeless/successstories/images/veterans-on.png) top center no-repeat;
	display: block;
}

.container-steps.veterans #veterans.services_steps a {
    background: url(/homeless/successstories/images/veterans-off.png) top center no-repeat;
	display: block;
	background-color: #56a2cc;
}

#partners.services_steps a {
    background: url(/homeless/successstories/images/partners-on.png) top center no-repeat;
	display: block;
}

.container-steps.partners #partners.services_steps a {
    background: url(/homeless/successstories/images/partners-off.png) top center no-repeat;
	display: block;
	background-color: #56a2cc;
}

.service_steps h3 {
    display: block;
    float: left;
    min-height: 100px;
    width: 115px !important;
	background-color: #194c7f;
    padding-left: 10px;
    padding-top: 10px;
	margin:0;
}

.service_steps.last {
	clear:right;
    
}

.stepsheader {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}

.service-steps-articles a {
	font-weight: bold;
	font-style: italic;
	
}

.off {
    
}


/* -- buttons -- */




a.button-homeless_coordinator {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_buttons_sidebar.png") no-repeat scroll -852px 0;
    display: block;
    height: 88px;
    margin-left: 3px;
    margin-top: 14px;
    text-indent: -9999px;
    width: 213px;
}
#innerContent a.button-homeless_coordinator:hover {
    background-position: -852px -88px;
}
a.button-vcl {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_buttons_sidebar.png") no-repeat scroll 0 0;
    display: block;
    height: 88px;
    margin-left: 3px;
    margin-top: 14px;
    text-indent: -9999px;
    width: 213px;
}
#innerContent a.button-vcl:hover {
    background-position: 0 -88px;
}
a.button-joining_forces {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_buttons_sidebar.png") no-repeat scroll -213px 0;
    display: block;
    height: 88px;
    margin-left: 3px;
    margin-top: 14px;
    text-indent: -9999px;
    width: 213px;
}
#innerContent a.button-joining_forces:hover {
    background-position: -213px -88px;
}
a.button-mtc {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_buttons_sidebar.png") no-repeat scroll -426px 0;
    display: block;
    height: 88px;
    margin-left: 3px;
    margin-top: 14px;
    text-indent: -9999px;
    width: 213px;
}
#innerContent a.button-mtc:hover {
    background-position: -426px -88px;
}
a.button-facility_locator {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_buttons_findafacility.png") no-repeat scroll 0 0;
    display: block;
    height: 99px;
    margin-left: 3px;
    margin-top: 8px;
    text-indent: -9999px;
    width: 213px;
}
#innerContent a.button-facility_locator:hover {
    background-position: 0 -99px;
}
a.button-nrd {
    background: rgba(0, 0, 0, 0) url("/homeless/images/bg_buttons_sidebar.png") no-repeat scroll -639px 0;
    display: block;
    height: 88px;
    margin-left: 3px;
    margin-top: 11px;
    text-indent: -9999px;
    width: 213px;
}
#innerContent a.button-nrd:hover {
    background-position: -639px -88px;
}


/* ---------------- widget styles ----------------- */




#get-help.widget {
	background:none;
	border:none;
}

#get-help.widget .widget-title {
	padding-top: 20px;
	padding-bottom:0;

}

#get-help.widget .widget-title h4 {
	padding-bottom:0;
}


#innerRightContent .widget.home h4.section-title {

    font-family: Georgia,"Times New Roman",Times,serif !important;

	font-weight: bold;

	font-size: 1.1em;

	color:#0b2c62;

	text-transform: uppercase;

	margin:16px 10px 8px 10px;

	padding-bottom:8px;

	border-bottom: 1px solid #e0e9f0;

}



#innerRightContent .widget.home ul + h4.section-title {

	padding-top:12px;

}



#innerRightContent .widget.home ul li {

	padding: 4px 10px;

}

.widget #connect-button {
	padding: 10px 6px 20px;
	text-align:center;
	
	
}

.widget #connect-button a {
	padding: 6px 10px;
}


/* -------------- home slider styles ---------------- */




.slider2 .scrollable .items > div .slider-info {
	padding: 25px 18px 10px 18px;
}

.slider2 .scrollable .items div .slider-info h4 {
	font-size: 1.05em;
	color: #ffffff;
}

.scrollable .items > div .slider-info p a {
	width:100%;
}

.slider2 .scrollable .items div .slider-info a[href$='.pdf'], 
.slider2 .scrollable .items div .slider-info a[href$='.ppt'], 
.slider2 .scrollable .items div .slider-info a[href$='.pptx'], 
.slider2 .scrollable .items div .slider-info a[href$='.doc'], 
.slider2 .scrollable .items div .slider-info a[href$='.docx'], 
.slider2 .scrollable .items div .slider-info a[href$='.xls'], 
.slider2 .scrollable .items div .slider-info a[href$='.xlsx'], 
.slider2 .scrollable .items div .slider-info a[href$='.csv'], 
.slider2 .scrollable .items div .slider-info a[href$='.vsd'], 
.slider2 .scrollable .items div .slider-info a[href$='.vdw'], 
.slider2 .scrollable .items div .slider-info a[href$='.mp3'], 
.slider2 .scrollable .items div .slider-info a[href$='.zip'], 
.slider2 .scrollable .items div .slider-info a[href$='.rar'] {
	padding-right:0;
	margin-right:0;
	background:none;
}

/* --------------------- Accomplishments --------------- */


#accomplishments .row {
	margin:0;
}


#accomplishments .item {
	padding:20px;
	margin: 0 15px  0 0;
	width:48%;
	float:left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+100 */
background: #d3d3d3; /* Old browsers */
background: -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#accomplishments .item.last {
	margin:0;
}

#accomplishments .item img {
	width:100%;
}

.library .row {
	margin:0;
}

.library .product_box {
	display: block;
	width: 211px;
	min-height:220px;
	float: left;
	margin:15px 15px 8px 0;
	padding-top:12px;
	border-top: solid 4px #e0e9f0;
}

.library .product_box.short {

	min-height:115px;
}

.library .product_box img {
	margin-bottom:12px;
	border: 2px solid #dddddd !important;
}

.library .product_box h4 {
	font-size:1.1em;
}

.library .banner_box {
    float: left;
    margin: 15px 20px 15px 0;
    padding: 15px 0 5px 0;
	border-top: solid 4px #e0e9f0;
}

.library .product_box.wide {
	display: block;
	width: 100%;
	margin:15px 15px 8px 0;
	padding-top:12px;
	border-top: solid 2px #7fc1de;
}


.library .product_box.wide img {
	margin-bottom:12px;
	border: 2px solid #dddddd !important;
	width:140px;
	float: left;
	display: block;
}


.library .product_box.wide h4 {	
	font-size: 1.25em;
}


.library .product_box.wide p {
	margin-left:155px;
}


 

/* ---------------- accordion ----------------- */

.accordion-container {
		width: 100%;
		margin-bottom: 3px;
		background-color: #fff;
		border: none;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
		box-shadow: 0 1px 1px rgba(0,0,0,.05);
		clear: both;
		}

.accordion-toggle {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: 1.2em;
		font-weight: 300;
		background: #e0e9f0;
		color: #003f72;
		text-decoration: none;
		border-bottom: none; 
		border-top-left-radius: 3px;
		border-top-right-radius:3px
		}



.accordion-toggle h3 {
	color: #003f72;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
	line-height: 1em;
	display: inline;
	
}

	.accordion-toggle.open {
		background: #edf0f2;
		color: #003f72;
		}

	.accordion-toggle:hover {
		background: #dfdfea;
		}

	 a.accordion-toggle:hover {
		color: #003f72;
	}

	.accordion-toggle span.toggle-icon {
		position: absolute;
		top: 9px;
		right: 20px;
		font-size: 1.5em;
		}

	.accordion-content {
		display: none;
		padding:15px 8px;
		
		}

.accordion-content .row {
	margin:0;
}

	.accordion-content img {

		display: block;

		float: left;

		margin: 0 15px 10px 0;

		max-width: 100%;

		height: auto;

		}

.accordion-container i.fa.section-icon {
	font-size: 1.5em;
	padding-right:10px;
}

#tier4innerContent .accordion-content .product_box p { font-size:12px; }

/* ----- alt color schemes/design ---------- */

.med-blue .accordion-toggle {
		background: #0083be;
		color: #ffffff;		
		border-top-left-radius: 0;
		border-top-right-radius:0;
		padding:10px 60px 15px 15px;
		font-weight: normal;
	text-decoration: none;

		}

.med-blue .accordion-content {
	padding:3px 0 0 0;
}

.design-2 .accordion-toggle {
		background: #ebf4f6;
	color: #0083be;
	
}

.design-2 .accordion-toggle.open {
	background:#ffffff;
	border-top: #4787b3 solid 4px;
}

.design-2 a.accordion-toggle.open:focus {
	outline:none;
	text-decoration:none;
}


.design-2 .accordion-toggle h3 {
	color: #0083be;
	margin:0;
	padding:0;
	font-size:1.1em;
	line-height: 1em;
	display: inline;
	
}

.design-2 .accordion-content {
background: #ebf4f6;}

.design-2 .library .product_box {
	margin:4px 8px 8px 7px;
	border-top: solid 3px #4787b3;
}

.design-2 > h3 {
	margin-top:40px;
	font-size:1.32em;
}

.design-2 > .product_box h4 {
	color:#222222;
	font-size:1.15em;
}

.design-2 > .product_box {
	width:215px;
}


/* --------- accordion sub level -- */

.sub .accordion-toggle {
	padding: 10px 15px 10px 40px;
	background:none;
}

.sub .accordion-toggle span.toggle-icon {
	left:18px !important;
	position:absolute;
}

.sub .accordion-content .text-content {
	padding:0 0 0 30px;
}


/* --- gradient accordion -- */

.accordion-toggle.gradient {
	border-bottom:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e9f0+0,ffffff+100 */

	background: #e0e9f0; /* Old browsers */
 	/* FF3.6-15 */
 	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(#e0e9f0 0%, #ffffff 100%);
	background: -o-linear-gradient(#e0e9f0 0%, #ffffff 100%);
	background: linear-gradient(#e0e9f0 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e9f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
		
.accordion-toggle:hover {
	text-decoration: none;
}
		
.accordion-toggle.gradient:hover {
	border-bottom:none;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfdfea+0,ffffff+100 */
	background: #dfdfea; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfdfea 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dfdfea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dfdfea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
		
.accordion-toggle.gradient span.toggle-icon {
	top:16px;
}
		

.accordion-content .text-content {
	padding: 0 0 0 72px;
}
		

		/* media query for mobile */

		@media (max-width: 767px) {

			.accordion-content {

				padding: 10px 0;

				overflow: inherit;

			}

		}

  
  
/* ******************* simple accordion ******************* */

/* Acordeon styles */
.ac-tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #003f72;
  overflow: hidden;
}
.ac-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.ac-tab label {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
    background: #e0e9f0;
    background: -webkit-linear-gradient(#e0e9f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#e0e9f0 0%, #ffffff 100%);
    background: linear-gradient(#e0e9f0 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e9f0', endColorstr='#ffffff',GradientType=0 );
}


.ac-tab.sub label { /* sub accordion */
  position: relative;
  display: block;
  padding: 5px 8px 5px 40px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  cursor: pointer;
    background: #ffffff;
}

.ac-tab-content {
  max-height: 0;
  overflow: hidden;
	padding: 0 40px;
  background: none;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}


/* :checked */
.ac-tab input:checked ~ .ac-tab-content {
  max-height: 100vh;
}
/* Icon */
.ac-tab label::after {
  position: absolute;
  right: 0;
  top: 0;
	margin-top:10px;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.ac-tab input[type=checkbox] + label::after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f054";
}
.ac-tab input[type=radio] + label::after {
	font-family: "FontAwesome";
  font-weight: 900;
  content: "\f054";
  
}

.ac-tab.sub label::before {
  position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-right: 10px;
    display: block;
    width: 3em;
    height: 2em;
    line-height: 2;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}


.ac-tab input[type=checkbox]:checked + label::after { 
  transform: rotate(90deg);
}
.ac-tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


.ac-tab.sub  input[type=checkbox] + label::after { /* sub accordion */
  font-family: "FontAwesome";
  font-weight: 900;
  content: "";
}
.ac-tab.sub  input[type=radio] + label::after { /* sub accordion */
	font-family: "FontAwesome";
  font-weight: 900;
  content: "";
  
}

.ac-tab.sub input[type=checkbox] + label::before { /* sub accordion */
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f054";
}
.ac-tab.sub input[type=radio] + label::before  { /* sub accordion */
	font-family: "FontAwesome";
  font-weight: 900;
  content: "\f054";
  
} 
.ac-tab input[type=checkbox]:checked + label::after,
.ac-tab.sub input[type=checkbox]:checked + label::before {
  transform: rotate(90deg);
}
.ac-tab input[type=radio]:checked + label::after,
.ac-tab.sub input[type=radio]:checked + label::before {
  transform: rotateX(180deg);
}
	
	img.ac-tab-icon {
		margin-right: 8px;
	}
  
  
  

/* -------------- big buton menu ---------------- */

#homeinnerContent ul.big-button-menu, 
#innerContent ul.big-button-menu, 
#tier4innerContent ul.big-button-menu {
	margin:0;
	padding:0;
}

ul.big-button-menu li {
	list-style: none;
	margin:0;
	padding:0;
	clear: both;
}

ul.big-button-menu li a {
	width: 100%;
	color:#003f72;
	margin-bottom: 3px;
	background-color: #fff;
	border: none;
	border-radius: 5px;
	clear: both;
	position: relative;
	display: block;
	padding: 10px 15px 10px 50px;
	font-size: 1.09em;
	font-weight: bold;
	line-height:0.8em;
	text-decoration: none;
	background: #e0e9f0; /* Old browsers */
 	/* FF3.6-15 */
 	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(#e0e9f0 0%, #ffffff 100%);
	background: -o-linear-gradient(#e0e9f0 0%, #ffffff 100%);
	background: linear-gradient(#e0e9f0 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e9f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


ul.big-button-menu li a:hover {
	color:0083be !important;
	border-bottom:none;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfdfea+0,ffffff+100 */
	background: #dfdfea; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfdfea 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dfdfea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dfdfea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

ul.big-button-menu li a img.icon {
	padding-right:10px;
	margin-left:-40px;
}

ul.big-button-menu li a .fa {
	font-size: 1.5em;
	padding-right:10px;
	float:right;
}

/* ------------- coordinator page ----------------- */


#contact-data div.top_link_right a {
		display: block;
		float:right;
		margin-top:6px;
		font-size: .9em;
		color:#0083be;
}
	
	#contact-data h3 {
		display: inline-block; 
		margin-top:8px;
		font-size: 1.2em;
	}
	
	#contact-data p {
		font-size: 1em;
	}
	
	#contact-data .region-contact {
		display: block;
		clear: both;
	}
	
	#contact-data .region-contact .item {
		display: block;
		clear: both;
		width:100%;
		border-top:1px solid #b7b7b7;
		padding-top:10px;
	}
	
	#contact-data .region-contact .third {
		width:30%;
		float:left;
		margin-right:15px;
	}
	#contact-data .region-contact .third.last {
		margin-right:0;
	}
	
	#contact-data .region-contact {
		display: block; 
		border-top: 3px solid #0083be;
		margin-top:20px;
	}
	#divImgContainer img {
    width: 100%;
    max-width: 700px;
}
	
	@media (max-width: 480px) {
		#contact-data .region-contact .third {
		width:100%;
		float:none;
		margin-right:0;
	}
	}


    
    /* -------------- LIST STYLES ------------------- */
 
                #innerContent ul.list-boxes {
                                margin:0;
                                padding:0;
                                list-style: none;
                }
               
                #innerContent ul.list-boxes li {
                                margin:0 0 4px 0;
                                padding:20px;
                                list-style-type: none;
                                display: block;
                                background: #efefef;
                }
               


/* ------------------ media styles ------------------- */




@media screen and (max-width: 480px)  {
	#landing-gethelp {
		width:100%;
	}
	
	#accomplishments .item {
		width:97%;
	}
}

/* ----------------- SOCIAL Share Icons --------------- */

#widget-social {
	width: 225px;
    margin: 0 auto;
}

#widget-social ul  {
	margin: 0 auto;
	display: block;
}

#widget-social ul li {
	width:auto !important;
	margin: 0 5px 5px 0;
}
.widget-social {
    float: left;
} 

.widget-social img {
	max-width: 40px;
}

@media (min-width: 960px) {
	
	#widget-social ul  {
	margin-left:8px;
}
	
	.widget-social img {
		max-width: 30px;
	}
}

/* ----------------- ALERT ----------------------- */

.alert.blue {
	background: #e9f2f4;
	border: 1px solid #0083be; 
}

.alert.red {
	background: #ffe5e5;
	border: 1px solid #ff0000; 
}

/* ---------------- Buttons ---------------------- */


a.btn-blue {
    color: #ffffff !important;
    cursor: pointer;
    padding: 10px 12px;
    border: none;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #0083be !important;
    text-decoration: none !important;
}

/* ------------------ GALLERY ADJUSTMENTS --------------- */

.gallery a img {
  margin-bottom: 4px;
}


/* ********************** NCHAV Education Chart ************************ */

div#domain-chart {
		width: 500px;
		height: 500px;
		position: relative;
		background: url(/homeless/nchav/images/VA-Homeless-Specific-Competencies-Chart.png) no-repeat top center;
		background-size: 100%;
		margin: 0 auto 40px;
	}
	
div#domain-chart .chart-item {
	position: absolute;
	display: block;
		
	}
	
div#domain-chart .chart-item div.chart-button {
		position: absolute;
		display: block;
		overflow: visible;
		color:transparent;
		background: url(../../images/100-spacer.png) top center;
	}
	
div#domain-chart .chart-item div.slice-content {
		display:none;
	
	}
	
div#domain-chart .chart-item div.chart-button:hover div.slice-content {
		position:relative;
   display:block;
   width:300px;
   top:75px;
   background:#fff;
   padding:20px;
	border-radius: 5px;
-webkit-box-shadow: 4px 4px 20px -5px rgba(0,0,0,0.34);
-moz-box-shadow: 4px 4px 20px -5px rgba(0,0,0,0.34);
box-shadow: 4px 4px 20px -5px rgba(0,0,0,0.34);

	}
	
	div#domain-chart .chart-item div.chart-button:hover div.slice-content::before {
		
	}
	
	
	
	div.chart-button#d1-btn {
		top: 50px;
		left: 115px;
	}
	
	div.chart-button#d2-btn {
		top: 50px;
		left: 255px;
		
	}
	
	div.chart-button#d3-btn {
		top: 180px;
		left: 345px;
		
	}
	
	div.chart-button#d4-btn {
		top: 295px;
		left: 320px;
		
	}
	
	div.chart-button#d5-btn {
		top: 351px;
		left: 200px;
		
	}
	
	div.chart-button#d6-btn {
		top: 300px;
		left: 50px;
		
	}
	
	div.chart-button#d7-btn {
	    top: 165px;
    	left: 20px;
		
	}