/* CSS Home Styles */









/* === Header ======== */
header {
	position: absolute;
	z-index: 4000;
	width: 100%;
}









/* === Accessibility Panel ======== */
#accessibility-panel {
	/* z-index: 4000; */
}









/* === Announcement ======== */
#announcement {
	z-index: 3000;
}









/* === Masthead ======== */
#masthead {
	background-image: url("../img/photo-masthead-street-festival-revC.webp");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

	#masthead .row {
		background: rgb(51,94,41);
		background: -moz-linear-gradient(top, rgba(51,94,41, 0.7) 0%, rgba(24,53,18, 0.9) 100%);
		background: -webkit-linear-gradient(top, rgba(51,94,41, 0.7) 0%, rgba(24,53,18, 0.9) 100%);
		background: linear-gradient(to bottom, rgba(51,94,41, 0.7) 0%, rgba(24,53,18, 0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335e29', endColorstr='#183512',GradientType=0 );
		min-height: 100vh;
	}

		@media (min-width: 992px) { /* Large */

			#masthead .row {
				background: none;
				background-image: url("../img/bg-gradient-dark-green.png");
				background-repeat: no-repeat;
				background-position: left bottom;
				background-size: 80% auto;
				min-height: 40.0rem;
			}

		}

		@media (min-width: 1200px) { /* X-Large */
			
			#masthead {
				background-position: center;
			}

				#masthead .row {
					background-size: 60% auto;
				}

		}








/* === What We Do ======== */
@media (min-width: 992px) { /* Large */
	
	#what-we-do .row a {
		min-height: 10.0rem;
	}

}







/* === Neighborhoods We Serve ======== */
#neighborhoods-we-serve #map {
	min-height: 20.0rem;
}

	#neighborhoods-we-serve #map .marker {
		cursor: pointer;
	}








/* === Explore CHDC's Work ======== */
#explore-chkcdc-work .container-fluid {
	background-color: #193612;
	background-image: url("../img/bg-explore-chkcdc.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}








/* === MWS Planning ======== */
@media (max-width: 767.98px) { /* Medium */

	#mws-planning .row .border-light-green {
		border: none !important;
	}

}