// layout tweaks
.page-navbar {
	background: $navbar-bg;
	border-bottom: 1px solid $primary;

	box-shadow: 0 -3px 8px rgba(black, 1);

	white-space: nowrap;
}

.nav-link {
	@include py(2);
	@include px(6);
	display: inline-block;
}

.dropdown-menu {
	box-shadow: 0 3px 4px 0 rgba(black, .1);
}

.dropdown-menu .dropdown-item.nav-link {
    cursor: pointer;
}

@if $theme == 'dark' {
    .page-navbar .dark-mode-switch-on {
        display: block;
    }
    .page-navbar .dark-mode-switch-off {
        display: none;
    }
} @else {
    .page-navbar .dark-mode-switch-on {
        display: none;
    }
    .page-navbar .dark-mode-switch-off {
        display: block;
    }
}