body{
font-family: 'lato', sans-serif;
font-weight:500 !important;
}

p{
color:#333;
}

p.lead{
font-size:20px;
line-height:32px;
}
h3{
font-size:14px;
color:#333;
}

.update h3{
font-size:18px;
text-align:center;
}

h2.hero{
	font-size: 28px;
    color: #555;
    line-height: 42px;
    margin: 0px;
    font-weight: normal;
}


::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #000;
}

::selection {
    color: #fff; 
    background:#000;
}


.callout-alert-wrapper{
    position: relative;
    top: 0px;
    padding: 0px;
    z-index:99;
    border-bottom:2px solid #fff;
    background-color: #EB3176;
}

.callout-alert-container{
    max-width:1200px;
    margin:0 auto;
    padding:12px;
    text-align:center;
    position:relative;
}

.callout-alert-container p{
color:#fff;
font-size:15px;
font-weight:500;
margin:0px;
padding:0px;
}

.callout-alert-container p a{
color:#fff;
text-decoration:underline;
}

.callout-alert-container p span{
display: inline-block;
    background-color: #fff;
    color: #EB3176;
    padding: 3px 6px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 14px;
    margin-right:4px;
}

.close-alert{
    position: absolute;
    top: 10px;
    right: 10px;
}

.close-alert a{
        text-decoration: none !important;
    padding: 6px 10px;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.15);
    margin: 0px 0px 0px 4px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    transition: .2s;
}

#home .close-alert{
xdisplay:none;
}

.metric-btn{
position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
}

.metric-btn:hover{
cursor:pointer;
text-decoration:underline;
}

.metric-overview-selected{
    xbackground-color: #1DAEEC !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,.4);
    margin-top: -10px !important;
    min-height: 275px !important;
    transition:.05s;
    box-shadow: 4px 5px 0px rgba(0,0,0,1);
}

.xmetrics .metric-selected{
	box-shadow: 0px 5px 10px rgba(0,0,0,.4);
    margin-top: -10px !important;
    min-height: 275px !important;
    background-color: rgb(29, 174, 236) !important;
}

.metrics .metric-selected {
    box-shadow: 4px 5px 0px rgba(0,0,0,1);
    margin-top: -10px !important;
    min-height: 275px !important;
}

.page-jobsMetrics .metric-selected {
    background-color: rgb(29, 174, 236) !important;
}

.metric-selected a{
    background-color: #fff !important;
    display: block !important;
    color: #666;
    font-weight: normal;
    font-size: 16px;
}

.page-jobsMetrics .metric-selected a, .page-equityMetrics .metric-selected a, .page-qualityMetrics .metric-selected a{
right:10px;
}


.metric-selected a:hover{
    background-color: #ffffff !important;
    text-decoration: none !important;
    color: rgb(235, 49, 118);
}

.page-jobsMetrics .metric-selected h2 {
    xbackground-color: #1184B5 !important;
}

.metric-overview-selected h2{
xbackground-color:#1184B5 !important;
}

/* Buttons */

.button-blue{
        text-decoration: none;
    color: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    max-width: 330px;
    background-color:#1DAEEC;
    font-size:14px;
}

.button-yellow{
        text-decoration: none;
    color: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    max-width: 330px;
    background-color:#FFC800;
}

.button-dark{
        text-decoration: none;
    color: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    max-width: 330px;
    background-color:#007193;
}

.button-black{
        text-decoration: none;
    color: #fff;
    padding: 8px 10px;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    max-width: 330px;
    background-color:#333;
}

.button-black:hover{
background-color:#000;
}

.button-blue:hover, .button-yellow:hover, .button-dark:hover{
background-color:#333;
}



/* Structural & Misc */
.metric-wrapper{
    margin: 30px 0px 60px 0px;
    padding: 30px 0px 30px 0px;
    min-height: 360px;
}

.metric-wrapper h2{
	margin:0px 0px;
    font-size: 28px;
    color: #333;
}

.border-bottom{
border-bottom:1px solid #eee;
}

.no-pad{
padding:0px;
}
 
/* Stickynav */ 

.mininav-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
}

.mininav-container a{
	white-space: nowrap;
}

.stuck{
	position: fixed;
    top: 53px;
    left:0px;
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    padding: 4px 0px 0px 0px;
    z-index: 9;    
    -webkit-transition: .3s;
    transition: .3s;
}

#home .stuck{
	padding: 10px 0px 10px 0px;
}

.stuck .mininav-container a {
    font-size: 16px;
    line-height: 24px;
    margin-right: 3px;
    padding: 3px 10px !important;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    box-shadow:none;
}

.xmetrics .stuck .mininav-container a {
    font-size: 14px !important;
    line-height: 24px;
    margin-right: 3px;
    padding: 0px 50px 0px 10px !important;
    color: #fff;
    font-weight: 300;
    display: inline-block !important;
}

.metrics .stuck .mininav-container h3 {
display:none;
}

.transit-metric-label{
	font-size: 16px !important;
    line-height: 24px;
    margin-right: 3px;
    padding: 3px 10px !important;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    text-transform:uppercase;
}


.stuck .transit-metric-label{
display:inline-block !important;
}


.mapsearch{
    display: inline-block;
    margin-left: 5px;
}

.mapsearch-map-overlay{
    display: block;
    margin: 0 auto;
    text-align:center;
}

#locationsearch, #mapsearch2{
    border: 2px solid #000;
    height: 36px;
    max-width: 250px;
    padding: 0px 10px;
    font-size: 20px;
    font-family: 'lato', sans-serif;
    font-weight: 300;
}

#mapsearch1{
	border: 2px solid #000;
    max-width: 300px;
    padding: 10px 20px;
    font-size: 32px;
    font-family: 'lato', sans-serif;
    font-weight: 300;
}

#locationsearch, #mapsearch1, #mapsearch2:focus{
outline:none;

}

