body {
  /* html is only given height: 100%; in fliplet-pages because widget interface */
  /* needs height: auto; for Fliplet.Widget.autosize(); to work. */
  height: 100%;
}

body {
  /* Ensures content is responsive when embedded in an iFrame */
  /* http://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari */
  width: 1px;
  min-width: 100%;
  margin: 0 !important;
}

img, embed, video {
  max-width: 100%;
  height: auto;
}

.overlay-video {
  text-align: center;
}

.overlay-video .overlayPanelContent {
  background: none;
}

.overlay-video video {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Form fields */
input,
textarea {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

input[type="radio"],
input[type="checkbox"],
input[type="file"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="image"],
input[type="range"] {
  -webkit-transform: none;
  transform: none;
}

[data-fl-navigate], [data-fl-back] {
  cursor: pointer;
}