@import url("/assets/home/css/modules/font-awesome/css/all.css");
.testAug {
	color: red
}
.agency-background {
	background-color: #00aec5
}
.agency-content-padding {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px
}
.agency-logo-center {
	text-align: center
}
.about-description {
	width: 100% !important
}
.agency-top-padding {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}
.agency-top-shadow {
	-webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
	-ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8);
	box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8)
}
#nav .active {
	background: #008391 !important
}
.subheader {
	background: #008391 !important;
	min-height: 0px
}
.subheader a {
	background: #008391 !important
}
.subheader a.main-filter-category, .subheader a.main-filter-category:link, .subheader a.main-filter-category:visited {
	background-color: #007380 !important;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.05)), color-stop(33.84%, rgba(0, 0, 0, 0.05)), color-stop(42.85%, rgba(0, 0, 0, 0.05)), color-stop(56.4%, rgba(255, 255, 255, 0.05)), color-stop(66.67%, rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0.05))) !important;
	background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%) !important
}
.subheader a.main-filter-category:hover, .subheader a.main-filter-category:active, .subheader a.main-filter-category.active {
	border: 1px solid #fff !important;
	background-color: #008391 !important;
	background-image: none !important
}
.agency-bottom-margin {
	margin-bottom: 20px
}
.agency-home-resources-padding-ul li {
	padding: 20px 0 15px !important
}
.agencies-index-ul li a {
	color: #000000
}
.column.span3 {
	margin: 0 2% 30px 0
}
@media (max-width: 767px) {
	.column.span3 {
		width: 48%
	}
}
.column.span3:last-child {
	margin: 0
}
sup {
	font-size: 12px
}
a.connect-link {
	background-color: #36add5 !important
}
a.connect-link:hover {
	background-color: #0a5796 !important
}
.agencies-about-links ul li.active a {
	color: #008391;
	text-decoration: underline
}
a, a:link, a:visited {
	color: #008391;
	font-weight: bold
}
.main-content-width {
	width: 100% !important;
	margin: 0px 0px 20px
}
.full-details {
	display: none
}
table.rt {
	border-collapse: collapse
}
table.rt th {
	padding: 10px 5px 11px 5px;
	color: #ffffff;
	background-color: #008391;
	font-size: 13px;
	line-height: 15px;
	border: 1px solid #d1d3d3;
	vertical-align: bottom;
	white-space: nowrap;
	text-align: center
}
table.rt th.subhead {
	padding: 11px 11px 13px 11px;
	line-height: 20px;
	background-color: #ebebeb;
	border: 1px solid #d1d3d3;
	text-align: left
}
table.rt td {
	padding: 20px 11px 20px 11px;
	font-size: 16px;
	line-height: 18px;
	background-color: #f8f8f8;
	border: 1px solid #d1d3d3
}
table.rt td.vertical {
	vertical-align: middle
}
table.rt.filterTable tr td:last-child {
	text-align: right;
}
@media only screen and (max-width: 767px) {
	table.rt, table.rt thead, table.rt tbody, table.rt th, table.rt td, table.rt tr {
		display: block;
		border: none
	}
	table.rt {
		border-collapse: collapse
	}
	table.rt thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	table.rt th.subhead {
		display: none
	}
	table.rt tr {
		border: 1px solid #d1d3d3;
		border-bottom: 0
	}
	table.rt td {
		border: none;
		border-bottom: 1px solid #d1d3d3;
		position: relative;
		padding: 3px 3px 6px 3px;
		font-size: 11px;
		padding-left: 50%
	}
	table.rt td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		content: attr(data-label);
		font-weight: bold
	}
	table.rt th.subhead {
		padding: 6px;
		border: none
	}
}
#agencies-index .module-agency-columns h4 {
	color: #008391 !important
}
.about-description a {
	-webkit-text-decoration: underline solid currentColor;
	text-decoration: underline solid currentColor;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip: ink;
	text-decoration-skip-ink: auto
}
.filter-controls {
	position: relative
}
.search-bg {
	background-color: #eaeaea;
	padding: 1px 10px 25px 10px;
	border-radius: 3px
}
.search-bg h3 {
	color: #000000
}
.filter-buttons {
	padding-top: 15px
}
a.filter-button {
	color: #ffffff
}
.initials-div {
	padding: 10px 0px 10px 0px
}
.initial-search {
	width: 20px;
	height: 16px;
	background-color: #ffffff;
	border: 2px solid #cfcfcf;
	border-radius: 2px;
	color: #999999 !important;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	padding-top: 4px;
	margin-right: 2.75px;
	margin-bottom: 2.75px
}
.initial-search.active, .initial-search:hover {
	background-color: #4e5d63;
	border: 2px solid #4e5d63;
	color: #ffffff !important
}
.pagination {
	position: relative;
	padding: 10px 0px 15px 0px
}
.pagination div {
	float: right
}
.filter-pagination {
	width: 24px;
	height: 20px;
	background-color: #ffffff;
	border: 2px solid #cfcfcf;
	border-radius: 2px;
	color: #999999 !important;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding-top: 4px;
	margin-left: 3px;
	margin-top: 3px
}
.filter-pagination.active, .filter-pagination:hover {
	background-color: #4e5d63;
	border: 2px solid #4e5d63;
	color: #ffffff !important
}
.headshot-border {
	padding-bottom: 25px
}
.filter-image {
	height: 220px;
	overflow: hidden;
	border: 1px solid #cccccc;
	border-radius: 3px 3px 0px 0px;
	border-bottom: none
}
.filter-caption {
	height: 85px;
	padding: 15px;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 0px 0px 3px 3px;
	border-top: none
}
.headshot-border .commissioners {
	padding: 15px;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 3px;
	height: 102px
}
.headshot-border .commissioners .commissioner-link {
	color: #d60380
}
@media only screen and (max-width: 767px) {
	.filter-image {
		height: auto;
		overflow: auto
	}
	.pagination {
		position: static;
		bottom: auto
	}
	.pagination div {
		position: static;
		right: auto;
		padding-bottom: 20px
	}
}
.loan-wizard-slide {
	padding-top: 35px
}
.question {
	padding-bottom: 25px
}
.question_title {
	font-size: 23px;
	line-height: 28px
}
.btn-loan-wizard {
	background: none repeat scroll 0 0 #008391 !important;
	display: inline-block;
	line-height: 10;
	margin-bottom: 25px;
	margin-right: 25px;
	padding: 15px 58px !important;
	font-size: 16px !important;
	text-align: center
}
.btn-loan-wizard-next {
	background: none repeat scroll 0 0 #008391 !important;
	line-height: 10;
	margin-bottom: 25px;
	margin-right: 25px;
	padding: 15px 58px !important;
	font-size: 16px !important;
	text-align: center;
	display: none
}
.btn-loan-wizard:hover, .btn-loan-wizard-next {
	background: none repeat scroll 0 0 #0483ae !important
}
.loan-select {
	padding-bottom: 25px
}
.act {
	display: none
}
.filterForm {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1.5rem 0 .75rem 0;
	background: #fafafa;
	margin: 1.5rem 0 !important
}
.filterForm input {
	border: 1px solid #ccc;
	margin-top: .375rem
}
.filterForm .form-actions {
	padding: 1.5rem .75rem .75rem .75rem;
	margin-bottom: 0
}
.filterForm .form-actions .btn.btn-form-submit {
	background-color: #1080a6;
	border-color: #1080a6
}
.filterForm .form-actions .btn.btn-form-submit:hover {
	background-color: #000;
	border-color: #000;
	color: #fff
}
.filterForm .form-actions a:not(.btn), .filterForm .pagination a {
	color: #1080a6
}
.filterForm .form-actions a:hover, .filterForm .pagination a:hover {
	color: #000
}
.resultsMessage {
	font-weight: 700;
	padding: 0 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.resultsNumber {
	font-weight: 700;
	padding: .375rem 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.pagination {
	padding: .375rem 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right
}
.entry.row {
	border: 1px solid #ccc;
	padding: 0 2rem
}
.entry.row + .entry.row {
	border-top: none
}
.entry.row:first-child {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-top: 1.5rem
}
.entry.row:nth-last-child(1) {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 1.5rem
}
.entry.row:nth-child(even) {
	background-color: #fafafa
}
.entry.row .span6 {
	padding: .375rem 0
}
.entry.row .span6:first-child {
	border-right: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.find-affordable-housing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.find-affordable-housing > .projects-flex-result {
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	display: block;
	padding: .5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}
@media (max-width: 700px) {
	.find-affordable-housing > .projects-flex-result {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}
}
.find-affordable-housing > .projects-flex-result div.projects-search-bordering > a:first-of-type {
	display: block;
	width: 100%;
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	margin-bottom: .5rem
}
.find-affordable-housing > .projects-flex-result div.projects-search-bordering > a:first-of-type:focus > img {
	border: 5px solid transparent;
	background: #008391;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.find-affordable-housing > .projects-flex-result div.projects-search-bordering > a:first-of-type img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.find-affordable-housing > .projects-flex-result div.projects-search-bordering > p {
	text-align: center
}
.find-affordable-housing > .projects-flex-result div.projects-search-bordering > p a:focus {
	outline: dotted 1px #008391;
	outline-offset: 5px
}
#detailsContainer .btn-form-submit:not(.btn-reset), #detailsContainer button[type="button"], #searchFields .btn-form-submit:not(.btn-reset), #searchFields button[type="button"], #pages .btn-form-submit:not(.btn-reset), #pages button[type="button"] {
	background: #008391 !important;
	border-color: #008391;
	text-decoration: none;
	-webkit-transition: All .3s ease-in-out 0s;
	transition: All .3s ease-in-out 0s
}
#detailsContainer .btn-form-submit:not(.btn-reset):hover, #detailsContainer .btn-form-submit:not(.btn-reset):focus, #detailsContainer button[type="button"]:hover, #detailsContainer button[type="button"]:focus, #searchFields .btn-form-submit:not(.btn-reset):hover, #searchFields .btn-form-submit:not(.btn-reset):focus, #searchFields button[type="button"]:hover, #searchFields button[type="button"]:focus, #pages .btn-form-submit:not(.btn-reset):hover, #pages .btn-form-submit:not(.btn-reset):focus, #pages button[type="button"]:hover, #pages button[type="button"]:focus {
	background: #fff !important;
	color: #008391
}
#detailsContainer li.page:not(.disabled), #searchFields li.page:not(.disabled), #pages li.page:not(.disabled) {
	background: #008391 !important
}
#detailsContainer ul.filter-pager input[type="text"], #detailsContainer ul.filter-pager button[type="button"], #searchFields ul.filter-pager input[type="text"], #searchFields ul.filter-pager button[type="button"], #pages ul.filter-pager input[type="text"], #pages ul.filter-pager button[type="button"] {
	-webkit-box-shadow: 0 0 0 1px #008391, 0 0 0 0 transparent, 0 0 0 0 transparent !important;
	box-shadow: 0 0 0 1px #008391, 0 0 0 0 transparent, 0 0 0 0 transparent !important
}
#detailsContainer ul.filter-pager input[type="text"]:focus, #detailsContainer ul.filter-pager button[type="button"]:focus, #searchFields ul.filter-pager input[type="text"]:focus, #searchFields ul.filter-pager button[type="button"]:focus, #pages ul.filter-pager input[type="text"]:focus, #pages ul.filter-pager button[type="button"]:focus {
	-webkit-box-shadow: 0 0 0 1px #008391, 0 0 0 3px #fff, 0 0 0 5px #008391 !important;
	box-shadow: 0 0 0 1px #008391, 0 0 0 3px #fff, 0 0 0 5px #008391 !important
}
#detailsContainer .btn.btn-form-submit {
	margin: 1.5rem 0
}
.faq-v1 .faq-questions.expanded {
	background-color: #008391 !important
}
.faq-v1 .faq-heading {
	background-color: #008391 !important
}
ul.filter-result ul.no-marker {
	display: inherit
}
form.control-form button[type="submit"].btn.btn-form-submit {
	background: #008391;
	border: none
}
#w1559575161721 .row.bg-highlighted {
	background: url(/assets/home/images/global/bg-pattern-highlighted.png) repeat;
}
#w1559575161721 .module.module-agency-columns {
	margin: 0
}
#w1559575161721 .module.module-agency-columns div.span12.agencies-first {
	margin: 0
}
#w1559575161721 .module.module-agency-columns div.agencies-index-panel {
	padding: 0
}
.hpd-new-search {
	background: url(/assets/home/images/global/bg-pattern-highlighted.png) repeat;
}
.hpd-new-search form {
	margin: 0;
	padding-top: 2rem;
	padding-bottom: 2rem
}
.hpd-new-search h2 {
	color: #008391;
	font-size: 2.5rem;
	margin-bottom: 1rem !important;
	margin-top: 0
}
@media (max-width: 550px) {
	.hpd-new-search h2 {
		font-size: 2rem;
		text-align: center
	}
}
.hpd-new-search .hpd-search-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: Row nowrap;
	flex-flow: Row nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}
