: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
/* this ensures that a constrained height set by functionPosition,
if greater that the natural height of the tooltip, will be enforced
in browsers that support display:flex */
/* this may be overriden in JS for fixed position origins */
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
and flex-basis auto for IE11- (at least) */
/* prevents an overflow if the user adds padding to the div */
/* these make sure we'll be able to detect any overflow */
/* these let us test the size of the tooltip without overflowing the window */
/* Open/close animations */
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
.tooltipster-fade.tooltipster-show {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
.tooltipster-swing.tooltipster-show {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
.tooltipster-fall.tooltipster-initial {
.tooltipster-fall.tooltipster-show {
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
.tooltipster-slide.tooltipster-initial {
.tooltipster-slide.tooltipster-show {
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
@keyframes tooltipster-fading {
.tooltipster-update-fade {
animation: tooltipster-fading 400ms;
@keyframes tooltipster-rotating {
transform: rotate(-2deg);
.tooltipster-update-rotate {
animation: tooltipster-rotating 600ms;
@keyframes tooltipster-scaling {
.tooltipster-update-scale {
animation: tooltipster-scaling 600ms;
* DEFAULT STYLE OF THE SIDETIP PLUGIN
* All styles are "namespaced" with .tooltipster-sidetip to prevent
* conflicts between plugins.
.tooltipster-sidetip .tooltipster-box {
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
/* half the width, for centering */
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
/* same as .tooltipster-left .tooltipster-arrow */
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: black;
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: black;
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: black;
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
@media (min-width: 960px) {
body .ctf-tooltip-wizard.tooltipster-sidetip {
.wp-editor .ctf-tooltip-wizard{
-webkit-transform: translateY(63px) translateX(17px);
transform: translateY(63px) translateX(17px);
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box{
background: #fff!important;
border: 1px solid #eee!important;
border-radius: 2px!important;
box-shadow: 0px 1px 18px rgba(0,0,0,0.2)!important;
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-content{
color: #434960!important;
padding: 6px 20px!important;
.ctf-tooltip-wizard .ctf-tooltip-wizard-head {
.ctf-tooltip-wizard .ctf-tooltip-wizard-txt{
.ctf-tooltip-wizard .ctf-tooltip-wizard-actions button{
background: #F3F4F5!important;
cursor: pointer!important;
border: 1px solid #DCDDE1!important;
padding: 5px 20px!important;
.ctf-tooltip-wizard .ctf-tooltip-wizard-actions{
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:before, .ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
box-shadow: 0px 1px 18px rgba(0,0,0,0.2);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-box:after {
-webkit-transform: rotate(0deg);
.ctf-tooltip-wizard.tooltipster-sidetip .tooltipster-arrow{
#ctf-gutenberg-tooltip-content{
.ctf-tlp-wizard-cls:before, .ctf-tlp-wizard-cls:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
.ctf-tlp-wizard-cls:after{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
.ctf-tooltip-wizard.tooltipster-sidetip #ctf-gutenberg-tooltip-content{
.ctf-tooltip-wizard.tooltipster-sidetip {
.is-fullscreen-mode .ctf-tooltip-wizard.tooltipster-sidetip {
@media (max-width: 960px) {
.ctf-tooltip-wizard.tooltipster-sidetip {