/* stylelint-disable declaration-no-important */

// =============================================================================
// :: Nav
// =============================================================================
.bp-c-nav {

	@include bp-respond-to(bp-get-breakpoint("viewport-9")) {
		background-color: $bp-background-color-black !important;
	}
}

// =============================================================================
// :: Elements
// =============================================================================

.bp-c-nav__link {
	font-family: $bp-font-family-secondary;

	@include bp-respond-to(bp-get-breakpoint("viewport-9")) {
		color: $bp-text-color-white !important;
	}

	@include bp-respond-at(bp-get-breakpoint("viewport-9")) {
		color: $bp-text-color-base !important;
	}
}

// =============================================================================
// :: States
// =============================================================================
.bp-c-nav__item {

	&.is-active,
	&:hover {

		.bp-c-nav__link {
			color: $bp-primary-color !important;
		}
	}
}