
/*--------------------------------------------------------------*/
    /* #region - Secondary Image Hover Effects */
/*--------------------------------------------------------------*/

    .woocommerce ul[class*="product-hover-secimage"].product-thumb-bg-image li.product.product-with-secondary-image .product-thumb .image .primary-image,
    .woocommerce ul[class*="product-hover-secimage"].product-thumb-bg-image li.product.product-with-secondary-image .product-thumb .image .secondary-image,
    .woocommerce ul[class*="product-hover-secimage"]:not(.product-thumb-bg-image) li.product.product-with-secondary-image .product-thumb .image .primary-image img,
    .woocommerce ul[class*="product-hover-secimage"]:not(.product-thumb-bg-image) li.product.product-with-secondary-image .product-thumb .image .secondary-image img { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }


	/* Secondary Image Hover Effect - Hinge*
	-------------------------------------- */
	.woocommerce ul[class*="product-hover-secimage-hinge"].product-thumb-bg-image li.product.product-with-secondary-image .product-thumb .image,
	.woocommerce ul[class*="product-hover-secimage-hinge"]:not(.product-thumb-bg-image) li.product.product-with-secondary-image .product-thumb .image img {
		-webkit-perspective: 50em;
		perspective: 50em; 
	}

	.woocommerce ul[class*="product-hover-secimage-hinge"].product-thumb-bg-image li.product.product-with-secondary-image .product-thumb .image .secondary-image,
	.woocommerce ul[class*="product-hover-secimage-hinge"]:not(.product-thumb-bg-image) li.product.product-with-secondary-image .product-thumb .image .secondary-image img {
		opacity: 0;
	}

	.woocommerce ul[class*="product-hover-secimage-hinge"].product-thumb-bg-image li.product.product-with-secondary-image:hover .product-thumb .image .primary-image,
	.woocommerce ul[class*="product-hover-secimage-hinge"]:not(.product-thumb-bg-image) li.product.product-with-secondary-image:hover .product-thumb .image .primary-image img {
		opacity: 0; 
	}

	.woocommerce ul[class*="product-hover-secimage-hinge"].product-thumb-bg-image li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image,
	.woocommerce ul[class*="product-hover-secimage-hinge"]:not(.product-thumb-bg-image) li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image img {
		opacity: 1;
		-webkit-transition-delay: 0.21s;
		transition-delay: 0.21s; 
	}


	/* Secondary Image Hover Effect - HingeDown
	----------------------------------------- */
	.woocommerce ul.products.product-hover-secimage-hingedown.product-thumb-bg-image li.product.product-with-secondary-image .product-thumb .image .primary-image,
	.woocommerce ul.products.product-hover-secimage-hingedown:not(.product-thumb-bg-image) li.product.product-with-secondary-image .product-thumb .image .primary-image img {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%; 
	}

	.woocommerce ul.products.product-hover-secimage-hingedown.product-thumb-bg-image li.product.product-with-secondary-image .product-thumb .image .secondary-image,
	.woocommerce ul.products.product-hover-secimage-hingedown:not(.product-thumb-bg-image) li.product.product-with-secondary-image .product-thumb .image .secondary-image img {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 50% -50%;
		transform-origin: 50% -50%; 
	}

	.woocommerce ul.products.product-hover-secimage-hingedown.product-thumb-bg-image li.product.product-with-secondary-image:hover .product-thumb .image .primary-image,
	.woocommerce ul.products.product-hover-secimage-hingedown:not(.product-thumb-bg-image) li.product.product-with-secondary-image:hover .product-thumb .image .primary-image img {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}

	.woocommerce ul.products.product-hover-secimage-hingedown.product-thumb-bg-image li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image,
	.woocommerce ul.products.product-hover-secimage-hingedown:not(.product-thumb-bg-image) li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image img {
		-webkit-transform: rotateX(0);
		transform: rotateX(0); 
	}

/* #endregion - Secondary Image Hover Effects */        		