.text-effect-shortcodes-settings p {
margin-left: 1em;
}
.text-effect-shortcodes-fx-marquee {
display: inline-block;
width: 100%;
min-width: 360px;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.text-effect-shortcodes-marquee span.inner-marquee {
display: inline-block;
padding-left: 85%;
animation: text-effect-shortcodes-marquee 15s linear infinite;
white-space: nowrap;
}
.text-effect-shortcodes-marquee span.inner-marquee:hover {
animation-play-state: paused
}
@keyframes text-effect-shortcodes-marquee {
0%   { transform: translate(0, 0); }
100% { transform: translate(-85%, 0); }
} 
.text-effect-shortcodes-blink {
animation: text-effect-shortcodes-blink 1s linear infinite;
}
@keyframes text-effect-shortcodes-blink {
50% {
opacity: 0;
}
}
span.text-effect-shortcodes-code {
display: inline;
unicode-bidi: embed;
font-family: monospace;
white-space: pre;
}
.text-effect-shortcodes-instructions {
background: #fff;
margin-left: 1em;
width: 77%;
border: 1px dashed #ccc;
border-radius: 4px;
}
.text-effect-shortcodes-instructions table td,
.text-effect-shortcodes-instructions table th {
padding: 1em;
text-align: left;	
}
.text-effect-shortcodes-instructions .wide {
width: 256px;
}
.text-effect-shortcodes-rainbow {
-webkit-animation: text-effect-shortcodes-rainbow 3s infinite; 
-ms-animation: text-effect-shortcodes-rainbow 3s infinite;
animation: text-effect-shortcodes-rainbow 3s infinite; 
}
@-webkit-keyframes text-effect-shortcodes-rainbow {
0%{color: orange;}	
10%{color: purple;}	
20%{color: red;}
40%{color: yellow;}
60%{color: green;}
100%{color: blue;}
100%{color: orange;}	
}
@-ms-keyframes text-effect-shortcodes-rainbow {
0%{color: orange;}	
10%{color: purple;}	
20%{color: red;}
40%{color: yellow;}
60%{color: green;}
100%{color: blue;}
100%{color: orange;}	
}
@keyframes text-effect-shortcodes-rainbow {
0%{color: orange;}	
10%{color: purple;}	
20%{color: red;}
40%{color: yellow;}
60%{color: green;}
100%{color: blue;}
100%{color: orange;}
}