/* start NEW homepage styles */

/* If it seems like the styles below are overkill, it is because they are.  We are fighting legacy code, static print like design audits, and vulnerability from unapproved content. It seemed best at the time to not worry about DRY, and instead just try to group the styles in some sort of sane component approach. */

/* legacy styles remain in styles.css */

/* some special handeling to deal with legacy wrongness */
/* site wrapper has a fixed min-width assigned to it so we set it back */
.page-homepage.page-home #site-wrapper {
	min-width: initial;
}

/* when we run out of margin we include some padding for our inner elements and panel rows so as to not bump against the edge of our screens */
@media only screen and (max-width: 978px) {

	.page-homepage.page-home .inner {
		width: 100%;
		min-width: auto;
		margin: 0 auto;
		padding: 0 15px;
		overflow-x: hidden;
	}

	.page-homepage.page-home .alert {
		padding: 10px 50px 10px 60px;
	}

	.page-homepage.page-home .panels-flexible-row {
		padding: 0px 15px;
	}

	.page-homepage.page-home .panels-flexible-row.promo-section {
		padding: inherit;
	}

}

/* returning our rows to their inital state so mobile reverts to its place */
@media only screen and (max-width: 720px) {

	.page-homepage.page-home .panels-flexible-row {
		padding: initial;
	}

}
/* start homepage global search styles */

.page-homepage.page-home .hhs-global-search {
	background: none;
	background-color: #E9EAEB;
}

.page-homepage.page-home input.global-search {
	width: calc(100% - 46px);
}
/* end homepage global search styles */

/* start homepage menu styles */
/* clearing out styles because this page is different that all the others */
@media (min-width: 768px) {

	.page-homepage.page-home .hhs-global-nav {
		display: block;
	}

	.page-homepage.page-home .hhs-global-nav {
		margin: 0px;
		width: 100%;
		background-color: #185394;
		height: auto;
	}

	.page-homepage.page-home #main-menu {
		padding: 0;
		width: 100%;
		max-width: 940px;
		margin: auto;
	}

	.page-homepage.page-home #main-menu li,
	.page-homepage.page-home #main-menu li:nth-child(n) {
		height: 42px;
		margin-right: 32px;
		margin-top: 0px;
	}

	.page-homepage.page-home #main-menu li a,
	.page-homepage.page-home .slicknav_nav li a {
		padding-top: 10px;
		text-align: center;
		box-sizing: border-box;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #FFFFFF;
		float: left;
		width: auto;
		height: 42px;
		text-decoration: none;
	}

	.page-homepage.page-home #main-menu li a.active,
	.page-homepage.page-home #main-menu li a:hover,
	.page-homepage.page-home #main-menu li a:focus {
		color: #FFFFFF;
		border-bottom: solid #FBAE17 5px;
		cursor: pointer;
		text-decoration: none;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

  .page-homepage.page-home #main-menu li a:focus {
    outline-color: #EBF7FF !important;
  }

	.page-homepage.page-home .nav-laws-regulations,
	.page-homepage.page-home .nav-grants-contracts,
	.page-homepage.page-home .nav-programs-services,
	.page-homepage.page-home .nav-about-hhs {
		background: none;
		padding: 0;
	}

	.page-homepage.page-home .nav-laws-regulations.active,
	.page-homepage.page-home .nav-grants-contracts.active,
	.page-homepage.page-home .nav-programs-services.active,
	.page-homepage.page-home .nav-about-hhs.active {
		background: none;
		border: none;
	}

	.page-homepage.page-home .site-content {
		width: auto;
		float: none;
	}

}
/* end homepage menu styles */

/* sections */
/* setting the main section to full width */
.page-homepage.page-home .main-section.inner {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* start homepage billboard section */
.page-home-homepage .homepage-billboard-section {
	background: #122E51;
	margin: 0;
	padding: 0;
	height: 450px;
	overflow: hidden;
}

.homepage-billboard,
.homepage-billboard-section-content {
	width: 100%;
	margin: 0;
	padding: 0;
}

.homepage-billboard :focus {
  outline-color: #80BFFF !important;
}

.homepage-billboard-content {
	max-width: 940px;
	margin: 0 auto;
	color: #FFFFFF;
	position: relative;
}

.homepage-billboard-image--mobile {
	display: none;
}

.homepage-billboard-image {
	position: absolute;
	right: -196px;
	top: 0;
}

.homepage-billboard-image img.img-responsive {
	max-width: 85%;
}

.homepage-billboard-title {
	position: relative;
	z-index: 2;
	max-width: 430px;
	text-transform: uppercase;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 18px;
	padding-top: 63px;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 37px;
	line-height: 38px;
}

.homepage-billboard-description {
	max-width: 428px;
	position: relative;
	z-index: 2;
	margin-bottom: 31px;
	color: #FFFFFF;
	font-size: 17px;
	line-height: 24px;
}

.homepage-billboard-description > p {
	margin-bottom: 41px;
}

.homepage-billboard-cta--button {
	background: transparent;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 23px;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	margin-bottom: 73px;
}

#site-content a.homepage-billboard-cta--button,
#site-content a.homepage-billboard-cta--button:hover,
#site-content a.homepage-billboard-cta--button:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.homepage-billboard-cta--button:hover {
	background: #0071BC;
	border: 2px solid #0071BC;
}

