.side-header #header {
	background: linear-gradient(165deg, #f3f8f3 0%, #fff 62%);
	border-right-color: #e4ece5;
	box-shadow: 8px 0 28px rgba(37, 68, 49, .07);
}

.side-header #logo {
	margin: 42px 0 30px;
	padding: 0 0 25px;
	border-bottom: 1px solid #e6eee7;
}

.side-header #logo:after {
	display: none !important;
}

#logo a.brand-lockup {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #244b39;
	text-align: left;
	text-decoration: none;
}

.brand-mark {
	display: grid;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	place-items: center;
	border-radius: 15px;
	background: linear-gradient(145deg, #438b61, #276343);
	box-shadow: 0 6px 14px rgba(39, 99, 67, .2);
	color: #fff;
}

.brand-mark svg {
	width: 27px;
	height: 27px;
	fill: currentColor;
}

.brand-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.brand-name {
	font-family: 'Raleway', sans-serif;
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.08;
}

.brand-tagline {
	margin-top: 5px;
	color: #718076;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.side-header #primary-menu ul li {
	margin: 7px 0 0;
}

.side-header #primary-menu ul li a {
	height: auto;
	padding: 10px 12px;
	border-radius: 9px;
	color: #43574a;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .035em;
	line-height: 1.4;
	text-transform: none;
	transition: color .18s ease, background .18s ease;
}

.side-header #primary-menu ul li a:hover,
.side-header #primary-menu ul li.current > a {
	background: #eaf3eb;
	color: #286344;
}

.side-header #primary-menu ul li.current > a {
	box-shadow: inset 3px 0 #438b61;
}

@media (max-width: 991px) {
	#header #logo {
		display: flex;
		height: 100px;
		align-items: center;
		justify-content: center;
	}

	#logo a.brand-lockup {
		display: inline-flex;
	}
}

@media (max-width: 480px) {
	.brand-mark {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
		border-radius: 13px;
	}

	.brand-name {
		font-size: 17px;
	}

	.brand-tagline {
		font-size: 9px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.side-header #primary-menu ul li a {
		transition: none;
	}
}