.navbar {
	background: #fff;
	box-shadow: 0 3px 45px rgb(0 0 0 / 15%);
	padding: 0;
}

.navbar > .container,
.navbar > .container-fluid {
	align-items: initial;
}

.navbar-brand {
	padding: 0.65rem 1.25rem;
}

.navbar-brand img,
.footer-logo img {
	height: 65px;
}

.footer-logo img {
	filter: invert(1);
}

.navbar-collapse {
	-ms-flex-align: initial;
	align-items: initial;
}

.navbar-toggler {
	padding: 1rem;
	font-size: 32px;
	color: var(--text-color);
	outline: none;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
	outline: none;
	box-shadow: none;
}

.navbar-nav {
	display: flex;
	align-items: stretch;
}

.navbar-nav .nav-link {
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	font-weight: bold;
	display: flex;
	align-items: center;
	color: var(--text-color);
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.nav-icon {
	padding-left: 2.25rem !important;
	padding-right: 2.25rem !important;
}

.navbar-nav .nav-link.dropdown-toggle.nav-icon:after {
	display: none;
}

.navbar-nav .nav-link.nav-icon i {
	font-size: 32px;
}

.navbar-nav .nav-item .nav-link:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	background-color: transparent;
	transition: all .3s ease;
}

.navbar-nav .nav-item.active .nav-link:before,
.navbar-nav .nav-item:hover .nav-link:before {
	background-color: var(--primary-color);
	transform: scaleX(1);
}

.navbar-nav .dropdown-menu {
	border: 0;
	margin: 0;
	box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
	border-radius: 0 0 0.25rem 0.25rem;
}

.navbar-nav .dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown-item.active, .dropdown-item:active {
	background: var(--primary-color);
}

@media (max-width: 767px) {
	.navbar-collapse {
		position: fixed;
		top: 85px;
		left: -200px;
		bottom: 0;
		background: #fff;
		padding: 5px 15px;
		width: 200px;
		height: 100%;
		transition: left .25s ease;
		overflow-y: auto;
	}

	.navbar-collapse.collapsing {
		transition: left .25s ease;
	}

	.navbar-collapse.show {
		left: 0;
	}

	.navbar-overlay {
		position: fixed;
		top: 85px;
		right: 0;
		bottom: 0;
		left: 100vw;
		background: rgba(0, 0, 0, .6);
		transition: left .25s ease;
	}

	.navbar-collapse.collapsing .navbar-overlay {
		transition: left .25s ease;
	}

	.navbar-collapse.show .navbar-overlay {
		left: 200px;
	}

	.navbar-nav .nav-link,
	.navbar-nav .nav-link.nav-icon {
		padding: 0.95rem !important;
	}

	.navbar-nav .dropdown-toggle::after {
		display: none;
	}

	.navbar-nav .dropdown-menu {
		display: block;
		border: none;
		box-shadow: none;
	}
}

.btn-primary {
	color: #fff;
	background-color: var(--primary-color);
	border-color:  var(--primary-color);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color:  var(--primary-alt-color);
	border-color:  var(--primary-alt-color);
	box-shadow: none !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color:  var(--primary-color);
	border-color:  var(--primary-color);
}

.btn-outline-primary {
	color: var(--primary-color);
	border-color:  var(--primary-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color:  var(--primary-color);
	border-color:  var(--primary-color);
	box-shadow: none !important;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: var(--primary-color);
	border-color:  var(--primary-color);
}

.offcanvas-backdrop {
	top: 85px;
}

@media(min-width:768px) {
	.navbar-collapse {
		justify-content: end;
	}

	.navbar-nav .nav-item {
		display: flex;
		align-items: stretch;
	}

	.offcanvas {
		flex-direction: row;
	}
}