.homepage {margin:0}
.home-hero {margin:0; background-image: url("/energy/sites/maine.gov.energy/files/2024-08/hero%20image.jpg"); background-repeat: no-repeat; background-position: center center; background-color: var(--background); background-size: cover; height: 700px; position: relative; }
.herotext { text-align: center; }
.herotext img { max-width: 400px; height: auto; margin: 1rem auto; }
.herotext p { font-size: 1.125rem; font-style: italic; color: var(--color-medium-blue); font-weight: bold;}
.herotext .secondary_cta { font-size: 1.125rem; font-weight: 400; width: 225px; display: block; font-family: 'Merriweather', serif !important; padding: 12px 24px; margin-top: 2rem; }
.news-row {display:flex; gap: 32px; padding: 0 32px; position: absolute; bottom: 48px;}
.news-row > div:nth-child(1), .news-row > div:nth-child(3) { width:25%;}
.news-row > div:nth-child(2) { width: 50%;}
.news-row div {border-radius: 7px; background-color: #fff; position: relative; padding: 0 4px 0 4px; }
.news-row div li {margin-bottom: .5rem;}
.news-row p { margin: 0 0 1rem 8px;}
.news-row h2, .news-row p {text-align: center;}
.news-row a { padding: 4px; }
.button-row { padding: 2rem 0; font-family: 'Merriweather', serif !important; font-size: 1.25rem; gap: 1rem; font-weight:normal;}
.button-row div {display: flex; gap: 1rem; max-width: 80em; margin: 1rem auto;}
.top-banner {display: flex; justify-content: space-between; background-color: var(--color-medium-blue);}
.top-banner div {padding: 16px 16px; margin: 0; color: var(--background); font-family: 'Merriweather', serif !important;font-weight:normal; font-size: 1.125rem; text-align: center; width: 80%;}
.top-banner a {background-color: var(--color-bright-green); padding: 16px 16px; color: #333; font-family: 'Merriweather', serif;font-weight:normal; font-size: 1.125rem; text-decoration: none; }
.news-row h2 {font-family: 'Merriweather', serif !important; } 
.middle-banner { position: relative; overflow: hidden; margin: 0 auto; height:450px; }
.middle-banner img { aspect-ratio: auto; object-fit: cover;  }
.main-banner-img {max-width:100%; margin: 0 auto;}
.text-logo {position: absolute; top: 96px; left:0; background: var(--background); padding: 1rem 2rem; max-width: 500px; }
.text-logo img { max-width: 340px; height: auto;}
.text-logo p {font-weight: bold; color: var(--color-medium-blue);}
.text-logo h2 {font-family: 'Merriweather', serif !important; color: var(--color-medium-blue); } 
.page-node-type-home-page #content {min-width: 0; max-width: 100%; margin: auto;}
.page-node-type-home-page h2 { font-family: 'Merriweather', serif !important; }
.news-row .views-field-title { font-size: 1em; font-weight: 400; }
.news-row footer {background: var(--background);color: var(--foreground);}
.bodywrap { max-width: 80rem; margin: 2rem auto;}
#block-energy-content { margin-top: 2rem; }
.footer-image { /* background-image: url("/energy/sites/maine.gov.energy/files/2024-07/Footer%20image.jpg"); background-repeat: no-repeat; background-position: center center; background-color: var(--background); background-size: cover; height: 870px; */}
.footer-image img { width: 300px; height: auto; margin: 2rem auto 0 auto;}
.footer-image h2, .footer-image p {color: var(--color-medium-blue);}
footer {margin: 0;}
.signup-button,.signup-button:visited {  font-family: 'Merriweather', serif !important; font-weight: 700; background-color: var(--color-bright-green); color: #000 !important; font-size: 1rem; text-align: center; padding: 12px 24px; width: auto; margin-top: 1rem; height: auto; border-radius: 8px; text-decoration: none; white-space: nowrap; line-height: 2em /*for better wrapping*/; margin: 2rem auto; }
	.signup-button:hover { transition: background-color .5s ease-out; }
.narrow-para {width: 46rem !important;}
	.narrow-para p {margin: 2rem auto;}
	
@media only screen and (max-width: 1280px) {
	 .maincontent { margin: 0 1rem;}
	 .herotext img { max-width: 380px; height: auto; margin: 1rem auto 0 auto; }
	 .news-row { gap: 16px; bottom: 24px;}
	 .herotext .secondary_cta { margin-top: 1rem;}
	 .herotext p { margin-top: 0;}
}
@media only screen and (max-width: 868px) {
	 .news-row { position: relative; flex-direction: column; margin-top: 4rem;  }
	 .home-hero {background-image: url("/energy/sites/maine.gov.energy/files/2024-07/Hero%20image%202.jpg"); height: auto; background-repeat: no-repeat; background-position: center center; background-color: var(--background); background-size: cover; position: relative; }
	 .button-row div {flex-direction: column;}
	 .text-logo { bottom: 10px; top: auto; }
	 .news-row > div:nth-child(1), .news-row > div:nth-child(3) { width:100%;}
	 .news-row > div:nth-child(2) { width:100%;}
}

@media only screen and (max-width: 670px) {
		.herotext img { max-width: 300px;}
		.text-logo img { max-width: 280px; }
		.text-logo { padding: 1rem;}
		.footer_column { width: 95%; margin: 0; min-width: 0; }
		footer { padding: 1rem;}
		.footer-image h2, .footer-image p { max-width: 320px;}
		.button-row { padding: 1rem 0; font-size: 1rem; }
		.middle-banner {background-image: url("/energy/sites/maine.gov.energy/files/2024-08/jobs-network-mobile.jpg"); background-repeat: no-repeat; background-position: 60% center; background-color: var(--background); background-size: cover; height: 650px; }
		.main-banner-img { display: none;}
		.narrow-para {width: 320px !important;}
}		
@media only screen and (max-width: 480px) {
		.top-banner { flex-direction: column;}
		.top-banner div {width: 100%; font-weight:normal; font-size: 1rem;}
		.top-banner a {font-size: 1rem; width: 100%; text-align: center; }
		.news-row {padding: 0 16px;}
}		
.card-box img {padding: 1rem !important;}