title: Override the google custom search css
body: <p>In my site have google custom search. I have an issue with the font of the search result. I need <strong>Arial,sans-serif</strong> .</p>
  
  <p>Here is my google search code.</p>
  
  <pre><code>&lt;div id="cse-search-results"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
    var googleSearchIframeName = "cse-search-results";
    var googleSearchFormName = "cse-search-box";
    var googleSearchFrameWidth = 600;
    var googleSearchDomain = "www.google.com";
    var googleSearchPath = "/cse";
  &lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here is my css comes from google.</p>
  
  <pre><code>.gsc-control-cse .gsc-table-result {
      font-family: font;
  }
  .gsc-control-cse, .gsc-control-cse .gsc-table-result {
      font-family: Arial,sans-serif;
      font-size: 13px;
  }
  </code></pre>
  
  <p>.gsc-control-cse .gsc-table-result this class was override the font-family of below class.</p>
  
  <p>Help me to solve this issue.</p>