/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.tppqw_woocommerce_shop_loop_item_title_15,
.tppqw_woocommerce_shop_loop_item_title_10,
.tppqw_woocommerce_after_shop_loop_item_10{
    margin: 10px 0 !important;
}

.tppqw_woocommerce_before_shop_loop_item_title_10{
    /* display: none !important; */
}

.tppqw_woocommerce_shop_loop_item_title_5{
    display: none !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    margin: 20% 0 !important;
    text-align: center !important;
}
li.product:hover > .tppqw_woocommerce_shop_loop_item_title_5{
    display: block !important;
    -webkit-animation: tppqwanim 0.3s ease-in-out;
    animation: tppqwanim 0.3s ease-in-out;
}

@-webkit-keyframes tppqwanim {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes tppqwanim {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}