.navbar__inner {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	max-width: 80rem;
	margin-left: auto;
	margin: auto;
}

@media (min-width: 640px) {
	.navbar__inner {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (min-width: 1024px) {
	.navbar__inner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.main-wrapper {
	> :not(.hero) {
		max-width: 96rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	> .theme-back-to-top-button {
		width: 3rem;
	}
}

// Theme the theme switcher icon to always be white
.navbar__items.navbar__items--right > :nth-child(2),
.navbar-sidebar__brand > :nth-child(2) {
	color: #f5f6f7;

	> :first-child:hover {
		background-color: rgba($color: #000000, $alpha: 0.3);
		border-radius: 0.375rem;
	}
}

.navbar-sidebar__back,
.navbar__toggle {
	color: #f5f6f7;
}
