title: Contact Form 7 reCAPTCHA Not Displaying on Form
body: <p>I am using Contact Form 7 and the Google reCAPTCHA integration. I have added my keys and added the shortcode to the form. I can't seem to get the reCAPTCHA box to appear on the form. Below is the contact form code:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;div class="apo-moved-label"&gt; [text Name id:cf_name]&lt;label for="cf_name" class="white"&gt;Name&lt;/label&gt;&lt;span class="apo-moved-label-border"&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div class="apo-moved-label"&gt; [email Email id:cf_email]&lt;label for="cf_email" class="white"&gt;Email Address&lt;/label&gt;&lt;span class="apo-moved-label-border"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div class="apo-moved-label"&gt; [textarea Message id:cf_message]&lt;label for="cf_message" class="white"&gt;Message&lt;/label&gt;&lt;span class="apo-moved-label-border"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
  [recaptcha]
  &lt;li&gt;&lt;button class="apo-btn apo-btn-small apo-btn-white"&gt;[submit "Send Message"]&lt;/button&gt;&lt;div class="gap"&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Here is what I see when I view source on the form:</p>
  
  <pre><code>&lt;div class="wpcf7-form-control-wrap"&gt;&lt;div data-sitekey="6LcY_i8UAAAAAN0EVfgHOAeFOMsE4akLpkzAtn-J" class="wpcf7-form-control g-recaptcha wpcf7-recaptcha"&gt;&lt;/div&gt;
  &lt;noscript&gt;
      &lt;div style="width: 302px; height: 422px;"&gt;
          &lt;div style="width: 302px; height: 422px; position: relative;"&gt;
              &lt;div style="width: 302px; height: 422px; position: absolute;"&gt;
                  &lt;iframe src="https://www.google.com/recaptcha/api/fallback?k=6LcY_i8UAAAAAN0EVfgHOAeFOMsE4akLpkzAtn-J" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"&gt;
                  &lt;/iframe&gt;
              &lt;/div&gt;
              &lt;div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;"&gt;
                  &lt;textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;"&gt;
                  &lt;/textarea&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/noscript&gt;
  </code></pre>
  
  <p>When I check my CSS I don't see anything blocking it from displaying. </p>