title: Fonticon color not changing on Hover
body: <p>HTML:</p>
  
  <pre><code>&lt;div class="postleftmen"&gt;
          &lt;header class="clearfix"&gt;
              &lt;span&gt;Post Ad&lt;/span&gt;
              &lt;h1&gt;Select categlory&lt;/h1&gt;
          &lt;/header&gt;
          &lt;ul class="cbp-vimenu"&gt;
              &lt;li&gt;&lt;a href="#" class=""&gt;Logo&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="flaticon-smart"&gt;&lt;/i&gt;Archive&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="flaticon-smart"&gt;Search&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="flaticon-baby110"&gt;Pencil&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="icon-location"&gt;Location&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="icon-images"&gt;Images&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" class="download"&gt;Download&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>am trying to change the font icon color on hover </p>
  
  <pre><code>class="flaticon-smart"
  </code></pre>
  
  <p>code used to ling font icon</p>
  
  <p>visited this link <a href="https://stackoverflow.com/questions/13354157/css-changing-hover-effect-of-icon-font-in-a-link">CSS, changing hover effect of icon font in a link</a> and changed in my code but its not work</p>
  
  <p>CSS </p>
  
  <pre><code>@font-face {
  font-family: "Flaticon";
  src: url("flaticon.eot");
  src: url("flaticon.eot#iefix") format("embedded-opentype"),
  url("flaticon.woff") format("woff"),
  url("flaticon.ttf") format("truetype"),
  url("flaticon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  }
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 10px;
  font-style: normal;
  margin-left: 10px;
  }
  .flaticon-smart:before {
  content: "\e038";
      color: #9999ff;
  }
  </code></pre>