/*!
	Package:          Cherish Local CSS for WooCommerce Thumbnail Layout on single pages
	Author:           Christina Arasmo Beymer
	Author URI:       https://christinacreativedesign.com
	Version:          1.0.0
	License:          GPLv3 or later
	License URI:      https://www.gnu.org/licenses/gpl-3.0.en.html
	Copyright:        (c) 2016 Christina Arasmo Beymer | ChristinaCreativeDesign.com.
	Attribution:      Copyright Notice/license information must stay intact for legal use as per section 7 (b)
*/

/* Contains WooCommerce 2.6 and 2.7 styles */

.has-woo-thumbnails:after,
.woo-main-image:after {
    content: '';
    display: table;
    clear: both;
}

.woo-main-image {
    position: relative
}

@media (min-width: 1000px) { 
	.woo-summary-container .has-woo-thumbnails {
	    width: 50%;
	    float: left;
	}
}

.woo-summary-container .has-woo-thumbnails {
    margin-bottom: 30px
}

.woocommerce #content div.product .has-woo-thumbnails div.images,
.woocommerce div.product .has-woo-thumbnails div.images,
.woocommerce-page #content div.product .has-woo-thumbnails div.images,
.woocommerce-page div.product .has-woo-thumbnails div.images {
    float: none;
    width: 100%;
    margin: 0;
}

.cherish .woo-summary-container .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li img {
    opacity: 1
}

.woocommerce .product .woo-main-image .woo-onsale {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: -1px;
}

@media (min-width: 600px) { 
	body.woo-legacy.cherish .woo-main-image {
	    position: relative;
	    float: right;
	    padding-left: 45px;
	}

	.woocommerce .product .woo-main-image .woo-onsale {
	    left: 44px
	}

	body.woo-legacy.cherish .woo-summary-container .has-woo-thumbnails .thumbnails {
	    width: 40px;
	    float: left;
	    margin-right: -40px;
	    position: relative;
	    z-index: 1;
	}

	body.woo-legacy.cherish .woo-summary-container .has-woo-thumbnails .thumbnails a {
	    width: 100%;
	    margin: 0 0 5px 0;
	    display: block;
	    float: none;
	    max-width: none;
	}

	body.woo-legacy.cherish .woo-summary-container .has-woo-thumbnails .thumbnails img {
	    width: 100%;
	    margin: 0;
	    display: block;
	}
}