/* Links */
ul.sidebar-menu {
	list-style: none;
	margin: 0 0 50px;
	padding: 0;
	position: relative;
}

ul.sidebar-menu:before {
	content: '';
	display: block;
	position: absolute;
	left: 17px;
	top: 5px;
	width: 4px;
	height: calc(100% - 10px);
	background: #2B75E3;
}

ul.sidebar-menu > li {
	margin: 0;
	padding: 10px 5px 10px 50px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	color: #555;
}

ul.sidebar-menu > li:hover {
	color: #2B75E3;
	color: #111;
}

ul.sidebar-menu > li.sub {
	padding: 6px 5px 6px 25px;
}

ul.sidebar-menu > li.active {
	color: #2B75E3;
	font-weight: 600;
	letter-spacing: 0.5px;
	padding-left: 60px;
}

ul.sidebar-menu > li.active:before {
	content: '';
	background: #2B75E3;
	height: 4px;
	width: 30px;
	position: absolute;
	top: 22px;
	left: 20px;
	z-index: -1;
	border-radius: 3px;
}

ul.sidebar-menu > li:last-child {
	border-bottom: none;
}

ul.sidebar-menu i {
	margin-right: 5px;
	background: #FFF;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 30px;
	border: 4px solid #2B75E3;
}


ul.sidebar-menu > li.active > i {
	background: #e2efff;
	color: #111;
}

div.editor-mode {
	width: 100%;
	max-width: 450px;
	padding: 0;
}

div#feature {
	max-width: 700px;
	margin: 0 auto;
}

section#explain p {
	font-weight: 300;
}