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

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

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

/*--------------------------------------------------------------------------*\
        Footer primary color (cf footer.css file)
\*--------------------------------------------------------------------------*/

.footer--primary .footer__menu-link .footer__menu-icon {
    /*background*/
    fill:var(--c-primary-3);
}

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

.footer--primary .footer__menu-link:hover .footer__menu-icon {
    /*background*/
    fill: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
        Footer secondary color (cf footer.css file)
\*--------------------------------------------------------------------------*/

.footer--secondary .footer__menu-link .footer__menu-icon {
    /*background*/
    fill:var(--c-tertiary-1);
}

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

.footer--secondary .footer__menu-link:hover .footer__menu-icon {
    /*background*/
    fill: var(--c-tertiary-4);
}