/* Additions for the Astro port, loaded after the Weebly theme CSS.
   Replaces what Weebly's scripts did with inline styles. */

/* Slideshow (wSlideshow): height from aspect-ratio, slides scaled to fit
   without upscaling, 500ms crossfade. */
.wslide-content { height: auto; }
.wslide-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms, visibility 0s 500ms;
}
.wslide-slide.is-active { opacity: 1; visibility: visible; transition: opacity 500ms; }
.wslide-slide img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

/* Buttons appear on hover and fade out a second after the pointer leaves. */
.wslide-overlay-top-left, .wslide-overlay-top-right { top: 0; padding: 0; }
.wslide-overlay-top-left .wslide-button-wrap, .wslide-overlay-top-right .wslide-button-wrap {
  display: inline-block;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 0s 1s;
}
.wslide-overlay-top-left .wslide-button-wrap { margin-left: 10px; }
.wslide-overlay-top-right .wslide-button-wrap:last-child { margin-right: 10px; }
.wslide-show-controls .wslide-button-wrap { opacity: 1; visibility: visible; transition: none; }
.wslide-playing .wslide-play, .wslide:not(.wslide-playing) .wslide-pause { display: none; }
/* slideshow.css points these icons at a mangled path; use the copied sprite. */
.wslide-play .wslide-button-icon, .wslide-pause .wslide-button-icon,
.wslide-prev .wslide-button-icon, .wslide-next .wslide-button-icon {
  background-image: url(/weebly/images/old/slideshow/control_icons.gif);
}

/* Thumbnails: 70px squares, image cropped to cover; the strip scrolls. */
.wslide-links { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.wslide-links::-webkit-scrollbar { display: none; }
.wslide-links-inner { position: static; }
/* Zero min-content width, so a long strip never widens the slideshow table. */
.wslide-link-cell .wslide-links { width: 0; min-width: 100%; }
.wslide-link-thumbnail .wslide-link-inner1 img {
  position: static;
  display: block;
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.wslide-playing .wslide-link-thumbnail img { opacity: .5; }
.wslide-playing .wslide-link-active img { opacity: 1; }

/* Lightbox (fancybox look). */
.fancybox-lock, .fancybox-lock body { overflow: hidden; }
.fancybox-wrap .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
#fancybox-thumbs { bottom: 2px; }
#fancybox-thumbs ul li a { position: relative; }
#fancybox-thumbs ul li img { position: absolute; max-width: none; }

/* Reveal effect (index banner): ScrollReveal defaults. */
html:not(.js) .wsite-section-effect-reveal .wsite-section-content > * { visibility: visible; }
.wsite-section-effect-reveal .wsite-section-content > .sr-in {
  visibility: visible;
  animation: sr-reveal 500ms cubic-bezier(0.6, 0.2, 0.1, 1) both;
}
@keyframes sr-reveal { from { opacity: 0; transform: translateY(20px) scale(0.9); } }

/* Phones and browsers without a PDF viewer (e.g. Android Chrome): the PDF
   fallback sits in a white banner whose theme text colour is white, so only
   the "here" link showed. Give it the body text colour. */
.banner-wrap .banner .pdf-fallback { color: #3e3e3e; }