/*==================================================
    SIDEBAR
==================================================*/

.sidebar{

    display:flex;

    flex-direction:column;

    height:100%;

    background:#fff;

    border:1px solid #e8e8e8;

    border-top:none;

}

/*==================================================
    MENU
==================================================*/

.sidebar__menu{

    display:flex;

    flex-direction:column;

    flex:1;

}

.sidebar__menu li{

    border-bottom:1px solid #F1F1F1;

}

.sidebar__menu li:last-child{

    margin-top:auto;

}

/*==================================================
    LINKS
==================================================*/

.sidebar__menu a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:56px;

    padding:0 24px;

    text-decoration:none;

    color:#333;

    font-size:15px;

    font-weight:500;

    transition:all .25s ease;

}

/* Left side (icon + text) */

.sidebar__menu a span:first-child{

    display:flex;
	
	 color:#8C97A5;

    align-items:center;

    gap:14px;

}

/* Category icon */

.sidebar__menu a span:first-child i{

    width:18px;

    text-align:center;

    color:#8C97A5;

    transition:.25s;

}

/* Right arrow */

.sidebar__menu a span:last-child i{

    font-size:13px;

	color:#B3B8C2;

    transition:.25s;

}

/*==================================================
    HOVER
==================================================*/

.sidebar__menu a{

    position:relative;

}

.sidebar__menu a::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:#F5B51D;

    transform:scaleY(0);

    transition:.25s;

}

.sidebar__menu a:hover{

    background:#F8FAFD;

    color:#082C6C;

    padding-left:28px;

}

.sidebar__menu a:hover::before{

    transform:scaleY(1);

}

.sidebar__menu a:hover span:first-child i{

    color:#F5B51D;

}

.sidebar__menu a:hover > i{

    color:#082C6C;

    transform:translateX(4px);

}

.sidebar__menu .view-all{

    background:#FFF9EA;

}

.sidebar__menu .view-all a{

    font-weight:700;

    color:#082C6C;

}

.sidebar__menu .view-all a:hover{

    background:#FFF3D2;

}