.homepage-billboard-cta {
	font-weight: bold;
	font-size: 16px;
	padding: 8px 23px 8px 0px;
	margin-bottom: 73px;
}

#site-content a.homepage-billboard-cta,
#site-content a.homepage-billboard-cta:hover,
#site-content a.homepage-billboard-cta:visited {
	color: #FFFFFF;
}

.panels-flexible-region.homepage-billboard-section-content {
	margin-bottom: 0px;
}

/* the code above cascades to the code below */
@media only screen and (max-width: 920px) {

	.page-home-homepage .homepage-billboard-section {
		height: 100%;
	}

	.page-homepage.page-home .panels-flexible-row.homepage-billboard-section {
		padding: 0px;
	}

	.homepage-billboard-image--mobile {
		display: block;
	}

	.homepage-billboard-image--mobile img {
		width: 100%;
	}

	.homepage-billboard-image {
		display: none;
	}

	.homepage-billboard-title {
		position: static;
		max-width: 100%;
		padding-top: 18px;
		font-size: 23px;
		line-height: 26px;
		margin-left: 40px;
		margin-right: 40px;
	}

	.homepage-billboard-description {
		max-width: 100%;
		position: static;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 54px;
	}

}
/* end homepage billboard section */

/* start homepage featured section */
.panels-flexible-row.featured-section {
	padding: 0;
	background: #E9EAEB;
}

.homepage-featured,
.panels-flexible-region.featured-section-content {
	width: 100%;
	margin: 0;
	padding: 0;
}

.homepage-featured-content {
	max-width: 940px;
	margin: 0px auto 20px;
}

.homepage-featured-content .field-item,
.homepage-featured {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.homepage-featured-content .field-item .homepage-featured-card {
	flex: 0 1 auto;
	width: calc(100% / 4);
	max-width: 235px;
	background: #F9F9F7;
	padding: 20px;
	position: relative;
}

.homepage-featured-content h2.pane-title  {
	font-size: 24px;
	margin: 28px 0px 21px 0px;
}

.homepage-featured-content .field-item .homepage-featured-card > a > img,
.homepage-featured-content .field-item .homepage-featured-card > img  {
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
}

.homepage-featured-content .field-item .homepage-featured-card img > span,
#site-content .homepage-featured-content .field-item .homepage-featured-card > a {
	margin: 10px 0 19px 0px;
	line-height: 18px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #185394;
}
.homepage-featured-content .field-item .homepage-featured-card a.exit-disclaimer,
.homepage-featured-content .field-item .homepage-featured-card img.icon-image {
	/* display: none;
	visibility: hidden; */
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

@media only screen and (max-width: 1080px) {

	.homepage-featured-content .field-item .homepage-featured-card {
		flex: 1 1 auto;
		width: calc(100% / 2);
		max-width: 100%;
		padding: 20px;
		border-bottom: 12px solid #E9EAEB;
	}

}

@media only screen and (max-width: 720px) {

	.homepage-featured-content {
		margin: 0px;
		padding-bottom: 40px;
	}

	.homepage-featured-content h2.pane-title  {
		margin-left: 12px;
	}

	.homepage-featured-content .pane-content {
		margin: 0px 32px;
	}

	.homepage-featured-content .field-item {
		flex-direction: column;
		justify-content: center;
	}

	.homepage-featured-content .field-item .homepage-featured-card {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 23px;
	}

	.homepage-featured-content .field-item .homepage-featured-card > img {
		padding-top: 20px;
	}

	.homepage-featured-content .field-item .homepage-featured-card:first-of-type {
		padding-top: 0px;
	}

	.homepage-featured-content .field-item .homepage-featured-card:last-of-type {
		padding-bottom: 20px;
		margin-bottom: 0px;
		border: none;
	}
}
/* end homepage featured section */

/* start homepage priorities section */
.panels-flexible-row.priorities-section {
	padding: 0;
}

.priorities-section,
.priorities-section-content {
	width: 100%;
	margin: 0;
	padding: 0;
}

.homepage-priorities-content {
	max-width: 940px;
	margin: 0px auto 34px;
}

.homepage-priorities-content h2.pane-title  {
	font-size: 24px;
	margin: 30px 0px 25px 0px;
}

.homepage-priorities-content .field-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

.homepage-priorities-content .field-item .homepage-priorities-card {
	flex: 0 1 auto;
	width: calc(100% / 4);
	max-width: 220px;
	height: 250px;
	background: #F9F9F7;
	padding: 0px 20px 20px;
	border-top: 8px solid #0B4778;
	-webkit-box-shadow: 0px 8px 16px 0px #CCCCCC;
	-moz-box-shadow: 0px 8px 16px 0px #CCCCCC;
	box-shadow: 0px 8px 16px 0px #CCCCCC;
	position: relative;
}

.homepage-priorities-content .field-item .homepage-priorities-card--img {
	text-align: center;
}

.homepage-priorities-content .field-item .homepage-priorities-card--img > img {
	width: 83px;
	height: 91px;
}

.homepage-priorities-content .field-item .homepage-priorities-card--title {
	margin: 0px 0px 11px 0px;
	font-size: 22px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333332;
}

.homepage-priorities-content .field-item .homepage-priorities-card--list {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	list-style: none;
}

.homepage-priorities-content .field-item .homepage-priorities-card--list li {
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}

#site-content .homepage-priorities-content .field-item .homepage-priorities-card--list li a {
	color: #185394;
	font-size: 14px;
	line-height: 18px;
}

