/* Prepend .Product selector to override the rules in the Block Editor stylesheet. It will still work in Customise Design. */

/* Major elements */
.Product {position:relative;overflow:hidden;border-width:0;border-style:solid;margin:10px auto; padding-top:1rem !important; box-sizing:border-box;float:left;clear:none !important; border-radius:10px !important; box-shadow:#ccc 0 0 20px; transition: all 0.2s ease-in-out;
-moz-transition:0.15s cubic-bezier(0.88 0.04 0.43 0.33);
    -webkit-transition:0.15s cubic-bezier(0.88 0.04 0.43 0.33);
    -o-transition:0.15s cubic-bezier(0.88 0.04 0.43 0.33);
    -ms-transition:0.15s cubic-bezier(0.88 0.04 0.43 0.33);
    transition:0.15s cubic-bezier(0.88 0.04 0.43 0.33);
    -moz-transform:translate3d(0 0 0);
    -webkit-transform:translate3d(0 0 0);
    -o-transform:translate3d(0 0 0);
    -ms-transform:translate3d(0 0 0);
    transform:translate3d(0 0 0);
font-size:1em;}
.Product:hover{-moz-transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
.Product .ProductIntroduction {margin:0 0 20px 0;text-align:left;font-size:1em;}
.Product .ProductIntroduction span{white-space: normal !important;}
.Product .ProductIntroduction p {margin:0;text-align:left;font-size:1em;}

/* Title area */
.Product .ProductTitle {font-size:1.2em;margin:0.4em 0;text-align:left;}

/* Product image*/
.Product .ProductImageGroupContainer {overflow:hidden;display:table-row;}
.Product .ProductImageContainer {text-align:center;background-color:transparent;width:auto!important;}
.Product .ProductImageContainer > .ImgLink.HasSlider {width:80%;}
.Product .ProductImageContainer > .ThumbnailSliderContainer {width:19%;}
.Product .ProductImageContainer .ProductImageCaption {line-height:12px;font-size:0.625em;padding:2px;}
.Product .ProductImageContainer .ProductImageCaptionIcon.Icon {opacity:0.3;}
.Product .NoImage .ProductImage {min-height:130px;}
.Product .NoImage .ProductImage [class^='icon-'] {min-height:1px;vertical-align:middle;position:absolute;margin-left:-12px;left:50%;margin-top:-12px;top:50%;opacity:0.3;filter:alpha(opacity=30);}
.Product .ProductImage {display:inline-block;margin:0 auto;}
.Product .ProductImage img {max-width:350px;max-height:350px;width:auto;height:auto; margin-top: 0 !important;}
.Product .ProductImage > a > span {display:block!important;}
.Product .ThumbnailSliderContainer {background-color:transparent;}
.Product .ThumbnailSlider .ThumbnailSliderItem {border-width:1px;border-style:solid;}
.Product .ThumbnailSlider {width:auto!important;}

/* Product pricing */
.Product .ProductPriceContainer {min-height:1px;padding:0;display:block;margin:0 0 10px 0;}
.Product .ProductMoreDetails {display:inline-block;font-size:0.875em;font-weight:bold;padding:0;margin:0 0 1em 0;line-height:16px;height:36px;min-height:36px;border-style:solid;border-width:1px;}
.Product .ProductMoreDetails a {color:inherit;background-color:transparent;padding:0 10px;line-height:36px;display:inline-block;}

.Product .ProductPriceOriginal {margin:0.3em 0 0;font-size:1.4em;line-height:20px;display:inline-block;width:100%;}/* old price */
.Product .ProductPrice {display:inline-block;vertical-align:middle;line-height:1em;margin-right:5px; padding:0;text-align:right;font-size:1.5em;font-weight:bold;} /* current price */
.Product .ProductPriceCalculated {display:inline-block;line-height:0.9em;font-size:1.5em;margin:0 0 0.1em 0;padding:0;} /* discounted price */
.Product .ProductCurrencySymbol {font-size:.4em;vertical-align:baseline;padding-right:3px;}
.Product .ProductPriceOriginal .ProductCurrencySymbol {font-size:1em;}
.Product .ProductPriceOtherInformation {padding:1px 0px;line-height:15px;font-size:0.75em;margin:0 0 20px 0;font-style:normal;}
.Product .ProductPriceOtherInformation a{background: transparent;}
.ProductPriceOtherInformation *:empty { display: none; }
.ProductPriceOtherInformation:empty {display:none;}
.ProductPriceOtherInformationPart {display:inline-block;padding:0 3px 0 0;}
.ProductPriceOtherInformationPart * {padding:0 3px 0 0;white-space:nowrap;}
.ProductPriceOtherInformationPart::before {content:"|";margin-right:4px;display:inline-block;}
span.ProductPriceOtherInformationPart::before {content:"";}
.ProductPriceOtherInformationPart:empty + .ProductPriceOtherInformationPart::before {content:"";margin-right:0;display:none;}
:first-child.ProductPriceOtherInformationPart::before {content:"";margin-right:0;display:none;}
.ProductIncTaxes + .ProductWeight::before, .ShippingChargeForProduct + .ProductWeight::before {content:"("!important;display:inline-block!important;margin-right:0;}
.ProductIncTaxes + .ProductWeight::after, .ShippingChargeForProduct + .ProductWeight::after {content:")";}
.ProductPriceOriginal:empty, .ProductPrice:empty, .ProductPriceCalculated:empty  {display:none;}
.Product .ProductPriceIntro {font-size:1em;width:auto;display:inline-block;}
.Product .ProPercentage {display:inline-block;}

.center-content{text-align: center;}

#ProductLoop{max-width: 100%; padding-top: 20px;}

/* Discount */
.Product .ProductContainer1 {padding:5px;display:inline-block;margin:0 0 10px 0;line-height:1;}
.Product .ProductContainer1 div {vertical-align:middle;display:inline-block;}

@media all and (max-width:1240px){
    .Product{
        width: 46% !important;
    }
}
@media all and (min-width:965px) and (max-width:1240px){

}
@media all and (min-width:768px) and (max-width:964px){
}
@media all and (max-width:768px){
	body {font-size: 100%;}
	.Product {width:44% !important;margin:10px auto;padding:0 10px;}
	.ProductPriceOtherInformation {font-size: 1em;}
	.ThemeVersion-11 .ImgLink{margin: 0 auto;}
}
@media all and (max-width: 640px){
    .Product{width:90% !important;margin:0 auto !important;padding:0 10px; float: none; margin: 0 auto 30px auto !important;}
}
@media all and (max-width: 480px){
}
@media (max-width: 414px){

}



.Product .ProductPrice p{text-align:right;font-size:1.5em;font-weight:bold;}
.Product .ProductPrice td{text-align:right;font-size:1.5em;font-weight:bold;}
.Product .ProductPrice li{text-align:right;font-size:1.5em;font-weight:bold;}
.Product .ProductPriceCalculated p{font-size:1.5em;}
.Product .ProductPriceCalculated td{font-size:1.5em;}
.Product .ProductPriceCalculated li{font-size:1.5em;}
.Product .ProductPriceOriginal p{font-size:1.4em;}
.Product .ProductPriceOriginal td{font-size:1.4em;}
.Product .ProductPriceOriginal li{font-size:1.4em;}
.Product .ProductTitle p{font-size:1.2em;text-align:left;}
.Product .ProductTitle td{font-size:1.2em;text-align:left;}
.Product .ProductTitle li{font-size:1.2em;text-align:left;}
.Product .ProductIntroduction td{font-size:1em;text-align:left;}
.Product .ProductIntroduction li{font-size:1em;text-align:left;}
#ProductContainer1{font-size:;font-weight:;font-style:;text-decoration:;text-align:left;}
#ProductContainer1 p{font-size:;font-weight:;font-style:;text-decoration:;text-align:left;}
#ProductContainer1 td{font-size:;font-weight:;font-style:;text-decoration:;text-align:left;}
#ProductContainer1 li{font-size:;font-weight:;font-style:;text-decoration:;text-align:left;}
.Product p{font-size:1em;}
.Product td{font-size:1em;}
.Product li{font-size:1em;}
.ProductPriceOtherInformation p{font-size:0.92em;font-style:normal;}
.ProductPriceOtherInformation td{font-size:0.92em;font-style:normal;}
.ProductPriceOtherInformation li{font-size:0.92em;font-style:normal;}
/*
Version tag, please don't remove
$Revision: 38177 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V12_00/bin/SFXTemplates/ProductLoops/SFX-100_1/stylesheet.css $
*/