/*****************/
/***  General  ***/
/*****************/

body{
font-size:8pt;
font-family: 'Lato', sans-serif;
}

h1, h2{
	font-size:16pt;
	padding:5px;
	text-align:center;
}
	
}
h3{
	font-size:9pt !important;
	line-height:24pt;
}

h4{
	font-size:10pt;
	line-height:18pt;
}

h5{
font-size: 8pt;
line-height:9pt;
color: #333;
text-align: center;
font-weight: normal;
margin:0px;
}

/* Hide unwanted navigation */
.nav-wrapper, .fact-sheet-ui, #footer, .glossary-container, .fact-sheet-print-wrapper{
	display:none;
}

/***************************/
/***  Header & Branding  ***/
/***************************/

.branding{
	height:45px;
	margin-top:0px;
	padding:0px 0px 5px 0px;
}

.branding-page-break{
	display:block;
}

.cnt-logo{
	text-align:right;
	float:right;
}

.fact-sheet-logo{
	text-align:left;
	float:left;
}

.fact-sheet-logo img {
	width:300px;
	height:auto;
}

.cnt-logo img {
	width:140px;
	height:auto;
}



/**********************/
/***  Main Content  ***/
/**********************/


/* Narrative Info */
.narrative-container{
padding:0px 0px 0px 0px;
}
.narrative-container p{
	text-align:left;
	font-size: 11pt !important;
	line-height: 14pt !important;
	padding:0px 0px 10px 0px !important;
	margin: 0px 0px !important;
	color:#666;
}


p.intro-geo-scope{
	font-size:7pt !important;
	margin:0px !important;
	padding:0px !important;
}

#main {
	background-color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding:0px;
	margin:0px;
	width:100%
}


.section1-left-col, .section2-left-col{
	width:48%;
	float:left;	
	margin-right:10px;
}


.section1-right-col{
	width:48%;
	float:left;
	font-size:10pt;
	border-left:5px solid #ffffff;
}

#mapL, #mapR{
	height:235px !important;
}

#urban-form p{
font-size:8pt;
color:#919191;
line-height:10pt;
margin-top: 0px;
}

#equity-h a, #equity-ht a{
font-size:30pt !important;
color:#3498db;
float:left;
padding-right:20px !important;
}

#urban-form p.score-narrative {
line-height: 12px !important;
font-size: 7pt !important;
}
.score-container {
	margin: 5px 5px;
}

.map-caption{
	font-size:9pt !important;
	line-height:10pt !important;
	padding:5px 10px !important;
}


#household_type, .hh-head {
	padding:10px 0px 0px 20px;
	font-size:10pt;
	width:100%;
}

.section1-right-col .stat-label{
float:left;
font-size:8pt;
line-height:10pt;
padding:0px 0px 5px 20px;

}


.stat-label{
float:left;
width:50%;
}

.stat-result{
float:left;
width:40%;
}

.page-break	{
display: block;
page-break-after: always;
xclear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}


/* Section 1 Statement (intro) */

/* Section 1 Left (MAP) */
.affordability-stat{
	float:left !important;
	width:20%;
	
}

#affordability-hh-h a, #affordability-hh-ht a{
	font-size:26pt !important;
	float:left !important;
	padding-top:5px;
}

.map-caption{
float:left !important;
font-size:9pt !important;
width:73%;
}

.legend-wrapper ul li {
font-size:7pt;
color:#666;
padding-right: 12px;
line-height:8pt;
}

.legend-wrapper{
margin:0px;
}
/* Section 1 Right (MAP) */


/** Urban Form **/
#urban-form, .xsection-2-right{
	padding:0px;
	width:92%;
	margin-left:10px;
}

.key-stat-container-le {
padding: 5px 0px 5px 0px;
}

.stat-le-info-container p{
font-size: 8pt !important;
line-height: 9pt !important;
color: #999;
padding-bottom: 19px !important;
margin-top: 3px !important;
}

/** SECTION TWO **/

.section1, .section2, .section3{
padding:0px;
}