#find1, #find2{
         background: url("../../assets/images/search-icon-white.png");
    border: none;
    background-color: #000;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    padding: 12px;
    margin-left: 3px;
    background-position: 4px 6px;
    background-size: 32px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#find1{
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 4px;
    width: 55px;
    height: 56px;
    padding: 16px 25px;
    margin-left: 6px;
    background-position: 4px 7px;
    background-size: 45px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#find1:hover, #find2:hover{
    background: url("../../assets/images/search-icon-white.png");
    border: none;
    background-color: #EB3176;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    padding: 12px;
    margin-left: 3px;
    background-position: 4px 6px;
    background-size: 32px;
    cursor: pointer;
    background-repeat: no-repeat;
}
#find1:hover{
    background-color: rgba(0, 0, 0, 0.9);
    border: none;
    border-radius: 4px;
    width: 55px;
    height: 56px;
    padding: 16px 25px;
    margin-left: 6px;
    background-position: 4px 7px;
    background-size: 45px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.stuck #locationsearch, .stuck #xmapsearch2{
color: #666;
color: rgb(235, 49, 118) !important;
border: none;
height: 30px;
max-width: 250px;
padding: 0px 10px;
font-size: 16px;
font-family: 'lato', sans-serif;
font-weight: 300;
}


.metrics .stuck #find2{
    background: url("../../assets/images/search-icon-white.png");
    border: none;
    border-radius: 4px;
    width: 43px;
    height: 43px;
    padding: 16px;
    margin-left: 3px;
    background-position: 4px 8px;
    background-size: 31px;
    cursor: pointer;
    background-repeat: no-repeat;
    
    width: 35px;
    height: 32px;
    padding: 13px;
    margin-left: 3px;
    background-position: 3px 2px;
    background-size: 26px;
}

.metrics .stuck #find2:hover{
    background: url("../../assets/images/search-icon-white.png") rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 4px;
    width: 43px;
    height: 43px;
    padding: 16px;
    margin-left: 3px;
    background-position: 4px 8px;
    background-size: 31px;
    cursor: pointer;
    background-repeat: no-repeat;
    
    width: 35px;
    height: 32px;
    padding: 13px;
    margin-left: 3px;
    background-position: 3px 2px;
    background-size: 26px;
}

.locationsearch-wrapper{
margin: 20px 0px 0px 0px;
}

.stuck .locationsearch-wrapper{
margin: 5px 0px 0px 0px;
}

.location-breadcrumb{
color:#fff;
font-size:13px !important;
}

.location-breadcrumb a{
margin:0px 0px 5px 0px;
font-size:13px !important;

color:#fff;
padding:inherit !important;
background:none !important;
}

.location-breadcrumb a:hover{
text-decoration:underline;

}


.stuck .mininav-container .location-breadcrumb a{
padding:0px !important;
font-size:13px !important;
}
.stuck-anchor{
    margin-bottom: 140px;
    display:block;
}



/* Content Sections */
#home .section-one-wrapper, #page-metrics .section-one-wrapper, #page-factsheet .section-one-wrapper, #page-service-gap .section-one-wrapper{
    padding: 120px 0px 20px 0px;
    background: url(../../assets/images/all-transit-map-bg.jpg) #0094C4 50% 30% no-repeat;
    background-size: cover;
    border-bottom: 7px solid #000;
}

.key-stats-wrapper{
	background-color: #333;
    margin-bottom: 10px;
    margin-top:100px;
    padding: 20px 20px;
    color:#fff;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.key-stats-container h3, .key-stats-container p{
font-size:32px;
color:#fff;
margin: 0px;
padding: 0px;
line-height:40px;
text-align:center;
}

.key-stats-container p sup{
font-size:16px;
}

.key-stats-container p{
font-size:18px;
line-height:28px;
font-weight:300;
}

#hero-wrapper-metrics-intro{
    padding: 0px 0px 160px 0px;
    background-image: url("../../assets/images/map-metrics-bg.png");
    background-repeat: repeat;
    background-size: inherit;
    border-bottom: 5px solid #fff;
}

#hero-wrapper-jobs{
padding: 200px 0px 70px 0px;
background: url(../../assets/images/public-transit-for-commuters-crop.jpg) #0094C4 50% 100% no-repeat;
background-size:cover;
}

#hero-wrapper-economy{
padding: 200px 0px 70px 0px;
background: url(../../assets/images/splash-business.jpg) #0094C4 50% 80% no-repeat;
background-size:cover;
}

#hero-wrapper-health{
padding: 200px 0px 70px 0px;
    background: url(../../assets/images/splash-metric-three.jpg) #0094C4 50% 60% no-repeat;
    background-size: cover;
    margin-bottom: 0px;
}

#hero-wrapper-equity{
padding: 200px 0px 70px 0px;
background: url(../../assets/images/splash-metric-four.jpg) #0094C4 50% 100% no-repeat;
background-size:cover;
}

#hero-wrapper-quality{
padding: 200px 0px 70px 0px;
background: url(../../assets/images/splash-metric-five.jpg) #0094C4 50% 100% no-repeat;
background-size:cover;
}

#hero-wrapper-mobility{
padding: 200px 0px 70px 0px;
background: url(../../assets/images/splash-metric-six.jpg) #0094C4 50% 100% no-repeat;
background-size:cover;
}



.key-stats-wrapper .nav-overview{
display:none;
}


.key-stats-wrapper .stuck .nav-overview{
display:inline-block;
}

.metric-preview-wrapper{
    margin: 10px 5px 10px 5px;
}


.metric-preview-container{
    min-height: 230px;
    position: relative;
    margin-top:20px;
}

#home .metric-preview-container{
    min-height: 250px;
}
.metric-preview-container h2{
    margin: 0px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    padding: 5px 10px;
}

