.left-sidebar {

}

.left-sidebar-inner .left-sidebar-site-branding {
    text-align: center;   
    padding-top: 21.5px;
}

.left-sidebar-inner .main-navigation {

}

.left-sidebar-inner {
	position: fixed;
    width: 92px;
    background-color: var(--soft-ivory);
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
}

.left-sidebar-inner .main-navigation {
    margin-top: 65px;
}

.left-sidebar-inner .main-navigation ul {
    /* position: absolute; */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.left-sidebar-inner .main-navigation li.current_page_item a {
    background: var(--primary-color);
    color: var(--white-color);
}

.left-sidebar-inner .main-navigation li a {
	position: relative;
	list-style: none;
	border-radius: 99em;
	height: 50px;
    width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
    color: var(--secondary-color);
    /* background: var(--primary-color); */
}

.left-sidebar-inner .main-navigation li a i {
    font-size: 50px;
}

.left-sidebar-inner .main-navigation li a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.left-sidebar-inner .main-navigation span {
	font-weight: 600;
	position: absolute;
	left: 58px;
	text-transform: capitalize;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s;
    font-size: 12px;
    color: var(--white-color);
    line-height: 16px;
}

.left-sidebar-inner .main-navigation span::before {
    content: '';
    position: absolute;
    left: -8px;
    transition: 0.4s;
    border-top: 4px solid transparent;
    border-right: 8px solid #000;
    border-bottom: 4px solid transparent;
    top: 50%;
    transform: translateY(-4px);
}

.left-sidebar-inner .main-navigation li:hover span {
	visibility: visible;
	opacity: 1;
	padding: 4px 12px;
	background-color: #000;
	border-radius: 4px;
	box-shadow: 10px 0 50px rgba(0, 0, 0, 0.2);
}

.settings-btn {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
}

.settings-btn a {
    position: relative;
	list-style: none;
	border-radius: 99em;
	height: 50px;
    width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
    color: var(--secondary-color);
    text-decoration: none;
    margin: auto;
}

.settings-btn a i {
    font-size: 50px;
}

.settings-btn a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.settings-btn a:hover i::before {
	color: var(--white-color);
}

.left-sidebar-inner .admin-menu-left-icon {
    margin-top: 12px;
}

.left-sidebar-inner .admin-menu-left-icon li a i {
    font-size: 30px;
}

.left-sidebar-inner .admin-menu-left-icon li a:hover i::before {
    color: var(--white-color);
}