.paragraph.paragraph--width--full > .paragraph__column, .paragraph.paragraph--width--medium > .paragraph__column, .paragraph.paragraph--width--narrow > .paragraph__column, .paragraph.paragraph--width--tiny > .paragraph__column, .paragraph.paragraph--width--wide > .paragraph__column, .paragraph > .paragraph__column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.paragraph {
    display: table;
    margin-left: 0;
    margin-right: 0;
    table-layout: fixed;
    width: 100%
}

.paragraph:after, .paragraph:before {
    content: " ";
    display: table;
    table-layout: fixed
}

.paragraph:after {
    clear: both
}

.paragraph > .paragraph__column {
    padding-bottom: 30px
}

.paragraph--type--bp-carousel .paragraph:last-of-type > .paragraph__column, .paragraph--type--bp-columns .paragraph:last-of-type > .paragraph__column, .paragraph--type--bp-columns-three-uneven .paragraph:last-of-type > .paragraph__column, .paragraph--type--bp-columns-two-uneven .paragraph:last-of-type > .paragraph__column, .paragraph--type--bp-tabs .paragraph:last-of-type > .paragraph__column {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .paragraph > .paragraph__column {
        float: left;
        width: 100%
    }

    .paragraph.paragraph--width--tiny > .paragraph__column {
        float: left;
        width: 33.33333333%;
        margin-left: 33.33333333%
    }

    .paragraph.paragraph--width--narrow > .paragraph__column {
        float: left;
        width: 50%;
        margin-left: 25%
    }

    .paragraph.paragraph--width--medium > .paragraph__column {
        float: left;
        width: 66.66666667%;
        margin-left: 16.66666667%
    }

    .paragraph.paragraph--width--wide > .paragraph__column {
        float: left;
        width: 83.33333333%;
        margin-left: 8.33333333%
    }

    .paragraph.paragraph--width--full > .paragraph__column {
        float: left;
        width: 100%
    }
}

.paragraph .paragraph, .paragraph .paragraph .paragraph {
    margin-left: 0;
    margin-right: 0
}

.paragraph > .paragraph__column .paragraph > .paragraph__column, .paragraph > .paragraph__column .paragraph > .paragraph__column .paragraph > .paragraph__column {
    float: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto
}

.paragraph.paragraph--color > .paragraph__column {
    padding-top: 30px;
    padding-bottom: 30px
}

.paragraph.paragraph--color + .paragraph > .paragraph__column {
    padding-top: 30px
}

.paragraph--color--rgba-blue-light {
    background: rgba(3, 169, 244, .3)
}

.paragraph--color--rgba-red-light {
    background: rgba(244, 67, 54, .3)
}

.paragraph--color--rgba-pink-light {
    background: rgba(233, 30, 99, .3)
}

.paragraph--color--rgba-purple-light {
    background: rgba(156, 39, 176, .3)
}

.paragraph--color--rgba-indigo-light {
    background: rgba(63, 81, 181, .3)
}

.paragraph--color--rgba-cyan-light {
    background: rgba(0, 188, 212, .3)
}

.paragraph--color--rgba-teal-light {
    background: rgba(0, 150, 136, .3)
}

.paragraph--color--rgba-green-light {
    background: rgba(76, 175, 80, .3)
}

.paragraph--color--rgba-lime-light {
    background: rgba(205, 220, 57, .3)
}

.paragraph--color--rgba-yellow-light {
    background: rgba(255, 235, 59, .3)
}

.paragraph--color--rgba-orange-light {
    background: rgba(255, 152, 0, .3)
}

.paragraph--color--rgba-brown-light {
    background: rgba(121, 85, 72, .3)
}

.paragraph--color--rgba-grey-light {
    background: rgba(158, 158, 158, .3)
}

.paragraph--color--rgba-bluegrey-light {
    background: rgba(96, 125, 139, .3)
}

.paragraph--color--rgba-black-light {
    background: rgba(0, 0, 0, .3)
}

