/* Front + Back texts */

.slide-front-text {
  transform: translateY(-100%);
  opacity: 0;
  transition: all 1s var(--timing) 0s;
}

.single-jetpack-portfolio .slide-front-text {
  transform: translateY(100%);
}

.slide-back-content {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s var(--timing) 0s;
}

.single-jetpack-portfolio .slide-back-content {
  transform: translateY(-100%);
}

.active-section .was-active.active .slide-back-content {
  transform: translateY(-100%);
  opacity: 0;
  transition: all 1.5s var(--timing) 0s;
}

.active-section .was-active.active .slide-front-text {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s var(--timing) 0s;
}

.active-section .active .slide-back-content,
.active-section .active .slide-front-text {
  transform: translateY(0%);
  opacity: 1;
}

.active-section .active > .slide-front-text strong {
  color: var(--accent1);
  transition: all 0.4s linear 1.2s;
}

/* Images + Text */

/*.slide-item.pin {
  z-index: 2 !important;
}*/

.active:last-child:first-child .slide-item-img,
.slide-item-img {
  transform: translateX(-100%);
  opacity: 0;
  animation-fill-mode: forwards;
}

.slide-item-img {
  transition: all 1s var(--timing) 0s;
}

.slider-text-img-post-1 .active:last-child:first-child .slide-item-img,
.slider-text-img-post-1 .slide-item-img {
  transform: translateX(100%);
}

.slide-item-img:has(+.slide-item-img) {
  transition: all 0.5s var(--timing) 0s;
}

.slide-item-img:has(+.slide-item-img+.slide-item-img) {
  transition: all 0.5s var(--timing) 0s;
}

.slide-item-img:nth-child(2) {
  transition: all 0.5s var(--timing) 0.5s;
}

.slide-item-img:nth-child(2):has(+.slide-item-img) {
  transition: all 0.5s var(--timing) 0.5s;
}

.slide-item-img:nth-child(3) {
  transition: all 0.5s var(--timing) 1s;
}


.active-section .active:last-child:first-child .slide-item-img,
.scrolled-up .active:first-child .slide-item-img,
.active:last-child .slide-item-img,
.active-section .is-before .slide-item-img,
.active-section .was-active.active .slide-item-img,
.active-section .active .slide-item-img {
  transform: translateX(0%);
  opacity: 1;
}

.active:last-child:first-child .slide-item-text,
.slide-item-text {
  transform: translateY(200%);
  transition: all 0.5s var(--timing) 0.5s;
  opacity: 0;
  animation-fill-mode: forwards;
}

.active-section .pin:has(+.active) .slide-item-text {
  transform: translateY(-200%);
  opacity: 0;
  transition-delay: 0s;
}

.scrolled-up .active:first-child .slide-item-text,
.active-section .active:last-child:first-child .slide-item-text,
.active:last-child .slide-item-text,
.active-section .active .slide-item-text {
  transform: translateY(0%);
  transition-delay: 0s;
  opacity: 1;
}

.slide-item-text.wow {
    display: flex;
    flex-direction: column;
    justify-content: center;
        transition-delay: 0s;
}

/*Cases Full Screen */

.case-full {
  transform: translateY(100%);
  transition: all 1s var(--timing) 0s;
  z-index: 2 !important;
}

.active-section .active.case-full,
.case-full:first-child {
  transform: translateY(0%);
  pointer-events: all;
}

.active-section .is-before.case-full {
  transform: translateY(0%);
}

.active-section.scrolled-up .case-full.is-after {
  transition-delay: 0s;
}

.active-section .is-after.case-full {
  transition-delay: 1s;
}

.pins:not(.active-section) .case-full.active:last-child {
  transform: translateY(0%);
}

/*Quarter Section*/

.quarter-text2 {
  transform: translateY(100%);
  transition: all 1s var(--timing) 0s;
  opacity: 0;
}

.is-leaving .quarter-text2 {
  transition: all 0.5s var(--timing) 0s;
}

.active .quarter-text2 {
  transform: translateY(0%);
  opacity: 1;
}

.is-after.was-active .quarter-text2,
.is-before .quarter-text2 {
  transform: translateY(-100%);
  opacity: 0;
}

/*Quotes*/

.quote-role:not(.wow),
.quote-text:not(.wow) {
  transform: translateY(100%);
  transition: all 1s var(--timing) 0s;
  opacity: 0;
}

.quote-role:not(.wow) {
  transform: translateX(-100%);
  transition: all 0.5s var(--timing) 0.5s;
}

.active:last-child .quote-role,
.active:last-child .quote-text,
.active-section .active .quote-role,
.active-section .active .quote-text {
  transform: translate(0%, 0%);
  opacity: 1;
}

.active-section .was-active .quote-role,
.active-section .was-active .quote-text {
  transform: translateY(-100%);
  transition: all 1s var(--timing) 0s;
  opacity: 0;
}

/*Footer Texts*/

.footer-cta-text h2 {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s var(--timing) 0s;
}

.footer-cta-text p,
.footer-cta-text table {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s var(--timing) 0.5s;
}

.animation__completed.footer-cta-text h2,
.animation__completed.footer-cta-text p,
.animation__completed.footer-cta-text table {
  transform: translateY(0);
  opacity: 1;
}

/*Impact Text*/

.impact-top-text-text h2 {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s var(--timing) 0s;
}

.impact-top-text-text p {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s var(--timing) 0.5s;
}

.animation__completed.impact-top-text-text h2,
.animation__completed.impact-top-text-text p,
.animation__completed.impact-top-text-text table {
  transform: translateY(0);
  opacity: 1;
}