.wadi_fancy_text_stacked_yes {
  .wadi_fancy_text_wrapper {
    .wadi_fancy_text_elem {
      display: block;
    }

    &.wadi_fancy_text_wrapper_slideup {
      .wadi_fancy_text_container {
        display: inline-block !important;
      }
    }
    .wadi_fancy_text_container {
      display: block !important;
    }
  }
}


.wadi_fancy_text_wrapper {
  display: inline-block;
  width: 100%;

  &.wadi_fancy_text_wrapper_highlighted {
    .wadi_fancy_text_elem {
      display: inline;
      vertical-align: top;
      box-sizing: content-box; 
      overflow: hidden;
      
    }
  }
  .wadi_fancy_text_elem {
    display: inline-block;
    vertical-align: top;
  }

  &.wadi_fancy_text_wrapper_slideup {
    opacity: 0;
    overflow: hidden;
    font-size: 2rem;
    font-weight: 600;
    
    .wadi_fancy_text_container {

      display: inline;
      box-sizing: content-box;
      overflow: hidden;
      vertical-align: top;
    }


  }
  &.wadi_fancy_text_wrapper_typed {
    
    .wadi_fancy_text_container {

      box-sizing: content-box;
      overflow: hidden;
      // vertical-align: middle;
    }


  }

  .wadi_fancy_text_prefix {
    word-break: break-word;
    vertical-align: top;
  }

  .wadi_fancy_text_container {
    display: inline;
    box-sizing: content-box;
    overflow: hidden;
    // vertical-align: middle;




    .wadi_ticker_wrapper {
      position: relative;
      box-sizing: content-box;
      overflow: hidden;

      .wadi_ticker {
            text-align: center;
            list-style: none;
            display: inline;
            .wadi_ticker_item_text {
                display: inline-block;
                white-space: nowrap;
            }
        }

    }


    .rough-annotation {
      overflow: visible;
      visibility: visible;
      opacity: 1;
      transition: visibility 1s, opacity 1s linear;


      &.wadi_hide_rough_notation {
        width: 0;
        height: 0;
        overflow: hidden;
      //  -prefix-animation: slide 1s ease 3.5s forwards;

        visibility: hidden;
        opacity: 0;
        transition: visibility 2s, opacity 2s linear;
      }

    }
  }
  
  .wadi_fancy_text_suffix {
    word-break: break-word;
    vertical-align: top;
  }
}



@-webkit-keyframes fadeInFromNone {
  0% {
      display: none;
      width: 0;
      height: 0;
      overflow: hidden;
      display: none;
  }

  1% {
      display: block;
      opacity: 0;
  }

  100% {
    display: block;
    width: 100px;
    height: 100px;
    overflow: visible;
    display: block;
  }
}

@-moz-keyframes fadeInFromNone {
   0% {
      display: none;
      width: 0;
      height: 0;
      overflow: hidden;
      display: none;
  }

  1% {
      display: block;
      opacity: 0;
  }

  100% {
    display: block;
    width: 100px;
    height: 100px;
    overflow: visible;
    display: block;
  }
}

@-o-keyframes fadeInFromNone {
   0% {
      display: none;
      width: 0;
      height: 0;
      overflow: hidden;
      display: none;
  }

  1% {
      display: block;
      opacity: 0;
  }

  100% {
    display: block;
    width: 100px;
    height: 100px;
    overflow: visible;
    display: block;
  }
}

@keyframes fadeInFromNone {
   0% {
      display: none;
      width: 0;
      height: 0;
      overflow: hidden;
      display: none;
  }

  1% {
      display: block;
      opacity: 0;
  }

  100% {
    display: block;
    width: 100px;
    height: 100px;
    overflow: visible;
    display: block;
  }
}

// Slide down Fancy Text

.wadi_fancy_text_wrapper {
  &:not(.wadi_fancy_text_wrapper_slideup):not(.wadi_fancy_text_wrapper_highlighted){
    
    & .wadi_fancy_text_container {
      display: inline-block;
      position: relative;

      & .wadi_ticker {
        position: absolute;
        white-space: nowrap;
        left: 0;
        top: 0;
        &.wadi_slide_active {
          display: inline-block;
          position: relative;
        }
      }
    }
    
    & .wadi_fancy_text_prefix, & .wadi_fancy_text_suffix {
      display: inline-block;
      vertical-align: top;
    }
  }
}



.wadi_fancy_text_wrapper.wadi_fancy_text_wrapper_slide_down {

  .wadi_ticker_wrapper {
    max-width: 100%;
    overflow: hidden;
    .wadi_ticker {
      &:not(.wadi_slide_active) {
        opacity: 0;
      }
      &.wadi_slide_active {
        opacity: 1;
        -webkit-animation: wadi_slide_down_in 0.6s;
        animation: wadi_slide_down_in 0.6s;
      }
      &.wadi_slide_inacitve {
        opacity: 0;
        -webkit-animation: wadi_slide_down_out 0.6s;
        animation: wadi_slide_down_out 0.6s;
      }
    }
  }
}


