title: CLose Button doesn't appear on magnific-popup
body: <p>This should be simple .... However....</p>
  
  <p>I've tried almost everything to get the Close (X) Button to appear on the magnific popup. But it doesn't happen. There's no escape from the popup page except for the Back option. Here's what I've got:</p>
  
  <pre><code>.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;div class="popup-modal"&gt; 
                      &lt;a href="img/paintings/full/ink-couple-tree-dancing_full.jpg"&gt;&lt;img src="img/paintings/acrylic-trulkhor-1.png"&gt;&lt;/a&gt;
                  &lt;/div&gt;
  
                  &lt;div id="test-modal" class="mfp-hide white-popup"&gt;
  
                  &lt;p&gt;&lt;button class="closePopup"&gt;Close&lt;/button&gt;&lt;/p&gt;
  
                  &lt;/div&gt;
  
                  &lt;script type="text/javascript"&gt;
  
                      $('.popup-modal').magnificPopup({
  
                      type: 'inline',
                      modal: false,
  
                      });
  
                      $(document).on('click', '.closePopup', function (e) 
                  {
                      e.preventDefault();
                      $.magnificPopup.close();
                  });
  
  
                  &lt;/script&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas?
  Thanks.</p>