.metric-preview-container h3{
    margin: 10px 0px;
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
}
.metric-preview-container p{
    color: #fff;
    font-size: 16px;
    margin: 5px 0px;
    padding: 5px 20px;
    text-align: center;
    font-weight: 300;
}

/*
.metric-preview-container a{
	position:absolute;
	bottom:10px;
	xright:10px;
	xcolor:#fff;
}

.metrics .metric-preview-container a{
	position:absolute;
	bottom:10px;
	color:#000;
	background-color: #1184B5;

	    position: absolute;

    width:84%;
    bottom: 10px;
	display:none;
}
*/
.metric-preview-container a:hover{
	text-decoration:underline;
}


.metric-preview-wrapper .jobs{
    background-color: #1DAEEC;
}

.metric-preview-wrapper .jobs-inactive{
    xbackground-color: #1184B5;
    

}

.key-metrics-jobs .metric-preview-wrapper .metric-preview-container{
    background-color: #1184B5;
}

.Xpage-economyMetrics .metric-preview-wrapper .metric-preview-container,
.key-metrics-economy .metric-preview-wrapper .metric-preview-container{
    background-color: #18AA51;
}

.key-metrics-health .metric-preview-wrapper .metric-preview-container{
    background-color: rgb(235, 49, 118);
}

.key-metrics-equity .metric-preview-wrapper .metric-preview-container{
    background-color: rgb(146, 49, 235);
    background-color: rgb(99, 26, 167);
}

.key-metrics-quality .metric-preview-wrapper .metric-preview-container{
    background-color: rgb(235, 49, 49);
}
.key-metrics-mobility .metric-preview-wrapper .metric-preview-container{
    background-color: rgb(0, 7, 208);
}



.key-metrics-jobs .metric-preview-wrapper .metric-preview-container h2{
    background-color: #005579;
}

.key-metrics-economy .metric-preview-wrapper .metric-preview-container h2,
.Xpage-economyMetrics .metric-preview-wrapper .metric-preview-container h2{
    background-color: #139245;  
}

.key-metrics-health .metric-preview-wrapper .metric-preview-container h2{
    background-color: rgb(193, 58, 108);
}

.key-metrics-equity .metric-preview-wrapper .metric-preview-container h2{
    background-color: rgb(119, 51, 181);
}

.key-metrics-quality .metric-preview-wrapper .metric-preview-container h2{
    background-color: rgb(189, 37, 37);
}

.key-metrics-mobility .metric-preview-wrapper .metric-preview-container h2{
    background-color: rgb(0, 6, 173);  
}

.metric-preview-wrapper .jobs h2{
    background-color: #2F2F2F;
    background-color:#1F9ED4;
}

.metric-preview-wrapper .economy{
    background-color: #18AA51;
}

.metric-preview-wrapper .economy h2{
    margin: 0px;
    background-color: #2F2F2F;
    background-color:#139245;
}

.metric-preview-wrapper .health{
    background-color: rgb(235, 49, 118);
}

.metric-preview-wrapper .health h2{
    margin: 0px;
    background-color: #2F2F2F;
    background-color: rgb(193, 58, 108);
}

.metric-preview-wrapper .equity{
    background-color: rgb(146, 49, 235);
}

.metric-preview-wrapper .equity h2{
    margin: 0px;
    background-color: #2F2F2F;
    background-color: rgb(119, 51, 181);
}

.metric-preview-wrapper .transit-quality{
	background-color: rgb(235, 49, 49);
}

.metric-preview-wrapper .transit-quality h2{
    margin: 0px;
    background-color: #2F2F2F;
    background-color: rgb(189, 37, 37);
}

.metric-preview-wrapper .mobility{
    background-color: rgb(0, 7, 208);
}

.metric-preview-wrapper .mobility h2{
    margin: 0px;
        background-color: rgb(0, 6, 173);
}

#home .section-one-wrapper h2, #page-metrics .section-one-wrapper h2, #page-factsheet .section-one-wrapper h2, #page-service-gap .section-one-wrapper h2{
    font-size: 40px;
    line-height: 50px;
    margin:0px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    display: inline-block;
}


#home .section-one-wrapper h2 sup, sup{
font-size:12px;
top: -2.5em;
}

.section-one-wrapper p{
font-size:26px;
color:#fff;
}

#home .section-one-wrapper a, .metrics-sticky-nav a, .about-page .mininav-container a{
	font-size: 22px;
    line-height: 30px;
    margin-right: 3px;
    padding: 10px;
    color: #fff;
    font-weight: 300;
    background-color: rgb(29, 174, 236);
    text-align: center;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.section-one-wrapper a:hover {
    border-bottom: 2px solid #000;
    padding: 12px 10px 12px 10px;
}

.section-one-wrapper a.mininav-active:hover {
    border-bottom: 3px solid #fff;
    padding: 10px;
    cursor:default;
}

.stuck .section-one-wrapper a{
    box-shadow: 4px 5px 0px rgba(0,0,0,1);
    box-shadow: none;
}

.xsection-one-wrapper a:hover{
	background-color: rgba(0, 113, 147, 0.9);
}

.section-two-wrapper{
background-color:#00ADEF;
background-color:#F7B929;
background-color:#0094C4;
padding:30px 0px 0px 0px;
min-height:390px;
position:relative;
margin-top: 150px;
}

.section-two-wrapper h2, .section-two-wrapper p{
	color:#fff;
	font-size:30px;
	line-height:34px;
	font-weight:300;
}

.section-two-wrapper p{
	font-size:16px;
	line-height:22px;
}

.section-two-wrapper img{
position:absolute;
bottom:0px;
}

#home .metric-one-wrapper{
    background: url(../../assets/images/public-transit-for-commuters-crop.jpg) #0094C4 50% bottom no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 0px;
    margin-top:100px;
}

#home .metric-two-wrapper{
    background: url(../../assets/images/splash-business.jpg) #0094C4 50% bottom no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 0px;
    margin-top:100px;
}

