/**********************/
/* Hotspot trigger animations*/
/**********************/


/* Animations */

@-webkit-keyframes wdt-soft-beat
{
from
{-webkit-transform: scale(1);transform: scale(1);}
to
{-webkit-transform: scale(1.1);transform: scale(1.1);}
}
@keyframes wdt-soft-beat
{
from
{-webkit-transform: scale(1);transform: scale(1);}
to
{-webkit-transform: scale(1.1);transform: scale(1.1);}
}

@-webkit-keyframes wdt-expand
{
0%
{-webkit-transform: scale(.8);transform: scale(.8);opacity: 1;}
to
{-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
}
@keyframes wdt-expand
{
0%
{-webkit-transform: scale(.8);transform: scale(.8);opacity: 1;}
to
{-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
}

@keyframes ripple
{
0%
{transform: scale(1);opacity: .8;}
45%
{transform: scale(1.75);opacity: 0;border-width: 10;}
}

/* Soft Beat */

.wdt-hotspot-soft-beat{-webkit-animation: wdt-soft-beat .7s infinite alternate;animation: wdt-soft-beat .7s infinite alternate;-webkit-animation-timing-function: ease;animation-timing-function: ease;}

/* Expand */

.wdt-hotspot-expand:before{-webkit-animation: wdt-expand 2s infinite;animation: wdt-expand 2s infinite;}
.wdt-hotspot-expand:before{position: absolute;z-index: -1;width: 100%;height: 100%;content: '';opacity: 0;border-radius: inherit;background-color: inherit;}

/* Overlay */

.wdt-hotspot-overlay{-webkit-transition: opacity .2s;-o-transition: opacity .2s;transition: opacity .2s;opacity: .7;}
.wdt-hotspot-item-active .wdt-hotspot-overlay{opacity: 1;}

/* Ripple */

.wdt-hotspot-ripple:before{-webkit-animation: ripple 3s ease-out infinite;animation: ripple 3s ease-out infinite;}
.wdt-hotspot-ripple:before{position: absolute;z-index: -1;width: 100%;height: 100%;content: '';opacity: 0;border-width: 2px;border-style: solid;border-color: inherit;border-radius: inherit;}
.wdt-hotspot-item-active .wdt-hotspot-item-trigger.wdt-hotspot-ripple:before{-webkit-animation-play-state: paused;animation-play-state: paused;}

/**********************/
/* Tooltip animations*/
/**********************/

/* Scale */

.tippy-box[data-animation=scale][data-placement*=top]{transform-origin: bottom;}
.tippy-box[data-animation=scale][data-placement*=bottom]{transform-origin: top;}
.tippy-box[data-animation=scale][data-placement*=left]{transform-origin: right;}
.tippy-box[data-animation=scale][data-placement*=right]{transform-origin: left;}
.tippy-box[data-animation=scale][data-state=hidden]{transform: scale(.5);opacity: 0;}

/* Perspective */

.tippy-box[data-animation=perspective][data-placement^=top]{transform-origin: bottom;}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible]{transform: perspective(700px);}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden]{transform: perspective(700px) translateY(8px) rotateX(60deg);}
.tippy-box[data-animation=perspective][data-placement^=bottom]{transform-origin: top;}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible]{transform: perspective(700px);}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden]{transform: perspective(700px) translateY(-8px) rotateX(-60deg);}
.tippy-box[data-animation=perspective][data-placement^=left]{transform-origin: right;}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible]{transform: perspective(700px);}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden]{transform: perspective(700px) translateX(8px) rotateY(-60deg);}
.tippy-box[data-animation=perspective][data-placement^=right]{transform-origin: left;}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible]{transform: perspective(700px);}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden]{transform: perspective(700px) translateX(-8px) rotateY(60deg);}
.tippy-box[data-animation=perspective][data-state=hidden]{opacity: 0;}

/* shift-away */

.tippy-box[data-animation=shift-away][data-state=hidden]{opacity: 0;}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform: translateY(10px);}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform: translateY(-10px);}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform: translateX(10px);}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform: translateX(-10px);}

/* shift-toward */

.tippy-box[data-animation=shift-toward][data-state=hidden]{opacity: 0;}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top]{transform: translateY(-10px);}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom]{transform: translateY(10px);}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left]{transform: translateX(-10px);}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right]{transform: translateX(10px);}

/* Others */

.wdt-hotspot-holder{position: relative;}
.wdt-hotspot-holder .wdt-hotspot-repeater-item{position: absolute;}
.wdt-hotspot-item-trigger{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; width: 40px; height: 40px; font-size: calc(var(--wdtFontSize_Base) + 4px); -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); -webkit-transform: translateZ(0); transform: translateZ(0); border-color: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); background-color: var(--wdtPrimaryColor); cursor: pointer; }
.wdt-hotspot-item-active .wdt-hotspot-item-trigger{ border-color: var(--wdtPrimaryColor); background-color: var(--wdtPrimaryColor); }
.wdt-hotspot-item-trigger > *:not(:last-child) { margin: 0 10px 0 0; }

/* Hotspot Item Default */

.wdt-hotspot-item-trigger div[class*="wdt-hotspot-item-"]{line-height: 1;display: inline-flex;align-items: center;justify-content: center;-webkit-transition: var(--wdt-elementor-base-transition);transition: var(--wdt-elementor-base-transition);color: var(--wdt-elementor-color-white);}
.wdt-hotspot-item-active .wdt-hotspot-item-trigger .wdt-hotspot-item-default{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* Tool Tip */

.wdt-hotspot-item-tooltip{display: none;visibility: hidden;}
.wdt-hotspot-holder .tippy-box{ padding: 0; color: var(--wdtBodyTxtColor); background: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); box-shadow: none; -webkit-box-shadow: none; }
.wdt-hotspot-holder .tippy-box .tippy-content{ padding: 20px 20px 10px; border-radius: 0; }
.wdt-hotspot-holder .tippy-box .tippy-content h5{line-height: 1;margin: 0 0 15px;-webkit-transition: var(--wdt-elementor-base-transition);transition: var(--wdt-elementor-base-transition);}
.wdt-hotspot-holder .tippy-box .tippy-content p{ margin: 0 0 10px 0; -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); }
.wdt-hotspot-holder .tippy-arrow { color: var(--wdtAccentTxtColor); }
.wdt-hotspot-holder [data-tippy-root] { pointer-events: all !important; }