#site-footer {
    /* Pillar hover colors */
    .menu-item {
        font-weight: 700;
        transition: color 0.2s ease;
        &&[href*='state-power']:hover {
            color: var(--yellow) !important;
        }
        &&[href*='bodies-gender-health']:hover {
            color: var(--pink) !important;
        }
        &&[href*='borders-empire']:hover {
            color: var(--red) !important;
        }
        &&[href*='culture-media-education']:hover {
            color: var(--blue) !important;
        }
        &&[href*='land-labor-extraction']:hover {
            color: var(--green) !important;
        }
    }
}