.layout,
.borderAbove {
border: 1px solid {{design.borderColor.toColor()}};
}
.content {
background-color: {{design.bgColor.toColor()}};
}
.color-bg {
background-color: {{design.bgColorAlt.toColor()}};
border-bottom: 3px solid {{design.bgColorAlt.changeBrightness(-0.4)}};
}
.sub-title {
color: {{design.txtColorSubTitle.toColor()}};
font-size: {{design.subTitleSize}}px;
}
.info-holder > div {
text-shadow: 1px 1px 0 {{changeBrightnessRGBA(design.bgColorAlt, -0.4, 0.7)}};
}
.button {
background-color: {{design.btnColor.toColor()}};
border-bottom: 3px solid {{design.btnColor.changeBrightness(-0.4)}};
color: {{design.txtColorCta.toColor()}};
}
.button.no-shadow {
border-bottom: 1px solid {{design.btnColor.toColor()}};
}
.button span {
text-shadow: 0 1px 0 {{changeBrightnessRGBA(design.btnColor, -0.4, 0.9)}};
}
.product-content:hover {
-moz-box-shadow: 0 0 2px {{design.glowColor.toColor()}};
-webkit-box-shadow: 0 0 2px {{design.glowColor.toColor()}};
box-shadow: 0 0 2px {{design.glowColor.toColor()}};
}
.product-name {
color: {{design.txtColorProduct.toColor()}};
font-size: {{design.nameSize}}px;
}
.product-price-value {
color: {{design.txtColorPrice.toColor()}};
}
.product-price-prefix {
color: {{design.txtColorPricePrefix.toColor()}};
}
.product-details {
background-color: {{design.txtColorPrice.toColor()}};
}
{{product.name}}
{{headline.pricePrefix}}
{{product.price}} {{headline.priceSuffix}}
{{product.subTitle}}
{{headline.disclaimer}}