@charset "UTF-8";
/* CSS Document */

:root {
  --slideshow-h: calc(100vh - 200px); /* fallback before JS fires */
}

/* Make pd-container a full-viewport flex column so <main> can centre the
   slideshow vertically between header and footer */
.pd-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;                   /* fill all space between header and footer */
  display: flex;
  flex-direction: column;
  justify-content: center;   /* centre the slideshow vertically */
}

.pd-slideshow {
  width: 100%;
  background: #fff;
}

/* Force the UIkit list to exactly the available height */
.uk-slideshow-items {
  height: var(--slideshow-h) !important;
  overflow: hidden;
}

/*
 * All slides hidden by default — prevents the last-slide-on-top flash that
 * occurs before UIkit initialises and sets inline opacity/zIndex.
 * UIkit's translate(1) call on init sets the correct values via inline styles,
 * which override this default. During reset() between transitions, UIkit clears
 * its inline styles — the slide briefly has no inline opacity — so uk-active
 * keeps the current slide visible with no flash.
 */
.uk-slideshow-items > li {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  opacity: 0;         /* hidden until UIkit sets inline opacity or uk-active */
}

/*
 * The active slide is always fully visible. This catches the brief window
 * during UIkit's reset() when inline opacity is cleared.
 */
.uk-slideshow-items > li.uk-active {
  opacity: 1;
}

.uk-slideshow-items > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Contain: image scales to fit whichever dimension hits its limit first */
.uk-slideshow-items img {
  display: block;
  max-width:  100%;
  max-height: var(--slideshow-h);
  width:  auto;
  height: auto;
}


@media (max-width: 1200px) {}
@media (max-width: 960px)  {}
@media (max-width: 640px)  {}