Add IOS7/8 CSS hack to add 76px to slider height

dist/vegas.css

@@ -13,6 +13,9 @@
     bottom: 0;
     right: 0;
     overflow: hidden;
+    border: none;
+    padding: 0;
+    margin: 0;
 }
 
 .vegas-overlay {
@@ -57,6 +60,13 @@ body.vegas-container {
         z-index: -1;
     }
 
+    /* Target Safari IOS7+ in order to add 76px */
+    _::-webkit-full-page-media, _:future, 
+    :root body.vegas-container > .vegas-slide,
+    :root body.vegas-container > .vegas-overlay {
+        bottom: -76px;
+    }
+    
 .vegas-video {
     min-width: 100%; 
     min-height: 100%;

dist/vegas.js

@@ -1,6 +1,6 @@
 /*!-----------------------------------------------------------------------------
  * Vegas - Fullscreen Backgrounds and Slideshows.
- * v2.0.0-wip - built 2015-01-31
+ * v2.0.0-wip - built 2015-02-06
  * Licensed under the MIT License.
  * http://vegas.jaysalvat.com/
  * ----------------------------------------------------------------------------
@@ -123,7 +123,7 @@
                         .css('padding-right',  this.$elmt.css('padding-right'));
                 }
 
-                this.$elmt.clone(true).appendTo($wrapper);
+                this.$elmt.clone(true).children().appendTo($wrapper);
                 this.elmt.innerHTML = '';
             }
 

src/vegas.css

@@ -57,6 +57,13 @@ body.vegas-container {
         z-index: -1;
     }
 
+    /* Target Safari IOS7+ in order to add 76px */
+    _::-webkit-full-page-media, _:future, 
+    :root body.vegas-container > .vegas-slide,
+    :root body.vegas-container > .vegas-overlay {
+        bottom: -76px;
+    }
+    
 .vegas-video {
     min-width: 100%; 
     min-height: 100%;