/* Kingdom Quest v68: a flat, side-on Bible with complete page turns. */
.living-bible.bible-reading{
  width:184px;
  height:116px;
  perspective:900px;
  transform:rotateX(61deg) rotateZ(-7deg);
  transform-style:preserve-3d;
}
.living-bible.bible-reading .bible-cover{
  font-size:5.25rem;
  transform-origin:50% 72%;
  animation:kqFlatCover 5.6s cubic-bezier(.5,.03,.24,1) infinite;
}
.living-bible.bible-reading .bible-open{
  font-size:5.7rem;
  transform-origin:50% 72%;
  animation:kqFlatOpen 5.6s cubic-bezier(.42,.02,.2,1) infinite;
}
.living-bible.bible-reading .turning-page{
  top:27px;
  left:91px;
  width:46px;
  height:58px;
  overflow:visible;
  font-size:3.65rem;
  transform-origin:3px 52%;
  backface-visibility:visible;
  animation-duration:5.6s;
  animation-timing-function:cubic-bezier(.48,.02,.18,1);
  animation-iteration-count:infinite;
}
.living-bible.bible-reading .page-one{animation-name:kqFullFlipOne;animation-delay:0s}
.living-bible.bible-reading .page-two{animation-name:kqFullFlipTwo;animation-delay:0s}
.living-bible.bible-reading .page-three{animation-name:kqFullFlipThree;animation-delay:0s}
.living-bible.bible-reading::before{animation-duration:5.6s}
.living-bible.bible-reading::after{animation-duration:5.6s}
.living-bible.bible-reading i{animation-duration:5.6s;transform:translateZ(-8px)}
@keyframes kqFlatCover{
  0%,12%{opacity:1;transform:rotateZ(90deg) scale(.86)}
  20%,82%{opacity:0;transform:rotateZ(90deg) rotateY(-178deg) scale(.92)}
  90%,100%{opacity:1;transform:rotateZ(90deg) rotateY(0) scale(.86)}
}
@keyframes kqFlatOpen{
  0%,12%{opacity:0;transform:scaleX(.42) scaleY(.88)}
  22%,80%{opacity:1;transform:scaleX(1.28) scaleY(.9)}
  90%,100%{opacity:0;transform:scaleX(.42) scaleY(.88)}
}
@keyframes kqFullFlipOne{
  0%,24%{opacity:0;transform:rotateY(0deg)}
  27%{opacity:.96;transform:rotateY(0deg)}
  41%{opacity:.96;transform:rotateY(-180deg)}
  44%,100%{opacity:0;transform:rotateY(-180deg)}
}
@keyframes kqFullFlipTwo{
  0%,41%{opacity:0;transform:rotateY(0deg)}
  44%{opacity:.96;transform:rotateY(0deg)}
  58%{opacity:.96;transform:rotateY(-180deg)}
  61%,100%{opacity:0;transform:rotateY(-180deg)}
}
@keyframes kqFullFlipThree{
  0%,58%{opacity:0;transform:rotateY(0deg)}
  61%{opacity:.96;transform:rotateY(0deg)}
  75%{opacity:.96;transform:rotateY(-180deg)}
  78%,100%{opacity:0;transform:rotateY(-180deg)}
}
@media(max-width:700px){
  .living-bible.bible-reading{width:150px;height:96px}
  .living-bible.bible-reading .turning-page{top:23px;left:74px;font-size:3rem}
}
@media(prefers-reduced-motion:reduce){
  .living-bible.bible-reading{transform:rotateX(61deg) rotateZ(-7deg)}
  .living-bible.bible-reading .bible-open{animation:none;opacity:1;transform:scaleX(1.28) scaleY(.9)}
}