/*
 * _tooltip.scss
 *
 * Contains CSS related to tooltips
 */
/* --------------------------------------------------------------------------
   Tooltip base
   -------------------------------------------------------------------------- */
html.touch {
  min-height: 100%;
  height: auto;
}

.touch #pagelist {
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
  -moz-transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
  -o-transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
  transition-timing-function: cubic-bezier(0.15, 0.9, 0.62, 1);
}
@media only screen and (max-width: 768px) and (max-height: 1024px) {
  .touch #pagelist {
    border-color: transparent;
  }
}
@media only screen and (max-width: 1024px) and (max-height: 768px) {
  .touch #pagelist {
    border-color: transparent;
  }
}
.touch #pagelist .page {
  touch-action: none;
  overflow: hidden;
}
.touch #pagelist .page .page-content {
  overflow-y: scroll;
  overflow-x: hidden;
}
.touch #pagelist .page iframe {
  max-height: none;
  overflow: hidden;
}
.touch #pagelist .page.responsive iframe {
  margin: 0px;
}
.touch .left-arrow:hover, .touch .right-arrow:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.touch #scrubber-timeline {
  bottom: 0px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 10px 20px;
  margin: 0;
  bottom: 48px;
  touch-action: pan-x;
  display: none;
}
.touch #scrubber-timeline.active {
  display: block;
}
.touch .thumbnail img {
  opacity: 1 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.touch #scrubber-wrapper {
  opacity: 1;
}
.touch #scrubber-wrapper .home-button:hover svg {
  fill: #a3a3a3;
}
.touch .tick {
  pointer-events: none;
}
.touch .home-button:hover {
  background-color: transparent;
  color: #a3a3a3;
}
.touch #toolbarContainerMore {
  opacity: 1;
  visibility: visible;
}
.touch.android #toolbarWrapper {
  position: fixed;
}
.touch #toolbarWrapper {
  visibility: hidden;
  background-color: black;
  position: absolute;
  opacity: 0;
  transform: none !important;
  transition-duration: 0ms;
}
.touch #toolbarWrapper.displayed {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.touch .show-options #toolbarWrapper.floatRight {
  opacity: 1;
}
.touch .toolbarItem[data-action="app:share"] {
  display: none !important;
}
.touch .toolbarItem[data-action="audio:toggleview"] {
  display: none !important;
}
.touch .toolbarItem[data-action="app:fullscreen:toggle"] {
  display: none !important;
}
.touch .tick:hover .tick-inner {
  background: #f3f3f3;
}

@media (orientation: landscape) {
  html.issue-html.ipad.ios7,
  html.issue-html.ipad.ios7 body {
    background: rgba(255, 255, 255, 0);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 672px !important;
  }
}