#home .metric-three-wrapper{
    background: url(../../assets/images/splash-metric-three.jpg) #0094C4 50% 50% no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 0px;
    margin-top:100px;
}

#home .metric-four-wrapper{
    background: url(../../assets/images/splash-metric-four.jpg) #0094C4 50% bottom no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 0px;
    margin-top:100px;
}

#home .metric-five-wrapper{
    background: url(../../assets/images/splash-metric-five.jpg) #0094C4 50% bottom no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 0px;
    margin-top:100px;
}

#home .metric-six-wrapper{
    background: url(../../assets/images/splash-metric-six.jpg) #0094C4 50% bottom no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 0px;
    margin-top:100px;
}

.section-map-wrapper{
background: url(../../assets/images/all-transit-map-bg.jpg) #0094C4 50% 0 no-repeat;
background-size: cover;
    height: 450px;
    margin-bottom: 0px;
        border-top: 10px solid #007193;
}

.section-three-wrapper{
background-color:#333333;
padding:0px 0px;
}

.footer-wrapper{
background-color:#333333;
padding:0px 0px;
}



/* Map */

.map-key-metrics-menu{
	padding: 6px 50px 6px 8px;
    background-color: #fff;
    z-index: 8;
    font-size: 20px;
    font-weight: 300;
    color: #333;
    background: url(../../assets/images/dropdown-menu.png) #ffffff 96% 10px no-repeat;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    top: 15px;
    position: relative;
    border: 1px solid #333;
}

.metric-list ul li a:hover{
    color: rgb(235, 49, 118);
}

.metric-sub-list{
    float: left;
    display: block;
    xwidth: 30%;
    padding-right: 10px;
}

xul.child-metric-group{
    background-color: #fff;
    top: 110px;
    padding: 10px;
    box-shadow: 0px 4px 6px rgba(0,0,0,.25);
    list-style:none;
    position: absolute;
    top: 33px;
    z-index: 999;
}

ul.child-metric-group {
    background-color: #fff;
    top: 110px;
    padding: 10px;
    box-shadow: 3px 4px 0px rgba(0,0,0,1);
    list-style: none;
    position: absolute;
    top: 34px;
    z-index: 9;
    border: 1px solid #000;
    border-top: none;
    max-width: 320px;
}

ul.child-metric-group li a{
    color: #333;
    font-size: 13px;
    font-weight: normal;
    line-height: inherit;
    padding-bottom: 8px;
    display: block;
}

ul.child-metric-group li a.active-theme{
    color: rgb(29, 174, 236);
}

ul.child-metric-group li a.active-theme:hover{
    color: rgb(29, 174, 236) !important;
    cursor:default !important;
}

ul.child-metric-group li a:hover{
    color: rgb(235, 49, 118);
}

.map-sub-metric-menu {
    padding: 4px 40px 4px 8px;
    top: 40px;
    display: inline-block;
    left: 160px;
    z-index: 9999;
    font-size: 14px;
    margin-top: 8px;
    margin-right: 5px;
    color: #333;
    font-weight: normal;
    border: 1px solid #000;
    background: url(../../assets/images/dropdown-menu-sm.png) 96% 6px no-repeat;
    background-color: #fff;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.map-key-metrics-menu:hover, .map-sub-metric-menu:hover{
cursor:pointer;
color:#EB3176;
}

.map-key-metrics-menu:hover{
background: url(../../assets/images/dropdown-menu.png) #ffffff 96% -20px no-repeat !important;
}

.map-sub-metric-menu:hover{
background: url(../../assets/images/dropdown-menu-sm.png) #ffffff 96% -25px no-repeat;
}

.map-menu a div:hover{
color:#1DAEEC;
}

.map-menu ul{
list-style:none;
}

.map-menu{
    padding: 10px 0px;
    position: absolute;
    top:42px;
    width: 100%;
        box-shadow: rgba(0, 0, 0, 1) 2px 3px 0px;
    z-index: 10;
    background-color: rgb(255, 255, 255);
        border: 1px solid #333;
    border-top: none;
}

.map-menu ul li {
margin:0px;
}

.map-menu ul li a{
color:#333;
font-size:13px;
font-weight:normal;
display:block;
padding-bottom:10px;
}

.map-menu ul li a:hover, .map-menu ul li ul li a:hover{
xcolor:#000;
}

.map-menu ul li ul li{
margin-left:8px;
}

.map-menu ul li ul li a{
color:#333;
font-size:12px;
font-weight:normal;
display:block;
padding-bottom:5px;
}

.map-submenu{
background-color:#fff;
top:110px;
padding:10px;
box-shadow: 0px 4px 6px rgba(0,0,0,.25);
}

.submenu-active{
background-color:#fff !important;
box-shadow: 0px 1px 6px rgba(0,0,0,.25);
}

.map-sub-metric-one-menu{
max-width:200px;
}

.map-info-wrapper{
margin-top: 0px;
padding-bottom: 20px;

top: 0px;
position: relative;
}

.map-legend-wrapper{
    padding-bottom: 30px;
}

.map-legend-wrapper ul li {
    list-style: none;
    padding-right: 10px;
    line-height: 20px;
    font-size: 12px;
    color:#333;
}
.map-info-wrapper h2{
	font-family: 'lato', sans-serif;
	font-size: 20px;
	font-weight:normal;
    padding: 0px;
    margin:0px 0px 10px 0px;
    color: #666;
    
}

.map-info-left h2{
    font-size: 21px;
    font-weight: normal;
    margin: 20px 0px 5px 0px;
    color: #333;
}


.map-info-right h2{
font-size: 14px;
    margin: 0px 0px 5px 0px;
}
.map-info-right{
margin-top:0px;
}


.key_color {
        display: inline-block;
    position: relative;
    top: 1px;
    margin: 0;
    margin-right: 0px;
    overflow: hidden;
    width: 12px;
    height: 12px;
}

