FileMaster

Edit File: premium-title.css

/**************** Premium Title ****************/
/***********************************************/
.premium-title-container .premium-title-header {
  position: relative;
  margin: 0;
  padding: 10px;
}
.premium-title-container .premium-title-header:not(.premium-title-style7) {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.premium-title-container .premium-title-header svg {
  width: 40px;
  height: 40px;
}
.premium-title-container .premium-title-header img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.premium-title-container .premium-title-header a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.premium-title-container .premium-lottie-animation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.premium-title-icon-row .premium-title-icon {
  margin-right: 10px;
}

.premium-title-icon-row-reverse .premium-title-icon {
  margin-left: 10px;
}

.premium-title-flex-start .premium-title-header {
  text-align: left;
}

.premium-title-center .premium-title-header {
  text-align: center;
}

.premium-title-flex-end .premium-title-header {
  text-align: right;
}

.premium-title-style3,
.premium-title-style4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.premium-title-style1,
.premium-title-style2,
.premium-title-style5,
.premium-title-style6,
.premium-title-style8,
.premium-title-style9 {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.premium-title-style7 {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.premium-title-style7 .premium-title-style7-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.premium-title-style1 {
  border-width: 0;
  border-left: 3px solid #6ec1e4;
}

.premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
  border-bottom: 3px solid #6ec1e4;
}

/*Style 6 Header*/
.premium-title-style6:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -2px;
  content: "";
  border: 3px solid transparent;
}

/*Style 6 Trinagle*/
.premium-title-style7-stripe-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.premium-title-style7:before {
  display: none;
}

.premium-title-style8 .premium-title-text[data-animation=shiny] {
  background-size: 125px !important;
  color: rgba(255, 255, 255, 0);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-animation-name: pa-shinny-text !important;
  animation-name: pa-shinny-text !important;
  -webkit-animation-duration: var(--animation-speed) !important;
  animation-duration: var(--animation-speed) !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
}

@-webkit-keyframes pa-shinny-text {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}

@keyframes pa-shinny-text {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}
.premium-title-style9[data-animation-blur=process] .premium-title-style9-letter {
  -webkit-animation: pa-blur-shadow 2s 1 alternate;
  animation: pa-blur-shadow 2s 1 alternate;
}

@-webkit-keyframes pa-blur-shadow {
  from {
    text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
    color: transparent;
  }
  to {
    text-shadow: 0;
  }
}

@keyframes pa-blur-shadow {
  from {
    text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
    color: transparent;
  }
  to {
    text-shadow: 0;
  }
}
.premium-title-gradient-yes .premium-title-text,
.premium-title-gradient-yes .premium-title-icon {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
  background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
  -webkit-animation: pa-text-gradient 8s infinite;
  animation: pa-text-gradient 8s infinite;
}

.premium-title-noise-yes .premium-title-text {
  position: relative;
}
.premium-title-noise-yes .premium-title-text::before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: pa-noise-anim-1 3s infinite linear alternate-reverse;
  width: 100%;
  height: 100%;
}
.premium-title-noise-yes .premium-title-text::after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: pa-noise-anim-2 2s infinite linear alternate-reverse;
  width: 100%;
  height: 100%;
}

