add modal and fix styles

src/css/main.css

@@ -1248,6 +1248,9 @@ footer {
   #maitre-widget-container div[data-maitre-content].show {
     display: block; }
 
+#maitre-widget-container a[data-maitre-status] {
+  display: none; }
+
 a.maitre-widget-social {
   position: relative !important;
   display: inline-block !important;

src/js/common.js

@@ -27,13 +27,6 @@ $(function() {
         $(".main-header").addClass("shown");
     },1000);
 
-     $(".email input").on('click', function(){
-       $(".email").addClass("focused");
-       setTimeout(function() {
-           $(".email").removeClass("focused");
-       },400);
-    });
-
     $(".email-button").on('click', function(){
       $(".email").addClass("shaky");
       setTimeout(function() {

src/sass/index.scss

@@ -1277,6 +1277,9 @@ footer {
       display: block;
     }
   }
+  a[data-maitre-status] {
+    display: none;
+  }
 }
 
 a.maitre-widget-social {

src/waitlist.html

@@ -70,11 +70,24 @@
                   <div class="status-email">
                   <div class="email">
 
+<!-- Maitre app integration
+    DO NOT FORGET TO REMOVE <TEST_MODE:TRUE PROPERTY> AFTER TESTING
+  -->
                     <script type="text/javascript">
 
                       window.Maitre = {
                         uuid: "MF203200dfd5", test_mode: true, require_name: false,
                         callbacks: {
+
+                          afterLoad: function() {
+                            jQuery(".maitre-field input").on('focus', function(){
+                              jQuery(".email").addClass("focused");
+                              setTimeout(function() {
+                                  jQuery(".email").removeClass("focused");
+                              },400);
+                           });
+                          },
+
                           afterSuccess: function(data, form) {
 
                             jQuery("[data-maitre-content]").removeClass("show");
@@ -101,12 +114,14 @@
                       };
                     </script>
 
-                    <!-- <script type="text/javascript">
-                              window.Maitre = { uuid: "MF203200dfd5", test_mode: true, require_name: false };
-                    </script> -->
                     <script data-maitre src="https://maitreapp.co/widget.js" async></script>
+
+<!-- END MAITRE SCRIPT -->
+
+                    <!-- Magnific Popup Modal for Maitre -->
                     <div id="modal_maitre" class="popup mfp-with-anim mfp-hide medium">
-</div>
+                    </div>
+
                   </div>
                   </div>
               </div>