/* Custom black government banner with light gray text matching footer */
usa-banner {
	--theme-banner-background-color: #1b1b1b;
	--theme-banner-text-color: #f0f0f0;
	--theme-banner-link-color: #73b3e7;
	--theme-banner-link-color-hover: #f0f0f0;
	--theme-banner-chevron-color: #f0f0f0;
}

/* Force all banner text to be light colored - this should catch the lock icon */
usa-banner *,
usa-banner::before,
usa-banner::after,
usa-banner .usa-banner__header *,
usa-banner .usa-banner__content *,
.usa-banner *,
.usa-banner::before,
.usa-banner::after,
.usa-banner__header *,
.usa-banner__content * {
	color: #f0f0f0 !important;
}

/* Force all banner SVG elements to be light colored */
usa-banner svg,
usa-banner svg *,
.usa-banner svg,
.usa-banner svg * {
	fill: #f0f0f0 !important;
	color: #f0f0f0 !important;
}

/* Specifically target any mask-based backgrounds in banner */
usa-banner .usa-banner__button::after,
usa-banner .usa-banner__button:hover::after,
usa-banner .usa-banner__button[aria-expanded=true]::after,
usa-banner .usa-banner__button[aria-expanded=true]:hover::after,
.usa-banner .usa-banner__button::after,
.usa-banner .usa-banner__button:hover::after,
.usa-banner .usa-banner__button[aria-expanded=true]::after,
.usa-banner .usa-banner__button[aria-expanded=true]:hover::after {
	background-color: #f0f0f0 !important;
}

/* Target any potential lock icon implementations */
usa-banner .usa-banner__lock-image,
usa-banner .usa-banner__lock-image path,
usa-banner .usa-banner__button-text::before,
usa-banner .usa-banner__header-text::before,
.usa-banner .usa-banner__lock-image,
.usa-banner .usa-banner__lock-image path,
.usa-banner .usa-banner__button-text::before,
.usa-banner .usa-banner__header-text::before {
	fill: #f0f0f0 !important;
	color: #f0f0f0 !important;
	background-color: #f0f0f0 !important;
}

/* Override any background-image references to lock icons */
usa-banner *[style*="lock.svg"],
usa-banner *[style*="icon-https.svg"],
.usa-banner *[style*="lock.svg"],
.usa-banner *[style*="icon-https.svg"] {
	background-image: url("../img/lock-light.svg") !important;
}

/* Override CSS background-image rules for lock icons */
usa-banner::before,
usa-banner::after,
usa-banner *::before,
usa-banner *::after,
.usa-banner::before,
.usa-banner::after,
.usa-banner *::before,
.usa-banner *::after {
	background-image: url("../img/lock-light.svg") !important;
}