@media only screen and (max-width: 1080px) {

	.homepage-priorities-content .field-item {
		flex-wrap: wrap;
	}

	.homepage-priorities-content .field-item .homepage-priorities-card {
		flex: 1 1 auto;
		width: calc(100% / 2);
		max-width: 48%;
		margin-bottom: 11px;
	}

}

@media only screen and (max-width: 720px) {

	.panels-flexible-region.priorities-section-content {
		margin-bottom: 0;
	}

	.homepage-priorities-content {
		margin: 0px;
		padding-bottom: 34px;
	}

	.homepage-priorities-content h2.pane-title  {
		margin-left: 12px;
	}

	.homepage-priorities-content .pane-content {
		margin: 0px 32px;
	}

	.homepage-priorities-content .field-item .homepage-priorities-card--img > img {
		width: auto;
		height: auto;
	}

	.homepage-priorities-content .field-item {
		flex-direction: column;
		justify-content: center;
	}

	.homepage-priorities-content .field-item .homepage-priorities-card {
		width: 100%;
		max-width: 100%;
	}

	.homepage-priorities-content .field-item .homepage-priorities-card:last-of-type {
		margin-bottom: 0px;
	}

}
/* end homepage priorites section */

/* start homepage explore section */
.page-home-homepage .explore-section {
	background: #122e51;
	margin: 0;
	padding: 0;
	min-height: 346px;
	color: #FFFFFF;
}

.page-home-homepage .explore-section :focus {
  outline-color: #80BFFF !important;
}

.explore-section > .inside {
	max-width: 940px;
	margin: 0 auto;
	padding-top: 0px;
}

.panels-flexible-homepage_layout.panels-flexible-region.explore-section-content {
	width: 100%;
}

.explore-section-content h2.pane-title {
	font-size: 24px;
	margin-top: 28px;
  margin-bottom: 25px;
}

.explore-section-content ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.explore-section-content li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.explore-section-content .logo-group {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1080px;
	margin-bottom: 20px;
}

.explore-section-content .logo-group--item {
  width: 120px;
  height: 120px;
	margin: 0px 17px 20px;
}

.explore-section-content .logo-group.shifted {
	justify-content: center;
}

.explore-section-content svg {
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 720px) {
.explore-section-content h2.pane-title {
		margin-left: 12px;
	}

	.explore-section-content .logo-group {
		margin-bottom: 0px;
	}
}

/* end homepage explore section */

/* start homepage promo section */
.panels-flexible-row.promo-section {
	margin: 0px;
	padding: 0px;
}

.promo-section > .inside {
	max-width: 940px;
	margin: 40px auto;
}

.promo-section,
.promo-section-content {
	width: 100%;
	margin: 0;
	padding: 0;
}

.promo-section-content > .inside {
	display: grid;
	display: -ms-grid;
	grid-template-columns: auto 302px;
	-ms-grid-columns: 1fr 302px;
}

.promo-section-content .pane-node:first-of-type {
	grid-row: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	-ms-grid-column: 1;
	margin-right: 20px;
}

.promo-section-content .pane-node:last-of-type {
	grid-row: 1;
	-ms-grid-row: 1;
	grid-column: 2;
	-ms-grid-column: 2;
}

#site-content .homepage-video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 55.5%;
}

#site-content .homepage-video-container iframe {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
}