.hpd-new-search .hpd-search-wrap input[type="text"] {
	font-size: 20px;
	line-height: 1.5;
	padding: .5rem !important;
	height: auto;
	border: none;
	border-radius: 0;
	margin: 0
}
.hpd-new-search .hpd-search-wrap input[type="text"].placeholder {
	color: #777677
}
.hpd-new-search .hpd-search-wrap input[type="text"]:focus {
	-webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #008391 !important;
	box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #008391 !important;
	outline: none
}
.hpd-new-search .hpd-search-wrap button[type="submit"] {
	border: none;
	background: #fff;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	color: #008391;
	position: relative
}
.hpd-new-search .hpd-search-wrap button[type="submit"]:focus {
	-webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #008391 !important;
	box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #008391 !important;
	outline: none;
	background: #008391;
	color: #fff
}
.hpd-new-search .hpd-search-wrap button[type="submit"] svg {
	position: absolute;
	display: block;
	width: 75%;
	height: 75%;
	top: 12.5%;
	left: 12.5%
}
#w1559575161741 .row.bg-highlighted {
	background: #fff
}
#w1559575161741 .module.module-agency-columns {
	margin: 0
}
#w1559575161741 .span12.agencies-first {
	margin: 0
}
.hpd-topic-links .container {
	padding: 0
}
ul.list-3up {
	margin: 1.5rem 0 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
ul.list-3up *, ul.list-3up *::before, ul.list-3up *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
ul.list-3up > li {
	-ms-flex-preferred-size: calc(50% - 1.5rem);
	flex-basis: calc(50% - 1.5rem);
	margin-bottom: 1rem;
	padding: .5rem;
	position: relative;
	background: transparent;
	-webkit-transition: all .15s ease-in-out 0s;
	transition: all .15s ease-in-out 0s
}
@media (min-width: 768px) and (max-width: 899px) {
	ul.list-3up > li {
		-ms-flex-preferred-size: calc(50% - 1.5rem);
		flex-basis: calc(50% - 1.5rem)
	}
}
@media (min-width: 900px) {
	ul.list-3up > li {
		-ms-flex-preferred-size: calc(33.333% - 1.5rem);
		flex-basis: calc(33.333% - 1.5rem)
	}
}
ul.list-3up > li:hover, ul.list-3up > li:focus-within {
	background: #008391
}
ul.list-3up > li:hover a, ul.list-3up > li:hover p, ul.list-3up > li:focus-within a, ul.list-3up > li:focus-within p {
	color: #fff
}
ul.list-3up > li:hover a, ul.list-3up > li:focus-within a {
	border-bottom: 1px solid #fff
}
ul.list-3up a {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.125;
	padding-bottom: .25rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid rgba(0, 131, 145, 0.5);
	position: static
}
@media (max-width: 600px) {
	ul.list-3up a {
		min-height: calc(2.4em);
		font-size: 1.25rem
	}
}
ul.list-3up a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	background: #ffffff;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	pointer-events: none
}
ul.list-3up a:focus, ul.list-3up a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	outline: none
}
ul.list-3up a:focus::before, ul.list-3up a:hover::before {
	background: #008391
}
ul.list-3up p {
	font-size: 1rem;
	line-height: 1.5
}
.module-homepage-hero .flex-direction-nav a:focus {
	-webkit-box-shadow: 0 0 0 2px #008391;
	box-shadow: 0 0 0 2px #008391
}
#w1554144819754 .row.agency-background {
	background: #008391;
}
#w1554144819758 .row.bg-highlighted {
	background: #008391
}
#agencies-index h3.numbers-head {
	font-size: 1rem !important;
	margin: 0 0 1.5rem 0
}
#agencies-index h3.numbers-head > span.numbers-sub {
	font-size: .875rem;
	display: block;
	font-weight: normal;
	font-style: italic
}
#agencies-index .hpd-numbers {
	list-style: none;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}