.paragraph--color--rgba-stylish-light {
    background: rgba(62, 69, 81, .3)
}

.paragraph--color--rgba-white-light {
    background: rgba(255, 255, 255, .3)
}

.paragraph--color--rgba-blue-strong {
    background: rgba(3, 169, 244, .7)
}

.paragraph--color--rgba-red-strong {
    background: rgba(244, 67, 54, .7)
}

.paragraph--color--rgba-pink-strong {
    background: rgba(233, 30, 99, .7)
}

.paragraph--color--rgba-purple-strong {
    background: rgba(156, 39, 176, .7)
}

.paragraph--color--rgba-indigo-strong {
    background: rgba(63, 81, 181, .7)
}

.paragraph--color--rgba-cyan-strong {
    background: rgba(0, 188, 212, .7)
}

.paragraph--color--rgba-teal-strong {
    background: rgba(0, 150, 136, .7)
}

.paragraph--color--rgba-green-strong {
    background: rgba(76, 175, 80, .7)
}

.paragraph--color--rgba-lime-strong {
    background: rgba(205, 220, 57, .7)
}

.paragraph--color--rgba-yellow-strong {
    background: rgba(255, 235, 59, .7)
}

.paragraph--color--rgba-orange-strong {
    background: rgba(255, 152, 0, .7)
}

.paragraph--color--rgba-brown-strong {
    background: rgba(121, 85, 72, .7)
}

.paragraph--color--rgba-grey-strong {
    background: rgba(158, 158, 158, .7)
}

.paragraph--color--rgba-bluegrey-strong {
    background: rgba(96, 125, 139, .7)
}

.paragraph--color--rgba-black-strong {
    background: rgba(0, 0, 0, .7)
}

.paragraph--color--rgba-stylish-strong {
    background: rgba(62, 69, 81, .7)
}

.paragraph--color--rgba-white-strong {
    background: rgba(255, 255, 255, .7)
}

.paragraph--color--rgba-blue-slight {
    background: rgba(3, 169, 244, .1)
}

.paragraph--color--rgba-red-slight {
    background: rgba(244, 67, 54, .1)
}

.paragraph--color--rgba-pink-slight {
    background: rgba(233, 30, 99, .1)
}

.paragraph--color--rgba-purple-slight {
    background: rgba(156, 39, 176, .1)
}

.paragraph--color--rgba-indigo-slight {
    background: rgba(63, 81, 181, .1)
}

.paragraph--color--rgba-cyan-slight {
    background: rgba(0, 188, 212, .1)
}

.paragraph--color--rgba-teal-slight {
    background: rgba(0, 150, 136, .1)
}

.paragraph--color--rgba-green-slight {
    background: rgba(76, 175, 80, .1)
}

.paragraph--color--rgba-lime-slight {
    background: rgba(205, 220, 57, .1)
}

.paragraph--color--rgba-yellow-slight {
    background: rgba(255, 235, 59, .1)
}

.paragraph--color--rgba-orange-slight {
    background: rgba(255, 152, 0, .1)
}

.paragraph--color--rgba-brown-slight {
    background: rgba(121, 85, 72, .1)
}

.paragraph--color--rgba-grey-slight {
    background: rgba(158, 158, 158, .1)
}

.paragraph--color--rgba-bluegrey-slight {
    background: rgba(96, 125, 139, .1)
}

.paragraph--color--rgba-black-slight {
    background: rgba(0, 0, 0, .1)
}

.paragraph--color--rgba-stylish-slight {
    background: rgba(62, 69, 81, .1)
}

.paragraph--color--rgba-white-slight {
    background: rgba(255, 255, 255, .1)
}

.paragraph--color--danger, .paragraph--color--info, .paragraph--color--primary, .paragraph--color--secondary, .paragraph--color--success, .paragraph--color--transparent, .paragraph--color--warning {
    background: 0 0
}