.map-description, .lead-text{
    clear: both;
    font-size: 22px;
    color: #666;
    line-height: 28px;
    font-weight: 300;
    margin: 0px;
    padding: 10px 50px;
}


.map-legend-header{
	color: #fff;
    background-color: #000000;
    padding: 5px 10px;
    font-size: 14px;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    border-right: 1px solid #000;
}

.map-info-container{
    background-color: #fff;
    padding: 10px 10px 20px 10px;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    border: 1px solid #333;
    border-top: none;
}

table{
font-size:11px;
}

.advanced-metrics-container{
    background-color: #fff;
    padding: 15px 10px 20px 10px;
    border: 1px solid #eee;
}

.xadvanced-map-details-toggle{
color: #333;
    background-color: #EEEEEE;
    padding: 6px 10px;
    padding: 6px 8px 6px 8px;
    font-weight: normal;
    font-size:14px;
    display: inline-block;
    margin-top: 20px;
}

.xadvanced-map-details-toggle:hover{
color:rgb(235, 49, 118);
}

.as-metrics p{
margin:0px;
padding:4px 0px 0px 0px;
}

.pop-hh-n-toggles{
margin:20px 0px 10px 0px;
}

.pop-hh-n-toggles a{
background-color:#eee;
color:#666;
margin-right:2px;
    padding: 4px 8px;
    border-radius: 3px;
}

.pop-hh-n-toggles a.selected{
background-color:#1DAEEC;
color:#fff;
    padding: 4px 8px;
    border-radius: 3px;
}
.advanced-metrics-container img{
max-width:100%;
height:auto;
}

.as-metric-label{
font-size:16px;
color:#333;
}

.legend-range{
clear: both;
    margin: 0px 0px 20px 0px;
}

.legend-range p{
margin:5px 5px;
}
.as-metric-value{
font-size:16px;
color:#00ADEF;
}


.xparent-metrics-wrapper{
    background-color: #007193;
    min-height: 45px;
}

.parent-metrics-wrapper {
    background-color: #007193;
    background-color: #005579;
    border-bottom: 4px solid #FFF;
    min-height: 56px;
    background: #29bfff;
}

.page-updates hr{
    margin: 60px 0px;
    padding: 0px 0px;
    border: none;
    height: 1px;
    background: #DEDEDE;
    clear: both;
    }

/* Footer elements */


.transit-data-wrapper{
    background-color: #00ADEF;
    background-color: #F7B929;
    background-color: #333;
    margin-bottom: 10px;
    padding: 20px 20px;
    color:#fff;
    box-shadow: 0px -2px 10px rgba(0,0,0,.2);
}

#footer h3{
text-align: center;
padding: 0px 0px 0px 0px;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  margin-top: 60px;
    margin-bottom: 15px;
}

#footer p{
color:#fff;
text-align:center;
}

#footer p a{
color:#fff;
text-decoration:underline;
}

#footer .footer-col .social-media-container img {
  max-width: 24px;
  padding: 4px 6px 0px 0px;
}

#footer .footer-col a {
  color: #fff;
  text-decoration: underline;
}

#footer .footer-col a.btn-white {
  background-color: #fff;
  color: #000;
  text-decoration: none;
  padding: 8px 15px;
  display: inline-block;
  clear: both;
}

#footer .copyright-wrapper{
background-color:#fff;
text-align:center;
margin-top:50px;}

#footer .copyright-wrapper p{
color:#000;
padding:10px 0px 0px 0px;
}

#footer .copyright-wrapper p a{
color:#000;
}

.view-agencies{
  text-align: center;
}
.view-agencies a{
      text-transform: uppercase;
    color: #FFFFFF;
    background-color: #333;
    display: block;
    padding: 10px 20px;
    box-shadow: 2px 2px 0px rgba(0,0,0,1);
}

.view-agencies a:hover{
color:#fff;
background-color:rgb(235, 49, 118);;
}

.section-header h2{
    font-size: 40px;
    line-height: 50px;
    padding: 10px;
    color: #fff;
    font-weight: 300;
    background-color: rgba(29, 174, 236, 0.8);
    text-align: center;
    box-shadow: 0px 3px 6px rgba(0,0,0,.2);
}


/* Resets and overrides for BX Slider */



.bx-wrapper .bx-prev {
    left: -20px !important;
    background: url(../../assets/images/bxslider-controls.png) no-repeat 0 0px !important;
}

.bx-wrapper .bx-next {
    right: -20px !important;
    background: url(../../assets/images/bxslider-controls.png) no-repeat -46px 0px !important;
}


.bx-wrapper .bx-prev:hover {
    background-position: 0 -41px !important;
}

.bx-wrapper .bx-next:hover {
    background-position: -46px -41px !important;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0px !important;
    left: 0px !important;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 35% !important;
    margin-top: -16px;
    outline: 0;
    width: 38px !important;
    height: 38px !important;
    text-indent: -9999px;
    z-index: 9 !important;
}

.key-metrics-economy .bx-controls,
.key-metrics-health .bx-controls, 
.key-metrics-mobility .bx-controls{
display:none;
}

#home .metric-preview-container div{
cursor:pointer;
}




.page-jobsMetrics .metric-selected:hover{
background: rgb(29, 174, 236) !important;
cursor:default !important;
}


.key-metrics-economy .metric-selected, .key-metrics-economy .metric-selected:hover,
.page-economyMetrics .metric-selected, .page-economyMetrics .metric-selected:hover{
    background: rgb(42, 206, 47) !important;
	cursor:default !important;
}



.key-metrics-health .metric-selected, .key-metrics-health .metric-selected:hover{
    background: rgb(255, 14, 104) !important;
cursor:default !important;
}


.key-metrics-equity .metric-selected, .key-metrics-equity .metric-selected:hover{
    background: rgb(146, 49, 235) !important;
cursor:default !important;
}

