.rkit-advanced-heading,
.rkit-advanced-heading a {
display: inline-block;
position: relative;
-webkit-background-clip: text; background-clip: text;
margin: 0;
}
.rkit-advanced-heading-wrapper {
display: inline-block;
position: relative;
width: 100%;
}
.rkit-advanced-heading-wrapper::before {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
text-align: left;
content: attr(data-background-text);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-color: black;
}
.rkit-advanced-heading span:not(.headline-container , .text-container) {
display: inline;
position: relative;
white-space: nowrap;
text-wrap: wrap;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.rkit-advanced-heading .text {
background-color: black;
text-decoration-color: black;
}
.rkit-advanced-heading .headline-text {
background-color: #00cea6;
text-decoration-color: #00cea6;
}
.rkit-advanced-heading .headline-container {
display: inline-flex;
}
.animation-headline-gradient-enabled .headline-text,
.animation-heading-gradient-enabled .text
{
background-size: 400% 400%;
background-position: left top;
animation-name: gradient-animation;
animation-iteration-count: infinite;
animation-duration: 3s;
}
@keyframes gradient-animation {
0% {
background-position: 0% 50%;
}
25% {
background-position: 100% 0%;
}
50% {
background-position: 50% 100%;
}
75% {
background-position: 0% 100%;
}
100% {
background-position: 0% 50%;
}
}