/* Replacements for layouts the WordPress plugins computed in JavaScript. */

/* Hero sections (formerly Slider Revolution) */
/* Full-bleed: the slider plugin stretched these to the window width regardless of the column they sat in. */
.f9-rs { position: relative; overflow: hidden; width: 100vw; margin: 0 0 0 calc(50% - 50vw) !important; }
.f9-rs__bg { position: absolute; inset: 0; background-size: cover; background-position: center; will-change: transform; transition: transform 1s cubic-bezier(.22, 1, .36, 1); }
.f9-rs__bg video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.f9-rs__zone { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; justify-content: center; }
.f9-rs__sp { flex: none; }
.f9-rs__line { font-size: 0; line-height: 0; }
.f9-rs__layer { position: absolute; }
.f9-rs__mask--clip { overflow: hidden; }
.f9-rs__in { display: block; }
.f9-rs__in img { display: block; width: 100%; height: 100%; max-width: none; }
.f9-rs__static { position: absolute; left: 50%; z-index: 8; }
.f9-rs__static img { display: block; width: 100%; height: 100%; max-width: none; cursor: pointer; animation: f9-mouse 6s ease-in-out infinite alternate; }
@keyframes f9-mouse { from { transform: translateY(-10px); } to { transform: translateY(10px); } }

/* Portfolio grid (formerly positioned by Isotope) */
.f9-gallery { display: flex; flex-wrap: wrap; }

@media (prefers-reduced-motion: reduce) {
  .f9-rs__bg { transition: none; }
  .f9-rs__static img, .f9-rs__in, .f9-rs__text { animation: none !important; }
}