/*
 * STARS H2020 – adjustments for the static rebuild.
 * The WordPress theme / plugin CSS is kept untouched in /css/wp/.
 */

/* Former Revolution Slider galleries (fade slideshow) */
.static-slideshow {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.static-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease;
}
.static-slide.active { opacity: 1; }

/* Revolution Slider "hesperiden" arrows */
@font-face {
  font-family: 'revicons';
  src: url('/fonts/revicons.woff') format('woff'), url('/fonts/revicons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.hesperiden.tparrows {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  display: block;
  z-index: 100;
}
.hesperiden.tparrows:hover { background: rgba(0, 0, 0, 1); }
.hesperiden.tparrows:before {
  font-family: 'revicons';
  font-size: 20px;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center;
}
.hesperiden.tp-leftarrow { left: 20px; border-radius: 0 4px 4px 0; }
.hesperiden.tp-rightarrow { right: 20px; border-radius: 4px 0 0 4px; }
.hesperiden.tp-leftarrow:before { content: '\e82c'; margin-left: -3px; }
.hesperiden.tp-rightarrow:before { content: '\e82d'; margin-right: -3px; }

/* Native video replacing the MediaElement player */
.wp-video video { display: block; max-width: 100%; background: #000; }

/* Typed cursor (typed.js) */
.typed-cursor {
  opacity: 1;
  animation: typedjsBlink 0.7s infinite;
}
@keyframes typedjsBlink {
  50% { opacity: 0; }
}