/**
 * Layout elements category
 *
 * Contents:
 ** core/buttons
 ** core/columns
 ** core/group
 ** core/separator
 ** core/spacer
*/

/* core/buttons */

.is-style-outline .btn {
    --color-btn:var(--color-body);
    --bgcolor-btn: transparent;
    border-color:inherit
}
.bl-buttons.aligncenter .row{
    justify-content: center;
}
.bl-buttons.alignleft,
.bl-buttons.alignright {
    float:none;
    max-width: 100%;
}
.bl-buttons.alignright .row{
    justify-content: flex-end;
}

/* core/columns */

.bl-columns {
    margin-left: calc(-1 * var(--padding-col-unit));
    margin-right: calc(-1 * var(--padding-col-unit));
    overflow: hidden;
}
.bl-columns .col {
    background-clip: content-box;
    display: flex;

}
.bl-columns .col > .inner {
    width:100%;
}
.bl-columns .col.is-vertically-aligned-center {
    align-items: center;
}
.bl-columns .col.is-vertically-aligned-bottom {
    align-items: flex-end;
}

@media (max-width:599px) {
    .bl-columns .col {
        flex-basis: 100% !important
    }
}

@media (min-width:600px) and (max-width:781px) {
    .bl-columns .col {
        flex-basis: 50% !important;
        flex-grow: 0;
    }
}

@media (min-width:782px) {
    .bl-columns .row > .col[style*=flex-basis] {
        flex-grow: 0
    }
}

.bl-columns.has-background {
    padding: calc(2 * var(--padding-listing-unit));
    margin-left: 0;
    margin-right: 0;
}
.bl-column.has-background > .inner{
    padding:var(--padding-listing-unit);
}
@media (max-width:599px) {
    .bl-columns.has-background {
        padding: var(--padding-listing-unit);
        margin-left: -15px;
        margin-right: -15px;
    }
}

/** */

.bl-columns .col .bl-image{
    margin-bottom: calc(var(--margin-gtnblock) / 2);
}
.bl-columns .col .bl-image:only-child{
    margin-bottom: 0;
}

/* core/group */

.bl-group.has-background {
    padding: calc(var(--padding-col-unit) * 2);
}
.bl-group__inner-container {
    max-width: 100%;
    margin:auto;
}
.bl-group__inner-container{
    width:var(--width-content-page-nosidebar);
}
@media (max-width:599px) {
    .bl-group.has-background {
        padding: var(--padding-col-unit);
        margin-left: calc(-1 * var(--padding-col-unit));
        margin-right: calc(-1 * var(--padding-col-unit));
    }
}

/* core/group */

/* core/separator */

.bl-separator{
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--color-separator);
    color:var(--color-separator);
}

.bl-separator.is-style-default {
    width:200px;
    max-width: 100%;
}

.bl-separator.is-style-dots {
    border: none;
    text-align: center;
    max-width: none;
    line-height: .4;
    height: auto;
}
.bl-separator.is-style-dots::before {
    content: "\00b7 \00b7 \00b7";
    font-family: serif;
    font-size: 1.875em;
    letter-spacing: 1em;
    background: none;
    font-weight: 700;
    height: auto;
    padding-left: 1em;
    position: static;
    transform: none;
    width: auto;
}

/* core/spacer */

.bl-spacer{
    clear: both;
}