/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.products.has-equal-box-heights .box-image img.attachment-woocommerce_thumbnail,
.flickity-slider .product-small .box-image img.attachment-woocommerce_thumbnail,
.flickity-slider .product-category .box-image .image-cover img,
.products.has-equal-box-heights .product-category .box-image img {
    right: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    top: 50%;
    position: absolute;
    -o-object-position: unset;
    object-position: unset;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
    transform: translateY(-50%);
}

.products.has-equal-box-heights .box-image img.show-on-hover,
.flickity-slider .product-small .box-image img.show-on-hover {
    right: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    top: 50%;
    position: absolute;
    -o-object-position: unset;
    object-position: unset;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}


.has-hover:hover .show-on-hover {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important;
    transform: scale(1) translateZ(0) translateY(-50%) !important;
    pointer-events: inherit;
}

.flickity-slider .product-small .box-image {
    padding-top: 100%;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}