/**********************/
/* 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(.5);transform: scale(.5);opacity: 1;}
    to{-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
}
@keyframes wdt-expand
{
    0%{-webkit-transform: scale(.5);transform: scale(.5);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;-webkit-transition: var(--wdt-elementor-base-transition);transition: var(--wdt-elementor-base-transition);-webkit-transform: translateZ(0);transform: translateZ(0);border-color: var(--wdt-elementor-color-primary);border-radius: 0;background-color: var(--wdt-elementor-color-primary);}
.wdt-hotspot-item-active .wdt-hotspot-item-trigger{border-color: var(--wdt-elementor-color-secondary);background-color: var(--wdt-elementor-color-secondary);}
.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;border-radius: 0;background: transparent;}
.wdt-hotspot-holder .tippy-box .tippy-content{padding: 20px;border-radius: 0;}
.wdt-hotspot-holder .tippy-box .tippy-content h5{line-height: 1;-webkit-transition: var(--wdt-elementor-base-transition);transition: var(--wdt-elementor-base-transition);}
.wdt-hotspot-holder .tippy-box .tippy-content p{margin: 0;-webkit-transition: var(--wdt-elementor-base-transition);transition: var(--wdt-elementor-base-transition);}
