Remove mailchimp styling for form; use canvas styles

Author: tannerwelsh

_includes/apply.html

@@ -17,7 +17,7 @@ <h2>We're excited to meet you. <span>Let's stay in touch.</span>
       </div>
       <div class="col_half col_last">
         <div class="panel panel-default divcenter" style="max-width: 300px;">
-            <div class="panel-heading"><h4 class="nobottommargin">Subscribe to Newsletter</h4></div>
+            <div class="panel-heading"><h4 class="nobottommargin">Join mailing list</h4></div>
             <div class="panel-body" style="padding: 20px;">
 
             {% include mailchimp_signup.html %}

_includes/mailchimp_signup.html

@@ -1,52 +1,40 @@
 <!-- Begin MailChimp Signup Form -->
-<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
-<style type="text/css">
-  #mc_embed_signup {
-    background: #fff;
-    clear: left;
-    font: 14px Helvetica, Arial, sans-serif;
-  }
-  /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
-     We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
-</style>
+
 <div id="mc_embed_signup">
   <form action="//learnersguild.us12.list-manage.com/subscribe/post?u=481a47142e2623453d4effb69&amp;id=4eb567d10d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-    <div id="mc_embed_signup_scroll">
-      <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
-      <div class="mc-field-group">
-        <label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
+
+    <fieldset class="form-group">
+      <label for="mce-EMAIL">Email Address</label>
+      <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL">
+    </fieldset>
+
+    <fieldset class="form-group">
+      <label for="mce-NAME">Full Name</label>
+      <input type="text" value="" name="NAME" class="form-control required" id="mce-NAME">
+    </fieldset>
+
+    <fieldset class="form-group">
+      <label class="nobottommargin">Email Format</label>
+      <div class="radio">
+        <label for="mce-EMAILTYPE-0">
+          <input type="radio" value="html" class="form-radio" name="EMAILTYPE" id="mce-EMAILTYPE-0">
+          html
         </label>
-        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
       </div>
-      <div class="mc-field-group">
-        <label for="mce-NAME">Full Name <span class="asterisk">*</span>
+      <div class="radio">
+        <label for="mce-EMAILTYPE-1">
+          <input type="radio" value="text" class="form-radio" name="EMAILTYPE" id="mce-EMAILTYPE-1">
+          text
         </label>
-        <input type="text" value="" name="NAME" class="required" id="mce-NAME">
       </div>
-      <div class="mc-field-group input-group">
-        <strong>Email Format </strong>
-        <ul>
-          <li>
-            <input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0">
-            <label for="mce-EMAILTYPE-0">html</label>
-          </li>
-          <li>
-            <input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1">
-            <label for="mce-EMAILTYPE-1">text</label>
-          </li>
-        </ul>
-      </div>
-      <div id="mce-responses" class="clear">
-        <div class="response" id="mce-error-response" style="display:none"></div>
-        <div class="response" id="mce-success-response" style="display:none"></div>
-      </div>
-      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-      <div style="position: absolute; left: -5000px;" aria-hidden="true">
-        <input type="text" name="b_481a47142e2623453d4effb69_4eb567d10d" tabindex="-1" value="">
-      </div>
-      <div class="clear"></div>
-      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
+    </fieldset>
+
+    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+    <div style="position: absolute; left: -5000px;" aria-hidden="true">
+      <input type="text" name="b_481a47142e2623453d4effb69_4eb567d10d" tabindex="-1" value="">
     </div>
+    <div class="clear"></div>
+    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default">
   </form>
 </div>