.callout-content-posts {
    padding: var(--wp--custom--layout--block-gap);
    margin: 0;
}

.callout-content-post .wrap.flexbox {
    align-items: stretch;
    position: relative;
}

.callout-content-abbr {
    width: 75%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: var(--wp--custom--layout--block-gap);
    background: var(--wp--preset--color--white);
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
}

.callout-content-abbr .callout-image {
    width: 100%;
    display: block;
}

.callout-content-abbr .callout-image img {
    display: block;
}

.callout-content-abbr .abbr-content {
    width: 98%;
    padding:var(--wp--custom--layout--block-gap);
}

.callout-content-abbr h2.section-title {
    margin: var(--wp--custom--layout--block-gap) 0;
    font-size: var(--wp--preset--font-size--x-large);
    text-transform: none;
    letter-spacing: var(--wp--custom--letter-spacing--none);
}
.callout-content-abbr .section-desc {
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--medium);
}

.callout-content-post-group {
    width: 25%;
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
}
.callout-content-post-group .section-posts {
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
}

h3.section-title {
    font-size: var(--wp--preset--font-size--medium);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}
/*--------------------------------------------------------------
Style - Post
--------------------------------------------------------------*/
.type-post .callout-content-post .wrap.flexbox {
    display: block;
}
.type-post .callout-content-abbr {
    width: 100%;
}
.type-post .callout-content-abbr .abbr-content {
    width: 100%;
    padding: var(--wp--custom--layout--block-gap);
}
.type-post .callout-content-abbr h2.section-title {
    margin: var(--wp--custom--layout--block-gap-small) 0;
    font-size: var(--wp--preset--font-size--large);
}
.type-post .callout-content-post-group {
    width: 100%;
    margin: var(--wp--custom--layout--block-gap) 0 0;
}
/*--------------------------------------------------------------
Style - After Post
--------------------------------------------------------------*/
.block-area-after-post .callout-content-post .wrap.flexbox {
    display: block;
}
.block-area-after-post .callout-content-abbr {
    width: 100%;
}
.block-area-after-post .callout-content-abbr .abbr-content {
    width: 100%;
    padding: var(--wp--custom--layout--block-gap);
}
.block-area-after-post .callout-content-abbr h2.section-title {
    margin: var(--wp--custom--layout--block-gap-small) 0;
    font-size: var(--wp--preset--font-size--large);
}
.block-area-after-post .callout-content-post-group {
    width: 100%;
    margin: var(--wp--custom--layout--block-gap) 0 0;
}
/*--------------------------------------------------------------
Style - Sidebar
--------------------------------------------------------------*/
.block-area-sidebar .callout-content-post .wrap.flexbox {
    display: block;
}
.block-area-sidebar .callout-content-abbr {
    width: 100%;
    display: block;
}
.block-area-sidebar .callout-content-abbr .abbr-content {
    width: 100%;
    padding: var(--wp--custom--layout--block-gap);
}
.block-area-sidebar .callout-content-abbr h2.section-title {
    margin: var(--wp--custom--layout--block-gap-small) 0;
    font-size: var(--wp--preset--font-size--large);
}
.block-area-sidebar .callout-content-post-group {
    width: 100%;
    margin: var(--wp--custom--layout--block-gap) 0 0;
}
/*--------------------------------------------------------------
Style - Responsive
--------------------------------------------------------------*/
@media (max-width: 800px) {
    .callout-content-post .wrap.flexbox {
        display: block;
    }
    .callout-content-abbr {
        width: 100%;
    }
    .callout-content-abbr .abbr-content {
        width: 100%;
        padding: var(--wp--custom--layout--block-gap);
            text-align: left;
    }
    .callout-content-abbr h2.section-title {
        margin: var(--wp--custom--layout--block-gap-small) 0;
        font-size: var(--wp--preset--font-size--large);
        text-align: left;
    }
    .callout-content-abbr .section-desc {
        text-align: left;
    }
    .callout-content-post-group {
        width: 100%;
        margin: var(--wp--custom--layout--block-gap) 0 0;
    }

}
@media (max-width: 600px) {
    .callout-content-abbr {
        display: block;
    }
}