.arhs-home-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #8bbd6a;
	color: #fff;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	text-align: center;
}

.arhs-home-banner__inner {
	max-width: 1500px;
	margin: 0 auto;
}

.arhs-home-banner__link,
.arhs-home-banner__title {
	display: block;
}

.arhs-home-banner__link {
	padding: 14px 20px;
	background-image: none !important;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
}

.arhs-home-banner__link:visited {
	color: #fff;
}

/* Do not show theme/plugin link indicator icons inside the banner. */
.arhs-home-banner__link::before,
.arhs-home-banner__link::after {
	display: none !important;
	content: none !important;
	background-image: none !important;
}

.arhs-home-banner__link svg,
.arhs-home-banner__link .external-link-icon,
.arhs-home-banner__link .external-link,
.arhs-home-banner__link .dashicons {
	display: none !important;
}

.arhs-home-banner__link:hover,
.arhs-home-banner__link:focus {
	color: #fff;
	text-decoration: underline;
}

.arhs-home-banner__link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.arhs-home-banner > .arhs-home-banner__inner > .arhs-home-banner__title {
	padding: 14px 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

@media (max-width: 640px) {
	.arhs-home-banner__link,
	.arhs-home-banner > .arhs-home-banner__inner > .arhs-home-banner__title {
		padding: 12px 14px;
		font-size: 16px;
	}
}

@media print {
	.arhs-home-banner {
		display: none !important;
	}
}

/*
 * Some accessibility/external-link plugins add their own icon to links that
 * open in a new tab. Keep the announcement banner text-only regardless of
 * those site-wide rules. These selectors are intentionally scoped to this
 * plugin so normal external-link indicators elsewhere on the site remain.
 */
html body .arhs-home-banner .arhs-home-banner__link,
html body .arhs-home-banner .arhs-home-banner__title {
	background-image: none !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
}

html body .arhs-home-banner .arhs-home-banner__link::before,
html body .arhs-home-banner .arhs-home-banner__link::after,
html body .arhs-home-banner .arhs-home-banner__title::before,
html body .arhs-home-banner .arhs-home-banner__title::after {
	display: none !important;
	content: none !important;
	background: none !important;
	background-image: none !important;
	-webkit-mask: none !important;
	mask: none !important;
}

/* The title span contains text only; any element inserted inside it is an
 * injected link indicator and should not be shown in this banner. */
html body .arhs-home-banner .arhs-home-banner__title > * {
	display: none !important;
}

/* Linked banners contain only plain text. Hide any element injected into the
 * link by external-link/accessibility plugins so no icon can appear beside or
 * beneath the banner title. */
html body .arhs-home-banner .arhs-home-banner__link > * {
	display: none !important;
}

/* Likewise, the banner's inner wrapper should contain only its link/title. */
html body .arhs-home-banner .arhs-home-banner__inner > :not(.arhs-home-banner__link):not(.arhs-home-banner__title) {
	display: none !important;
}