.nav--job-room {
	width: 66%;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: none;

	.nav-item {
		flex-grow: 1;
		width: 50%;

		text-align: center;
        font-weight: 300;
		font-size: $h3-font-size;
	}

	.nav-link {
		border: none;

		&.active {
			background: rgba($main-color-gray-light-50,0.75);
		}

		&:hover {
			color: $link-color;
			background: rgba($main-color-gray-light-50,0.9);
		}
	}
}

.tab-content--job-room {
	position: relative;
	background: rgba($main-color-gray-light-50,0.75);
}

.nav--login {
	// todo media! breakpoints!!
	display: flex;
	flex-direction: row;
	justify-content: center;
	border-bottom: none;

	.nav-item {
		flex-grow: 0;
		width: 25%;

		text-align: center;
		font-size: $h4-font-size;

		&:first-child {
			border-right: $input-btn-border-width solid $input-border-color;
		}
	}

	.nav-link {
		border: none;

		&.active {
			font-weight: 700;
		}

		&:hover {
			color: $link-color;
			background: rgba($main-color-gray-light-100,1);
		}
	}
}

@media screen and (max-width: 767px) {
	.drawer .navbar-nav {
		font-size: $font-size-base;

		.nav-item {

		}

		.nav-link {
			color: $link-color;
		}
	}

	//
	.nav--job-room {
		width: 100%;
		align-items: stretch;

		.nav-item {
			font-size: $small-font-size;
			font-weight: $text-weight-regular;

			.nav-link {
				height: 100%;
			}
		}
	}
}