/* ===============================================
   Unicorn Feature Block Styles
=============================================== */

.block-unicorn-feature {
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
  z-index: 2;
  overflow: hidden;

  padding: 100px 0 160px !important;

  .wrapper {
    padding: 0 0 80px;
    position: relative;
    z-index: 2;
  }
}

@media (min-width: 768px) {
  .block-unicorn-feature {
    padding: 120px 0 220px !important;
  }
}

.unicorn-feature {
  position: relative;
}

.unicorn-feature__bg {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;

}

.unicorn-feature__bg svg {
  width: 100%;
  display: block;
}

/* .unicorn-feature__bg svg * {
  transform-origin: center;
} */

.unicorn-feature__door-wrap {
  position: relative;
  z-index: 2;
}

.unicorn-feature__dimension-door {
  margin: 0 auto;
  /* opacity: 0; */
  display: block;
  /* transform: scale(.7) rotate(10deg);
  transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out; */
}

.unicorn-feature__doug {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* opacity: 0; */

  /* transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out; */
}

.unicorn-feature__door-wrap.in-view .unicorn-feature__dimension-door {
  /* transition-delay: 0.2s;
  opacity: 1;
  transform: scale(1) rotate(0deg); */
}

.unicorn-feature__door-wrap.in-view .unicorn-feature__doug {
  /* transition-delay: 0.4s; */
  opacity: 1;
  /* transform: scale(1) rotate(0deg) translateX(-50%); */
}