/*

Theme Name:  Salient

Description: Styles for the "Rotating Words Title" page builder element.

*/





.nectar-rotating-words-title .beginning-text,

.nectar-rotating-words-title .ending-text,

.nectar-rotating-words-title .dynamic-words {

  line-height: 1.2;

  display: inline;

}



.nectar-rotating-words-title .dynamic-words > span:not(.active) {

  position: absolute;

  opacity: 0;

  pointer-events: none;

  left: 0;

  top: 0;

}





.nectar-rotating-words-title .beginning-text,

.nectar-rotating-words-title .ending-text,

.nectar-rotating-words-title .dynamic-words {

  vertical-align: middle;

}





.nectar-rotating-words-title:not(.element_stagger_words) .heading {

  line-height: 1;

}





.nectar-rotating-words-title .dynamic-words {

  position: relative;

  transition: width 0.8s cubic-bezier(0.2, 1, 0.3, 1);

  font-size: inherit!important;

  line-height: inherit!important;

  display: inline-block;

}



.nectar-rotating-words-title .dynamic-words span {

  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);

  display: block;

  line-height: 1.2;

  white-space: nowrap;

}



.nectar-rotating-words-title .dynamic-words > span {

  overflow: hidden;

  transform: translate3d(-100%,0,0);

}



.nectar-rotating-words-title .dynamic-words > span span span {

  transform: translate3d(100%,0,0);

  margin: 0 1px;

}



.nectar-rotating-words-title .dynamic-words span.active,

.nectar-rotating-words-title .dynamic-words span.active span span {

  transition-delay: 0.4s;

  transform: translate3d(0,0,0);

}



/* Element Animations */

.nectar-rotating-words-title.element_stagger_words:not(.markup-generated) {

  opacity: 0;

}



.nectar-rotating-words-title.element_stagger_words .text-wrap {

  overflow: hidden;

  display: inline-block;

}



.nectar-rotating-words-title.element_stagger_words .text-wrap > span {

  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);

  transform: translate3d(0, 1.2em, 0);

}



.nectar-rotating-words-title.element_stagger_words .text-wrap > span {

  display: block;

  vertical-align: middle;

}



.nectar-rotating-words-title.element_stagger_words .beginning-text,

.nectar-rotating-words-title.element_stagger_words .ending-text {

  display: inline-block;

  font-size: inherit;

  line-height: inherit;

}



.nectar-rotating-words-title.element_stagger_words .heading {

  line-height: 0.8;

}

.nectar-rotating-words-title.element_stagger_words .beginning-text span,

.nectar-rotating-words-title.element_stagger_words .ending-text span,

.nectar-rotating-words-title.element_stagger_words .dynamic-words span {

  line-height: 1.2;

}





@media only screen and (max-width: 690px) {

  .nectar-rotating-words-title[data-mobile="stacked"] .beginning-text,

  .nectar-rotating-words-title[data-mobile="stacked"] .ending-text {

    display: block;

  }

}