@-webkit-keyframes wadi_slide_down_in {
  0% {
      visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
  }
  60% {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
  }
  100% {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
@keyframes wadi_slide_down_in {
  0% {
      visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
  }
  60% {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(20%);
      transform: translateY(20%);
  }
  100% {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}


@-webkit-keyframes wadi_slide_down_out {
  0% {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  60% {
    visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(120%);
      transform: translateY(120%);
  }
  100% {
    visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
}
@keyframes wadi_slide_down_out {
  0% {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  60% {
    visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(120%);
      transform: translateY(120%);
  }
  100% {
    visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
}


.wadi_fancy_text_wrapper.wadi_fancy_text_wrapper_drop_in {

  .wadi_ticker_wrapper {
    // max-width: 100%;
    // overflow: hidden;
    -webkit-perspective: 300px;
    perspective: 300px;

    .wadi_ticker {
      &:not(.wadi_slide_active) {
        opacity: 0;
      }
      &.wadi_slide_active {
        position: relative !important;
        opacity: 1;
        -webkit-animation: wadi_drop_in 0.8s;
        animation: wadi_drop_in 0.6s;
      }
      &.wadi_slide_inacitve {
        opacity: 0;
        -webkit-animation: wadi_drop_out 0.8s;
        animation: wadi_drop_out 0.6s;
      }
    }
  }
}


@-webkit-keyframes wadi_drop_in {
  0% {
      opacity: 0;
      -webkit-transform: translateZ(100px);
      transform: translateZ(100px); 
    }
  100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);   
    } 
}

@keyframes wadi_drop_in {
   0% {
      opacity: 0;
      -webkit-transform: translateZ(100px);
      transform: translateZ(100px); 
    }
  100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);   
    } 
}

@-webkit-keyframes wadi_drop_out {
  0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
  100% {
      opacity: 0;
      -webkit-transform: translateZ(-100px);
      transform: translateZ(-100px); 
    } 
  }

@keyframes wadi_drop_out {
  0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); 
    }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px); 
    }   
  }


.wadi_fancy_text_wrapper.wadi_fancy_text_wrapper_push {

  .wadi_ticker_wrapper {
    max-width: 100%;
    overflow: hidden;
    -webkit-perspective: 300px;
    perspective: 300px;

    .wadi_ticker {
      &:not(.wadi_slide_active) {
        opacity: 0;
      }
      &.wadi_slide_active {
        opacity: 1;
        -webkit-animation: wadi_push_in 0.6s;
        animation: wadi_push_in 0.6s;
      }
      &.wadi_slide_inacitve {
        opacity: 0;
        -webkit-animation: wadi_push_out 0.6s;
        animation: wadi_push_out 0.6s;
      }
    }
  }
}
@-webkit-keyframes wadi_push_in {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
  }
  60% {
      opacity: 1;
      -webkit-transform: translateX(10%);
      transform: translateX(10%);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}
@keyframes wadi_push_in {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
  }
  60% {
      opacity: 1;
      -webkit-transform: translateX(10%);
      transform: translateX(10%);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}
@-webkit-keyframes wadi_push_out {
  0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  60% {
      opacity: 0;
      -webkit-transform: translateX(110%);
      transform: translateX(110%);
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
  }
}
@keyframes wadi_push_out {
  0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  60% {
      opacity: 0;
      -webkit-transform: translateX(110%);
      transform: translateX(110%);
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
  }
}

.wadi_fancy_text_wrapper.wadi_fancy_text_wrapper_clip {

  .wadi_ticker_wrapper {
    overflow: hidden;
    vertical-align: top;

    &::after{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 2px;
      height: 100%;
    }

    .wadi_ticker {
      &:not(.wadi_slide_active) {
        opacity: 0;
      }
      &.wadi_slide_active {
        opacity: 1;
      }
      &.wadi_slide_inacitve {
        opacity: 0;
      }
    }
  }
}

// Rotate


.wadi_fancy_text_wrapper.wadi_fancy_text_wrapper_rotate {

  .wadi_fancy_text_container {
    box-sizing: content-box;
    overflow: hidden;
    // vertical-align: middle;

    .wadi_ticker_wrapper {
      overflow: hidden;
      vertical-align: top;
      -webkit-perspective: 300px;
      perspective: 300px;
      
      .wadi_ticker {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
  
        &:not(.wadi_slide_active) {
          opacity: 0;
        }
        &.wadi_slide_active {
          position: relative !important;
          -webkit-transform: rotateX(0);
          transform: rotateX(0);
          -webkit-animation: wadi_rotate_in 1.2s;
          animation: wadi_rotate_in 1.2s;
        }
        &.wadi_slide_inacitve {
          -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
          -webkit-animation: wadi_rotate_out 1.2s;
          animation: wadi_rotate_out 1.2s;
        }
      }
    }
  }

}


@-webkit-keyframes wadi_rotate_in {
  0% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
  }
  35% {
      -webkit-transform: rotateX(120deg);
      transform: rotateX(120deg);
      opacity: 0;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(360deg);
      transform: rotateX(360deg);
      opacity: 1;
  }
}
@keyframes wadi_rotate_in {
  0% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
  }
  35% {
      -webkit-transform: rotateX(120deg);
      transform: rotateX(120deg);
      opacity: 0;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(360deg);
      transform: rotateX(360deg);
      opacity: 1;
  }
}
@-webkit-keyframes wadi_rotate_out {
  0% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
      opacity: 1;
  }
  35% {
      -webkit-transform: rotateX(-40deg);
      transform: rotateX(-40deg);
      opacity: 1;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
  }
}
@keyframes wadi_rotate_out {
  0% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
      opacity: 1;
  }
  35% {
      -webkit-transform: rotateX(-40deg);
      transform: rotateX(-40deg);
      opacity: 1;
  }
  65% {
      opacity: 0;
  }
  100% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
  }
}