/*================ HEADER ================*/

.hv-header {
	background: #fff;
	min-height: 80px;
	box-shadow: 0 3px 15px rgba(0,0,0,.08);
}

	.hv-header .container-fluid {
		padding: 0 25px;
	}

/* Logo */

.hv-logo img {
	height: 58px;
	width: auto;
}

/* Collapse */

.hv-header .navbar-collapse {
	flex: 1;
	display: flex !important;
	align-items: center;
}

/* Center Menu */

.hv-menu {
	margin: auto;
}

	.hv-menu .nav-item {
		margin: 0 12px;
	}

	.hv-menu .nav-link {
		font-size: 16px;
		font-weight: 500;
		color: #222 !important;
		padding: 12px 0 !important;
	}

		.hv-menu .nav-link:hover,
		.hv-menu .active {
			color: #009fe3 !important;
		}

/* Right */

.hv-right {
	margin-left: auto;
}

.hv-login {
	border-radius: 30px;
	padding: 8px 28px;
}

/* Toggle */

.hv-header .navbar-toggler {
	border: none;
	outline: none;
	box-shadow: none !important;
}

.hv-header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,.8)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*================ MOBILE =================*/

@media(max-width:991px) {

	.hv-header .container-fluid {
		padding: 10px 15px;
	}

	.hv-logo img {
		height: 46px;
	}

	.hv-header .navbar-collapse {
		background: #fff;
		margin-top: 12px;
		padding: 20px;
		border-radius: 12px;
		box-shadow: 0 10px 25px rgba(0,0,0,.08);
	}

	.hv-menu {
		width: 100%;
		text-align: center;
	}

		.hv-menu .nav-item {
			margin: 0;
		}

		.hv-menu .nav-link {
			padding: 12px 0 !important;
			border-bottom: 1px solid #eee;
		}

	.hv-right {
		margin-top: 15px;
		width: 100%;
	}

	.hv-login {
		width: 100%;
	}
}

/* Desktop alignment */

@media(min-width:992px) {

	.hv-logo {
		width: 260px;
	}

	.hv-menu {
		flex: 1;
		justify-content: center;
	}

	.hv-right {
		width: 260px;
		display: flex;
		justify-content: flex-end;
	}
}