/* xl - DESKTOP STYLES */
/* Fade-in Animation CSS Styles */
/* Add these styles to enable smooth fade-in animations on scroll */
/* Base fade-in animation - slides up from bottom */
.kw-fade-in {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease-out;
}
.kw-fade-in.kw-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Fade-in from left */
.kw-fade-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.8s ease-out;
}
.kw-fade-in-left.kw-visible {
  opacity: 1;
  transform: translateX(0);
}
/* Fade-in from right */
.kw-fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.8s ease-out;
}
.kw-fade-in-right.kw-visible {
  opacity: 1;
  transform: translateX(0);
}
/* Scale fade-in animation */
.kw-fade-in-scale {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.8s ease-out;
}
.kw-fade-in-scale.kw-visible {
  opacity: 1;
  transform: scale(1);
}
/* Rotate fade-in animation */
.kw-fade-in-rotate {
  opacity: 0;
  transform: rotate(-10deg) scale(0.9);
  transition: all 1s ease-out;
}
.kw-fade-in-rotate.kw-visible {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
/* Additional animation variations */
/* Fade-in from top */
.kw-fade-in-up {
  opacity: 0;
  transform: translateY(-50px);
  transition: all 0.8s ease-out;
}
.kw-fade-in-up.kw-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Bounce fade-in */
.kw-fade-in-bounce {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.kw-fade-in-bounce.kw-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Slow fade-in */
.kw-fade-in-slow {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.2s ease-out;
}
.kw-fade-in-slow.kw-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Fast fade-in */
.kw-fade-in-fast {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.4s ease-out;
}
.kw-fade-in-fast.kw-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Staggered animation delays for multiple elements */
.kw-fade-in-delay-1 {
  transition-delay: 0.1s;
}
.kw-fade-in-delay-2 {
  transition-delay: 0.2s;
}
.kw-fade-in-delay-3 {
  transition-delay: 0.3s;
}
.kw-fade-in-delay-4 {
  transition-delay: 0.4s;
}
.kw-fade-in-delay-5 {
  transition-delay: 0.5s;
}
/* Utility classes for different easing functions */
.ease-in-out {
  transition-timing-function: ease-in-out;
}
.ease-in {
  transition-timing-function: ease-in;
}
.ease-out {
  transition-timing-function: ease-out;
}
.ease-bounce {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* Responsive adjustments */
@media (max-width: 768px) {
  /* Reduce animation distance on mobile for better performance */
  /* Faster animations on mobile */
  .kw-fade-in {
    transform: translateY(30px);
  }
  .kw-fade-in-left {
    transform: translateX(-30px);
  }
  .kw-fade-in-right {
    transform: translateX(30px);
  }
  .kw-fade-in-up {
    transform: translateY(-30px);
  }
  .kw-fade-in, .kw-fade-in-left, .kw-fade-in-right, .kw-fade-in-scale, .kw-fade-in-rotate, .kw-fade-in-up, .kw-fade-in-bounce {
    transition-duration: 0.6s;
  }
}
/* Accessibility: Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
  .kw-fade-in, .kw-fade-in-left, .kw-fade-in-right, .kw-fade-in-scale, .kw-fade-in-rotate, .kw-fade-in-up, .kw-fade-in-bounce, .kw-fade-in-slow, .kw-fade-in-fast {
    transition: opacity 0.3s ease;
    transform: none;
  }
  .kw-fade-in.kw-visible, .kw-fade-in-left.kw-visible, .kw-fade-in-right.kw-visible, .kw-fade-in-scale.kw-visible, .kw-fade-in-rotate.kw-visible, .kw-fade-in-up.kw-visible, .kw-fade-in-bounce.kw-visible, .kw-fade-in-slow.kw-visible, .kw-fade-in-fast.kw-visible {
    transform: none;
  }
}
/* Print styles - show all elements when printing */
@media print {
  .kw-fade-in, .kw-fade-in-left, .kw-fade-in-right, .kw-fade-in-scale, .kw-fade-in-rotate, .kw-fade-in-up, .kw-fade-in-bounce, .kw-fade-in-slow, .kw-fade-in-fast {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F1742-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BACIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADVA%3BACgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADtBA%3BAC4BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADlCA%3BACwCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAD9CA%3BACoDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAD1DA%3BAAAA%3BACkEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADxEA%3BAC8EA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADpFA%3BAC0FA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADhGA%3BACsGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAD5GA%3BACkHA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BADlIA%3BACuIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BADnJA%3BACwJA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAD3KJ%3BACuLA%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BADrMJ%3BACmNA%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */