// ============================================================================
// :: Scope Mobile nav
// ============================================================================
/**
 * This scope will add a backgroundcolor to the mobile nav component
 */

// ============================================================================
// :: Root
// ============================================================================
.s-bp-mobile-nav {
	background: $gradient-primary;

	.m-mobile-nav {

		> .m-mobile-nav__content {
			padding: 2rem 2rem 0;
		}
	}

	.m-mobile-nav__collapse {
		opacity: 1;
	}

	.m-mobile-nav__languages {
		position: relative;
	}
}