.key-metrics-quality .metric-selected, .key-metrics-quality .metric-selected:hover{
    background: rgb(255, 0, 0) !important;
cursor:default !important;
}

.sticky-metric-1:hover, .metric-preview-container .sticky-metric-1:hover, .metric-overview-selected .sticky-metric-1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29bfff+0,1daeec+100 */
background: #29bfff; /* Old browsers */
background: -moz-linear-gradient(top,  #29bfff 0%, #1daeec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #29bfff 0%,#1daeec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #29bfff 0%,#1daeec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29bfff', endColorstr='#1daeec',GradientType=0 ); /* IE6-9 */
}

.xkey-metrics-jobs .metric-preview-container:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29bfff+0,1daeec+100 */
background: #29bfff; /* Old browsers */
background: -moz-linear-gradient(top,  #29bfff 0%, #1184B5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #29bfff 0%,#1184B5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #29bfff 0%,#1184B5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29bfff', endColorstr='#1184B5',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.key-metrics-equity .metric-preview-container:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29bfff+0,1daeec+100 */
background: #29bfff; /* Old browsers */
background: -moz-linear-gradient(top,  #B15CFF 0%, #4A127D 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #B15CFF 0%,#4A127D 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #B15CFF 0%,#4A127D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B15CFF', endColorstr='#4A127D',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.key-metrics-quality .metric-preview-container:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29bfff+0,1daeec+100 */
background: #29bfff; /* Old browsers */
background: -moz-linear-gradient(top,  #FF0000 0%, #A01111 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #FF0000 0%,#A01111 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FF0000 0%,#A01111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#A01111',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.sticky-metric-2:hover, .metric-preview-container .sticky-metric-2:hover,
.metric-overview-selected .sticky-metric-2,
.page-economyMetrics .metric-preview-container:hover,
.key-metrics-economy .metric-preview-container:hover {
    xbackground-color: #12B953 !important;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12b953+0,18aa51+100 */
/*    background-color: rgb(32, 197, 97);*/

background: #12b953; /* Old browsers */
background: -moz-linear-gradient(top,  #12b953 0%, #18aa51 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #12b953 0%,#18aa51 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #12b953 0%,#18aa51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12b953', endColorstr='#18aa51',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.sticky-metric-3:hover, .metric-preview-container .sticky-metric-3:hover, .metric-overview-selected .sticky-metric-3,
.key-metrics-health .metric-preview-container:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0052+0,eb3176+100 */
background: #ff0052; /* Old browsers */
background: -moz-linear-gradient(top,  #ff0052 0%, #eb3176 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff0052 0%,#eb3176 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff0052 0%,#eb3176 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0052', endColorstr='#eb3176',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.sticky-metric-4:hover, .metric-preview-container .sticky-metric-4:hover, .metric-overview-selected .sticky-metric-4,
.key-metrics-equity .metric-preview-container:hover{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a340ff+0,9231eb+100 */
background: #a340ff; /* Old browsers */
background: -moz-linear-gradient(top,  #a340ff 0%, #9231eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a340ff 0%,#9231eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a340ff 0%,#9231eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a340ff', endColorstr='#9231eb',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}



.sticky-metric-5:hover, .metric-preview-container .sticky-metric-5:hover, .metric-overview-selected .sticky-metric-5,
.key-metrics-quality .metric-preview-container:hover{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,eb3131+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top,  #ff0000 0%, #eb3131 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff0000 0%,#eb3131 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff0000 0%,#eb3131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#eb3131',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.sticky-metric-6:hover, .metric-preview-container .sticky-metric-6:hover, .metric-overview-selected .sticky-metric-6,
.key-metrics-mobility .metric-preview-container:hover{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000cff+0,0007d0+100 */
background: #000cff; /* Old browsers */
background: -moz-linear-gradient(top,  #000cff 0%, #0007d0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000cff 0%,#0007d0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000cff 0%,#0007d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000cff', endColorstr='#0007d0',GradientType=0 ); /* IE6-9 */
xcursor:pointer;
}

.metric-hero-container{
	position:absolute;
    bottom: 20px;
    margin-right: 20px;
    max-width: 1120px;
}

.metric-hero-container h2{
    font-size: 40px;
    color: #fff;
    margin: 0px;
    font-weight: 300;
    padding: 10px 40px;
    display: inline-block;
    background-color: #1DAEEC;
}

.metric-hero-container h3{
    font-size: 28px;
    color: #555;
    line-height: 42px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 20px;
   
}

.metric-hero-container sup, h1 sup, h2 sup{
font-size:16px;
}


.metric-hero-container h3 a{
    background-color: #1DAEEC;
    text-transform: initial;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    padding: 5px 12px;
    border-radius: 5px;
    vertical-align: bottom;
        box-shadow: 2px 2px 0px rgba(0,0,0,1);
        margin-left:6px;
}

.metric-hero-container h3 span{
color:#000;
font-weight:bold;
}

#hero-headline, .hero-headline{
    font-size: 40px;
    color: #fff;
    margin: 0px;
    font-weight: 300;
    padding: 10px 40px;
    display: inline-block;
}

#hero-headline-jobs{
	background-color: #1DAEEC;
}

#hero-headline-economy{
	background-color: #18AA51;
}

#hero-headline-health{
	background-color: rgb(235, 49, 118);
}

#hero-headline-equity{
	background-color: rgb(146, 49, 235);
}

#hero-headline-quality{
	background-color: rgb(235, 49, 49);
}

#hero-headline-mobility{
	background-color: rgb(0, 6, 173);
}


    
#hero-subhead{
	font-size: 28px;
    color: #555;
    line-height: 42px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 20px;
}

#hero-subhead b{
color:#000;
}

#home .metric-two-wrapper h2, #home .metric-two-wrapper h3 a{
background-color:#18AA51;
}

