/*
CMS elements
==============================================
Skin styling for cms elements
*/

.cms-element-product-listing {
    .cms-listing-row {
        margin-right: -$cms-element-product-listing-gutter-width / 2;
        margin-left: -$cms-element-product-listing-gutter-width / 2;
    }

    .cms-listing-col {
        padding-right: $cms-element-product-listing-gutter-width / 2;
        padding-left: $cms-element-product-listing-gutter-width / 2;
    }

    .cms-listing-col {
        margin-bottom: $cms-element-product-listing-gutter-width;
    }
}

.cms-element-text {
    blockquote {
        font-size: $font-size-lg;
        font-style: italic;
        line-height: 24px;
        margin-top: 16px;
        margin-left: 20px;
        position: relative;

        &::before {
            content: '"';
            font-size: 40px;
            line-height: 16px;
            color: $cms-element-text-quotes-color;
            position: absolute;
            top: 10px;
            left: -24px;
        }
    }
}
