/**
 * Gutenberg Common styles
 */

/* make inner elements follow content-column-width if block alignfull/alignwide */
.g-bl {
    margin-top:var(--margin-gtnblock);
    margin-bottom:var(--margin-gtnblock);
}

.g-bl .inner>:first-child {
    margin-top: 0;
}
.g-bl .inner>:last-child {
    margin-bottom: 0;
}

.has-text-align-center {
    text-align: center
}
.has-text-align-left {
    text-align: left
}
.has-text-align-right {
    text-align: right
}

.g-bl figcaption{
    font-size: .875em;
    color: var(--color-underemphasize);
    text-align: center;
    margin-top: .5em;
    margin-bottom: 0;
}

/** alignfull / alignwide */

/* make blocks inside align blocks be now wider then content-width */
.alignfull .g-bl,
.alignwide .g-bl {
    max-width: var(--width-content);
    margin-left: auto;
    margin-right: auto;
}

.g-bl.alignfull,
.g-bl.alignwide {
    transform: translate(-50%, 0);
    position: relative;
    left: 50%;
    margin-left: 0;
    margin-right: 0;
}

.sb_mobile .alignfull{
    width:100vw;
    max-width: 100vw;
}
.sb_mobile .alignwide{
    width:calc(var(--width-content-page-nosidebar) * 1.5);
    max-width: 100vw;
}
.sb_desktop .alignfull{
    width:calc(100vw - 17px);
    max-width:calc(100vw - 17px);
}
.sb_desktop .alignwide{
    width:calc(var(--width-content-page-nosidebar) * 1.5 - 17px);
    max-width: calc(100vw - 17px);
}
/* make align blocks be no more than parent */
.inner > .alignfull,
.inner > .alignwide {
    max-width: 100%;
}