#home .metric-three-wrapper h2, #home .metric-three-wrapper h3 a{
        background-color: rgb(235, 49, 118);
}

#home .metric-four-wrapper h2, #home .metric-four-wrapper h3 a{
        background-color: rgb(146, 49, 235);
}

#home .metric-five-wrapper h2, #home .metric-five-wrapper h3 a{
        background-color: rgb(235, 49, 49);
}

#home .metric-six-wrapper h2, #home .metric-six-wrapper h3 a{
        background-color: rgb(0, 6, 173);
}


/* Interactive Map */

#mapR{
height:450px;
}


.metrics #mapR{
height:300px;
}


.geo-wrapper{
display:inline-block;
}


#focus-list-open-1{
    font-size: 20px;
    background: url(../images/dropdown-arrow-down.png) 97% 15px no-repeat;
    color: #333;
    padding: 4px 32px 4px 10px;
    background-color: #fff;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    border: 1px solid #000;
    color: #333;
    margin: 0px 0px 10px 0px;
    display: inline-block;
}

#xfocus-list-open-1:hover{
background: url(../../assets/images/dropdown-menu-white.png) #EB3176 100% -2px no-repeat;
}

#focus-list-open-1:hover{
    background: url(../images/dropdown-arrow-down-hover.png) #fff 97% 15px no-repeat;
    color: #EB3176;
}

.stuck #focus-list-open-1{
    xbackground: url(../../assets/images/dropdown-menu-white-sm.png) #000 95% 0px no-repeat;
}

.stuck #focus-list-open-1:hover{
    xbackground: url(../../assets/images/dropdown-menu-white-sm.png) #EB3176 95% 0px no-repeat;
}


#focus-geo-1{
position:relative;
}

#focus-list-1{
    display:block;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 260;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(255, 255, 255);
}

.stuck #focus-list-1{
    top: 34px;
    width:inherit;
}

#focus-list-1 ul{
    list-style: none;
    padding: 5px 10px;
    box-shadow: rgba(0, 0, 0, 1) 3px 4px 0px;
    border: 1px solid #000;
    border-top: none;
    width: 100%;
    background-color: #fff;
}

.stuck #focus-list-1 ul{

    box-shadow: rgba(0, 0, 0, 1) 2px 3px 0px;
}


#focus-list-1 ul li a{
color: #333;
    font-size: 13px;
    font-weight: normal;
    line-height: inherit;
    padding-bottom: 8px;
    display: block;
}
    
#focus-list-1 ul li a:hover{
        color: rgb(235, 49, 118);
}

#focus-list-open-1:hover{
    xcolor: #ffffff;
    xbackground: url(../../assets/images/dropdown-menu.png) #1184B5 96% -26px no-repeat !important;
}

#key-metric-geography{
    font-size: 22px;
    line-height: 30px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 300;
    margin: 0px 0px 10px 15px;
    background-color: rgb(29, 174, 236);
        background-color: rgb(0, 171, 78);
    background-color: rgb(0, 0, 0);
    text-align: center;
    display: inline-block;
    }
.ui-tabs-nav {
list-style:none;
}
    
li.ui-state-default a{
    background-color: #eeeeee;
    color: #666;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 3px;
    float: left;
    margin-right: 3px;
}
li.ui-state-default a:hover{
background-color: #ddd;
}
li.ui-tabs-active a{
background-color: #333;
color:#fff;
}

li.ui-tabs-active a:hover{
background-color: #333;
cursor:arrow;
}

li.ui-state-focus a{
outline:none;
}

#focus-list-1 ul li a.active {
    color: rgb(235, 49, 118);
}

#focus-list-1 ul li{
padding-left:8px;
}

.stats-table table {
width:100%;
}

.map-overlay{
    width: 100%;
    height: 450px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    z-index: 9;
}


.overlay-message{
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 150px;
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    margin-bottom:20px;
}

#mbox_location_search2{
    display: block;
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    text-align:left;
        padding: 5px 10px;
    z-index: 999;
}

#mbox_location_search2 a{
color: #666;
}

#mbox_location_search2 a:hover{
 color: rgb(235, 49, 118);
}

.hero-footnote{
    right: 0px;
    position: absolute;
    bottom: -36px;
        background-color: rgba(0, 0, 0, 0.3);
}

.hero-footnote p{
	color: #fff;
    padding: 0px 10px 2px 10px;
    margin: 0px;
    font-size:13px;
}

.hero-footnote sup{
font-size:14px;
}

#xtheme-value{
    font-size: 46px;
    color: #00ADEF;
    text-align: center;
    margin-top: 20px;
}

#theme-value {
    font-size: 42px;
    color: #EB3176;
    display: inline-block;
}

.hero-metric-top-container{
    background-color: #ffffff;
    text-align: center;
    font-weight: 300;
    padding: 10px 30px;
    margin-top: 5px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 10px;
}

.infoBox{
    background-color: #fff;
    padding: 10px;
    width:400px;
        box-shadow: 3px 3px 0px rgba(0,0,0,1);
}


#legend-set-placeholder ul{
list-style:none;
}

#legend-set-placeholder ul li a{
    color: #000;
    margin-left: 0px;
    text-decoration: underline;
    display: block;
    padding: 5px 0px;
}

#legend-set-placeholder ul li a:hover{
color:#EB3176;
}

.hero-metric{
    background-color: #00ADEF;
    padding: 10px 10px;
    border: 0px solid #000;
    margin-bottom: 20px;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    text-align:center;
    margin-top: 15px;
}

.map-info-wrapper{
    background-image: url("../../assets/images/map-metrics-bg.png");
}

#percent-near-transit{
margin-top:10px;
}

#percent-near-transit-geo{
    color: #fff;
    background-color: #EB3176;
    padding: 4px 10px;
    font-size: 13px;
    margin-right: 5px;
    xbox-shadow: 3px 3px 0px rgba(0,0,0,1);
}

