@import '../../../../assets/scss/abstracts/variables';
@import '../../../../assets/scss/abstracts/mixins';

.rdg-blocks .rdg-paragraph-color {
    width: 100%;

    @include title;

    .body {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: var(--background-image);
        padding: 2rem 2.5rem;
        border-radius: 1rem;

        .content-title {
            display: block;
            padding-bottom: .8rem;
            color: var(--color-paragraph-color-title);
        }

        .content {
            display: block;
            text-align: justify;
            color: var(--color-paragraph-color-content);
        }
    }
}

.acf-block-preview {
    .rdg-paragraph-color {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
