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

 /* .woocommerce-product-gallery__image{
    overflow: auto;
    border:2px solid red;
    float:left;
    display:flex;
 } */
 
 .product-video-gallery-for-wc-wrapper { 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    position: relative; 
    margin: auto !important; 
}
.product-video-gallery-for-wc-wrapper img { 
    width: 100% !important ; 
    height: 100% !important; 
    margin: auto !important; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
}

.product-video-gallery-for-wc-wrapper span { 
    font-size: 24px; 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%,-50%); 
}
.woocommerce div.product div.images .flex-control-thumbs li .product-video-gallery-for-wc-wrapper {
    cursor: pointer;
    opacity: .5;
    margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li .product-video-gallery-for-wc-wrapper:hover, .woocommerce div.product div.images .flex-control-thumbs li .product-video-gallery-for-wc-wrapper.flex-active {
    opacity: 1;
}