#theme-value-subtext{
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    padding-top: 10px;
}
.percent-near-transit-geo-details{
    padding: 4px 0px;
    margin-top: 4px;
    display: inline-block;
    font-size: 13px;
    color: #000;
}
.custom-map-ui{
z-index:8;
position:absolute;
top:20px;
right:190px;
}

.map-ui-btn{
	background-color: #fff;
    float: left;
}

.map-ui-btn a{
    direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 16px;
    padding: 8px;
    -webkit-background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 21px;
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
}

.transit_toggle a{
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.bg_toggle a{
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.yui3-resize-handle-t, .yui3-resize-handle-tr, .yui3-resize-handle-r, .yui3-resize-handle-br, .yui3-resize-handle-l, .yui3-resize-handle-tl, .yui3-resize-handle-bl{
display:none !important;
}

.yui3-resize-handle-b {
width: 100%;
left: 0;
bottom:0;
height: 15px;
}

.yui3-resize-handle-inner-b{
background-repeat: no-repeat;
background: url(../images/handle.png) no-repeat 0 0 !important;
display: block;
height: 28px !important;
overflow: hidden;
text-indent: -99999em;
width: 90px !important;
}


.yui3-resize-handle-b {
cursor: ns-resize !important;
}

.yui3-resize-handle-t {
width: 0 !important;;
left: 0;
bottom:0;
height: 0px !important;;
display:none !important;
}

/* ABOUT PAGES */

.mininav-active{
border-bottom:3px solid #fff;
}

.page-updates, .about-page .footer-one-wrapper, .about-page .content-wrapper{
padding:30px 0px;
background: url("../images/map-metrics-bg.png");
min-height: inherit;
position: inherit;
margin-top: 0px; 
}

.content-wrapper h2{
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 30px;
    color:#000;
}

.content-wrapper p{
font-size:18px;
line-height:30px;
}

.content-wrapper p a{
text-decoration:underline;
color:#000;
font-weight:normal;
}

.content-wrapper p a:hover{
color:rgb(235, 49, 118);
}

.about-page .footer-one-wrapper img {
    position: relative;
    bottom: 0px;
    max-width: 100%;
    margin-top:200px;
}

.side-nav{
    padding: 10px;
    background-color: #fff;
    border: 3px solid #007193;
    max-width:250px;
}

.side-nav ul{
list-style:none;
}

.side-nav ul li a{
    color: #007193;
    font-size: 16px;
    padding: 4px 0px;
    display: block;
    font-weight: normal;
}

.side-nav ul li a:hover{
color:#EB3176;
}

.xabout-page .stuck{
left:inherit;
top:80px;
    box-shadow: 0px 3px 6px rgba(0,0,0,.2);
}

.transit-data-wrapper{
    background-color: #333;
    padding: 20px 0px;
    margin-bottom: 10px;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.transit-data-wrapper p {
    font-size: 18px;
    line-height: 28px;
}

.share-buttons
{	margin-top: 10px; float: left;}

.stuck .share-buttons
{	margin-top: 0px; float: right;display:inherit !important;}



ul.share-buttons{  list-style: none;  padding: 0;}
ul.share-buttons li{  display: inline;}
ul.share-buttons img{  width: 16px;
}

.stuck .share-buttons a{
	padding: 0px !important;
    margin: 0px;
    box-shadow: initial !important;
}



/*  BRIEFS */
.briefs-nav-container{
background-color: #fff;
    max-width: 360px;
    border: 1px solid #000;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    padding: 20px;
    margin-top:60px;
}

.briefs-nav-container h3{
    font-size: 20px;
    margin: 0px;
    padding: 0px;
}
.briefs-nav-container ul{
list-style:none;
}

.briefs-nav-container ul li{
margin:20px 0px;
}

.briefs-nav-container ul li a{
color:#000;
text-decoration:underline;
}
.briefs-nav-container ul li a:hover{
color:#EB3176;
}
.brief-snippet-container{
    margin-bottom: 80px;
}

.brief-snippet-container a{
    color: #000;
    text-decoration: none;
    font-size: 26px;
    line-height: 32px;
    font-weight:bold;
}

.brief-snippet-container a:hover{
color:#EB3176;
}

.brief-snippet-container p{
	margin:10px 0px;
}
.brief-snippet-container p b{
color:#EB3176;
display: none;
}

.brief-snippet-container p a{
	background-color: #fff;
    display: inline-block;
    padding: 4px 10px;
    color: #000;
    text-decoration: none;
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    border: 1px solid #000;
}

.caption {
        margin: 0px 0px 30px 0px;
}

.caption img {
        float: inherit;
    max-width: 100%;
    height: auto;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 8px 8px 8px 8px;
}
.caption p{
font-size: 15px;
    font-style: italic;
    margin: 0px;
    line-height: 22px;
    padding: 0px;
    text-align: center;
}
.caption-right p{
text-align:center;
}
.briefs-floating-nav-container{
float:right;
margin:30px;
}

.content-briefs hr{
padding:30px 0px;
border:none;
}

@media screen and (max-width: 1200px) {
#focus-list-open-1{
	    margin: 0px 0px 10px 0px;
}
.mininav-container {
    padding-left: 5px;
}

}

@media screen and (max-width: 1120px) {
.bx-controls-direction{
	display:none;
}

}


@media screen and (max-width: 768px) {
#home .hero-container h2{
font-size:30px;
}
.stuck{
	position: fixed;
    top: 35px;
}

#focus-list-open-1 {
    font-size: 15px;
    background: url(../images/dropdown-arrow-down.png) 95% 13px no-repeat;
    color: #333;
    padding: 4px 32px 4px 10px;
    background-size: 12px;
    background-color: #fff;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    border: 1px solid #000;
    color: #333;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    display: inline-block;
}

}