.king-addons-content-flip-box {
position: relative;
transition: all 500ms ease;
transform-style: preserve-3d;
perspective: 1000px;
}
.king-addons-content-flip-box-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.king-addons-content-flip-box-front {
z-index: 5;
}
.king-addons-content-flip-box[data-trigger="box"] {
cursor: pointer;
}
.elementor-widget-king-addons-content-flip-box .king-addons-content-flip-box-front .king-addons-content-flip-box-content .king-addons-content-flip-box-title,
.elementor-widget-king-addons-content-flip-box .king-addons-content-flip-box-back .king-addons-content-flip-box-content .king-addons-content-flip-box-title {
font-size: 22px;
font-weight: 600;
}
.elementor-widget-king-addons-content-flip-box .king-addons-content-flip-box-front .king-addons-content-flip-box-content .king-addons-content-flip-box-description,
.elementor-widget-king-addons-content-flip-box .king-addons-content-flip-box-back .king-addons-content-flip-box-content .king-addons-content-flip-box-description {
font-size: 16px;
}
.king-addons-content-flip-box-item {
transition-property: all;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.king-addons-content-flip-box-content {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.king-addons-content-flip-box-overlay {
position: absolute;
z-index: 5;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.king-addons-content-flip-box-link {
position: absolute;
z-index: 20;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.king-addons-content-flip-box-button,
.king-addons-content-flip-box-button-backside {
display: inline-table;
cursor: pointer;
}
.king-addons-content-flip-box-button-icon {
margin-left: 5px;
} .king-addons-content-flip-box-button span,
.king-addons-content-flip-box-button-backside span {
position: relative;
z-index: 2;
opacity: 1 !important;
} .king-addons-content-flip-box-button:before,
.king-addons-content-flip-box-button-backside:before,
.king-addons-content-flip-box-button:after,
.king-addons-content-flip-box-button-backside:after {
z-index: 1 !important;
}
.king-addons-content-flip-box-image img {
display: block;
width: 100%;
}
.king-addons-content-flip-box-title a, .king-addons-content-flip-box-title a:hover {
color: inherit;
}
.king-addons-content-flip-box-front-align-left .king-addons-content-flip-box-front .king-addons-content-flip-box-image img,
.king-addons-content-flip-box-back-align-left .king-addons-content-flip-box-back .king-addons-content-flip-box-image img {
float: left;
}
.king-addons-content-flip-box-front-align-center .king-addons-content-flip-box-front .king-addons-content-flip-box-image img,
.king-addons-content-flip-box-back-align-center .king-addons-content-flip-box-back .king-addons-content-flip-box-image img {
margin: 0 auto;
}
.king-addons-content-flip-box-front-align-right .king-addons-content-flip-box-front .king-addons-content-flip-box-image img,
.king-addons-content-flip-box-back-align-right .king-addons-content-flip-box-back .king-addons-content-flip-box-image img {
float: right;
}
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
transform: rotateX(0) rotateY(-180deg);
}
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
transform: rotateX(0) rotateY(180deg);
}
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
transform: rotateX(-180deg) rotateY(0);
}
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-flip.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
transform: rotateX(180deg) rotateY(0);
}
.king-addons-content-flip-box-animation-flip .king-addons-content-flip-box-active .king-addons-content-flip-box-back {
transform: none;
}
.king-addons-content-flip-box-animation-3d-yes .king-addons-content-flip-box-content {
transform: translateZ(70px) scale(.93);
transform-style: preserve-3d;
}
.king-addons-content-flip-box-animation-push .king-addons-content-flip-box,
.king-addons-content-flip-box-animation-slide .king-addons-content-flip-box {
overflow: hidden;
}
.king-addons-content-flip-box-animation-push .king-addons-content-flip-box-back, .king-addons-content-flip-box-animation-slide .king-addons-content-flip-box-back {
z-index: 10;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-back {
top: 100%;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-active .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-active .king-addons-content-flip-box-back {
top: 0;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-back {
top: auto;
bottom: 100%;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-active .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-active .king-addons-content-flip-box-back {
top: auto;
bottom: 0;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-back {
left: 100%;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-active .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-active .king-addons-content-flip-box-back {
left: 0;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-back {
right: 100%;
left: auto;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-active .king-addons-content-flip-box-back,
.king-addons-content-flip-box-animation-slide.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-active .king-addons-content-flip-box-back {
right: 0;
left: auto;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-up .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
top: -100%;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-down .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
top: 100%;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-left .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
left: -100%;
}
.king-addons-content-flip-box-animation-push.king-addons-content-flip-box-anim-direction-right .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
left: 100%;
}
.king-addons-content-flip-box-animation-fade .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
visibility: hidden;
opacity: 0;
}
.king-addons-content-flip-box-animation-zoom-in .king-addons-content-flip-box-back {
z-index: 10;
transform: scale(0.9);
opacity: 0;
}
.king-addons-content-flip-box-animation-zoom-in .king-addons-content-flip-box-active .king-addons-content-flip-box-back {
transform: scale(1);
opacity: 1;
}
.king-addons-content-flip-box-animation-zoom-out .king-addons-content-flip-box-active .king-addons-content-flip-box-front {
visibility: hidden;
transform: scale(0.9);
opacity: 0;
}
.king-addons-content-flip-animation-timing-linear {
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.king-addons-content-flip-animation-timing-ease {
transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
.king-addons-content-flip-animation-timing-ease-in {
transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
.king-addons-content-flip-animation-timing-ease-out {
transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
}