.section2{
padding-top:10px;
margin-top:12px;
padding-bottom:20px;
}



#pie-chart-pct-income{
height:150px !important;
}

p.pie-chart-lead{
line-height:10pt !important;
padding-bottom:0px !important;
font-size:8pt !important;
margin-top: 0px;
}

.section-transportation-costs img {
width: 100px;
margin-right: 20px;
}

.section-transportation-costs h3, .section-transportation-costs p, .section-transportation-costs img{
padding-left:10px !important;
}

.section-transportation-costs p{
padding-left:10px !important;
padding-bottom:10px !important;
margin: 0px;
}

.section-transportation-costs a{
font-size:18pt !important;
padding-left:10px !important;
}

#transportation-stats{
padding:10px 0px 0px 0px;
}


.section-2-left, .section-2-right{
float:left;
width:50%;
}

.section2 {
margin-top: 10px;
padding-top:5px;
}

.key-stat-container-le{
margin-bottom:0px;
}

.key-stat-container{
float:left;
width:33%;
text-align:center;
padding:0px;
padding-bottom:20px;
}
.key-stat-container p{
padding:0px 10px !important;
line-height:13pt !important;
font-size:7pt !important;
margin: 0px;
}

.stat-le-value-container{
float:left;
width:30%;
}

.stat-le-info-container{
float:left;
width:68%;
padding-left:5px;
}

.stat-le a, .stat-le-100 a {
font-size:26pt !important;
line-height:36pt;
}

.location-efficient-range-container img{
width:170px;
height:auto;
}

#auto-ownership a, #household-vmt a, #transit-measure a, #transit-trips a, #transit-ridership a, #ghg-per-hh a{
font-size:18pt !important;
}

h3{
font-size:10.5pt !important;
padding: 5px 0px 0px 0px;
}

p{
xpadding:0px !important;
xmargin:0px !important;
}

.grid-100, .grid-33, .grid-66{
float:left;
}

.grid-33{
width:33%;
}

.grid-66{
width:66%;
}

.grid-100{
width:100%;
}


.ghg-stats{
float:left;
}

.urban-form-info-container p, .dyn-data a, .urban-form-chart-container .pct-value{
/*font-size:9pt !important;*/
}

.urban-form-chart-container .pct-value, .pct-value{
display:inline-block !important;
padding-bottom:14px !important;
line-height:10pt !important;
xmargin:5px !important;
}

#transportation-stats {
padding-bottom: 0px;
}


/**** PAGE 2 ***/

.xpage-2-head{
margin:0px 0px 0px 0px !important;
border:none;
}

.page-2-head {
padding: 5px 0px 5px 0px;
border: 1px solid #eeeeee;
background-color: #fafafa;
border-radius: 6px;
margin: 10px 0px 10px 0px;
}

.page-2-main{
width:100% !important;
}


.page-2-main-left, .page-2-main-right, .page-2-head-left, .page-2-head-right{
width:48%;
float:left;
}

.page-2-main-left, .page-2-head-left{
padding-right:10px !important;
margin-right:10px !important;
}

.page-2-head-left h3, .page-2-head-left .stat-label{
padding-left:10px;
}

.fact-page-details .stat-label{
width:75% !important;
float:left;
padding:0px 0px 0px 10px;
font-size:9pt;
}

.fact-page-details .stat-result{
float:left; 
width:22% !important;
}

.page-2-head-left .stat-result a, .page-2-head-right .stat-result {
font-size: 10pt;
}
.fact-page-details .stat-result a, .bg-stat, .hh-stat, .pop-stat{
font-size:9pt;
}

.page-2-main-right .stat-group-container{
margin-bottom:30px !important;
}

.copyright-container-page-1{
margin-top:20px;
	visibility:visible;
	display:inherit;
	text-align:center;
	color:#999;
}

#pie-chart-pct-income{
height:200px;
}

.copyright-wrapper{
position:relative;
bottom:0px;
text-align: center;
}
.copyright-container{
color:#999;
text-align:center;
margin-top:20px;
}