.layout {
border: 1px solid {{ design.borderColor.toColor() }} !important;
}
.background {
background-color: {{ design.bgColor.toColor() }} !important;
}
.background-alt {
background-color: {{ design.bgColorAlt.toColor() }} !important;
}
.item-panel.onActive {
background-color: {{ design.btnColor.toColor() }} !important;
border: 1px solid {{ design.btnColor.toColor() }} !important;
}
.cta {
background-color: {{ design.btnColor.toColor() }} !important;
color: {{ design.txtColorCta.toColor() }} !important;
}
.cta:hover {
background-color: {{ design.btnRollColor.toColor() }} !important;
}
.text-holder .name {
color: {{ design.txtColorProduct.toColor() }} !important;
}
.text-holder .description {
color: {{ design.txtColorSubTitle.toColor() }} !important;
}
.text-holder .price-prefix {
color: {{ design.txtColorPricePrefix.toColor() }} !important;
}
.text-holder .price {
color: {{ design.txtColorPrice.toColor() }} !important;
}
#header-segment .logo-panel{
height: {{ isEmpty(headline.disclaimer) ? '100%' : ''}} !important;
}
.disclaimer-panel{
color: {{ design.txtColorDisc.toColor() }};
display: {{ isEmpty(headline.disclaimer) ? 'none' : 'block'}} !important;
height: {{ isEmpty(headline.disclaimer) ? '0' : ''}} !important;
}
.col-1-3{
width: {{products.length === 1 ? "100%" : ''}} !important;
}
.col-1-3{
width: {{products.length === 2 ? "50%" : ''}} !important;
}
{{product.name}}
{{product.subTitle}}
{{headline.pricePrefix}}
{{product.price}}