/**
* ----------------------------------------------------------------------------
* Frontend CSS
* ----------------------------------------------------------------------------
*/
.wp-block-biz-blocks-hover-card {
    display: block;
    position: relative;
    max-width: 100%;
}

.wp-block-biz-blocks-hover-card-front, .wp-block-biz-blocks-hover-card-back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.wp-block-biz-blocks-hover-card-front {
    z-index: 2;
}

.wp-block-biz-blocks-hover-card-back {
    z-index: 1;
    display:none;
}

.wp-block-biz-blocks-hover-card .biz_img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
.wp-block-biz-blocks-hover-card .text_wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
}

.wp-block-biz-blocks-hover-card .text_box {
    padding: 16px;
}

.wp-block-biz-blocks-hover-card .text_box>*:first-child {
    margin-top: 0px;
}

.wp-block-biz-blocks-hover-card .text_box>*:last-child {
    margin-bottom: 0px;
}

.wp-block-biz-blocks-hover-card-front.left-top>.text_wrap, .wp-block-biz-blocks-hover-card-back.left-top>.text_wrap {
    align-items: flex-start;
    justify-content: flex-start;
}

.wp-block-biz-blocks-hover-card-front.center-top>.text_wrap, .wp-block-biz-blocks-hover-card-back.center-top>.text_wrap {
    align-items: flex-start;
    justify-content: center;
}

.wp-block-biz-blocks-hover-card-front.right-top>.text_wrap, .wp-block-biz-blocks-hover-card-back.right-top>.text_wrap {
    align-items: flex-start;
    justify-content: flex-end;
}

.wp-block-biz-blocks-hover-card-front.left-center>.text_wrap, .wp-block-biz-blocks-hover-card-back.left-center>.text_wrap {
    align-items: center;
    justify-content: flex-start;
}

.wp-block-biz-blocks-hover-card-front.center-center>.text_wrap, .wp-block-biz-blocks-hover-card-back.center-center>.text_wrap {
    align-items: center;
    justify-content: center;
}

.wp-block-biz-blocks-hover-card-front.right-center>.text_wrap, .wp-block-biz-blocks-hover-card-back.right-center>.text_wrap {
    align-items: center;
    justify-content: flex-end;
}

.wp-block-biz-blocks-hover-card-front.left-bottom>.text_wrap, .wp-block-biz-blocks-hover-card-back.left-bottom>.text_wrap {
    align-items: flex-end;
    justify-content: flex-start;
}

.wp-block-biz-blocks-hover-card-front.center-bottom>.text_wrap, .wp-block-biz-blocks-hover-card-back.center-bottom>.text_wrap {
    align-items: flex-end;
    justify-content: center;
}

.wp-block-biz-blocks-hover-card-front.right-bottom>.text_wrap, .wp-block-biz-blocks-hover-card-back.right-bottom>.text_wrap {
    align-items: flex-end;
    justify-content: flex-end;
}

/* Default Animation */
@keyframes fade_in {
    0% {
        opacity: 0;
    }

    99% {
    }

    100% {
        opacity: 1;
    }
}

.wp-block-biz-blocks-hover-card.animate-default:hover>.wp-block-biz-blocks-hover-card-back {
    animation: fade_in 0.25s 1;
    z-index: 3;
    display:block;
}

/* Flip Animation */
@keyframes flip {
    0% {
        transform: rotateY(90deg);
        z-index: 3;
    }

    100% {
        transform: rotateY(0deg);
    }
}

.wp-block-biz-blocks-hover-card.animate-flip:hover>.wp-block-biz-blocks-hover-card-back {
    animation: flip 0.5s 1;
    z-index: 3;
    display:block;
}

/* Zoom Animation */
@keyframes zoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.05)
    }
}

.wp-block-biz-blocks-hover-card.animate-zoom {
    z-index: 10;
    position: relative;
}

.wp-block-biz-blocks-hover-card.animate-zoom:hover>.wp-block-biz-blocks-hover-card-back {
    animation: zoom 0.25s 1;
    transform: scale(1.05);
    z-index: 3;
    display:block;
}