@import 'field-social-sharing.scss';
@import 'field-social-links.scss';
@import 'field-info-bar.scss';
@import 'field-donation-button.scss';
@import 'field-campaign-summary.scss';

/* common css for preview fields in the campaign builder */

.charitable-campaign-field {

    &.charitable-field-align-center {
        &.charitable-campaign-field_campaign-title {
            display: table;
        }
        margin-left: auto;
        margin-right: auto;
        form button {
            margin-left: auto;
            margin-right: auto;
        }
    }
    &.charitable-field-align-left {
        margin-left: 0;
        margin-right: auto;
        form button {
            margin-left: 0;
            margin-right: auto;
        }
    }
    &.charitable-field-align-right {
        margin-left: auto;
        margin-right: 0;
        form button {
            margin-left: auto;
            margin-right: 0;
        }
    }

}

.charitable-campaign-builder-field-no-preview {
    font-size: $font_size_s;
    border: 1px solid #ccc;
    font-style: italic;
    p {
        opacity: .65;
        margin: 5px;
        padding: 10px;
        border: 0;
    }
}