Icons in Menu Not Working Correctly After Updating Pro

Hi,

I updated Pro today, and all of a sudden my menu icons are not working correctly. They look right in the Cornerstone builder. But, have the default hand on the front end.

Here is the code I am using:

li.menu-item .x-anchor .x-anchor-content .x-graphic i.x-icon::before {
content: ‘\f105’!important;
font-size: .9em!important;
color: #003a62;
}

.sub li.menu-item .x-anchor .x-anchor-content .x-graphic i.x-icon::before {
content: ‘\f105’!important;
font-size: .7em!important;
color: #003a62;
}

And the first screenshot is how it should look and the second screenshot is how it looks on the front end.

This doesn’t seem to be the only place where my css code overrides are no longer working. Again, things look fine on the back end, but not on the front end.