#agencies-index .hpd-numbers > li {
	-ms-flex-preferred-size: calc(50% - .5em);
	flex-basis: calc(50% - .5em);
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	max-width: calc(50% - .5em);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative
}
#agencies-index .hpd-numbers > li:nth-of-type(n+3) {
	margin-top: 1.5rem
}
#agencies-index .hpd-numbers > li > * {
	max-width: 100%
}
#agencies-index .hpd-numbers > li > a {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: static
}
#agencies-index .hpd-numbers > li > a > img {
	max-width: 100%
}
@media (max-width: 768px) {
	#agencies-index .hpd-numbers > li > a > img {
		max-width: 8rem
	}
}
#agencies-index .hpd-numbers > li h4 {
	font-size: 1rem;
	margin: 0 !important;
	line-height: 1.2rem !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	position: relative;
	color: #000 !important
}
#agencies-index .hpd-numbers > li h4 > * {
	white-space: pre-line;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	display: block;
	-ms-flex-item-align: start;
	align-self: flex-start
}
#agencies-index .hpd-numbers > li h4 > div:nth-of-type(n+2) {
	font-size: 1.875rem
}
#agencies-index .hpd-numbers > li h4 > div:first-of-type {
	min-height: 3rem !important;
	height: 3rem;
	margin: .5rem 0 !important
}
#agencies-index .hpd-numbers > li h4 > div:nth-of-type(3) {
	margin-top: 1rem
}
#agencies-index .hpd-numbers > li h4 span {
	display: block;
	font-size: 1rem;
	line-height: 2
}
.module-header h2 {
	color: #008391
}
#w1554144819760 .row.bg-highlighted {
	background: #fff
}
#w1559575162088 {
	background: #008391
}
#w1559575162088 .row.bg-highlighted {
	background: #008391
}
#w1559575162088 .agencies-index-panel {
	padding: 0
}
#w1559575162088 .agencies-first, #w1559575162088 .module.module-agency-columns {
	margin: 0
}
#agencies-index #main[role="main"] {
	margin-bottom: 0
}
div.social-module {
	background: #008391;
	min-height: 3rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
div.social-module::before {
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	z-index: -1;
	background: inherit;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
div.social-module ul.social-mod-list {
	list-style: none;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
div.social-module ul.social-mod-list a {
	color: #fff;
	font-size: 2.5rem;
	padding: 1.5rem 1rem;
	display: inline-block;
	-webkit-transition: All .3s ease-in-out 0s;
	transition: All .3s ease-in-out 0s
}
div.social-module ul.social-mod-list a:focus, div.social-module ul.social-mod-list a:hover {
	background: #fff;
	color: #008391
}
#detailsContainer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#detailsContainer h1 {
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid rgba(0, 131, 145, 0.5)
}
#detailsContainer a.prev-button, #detailsContainer a.next-button {
	position: relative;
	background: #008391;
	color: #fff;
	border-radius: .25rem;
	padding: .5rem 1.5rem;
	text-decoration: none;
	text-align: center;
	margin: 1.5rem 0;
	-webkit-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	display: inline-block
}
#detailsContainer a.prev-button:hover, #detailsContainer a.prev-button:focus, #detailsContainer a.next-button:hover, #detailsContainer a.next-button:focus {
	background: #fff;
	color: #008391;
	-webkit-box-shadow: 0 0 0 2px #008391;
	box-shadow: 0 0 0 2px #008391
}
#detailsContainer a.prev-button::before {
	content: "";
	width: .75em;
	height: .75em;
	display: inline-block;
	position: relative;
	border-left: .125rem solid currentColor;
	border-top: .125rem solid currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-right: .5em
}
#detailsContainer a.next-button::after {
	content: "";
	width: .75em;
	height: .75em;
	display: inline-block;
	position: relative;
	border-right: .125rem solid currentColor;
	border-top: .125rem solid currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: .5em
}
#detailsContainer *, #detailsContainer *::before, #detailsContainer *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#detailsContainer div.result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
#detailsContainer div.result > * {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%
}
@media (max-width: 675px) {
	#detailsContainer div.result > * {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}
#detailsContainer div.result > .result-desc {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	padding: 1.5rem 0;
	margin-top: 1.5rem;
	border-top: 1px solid rgba(0, 131, 145, 0.5)
}
#detailsContainer div.result > .result-desc div.row.img-row {
	margin-top: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
