.page-navigation {
	border: 1px solid var(--bs-border-color);
}

.page-navigation__item {
	border-bottom: 1px solid var(--bs-border-color);
}

.page-navigation__item:last-child {
	border: 0;
}

.page-navigation__item__link {
	font-size: .875rem;
	padding: .875rem 1rem .875em .875em;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: inherit;
}

@media (min-width: 1200px) {
	.page-navigation__item__link {
		font-size: 1rem;
		padding: 1rem 1.125rem 1em 1em;
	}
}

.page-navigation__item__link[data-current="true"] {
	background: var(--neutral-silk);
}

.page-navigation__item__link[data-disabled="true"] {
	cursor: default;
}

button.page-navigation__item__link {
	border: 0;
	width: 100%;
	background: #fff;
}

.page-navigation__item__link__icon {
	font-size: 16px;
	display: block;
	line-height: 1;
	transition: all 300ms ease;
	color: var(--brand--deep-blue);
}

.page-navigation__item__link__icon i {
	display: block;
	line-height: 1;
	letter-spacing: 0;
}

.page-navigation__item__link__icon i::before {
	display: block;
}

[data-disabled="true"] .page-navigation__item__link__icon {
	color: var(--neutral-platinum);
}

[data-complete="true"] .page-navigation__item__link__icon {
	color: var(--bs-success);
}

[data-warning="true"] .page-navigation__item__link__icon {
	color: var(--bs-danger);
}

[data-current="true"] .page-navigation__item__link__icon {
	color: var(--brand--deep-blue);
}

[data-complete="true"][data-current="true"] .page-navigation__item__link__icon {
	color: var(--brand--deep-blue);
}

[data-warning="true"][data-current="true"] .page-navigation__item__link__icon {
	color: var(--bs-danger);
	opacity: 1;
}

@media (min-width: 1200px) {
	.page-navigation__item__link__icon {
		font-size: 20px;
	}
}

.page-navigation__item__link__text {
	display: block;
	font-family: var(--heading-font-family);
	font-weight: 500;
	white-space: nowrap;
	margin-left: .5rem;
	line-height: 1;
	color: var(--brand--deep-blue);
}

@media (min-width: 1200px) {
	.page-navigation__item__link__text {
		margin-left: .75rem;
	}
}

.page-navigation__item__link__text:only-child {
	margin-left: 0;
}

[data-disabled="true"] .page-navigation__item__link__text {
	color: var(--neutral-graphite);
}

[data-complete="true"] .page-navigation__item__link__text {
	font-weight: 600;
	color: var(--brand--deep-blue);
}

[data-warning="true"] .page-navigation__item__link__text {
	color: var(--neutral-obsidian);
}

[data-current="true"] .page-navigation__item__link__text {
	font-weight: 600;
	color: var(--brand--deep-blue);
}

[data-warning="true"][data-current="true"] .page-navigation__item__link__text {
	color: var(--neutral-obsidian);
}


.page-navigation__item__link:hover {
	background: var(--neutral-silk);
}

.page-navigation__item__link:hover[data-current="true"] {
	background: var(--neutral-silk);
}

.page-navigation__item__link:hover[data-disabled="true"] {
	background: none;
}

.page-navigation__item__link:hover .page-navigation__item__link__icon {
	opacity: 1;
}