/*
 Revealator jQuery Plugin (Fixed Version)
 */

/* Базові налаштування анімації */
.revealator-fade,
.revealator-slideup,
.revealator-slideleft,
.revealator-slideright,
.revealator-slidedown,
.revealator-zoomin,
.revealator-zoomout,
.revealator-rotateleft,
.revealator-rotateright {
  transition-property: transform, opacity !important;
  transition-duration: 600ms;
  transition-timing-function: ease;
}

/* 1. Fade effect */
.revealator-fade {
  opacity: 0;
}
.revealator-fade.revealator-within,
.revealator-fade.revealator-partially-above,
.revealator-fade.revealator-above,
.revealator-fade.revealator-partially-below {
  opacity: 1;
}

/* 2. Slide up effect */
.revealator-slideup {
  transform: translate(0, 100px);
  opacity: 0;
}
.revealator-slideup.revealator-within,
.revealator-slideup.revealator-partially-above,
.revealator-slideup.revealator-above,
.revealator-slideup.revealator-partially-below {
  transform: translate(0, 0);
  opacity: 1;
}

/* 3. Slide left effect */
.revealator-slideleft {
  transform: translate(100px, 0);
  opacity: 0;
}
.revealator-slideleft.revealator-within,
.revealator-slideleft.revealator-partially-above,
.revealator-slideleft.revealator-above,
.revealator-slideleft.revealator-partially-below {
  transform: translate(0, 0);
  opacity: 1;
}

/* 4. Slide right effect */
.revealator-slideright {
  transform: translate(-100px, 0);
  opacity: 0;
}
.revealator-slideright.revealator-within,
.revealator-slideright.revealator-partially-above,
.revealator-slideright.revealator-above,
.revealator-slideright.revealator-partially-below {
  transform: translate(0, 0);
  opacity: 1;
}

/* 5. Slide down effect */
.revealator-slidedown {
  transform: translate(0, -100px);
  opacity: 0;
}
.revealator-slidedown.revealator-within,
.revealator-slidedown.revealator-partially-above,
.revealator-slidedown.revealator-above,
.revealator-slidedown.revealator-partially-below {
  transform: translate(0, 0);
  opacity: 1;
}

/* 6. Zoom in effect */
.revealator-zoomin {
  transform: scale(0.75);
  opacity: 0;
}
.revealator-zoomin.revealator-within,
.revealator-zoomin.revealator-partially-above,
.revealator-zoomin.revealator-above,
.revealator-zoomin.revealator-partially-below {
  transform: scale(1);
  opacity: 1;
}

/* 7. Zoom out effect */
.revealator-zoomout {
  transform: scale(1.5);
  opacity: 0;
}
.revealator-zoomout.revealator-within,
.revealator-zoomout.revealator-partially-above,
.revealator-zoomout.revealator-above,
.revealator-zoomout.revealator-partially-below {
  transform: scale(1);
  opacity: 1;
}

/* 8. Rotate left effect */
.revealator-rotateleft {
  transform: rotate(20deg);
  opacity: 0;
}
.revealator-rotateleft.revealator-within,
.revealator-rotateleft.revealator-partially-above,
.revealator-rotateleft.revealator-above,
.revealator-rotateleft.revealator-partially-below {
  transform: rotate(0deg);
  opacity: 1;
}

/* 9. Rotate right effect */
.revealator-rotateright {
  transform: rotate(-20deg);
  opacity: 0;
}
.revealator-rotateright.revealator-within,
.revealator-rotateright.revealator-partially-above,
.revealator-rotateright.revealator-above,
.revealator-rotateright.revealator-partially-below {
  transform: rotate(0deg);
  opacity: 1;
}

/* --- DELAYS (Затримки) --- */
/* --- ЗБІЛЬШЕНА СПЕЦИФІЧНІСТЬ ДЛЯ ZATRYMKY (DELAY) --- */

/* Працює для всіх елементів з revealator, навіть якщо SiteOrigin додає свої transition */
[class*="revealator-"].revealator-delay1,
.revealator-delay1  { transition-delay: 100ms !important; }

[class*="revealator-"].revealator-delay2,
.revealator-delay2  { transition-delay: 200ms !important; }

[class*="revealator-"].revealator-delay3,
.revealator-delay3  { transition-delay: 300ms !important; }

[class*="revealator-"].revealator-delay4,
.revealator-delay4  { transition-delay: 400ms !important; }

[class*="revealator-"].revealator-delay5,
.revealator-delay5  { transition-delay: 500ms !important; }

[class*="revealator-"].revealator-delay6,
.revealator-delay6  { transition-delay: 600ms !important; }

[class*="revealator-"].revealator-delay7,
.revealator-delay7  { transition-delay: 700ms !important; }