#detailsContainer div.result > .result-desc div.row.img-row > * {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .25rem;
	margin: 0;
	background: #fff;
}
#detailsContainer div.result > .result-desc div.row.img-row > * img {
	margin: 0;
	max-width: 320px
}
@media (max-width: 767px) {
	#detailsContainer div.result > .result-desc div.row.img-row > * + * {
		margin-top: 1rem
	}
}
#detailsContainer div.result .result-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
#detailsContainer div.result .result-info ul {
	list-style: none;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin: 0
}
#detailsContainer div.result .result-info ul li {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	width: 100%
}
#detailsContainer div.result .result-info ul li + li {
	margin-top: 1rem
}
#detailsContainer div.result .result-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
}
@media (max-width: 675px) {
	#detailsContainer div.result .result-img {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		background: #fff;
		margin-bottom: 1.5rem
	}
	#detailsContainer div.result .result-img img {
		max-width: 320px;
		margin: 0 auto 1.5;
		display: block
	}
}
@media (max-width: 767px) {
	#detailsContainer [role="navigation"] .row {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
	#detailsContainer [role="navigation"] .row div.span6 {
		-ms-flex-preferred-size: 50% !important;
		flex-basis: 50% !important;
		max-width: 50%;
		margin: 0;
		padding-right: 1rem
	}
	#detailsContainer [role="navigation"] .row div.span6 a {
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	#detailsContainer [role="navigation"] .row div.span6:last-of-type {
		padding-right: 0;
		padding-left: 1rem
	}
}
.about-description {
	position: relative;
	padding-left: 1.5rem;
	margin-left: 1.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.hpd-index-list {
	list-style: none;
	line-height: 1.5;
	margin: 0 0 3rem 0;
}
.hpd-index-list li {
	font-size: 1rem;
	line-height: 1.5;
	position: relative;
	padding: .5rem
}
.hpd-index-list li + li {
	margin-top: 1.5rem
}
.hpd-index-list a {
	font-size: 1.125rem;
	font-weight: 700;
	display: block;
	text-decoration: none
}
.hpd-index-list a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .15s ease-in-out 0s;
	transition: all .15s ease-in-out 0s
}
.hpd-index-list a:hover::before, .hpd-index-list a:focus::before {
	-webkit-box-shadow: 0 0 0 1px #008391;
	box-shadow: 0 0 0 1px #008391
}
div.about-description {
	border-left: 1px solid #ccc
}
div.agencies-about-links ul > li a {
	padding-left: .5rem;
	padding-right: .5rem;
	color: #000;
	font-weight: 400
}
div.agencies-about-links ul {
	padding-top: 1.5rem
}
div.agencies-about-links ul > li.active {
	position: relative
}
div.agencies-about-links ul > li.active a {
	-webkit-box-shadow: 0 0 0 1px #777677;
	box-shadow: 0 0 0 1px #777677;
	font-weight: 700
}
/*Custom styled hyperlink buttons*/
.btn-standard-hpd {
	background: none repeat scroll 0 0 #008391 !important;
	display: inline-block;
	line-height: 10;
	margin-bottom: 25px;
	margin-right: 25px;
	padding: 15px 58px !important;
	font-size: 16px !important;
	text-align: center;
	text-transform: none !important;
	transition: all .3s ease-in-out 0s;
	text-decoration: none !important;
}
.btn-standard-hpd-mod {
	padding: 15px 15px !important;
	width: 100%;
}
.btn-standard-hpd:hover {
	background: none repeat scroll 0 0 #444 !important
}
.btn-standard-hpd:focus {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #777677;
	text-decoration: none;
	border: none;
	outline: none;
}
/* homepage background */
#w1554144819758 .module-agency-columns .agencies-first, #w1554144819758 .module-agency-columns .agencies-index-panel {
	background: transparent;
	color: #fff;
}
#w1554144819758 .btn-standard-hpd {
	background: #fff !important;
	color: #008391;
	display: inline-block !important;
	margin: 1.5rem 0;
	width: auto;
}
#w1554144819758 .btn-standard-hpd:focus {
	box-shadow: 0 0 0 2px #008391, 0 0 0 4px #fff;
}
#w1554144819758 .module-agency-columns .agencies-index-panel, #w1554144819758 .agencies-second, #twitter-widget-0 .timeline-Widget, #twitter-widget-0 {
	background: transparent !important;
}
.query-suggest {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #666666;
}
.query-inner {
	width: 100%;
}
.querySuggestion {
	padding: 3px;
	cursor: pointer;
}
.highlighted {
	background-color: #4298ff;
}
#w1559575161721 .row.bg-highlighted {
	background: url("https://www1.nyc.gov/assets/home/images/global/bg-pattern-highlighted.png") repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#w1559575161721 .row.bg-highlighted * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#w1559575161721 .row.bg-highlighted .agencies-first, #w1559575161721 .row.bg-highlighted .agencies-index-panel {
	background: transparent !important
}
#w1559575161721 .row.bg-highlighted form {
	margin: 3rem 0;
	color: #fff
}
#w1559575161721 .row.bg-highlighted h2 {
	font-size: 2.125rem;
	margin-bottom: 1rem;
	color: #008391
}
#w1559575161721 .row.bg-highlighted input[type="text"] {
	font-size: 20px;
	line-height: 1.5;
	padding: .5rem !important;
	height: auto;
	border: none;
	border-radius: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	margin-right: 0;
	width: 100%;
	padding-right: 3rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='search' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-search fa-w-16 fa-3x'%3E%3Cpath fill='%23008391' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z' class=''%3E%3C/path%3E%3C/svg%3E") no-repeat center right 0.5rem/2rem auto, #fff
}
@media (max-width: 768px) {
	#w1559575161721 .row.bg-highlighted input[type="text"] {
		font-size: 16px
	}
}
#w1559575161721 .row.bg-highlighted input[type="text"]:focus {
	-webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #008391;
	box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #008391;
	color: #000
}
#w1559575161721 .row.bg-highlighted input[type="text"].placeholder {
	color: #777677
}
#w1559575161721 .row.bg-highlighted #query-inner {
	color: #000
}
#w1559575161721 .row.bg-highlighted #query-suggest {
	font-size: 1rem;
	line-height: 1.5
}
#w1559575161721 .row.bg-highlighted .querySuggestion {
	padding: .5em
}
#w1559575161721 .row.bg-highlighted .querySuggestion + .querySuggestion {
	border-top: 1px solid rgba(0, 131, 145, 0.5)
}
#w1559575161721 .row.bg-highlighted .querySuggestion:hover, #w1559575161721 .row.bg-highlighted .querySuggestion:focus, #w1559575161721 .row.bg-highlighted .querySuggestion.highlighted {
	background: #008391;
	color: #fff
}
ul.ui-menu {
	padding-top: 5px;
	background-color: #ffffff;
	list-style-type: none;
}
ul.ui-menu li.ui-menu-item {
	border: 1px solid #000000;
	border-bottom: none;
	padding: 5px;
}
ul.ui-menu li.ui-menu-item a {
	display: block;
}
ul.ui-menu li.ui-menu-item:last-child {
	border-bottom: 1px solid #000000;
}
.ui-menu-item a.ui-state-focus {
	background: #008391;
	color: #ffffff;
}
@media (max-width: 460px) {
	ul.list-3up > li {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}
.filter-result {
	background: linear-gradient(to top, #ddd 1px, transparent 1px);
	margin: 0 0 .5rem 0;
	padding: 0 0 .5rem 0;
}
.filter-result h4 {
	font-size: 1.25rem;
	font-weight: 700;
}
form.control-form .btn-form-submit {
	background: #008391;
	border-color: #008391;
}
/* styling for https://www.nyc.gov/site/hpd/services-and-information/solar-where-feasible.page#links */
.orange-bg-yellow-border {
	background-color: darkorange;
	border: solid 4px gold;
	border-radius: 40px;
	padding: 1rem;
}
.blue-bg-right {
	float: right;
	margin-left: 20px;
	width: 40%;
	background-color: cornflowerblue;
	padding: 1rem;
	border-radius: 40px;
	margin-bottom: 20px;
	color: white;
}
#w1707235037928 .row.bg-highlighted {
	background: #fff;
}
#w1707235037928 .agencies-first {
	margin-top: 0px !important;
}
#w1707235037928 .module {
	margin-top: 0px !important;
}
.btn-wizard {
	text-transform: none !important;
	background-color: #008391 !important;
	border: none;
}
.btn-wizard:hover {
	background-color: #000000 !important;
}

table.rt th{white-space: normal;}