/*--------------------------------------------------------------------------*\
    Icon in menu item link
\*--------------------------------------------------------------------------*/

svg.sidebar__menu-icon {
    /*box*/
    width: 20px;

    /*transition*/
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

img.sidebar__menu-icon {
    /*box*/
    width:25px;
}

/*--------------------------------------------------------------------------*\
        Is-active & hover (common to all styles)
\*--------------------------------------------------------------------------*/

.sidebar__menu-link:not(.is-active):hover .sidebar__menu-icon,
.sidebar__menu-link.is-active .sidebar__menu-icon{
    /*background*/
    fill: var(--c-tertiary-4) !important;
}

/*--------------------------------------------------------------------------*\
        Sidebar primary color (cf sidebar.css file)
\*--------------------------------------------------------------------------*/

.sidebar--primary .sidebar__menu-link:not(.is-active) .sidebar__menu-icon,
.sidebar--primary .sidebar__menu-label .sidebar__menu-icon {
    /*background*/
    fill:var(--c-primary-2);
}

/*--------------------------------------------------------------------------*\
            Hover
\*--------------------------------------------------------------------------*/

.sidebar--primary .sidebar__menu-label:hover .sidebar__menu-icon {
    /*background*/
    fill: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
        Sidebar secondary color (cf sidebar.css file)
\*--------------------------------------------------------------------------*/

.sidebar--secondary .sidebar__menu-link:not(.is-active) .sidebar__menu-icon,
.sidebar--secondary .sidebar__menu-label .sidebar__menu-icon {
    /*background*/
    fill:var(--c-tertiary-1);
}

/*--------------------------------------------------------------------------*\
            Hover
\*--------------------------------------------------------------------------*/

.sidebar--secondary .sidebar__menu-label:hover .sidebar__menu-icon {
    /*background*/
    fill: var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
    Export powerpoint
\*--------------------------------------------------------------------------*/

.sidebar__menu-link--text-export-presentation>.sidebar__menu-icon path:nth-child(1),
.sidebar__menu-link--text-export-presentation>.sidebar__menu-icon path:nth-child(2) {
    /*box*/
    fill:var(--c-cta-2);
}

.sidebar__menu-link--text-export-presentation>.sidebar__menu-icon path:nth-child(3) {
    /*box*/
    fill:#6ECDFF;
}