[class*="revealator-"].revealator-delay8,
.revealator-delay8  { transition-delay: 800ms !important; }

[class*="revealator-"].revealator-delay9,
.revealator-delay9  { transition-delay: 900ms !important; }

[class*="revealator-"].revealator-delay10,
.revealator-delay10 { transition-delay: 1000ms !important; }

[class*="revealator-"].revealator-delay11,
.revealator-delay11 { transition-delay: 1100ms !important; }

[class*="revealator-"].revealator-delay12,
.revealator-delay12 { transition-delay: 1200ms !important; }

[class*="revealator-"].revealator-delay13,
.revealator-delay13 { transition-delay: 1300ms !important; }

[class*="revealator-"].revealator-delay14,
.revealator-delay14 { transition-delay: 1400ms !important; }

[class*="revealator-"].revealator-delay15,
.revealator-delay15 { transition-delay: 1500ms !important; }

[class*="revealator-"].revealator-delay16,
.revealator-delay16 { transition-delay: 1600ms !important; }

[class*="revealator-"].revealator-delay17,
.revealator-delay17 { transition-delay: 1700ms !important; }

[class*="revealator-"].revealator-delay18,
.revealator-delay18 { transition-delay: 1800ms !important; }

[class*="revealator-"].revealator-delay19,
.revealator-delay19 { transition-delay: 1900ms !important; }

[class*="revealator-"].revealator-delay20,
.revealator-delay20 { transition-delay: 2000ms !important; }

[class*="revealator-"].revealator-delay21,
.revealator-delay21 { transition-delay: 2100ms !important; }

[class*="revealator-"].revealator-delay22,
.revealator-delay22 { transition-delay: 2200ms !important; }

[class*="revealator-"].revealator-delay23,
.revealator-delay23 { transition-delay: 2300ms !important; }

[class*="revealator-"].revealator-delay24,
.revealator-delay24 { transition-delay: 2400ms !important; }

[class*="revealator-"].revealator-delay25,
.revealator-delay25 { transition-delay: 2500ms !important; }

[class*="revealator-"].revealator-delay26,
.revealator-delay26 { transition-delay: 2600ms !important; }

[class*="revealator-"].revealator-delay27,
.revealator-delay27 { transition-delay: 2700ms !important; }

[class*="revealator-"].revealator-delay28,
.revealator-delay28 { transition-delay: 2800ms !important; }

[class*="revealator-"].revealator-delay29,
.revealator-delay29 { transition-delay: 2900ms !important; }

[class*="revealator-"].revealator-delay30,
.revealator-delay30 { transition-delay: 3000ms !important; }

/* --- SPEEDS & DURATIONS (Тривалість) --- */
/* --- ПІДВИЩЕНА СПЕЦИФІЧНІСТЬ ДЛЯ СКОРОСТІ ТА ТРИВАЛОСТІ --- */
[class*="revealator-"].revealator-speed1,  [class*="revealator-"].revealator-duration1  { transition-duration: 100ms !important; }
[class*="revealator-"].revealator-speed2,  [class*="revealator-"].revealator-duration2  { transition-duration: 200ms !important; }
[class*="revealator-"].revealator-speed3,  [class*="revealator-"].revealator-duration3  { transition-duration: 300ms !important; }
[class*="revealator-"].revealator-speed4,  [class*="revealator-"].revealator-duration4  { transition-duration: 400ms !important; }
[class*="revealator-"].revealator-speed5,  [class*="revealator-"].revealator-duration5  { transition-duration: 500ms !important; }
[class*="revealator-"].revealator-speed6,  [class*="revealator-"].revealator-duration6  { transition-duration: 600ms !important; }
[class*="revealator-"].revealator-speed7,  [class*="revealator-"].revealator-duration7  { transition-duration: 700ms !important; }
[class*="revealator-"].revealator-speed8,  [class*="revealator-"].revealator-duration8  { transition-duration: 800ms !important; }
[class*="revealator-"].revealator-speed9,  [class*="revealator-"].revealator-duration9  { transition-duration: 900ms !important; }
[class*="revealator-"].revealator-speed10, [class*="revealator-"].revealator-duration10 { transition-duration: 1000ms !important; }
[class*="revealator-"].revealator-speed11, [class*="revealator-"].revealator-duration11 { transition-duration: 1100ms !important; }
[class*="revealator-"].revealator-speed12, [class*="revealator-"].revealator-duration12 { transition-duration: 1200ms !important; }
[class*="revealator-"].revealator-speed13, [class*="revealator-"].revealator-duration13 { transition-duration: 1300ms !important; }
[class*="revealator-"].revealator-speed14, [class*="revealator-"].revealator-duration14 { transition-duration: 1400ms !important; }
[class*="revealator-"].revealator-speed15, [class*="revealator-"].revealator-duration15 { transition-duration: 1500ms !important; }