/**
 * common styles for Page-content[the content part of admin]
 */


.bl-group {
    position: relative;
}

.page-content ul,
.page-content ul ul {
    list-style-type: square;
}

@media (min-width: 769px) {
    .page-content .bl-list {
        margin-left: 35px;
    }
}

.page-content blockquote {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    border-width: 0;
}
.page-content blockquote:before {
    content:'';
    width:7px;
    height: 100%;
    background-image: var(--featured-gradient);
    position: absolute;
    top: 0;
    left:0;
}

/**
 * color settings
 */

.has-black-background-color {
    background-color: var(--color-body);
}
.has-white-background-color {
    background-color: var(--color-white);
}
.has-ribbon-background-color {
    background-color: var(--color-link);
}
.has-black-color {
    color:var(--color-body);
}
.has-white-color {
    color:var(--color-white);
}
.has-ribbon-color {
    color:var(--color-link);
}

.btn.has-black-background-color {
    --bgcolor-btn:var(--color-body);
}
.btn.has-white-background-color {
    --bgcolor-btn:var(--color-white);
}
.btn.has-ribbon-background-color {
    --bgcolor-btn:var(--color-link);
}
.btn.has-black-color {
    --color-btn:var(--color-body);
}
.btn.has-white-color {
    --color-btn:var(--color-white);
}
.btn.has-ribbon-color {
    --color-btn:var(--color-link);
}