body.overflow-hidden {
	overflow: hidden;
}

#side-menu {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	right: -100%;
	height: 100%;
	overflow-y: auto;
	z-index: 2010;
	background: var(--bs-tertiary);
	padding: 0 0 20px 0;
	transition: 0.4s;
}

body.side-menu-visible #side-menu {
	transform: translateX(-100%);
}

#side-menu .side-menu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .55rem 2rem;
	line-height: 1.3;
	background: #0d141f;
}

#side-menu .side-menu-close{
	margin:0;
	padding:0;
	font-size: 1.5rem;
	color: #fff;
	opacity: 1;
	text-shadow: none;
	border: 0;
	background: transparent;
}

#side-menu .side-menu-logo {
	font-size:1.125rem;
	font-weight:600;
	color:#fff;
}
#side-menu .side-menu-logo small {
	display:block;
	font-size:.875rem;
	font-weight:400;
	color:#fff;
}
#side-menu .side-menu-logo img{
	width:3rem;
	height:auto;
}

#side-menu .contents {
	margin-bottom: 1rem;
}

.side-menu-overlay {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 2000;
	display: none;
}