/*
Theme Name: Arbor Park Drive YOOtheme Child
Theme URI: https://arborparkdrive.com/
Description: Child theme for YOOtheme Pro custom builder elements for Arbor Park Drive.
Author: Arbor Park Drive
Template: yootheme
Version: 1.0.0
Text Domain: arbor-park-drive-yootheme-child
*/

.arbor-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.arbor-hero .arbor-clouds {
  position: absolute;
  left: -70vw;
  top: 0;
  width: 240vw;
  height: clamp(260px, 42vh, 460px);
  z-index: 18;
  pointer-events: none;
  opacity: 0.98;
  will-change: transform;
  background-image: url("assets/dramatic-cloud-bank.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: 0 0;
  mix-blend-mode: screen;
  filter: contrast(1.18) brightness(1.16) saturate(0.96);
  animation: arbor-clouds-drift-a 26s linear infinite;
}

.arbor-hero .arbor-clouds.is-back {
  top: clamp(42px, 7vh, 88px);
  height: clamp(220px, 32vh, 360px);
  z-index: 19;
  opacity: 0.7;
  transform: scale(1.12);
  filter: contrast(1.08) brightness(1.07) blur(0.8px);
  animation: arbor-clouds-drift-b 42s linear infinite reverse;
}

.arbor-hero .arbor-cloud-test {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  z-index: 99;
  pointer-events: none;
  background: rgba(255, 0, 0, 0.8);
}

@keyframes arbor-clouds-drift-a {
  from {
    background-position: 0 0;
    transform: translate3d(-8vw, 0, 0);
  }

  to {
    background-position: 1823px 0;
    transform: translate3d(8vw, 0, 0);
  }
}

@keyframes arbor-clouds-drift-b {
  from {
    background-position: 0 0;
    transform: translate3d(7vw, 0, 0) scale(1.12);
  }

  to {
    background-position: -1823px 0;
    transform: translate3d(-7vw, 0, 0) scale(1.12);
  }
}