/* Motion: default is visible. Hidden state only after html.ak-motion. */

html.ak-motion .ak-reveal:not(.ak-in) {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
}
html.ak-motion .ak-reveal.ak-in {
  opacity: 1;
  transform: none;
  transition: opacity .55s cubic-bezier(.22, 1, .36, 1),
              transform .55s cubic-bezier(.22, 1, .36, 1);
}

img.ak-img-fade {
  opacity: 0;
  transition: opacity .45s ease;
}
img.ak-img-fade.ak-img-on,
header img,
.elementor-location-header img {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-button,
  .button,
  a.button,
  button.button,
  .add_to_cart_button,
  .single_add_to_cart_button {
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease;
  }
  .elementor-button:hover,
  .button:hover,
  a.button:hover {
    transform: translateY(-2px);
  }
  ul.products li.product,
  .premium-woo-product-wrapper,
  .elementor-image-box-wrapper {
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease;
  }
  ul.products li.product:hover,
  .premium-woo-product-wrapper:hover {
    transform: translateY(-5px);
  }
  .ak-sw {
    transition: transform .2s ease, box-shadow .2s ease;
  }
}

.ak-modal {
  transition: none;
}
.ak-modal:not([hidden]) {
  animation: ak-modal-in .28s ease;
}
@keyframes ak-modal-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.ak-modal:not([hidden]) .ak-modal__box {
  animation: ak-modal-box .32s cubic-bezier(.22, 1, .36, 1);
}
@keyframes ak-modal-box {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.ak-motion .ak-reveal:not(.ak-in),
  html.ak-motion .ak-reveal.ak-in,
  img.ak-img-fade,
  .ak-modal:not([hidden]),
  .ak-modal:not([hidden]) .ak-modal__box {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}