.homepage-faqs-cta {
	height: 100%;
	width: 100%;
	background: #185394;
	min-height: 360px;
	max-width: 302px;
	color: #FFFFFF;
	float: right;
	grid-row: 1;
}
.homepage-faqs-cta :focus {
  outline-color: #EBF7FF !important;
}

.homepage-faqs-cta--img {
	text-align: center;
}

.homepage-faqs-cta--img > img {
	margin: 35px auto 17px;
}

p.homepage-faqs-cta--description {
	margin: 30px;
}

#site-content .homepage-faqs-cta--description > a.homepage-faqs-cta--link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 21px;
	color: #FFFFFF;
}

@media only screen and (max-width: 978px) {
	.promo-section > .inside {
		max-width: 100%;
    margin: 0px;
	}

	.promo-section-content > .inside {
		display: block;
	}

	.promo-section .pane-node {
		padding-left: 0px;
	}

	.promo-section-content .pane-node:first-of-type {
		margin: 30px 12px;
	}

	#site-content .homepage-video-container iframe {
		height: 100%;
	}

	.homepage-faqs-cta {
		max-width: 100%;
		max-height: 356px;
		text-align: center;
	}
}

@media only screen and (max-width: 420px) {
	.homepage-faqs-cta {
		text-align: initial;
	}
}
/* end homepage promo section */

.news-section-card {
	flex: 0 1 auto;
	width: calc(100% / 4);
	max-width: 235px;
	background: #F9F9F7;
	padding: 20px;
	position: relative;
}

.news-section-content .news-section-card {
	width: calc(100% / 3) !important;
	max-width: 100% !important;
	width: 300px !important;
}

.homepage-featured-content .news-section-content {
	margin: 0px auto 0px;
}

.news-section-content .left-card {
	margin-right: 20px;
}

.news-section-content .mid-card {
	margin-right: 20px;
}

.news-section-content {
		margin-bottom: 0 !important;
}

.featured-section-content .panel-separator {
	margin-bottom: 12px;
}

.news-section-content h3 {
	text-transform: uppercase;
	color: #CCCCCC 100%;
	font-family: Helvetica;
    font-size: 14px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.news-section-content .news-section-card a {
    display: block;
    margin: 0 !important;
    padding: 10px 0 0 0;
    color: #185394 !important;
    line-height: 18px;
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #185394;
}

.homepage-more-news {
	width: 100%;
}

.homepage-more-news a {
	font-size: 15px;
    font-family: Helvetica;
    font-weight: bold;
    color: #185394 !important;
    margin: 20px 0 34px;
    float: right;
}

@media only screen and (max-width: 1080px) {
	.homepage-featured-content .news-section-card  {
		flex: 1 1 auto;
		width: calc(100% / 2);
		max-width: 100%;
		padding: 20px;
	}
	.news-section-content .left-card {
		margin-right: 0;
		width: 100% !important;
		padding: 20px !important;
		border-bottom: 12px solid #E9EAEB;
	}
	.news-section-content .mid-card {
		margin-right: 0;
		width: 100% !important;
		padding: 20px !important;
		border-bottom: 12px solid #E9EAEB;
	}
	.news-section-content .right-card {
		width: 100% !important;
		padding: 20px !important;
	}
	.homepage-more-news a {
    	margin: 8px 0 34px;
	}
	.featured-section-content .panel-separator {
		margin-bottom: 0;
	}
	.homepage-featured-content {
		margin: 0px auto 0px;
	}
}

@media only screen and (max-width: 720px) {
	.news-section-content .left-card {
		margin-right: 0;
		width: 100% !important;
		padding: 20px !important;
		height: 100%;
	}
	.news-section-content .mid-card {
		margin-right: 0;
		width: 100% !important;
		padding: 20px !important;
		height: 100%;
	}
	.news-section-content .right-card {
		width: 100% !important;
		padding: 20px !important;
		height: 100%;
	}
	.news-section-card img {
		padding-top: 20px;
	}
	.homepage-featured-content {
		padding-bottom: 0;
	}
	.homepage-featured-content .news-section-content {
		padding-bottom: 40px !important;
	}
	.homepage-more-news a {
		line-height: 12px;
    	margin: 12px 0 34px;
	}
	.featured-section-content .panel-separator {
		margin-bottom: 12px;
	}
	.news-section-content .news-section-card a {
    display: block;
    margin: 0 !important;
    padding: 10px 0 0 0;
	}
}

.page-home-homepage .homepage-featured-content a:visited {
	color: #6f57b5 !important;
}

.page-home-homepage .homepage-featured-content .news-section-content a:visited {
	color: #6f57b5 !important;
 }

.page-home-homepage .homepage-priorities-content a:visited {
	color: #6f57b5 !important;
 }