.premium-title-clipped .premium-title-text {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@-webkit-keyframes pa-text-gradient {
  0%, 100% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes pa-text-gradient {
  0%, 100% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
@-webkit-keyframes pa-noise-anim-1 {
  0% {
    clip: rect(52px, 9999px, 137px, 0);
  }
  5% {
    clip: rect(88px, 9999px, 297px, 0);
  }
  10% {
    clip: rect(81px, 9999px, 162px, 0);
  }
  15% {
    clip: rect(38px, 9999px, 229px, 0);
  }
  20% {
    clip: rect(62px, 9999px, 123px, 0);
  }
  25% {
    clip: rect(5px, 9999px, 217px, 0);
  }
  30% {
    clip: rect(9px, 9999px, 180px, 0);
  }
  35% {
    clip: rect(17px, 9999px, 3px, 0);
  }
  40% {
    clip: rect(97px, 9999px, 194px, 0);
  }
  45% {
    clip: rect(9px, 9999px, 18px, 0);
  }
  50% {
    clip: rect(94px, 9999px, 5px, 0);
  }
  55% {
    clip: rect(53px, 9999px, 89px, 0);
  }
  60% {
    clip: rect(2px, 9999px, 124px, 0);
  }
  65% {
    clip: rect(24px, 9999px, 177px, 0);
  }
  70% {
    clip: rect(45px, 9999px, 98px, 0);
  }
  75% {
    clip: rect(75px, 9999px, 16px, 0);
  }
  80% {
    clip: rect(9px, 9999px, 81px, 0);
  }
  85% {
    clip: rect(56px, 9999px, 186px, 0);
  }
  90% {
    clip: rect(53px, 9999px, 29px, 0);
  }
  95% {
    clip: rect(86px, 9999px, 254px, 0);
  }
  100% {
    clip: rect(63px, 9999px, 176px, 0);
  }
}
@keyframes pa-noise-anim-1 {
  0% {
    clip: rect(52px, 9999px, 137px, 0);
  }
  5% {
    clip: rect(88px, 9999px, 297px, 0);
  }
  10% {
    clip: rect(81px, 9999px, 162px, 0);
  }
  15% {
    clip: rect(38px, 9999px, 229px, 0);
  }
  20% {
    clip: rect(62px, 9999px, 123px, 0);
  }
  25% {
    clip: rect(5px, 9999px, 217px, 0);
  }
  30% {
    clip: rect(9px, 9999px, 180px, 0);
  }
  35% {
    clip: rect(17px, 9999px, 3px, 0);
  }
  40% {
    clip: rect(97px, 9999px, 194px, 0);
  }
  45% {
    clip: rect(9px, 9999px, 18px, 0);
  }
  50% {
    clip: rect(94px, 9999px, 5px, 0);
  }
  55% {
    clip: rect(53px, 9999px, 89px, 0);
  }
  60% {
    clip: rect(2px, 9999px, 124px, 0);
  }
  65% {
    clip: rect(24px, 9999px, 177px, 0);
  }
  70% {
    clip: rect(45px, 9999px, 98px, 0);
  }
  75% {
    clip: rect(75px, 9999px, 16px, 0);
  }
  80% {
    clip: rect(9px, 9999px, 81px, 0);
  }
  85% {
    clip: rect(56px, 9999px, 186px, 0);
  }
  90% {
    clip: rect(53px, 9999px, 29px, 0);
  }
  95% {
    clip: rect(86px, 9999px, 254px, 0);
  }
  100% {
    clip: rect(63px, 9999px, 176px, 0);
  }
}
@-webkit-keyframes pa-noise-anim-2 {
  0% {
    clip: rect(14px, 9999px, 1px, 0);
  }
  5% {
    clip: rect(19px, 9999px, 125px, 0);
  }
  10% {
    clip: rect(17px, 9999px, 123px, 0);
  }
  15% {
    clip: rect(46px, 9999px, 253px, 0);
  }
  20% {
    clip: rect(28px, 9999px, 79px, 0);
  }
  25% {
    clip: rect(64px, 9999px, 284px, 0);
  }
  30% {
    clip: rect(58px, 9999px, 55px, 0);
  }
  35% {
    clip: rect(18px, 9999px, 14px, 0);
  }
  40% {
    clip: rect(61px, 9999px, 120px, 0);
  }
  45% {
    clip: rect(63px, 9999px, 13px, 0);
  }
  50% {
    clip: rect(59px, 9999px, 298px, 0);
  }
  55% {
    clip: rect(20px, 9999px, 159px, 0);
  }
  60% {
    clip: rect(49px, 9999px, 73px, 0);
  }
  65% {
    clip: rect(70px, 9999px, 149px, 0);
  }
  70% {
    clip: rect(70px, 9999px, 49px, 0);
  }
  75% {
    clip: rect(82px, 9999px, 189px, 0);
  }
  80% {
    clip: rect(25px, 9999px, 211px, 0);
  }
  85% {
    clip: rect(76px, 9999px, 12px, 0);
  }
  90% {
    clip: rect(2px, 9999px, 192px, 0);
  }
  95% {
    clip: rect(9px, 9999px, 20px, 0);
  }
  100% {
    clip: rect(41px, 9999px, 164px, 0);
  }
}
@keyframes pa-noise-anim-2 {
  0% {
    clip: rect(14px, 9999px, 1px, 0);
  }
  5% {
    clip: rect(19px, 9999px, 125px, 0);
  }
  10% {
    clip: rect(17px, 9999px, 123px, 0);
  }
  15% {
    clip: rect(46px, 9999px, 253px, 0);
  }
  20% {
    clip: rect(28px, 9999px, 79px, 0);
  }
  25% {
    clip: rect(64px, 9999px, 284px, 0);
  }
  30% {
    clip: rect(58px, 9999px, 55px, 0);
  }
  35% {
    clip: rect(18px, 9999px, 14px, 0);
  }
  40% {
    clip: rect(61px, 9999px, 120px, 0);
  }
  45% {
    clip: rect(63px, 9999px, 13px, 0);
  }
  50% {
    clip: rect(59px, 9999px, 298px, 0);
  }
  55% {
    clip: rect(20px, 9999px, 159px, 0);
  }
  60% {
    clip: rect(49px, 9999px, 73px, 0);
  }
  65% {
    clip: rect(70px, 9999px, 149px, 0);
  }
  70% {
    clip: rect(70px, 9999px, 49px, 0);
  }
  75% {
    clip: rect(82px, 9999px, 189px, 0);
  }
  80% {
    clip: rect(25px, 9999px, 211px, 0);
  }
  85% {
    clip: rect(76px, 9999px, 12px, 0);
  }
  90% {
    clip: rect(2px, 9999px, 192px, 0);
  }
  95% {
    clip: rect(9px, 9999px, 20px, 0);
  }
  100% {
    clip: rect(41px, 9999px, 164px, 0);
  }
}

Back