@charset "UTF-8";
@import 'scss-@';
@import 'normalize';
@import 'css-custom-prop';
@import 'color';
@import 'fonts';
@import 'block';
@import 'effect';
/**
 * emulsion 1.1.6 Note:
 *
 *  The following classes are no longer valid, ( WordPress5.0-5.3 + gutenberg user )
 *  but are maintained for compatibility with WordPress 5.0-5.3.
 *
 * .block-editor-block-list__block-edit
 * .editor-inserter-with-shortcuts__block
 * .editor-block-mover
 */
a:any-link{
    text-decoration:none;
}
.emulsion-gb-phase-block{
    .alignfull{
        //when block advanced class, conflict front end style.
        // GB7.7 background dim overflow
        position:static ! important;

    }
}

body{
    .edit-post-layout .components-editor-notices__snackbar{
        .components-button{
            &:any-link{
                color:var(--thm_white_color);
            }
        }
    }
}
/**
 * Theme Color Settings
 */
#editor{
    .edit-post-sidebar{
        color:initial;
        background:inherit;
        a{
            color:#0073aa;
        }
        .components-color-palette__item{
            [style="color: rgba(231, 76, 60, 0.2);"]{
                background:rgba(231, 76, 60, 1) ! important;
            }
        }
    }
    .editor-post-visibility__dialog-fieldset{
        color:var(--thm_black_color);
    }
    .edit-post-layout__metaboxes{
        color:#23282d;
        background:inherit;
        .form-table{
            th,
            td{
                color:#23282d;
                background:inherit;
            }
        }
    }
    .components-navigate-regions{
        color:var(--thm_black_color);
        .edit-post-meta-boxes-area{
            .postbox{
                & >.inside{
                    .dashicons-lightbulb{
                        &:before{
                            color:#f39c12;
                        }
                    }
                }
            }
        }
    }
    .components-notice-list{
        z-index:89;
    }
    div[data-block]{
        .has-black-color{
            color:#333 ! important;
        }
        .has-gray-color{
            color:#727477 ! important;
        }
        .has-white-color{
            color:#ffffff ! important;
        }
        .has-alert-color{
            color:rgba(231, 76, 60, 1) ! important;
        }
        del,
        strike,
        s{
            text-decoration-color:rgba(231, 76, 60, 1) ! important;
        }
        .has-notice-color{
            color:rgba(163, 140, 8, 1) ! important;;
        }
        .has-info-color{
            color:rgba(22, 160, 133, 1) ! important;
        }
        .has-cool-color{
            color:rgba(52, 152, 219, 1) ! important;
        }
        hr{
            &.has-black-color{
                border-color:#333 ! important;
            }
            &.has-gray-color{
                border-color:#727477 ! important;
            }
            &.has-white-color{
                border-color:#ffffff ! important;
            }
            &.has-alert-color{
                border-color:rgba(231, 76, 60, 1) ! important;
            }
            &.has-notice-color{
                border-color:rgba(163, 140, 8, 1) ! important;
            }
            &.has-info-color{
                border-color:rgba(22, 160, 133, 1) ! important;
            }
            &.has-cool-color{
                border-color:rgba(52, 152, 219, 1) ! important;
            }
        }
    }
}
body.emulsion-color-enable{
    .edit-post-manage-blocks-modal__content *{
        color:var(--thm_black_color);
    }
    .components-modal__content *{
        color:var(--thm_black_color);
    }
}
/**
 * Layout
 * Caluclate editor main width
 */
body{
    .block-editor-block-list__layout{
        padding-left:0;
        padding-right:0;
        .block-editor-block-list__block{
            padding-left:0;
            padding-right:0;
            &[data-align=full]{
                margin-left:0;
                margin-right:0;
            }
        }
    }
    &.folded{
        //left menu icon
        .edit-post-layout.is-sidebar-opened{
            //block editor metabox open
            .edit-post-layout__content{
                //280px metabox width
                //36px left menu width
                //16px scrollbar width
                --thm_editor_main_width:calc(100vw - 36px - 280px - 16px );
                & ~ div{
                    .edit-post-sidebar{
                        --thm_editor_main_width:calc(100vw - 36px - 280px - 16px );
                    }
                }
            }
        }
        .edit-post-layout:not(.is-sidebar-opened){
            //block editor metabox hide
            .edit-post-layout__content{
                & ~ div:empty{
                    .edit-post-sidebar{
                        // 16px scrollbar
                        --thm_editor_main_width:calc(100vw - 36px - 16px );
                    }
                }
            }
        }
    }
    &:not(.folded){
        //left menu text
        .edit-post-layout.is-sidebar-opened{
            //block editor metabox open
            .edit-post-layout__content{
                //280px metabox width
                //160px left menu width
                //16px scrollbar width
                --thm_editor_main_width:calc(100vw - 160px - 280px - 16px );
                & ~ div{
                    .edit-post-sidebar{
                        /* block menu */
                    }
                }
            }
        }
        .edit-post-layout:not(.is-sidebar-opened){
            //block editor metabox hide
            .edit-post-layout__content{
                & ~ div:empty{
                    --thm_editor_main_width:calc(100vw - 160px - 16px );
                }
            }
        }
    }
}
/**
 * Entry title
 */
.wp-block{
    &.editor-post-title__block{
        max-width:var(--thm_content_width);
        textarea{
            text-transform:var(--thm_heading-font-transform);
            font-weight:var(--thm_heading_font_weight);
            font-family:var(--thm_heading_font_family);
        }
    }
}
/**
 * Fonts
 */
//.block-editor .edit-post-visual-editor{
[data-block]{
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: var(--thm_common_font_size);
    font-family: var(--thm_common_font_family);
    font-size:var(--thm_common_font_size);
    .editor-post-title__block{
        .editor-post-title__input{
            text-transform: var( --thm_heading-font-transform);
            font-weight:var(--thm_heading_font_weight);
            font-family:var(--thm_heading_font_family);
            @include font_size(2);
        }
    }
    h1,h2,h3,h4,h5,h6{
        &.mark-success,
        &.mark-cool,
        &.mark-notice,
        &.mark-info,
        &.has-alert-background-color,
        &.mark-alert,
        &.mark-dark,
        &.mark-gray{
            padding:1rem;
            z-index:auto;
            position:relative;
            &:before{
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background: var(--thm_white_color);
                left: 0;
                top: 0;
                z-index: -1;
            }
        }
    }
    p{
        font-family: var(--thm_common_font_family);
        font-size:var(--thm_common_font_size);
        &.h1{
            @include font_size(1);
            @extend %block;
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %block_wide;
            }
        }
        &.h2{
            @include font_size(2);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h3{
            @include font_size(3);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h4{
            @include font_size(4);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h5{
            @include font_size(5);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
        &.h6{
            @include font_size(6);
            @extend %block;
            margin-left:auto;
            margin-right:auto;
            max-width:100%;
            font-weight:700;
            font-family: var(--thm_heading_font_family);
            font-weight:var(--thm_heading_font_weight);
            &.alignwide,
            &.is-style-emulsion-wide{
                @extend %alignwide;
            }
        }
    }
    .editor-block-list__block{
        max-width: calc( var( --thm_content_width ) + 30px);
    }
    .wp-block[data-type="core/freeform"]{
        max-width: var( --thm_content_width );
    }
    /**
     * auxiliary block
     */
    ol.shrink,
    ul.shrink{
        font-size:var(--thm_meta_data_font_size);
        li{
            padding-top:0;
            padding-bottom:0;
        }
    }
    /**
     * emphasis block
     */
    .em{
        font-weight:bold;
    }
    /**
     * pre formatted
     */
    div.wp-block-verse{
        pre{
            @include font_size(3);
            lin-height:var(--thm_common_line_height);
            font-family: var(--thm_common_font_family);
            color:var(--thm_general_text_color);
            padding:1rem;
            a{
                color:var(--thm_general_link_color);
            }
        }
    }
    div.wp-block-preformatted{
        pre{
            lin-height:var(--thm_common_line_height);
            font-size:var(--thm_common_font_size);
            font-family: var(--thm_common_font_family);
            color:var(--thm_general_text_color);
            padding:1rem;
            a{
                color:var(--thm_general_link_color);
            }
        }
    }
    div.wp-block-code{
        textarea{
            color:#555;
            background: #f8f8ff;
        }
        &.dark{
            color: #a9b7c6;
            background: #282b2e;
            code,
            .block-editor-plain-text{
                color: #a9b7c6;
                background: #282b2e;
            }
        }
    }
    .wp-block-navigation-link__submenu-icon{
        //GB7.4
        svg{
            fill:currentColor;
        }
    }
}
.block-editor .edit-post-visual-editor{
    /**
     * Block Classic
     */
    .wp-block-freeform{
        /* Additional default styles for the editor */
        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
        font-size: 16px;
        font-family: var(--thm_common_font_family);
        font-size: var(--thm_common_font_size);
        line-height: var(--thm_content_line_height);
        color: var(--thm_black_color);
        margin: 9px 10px;
        max-width: 100%;
        -webkit-font-smoothing: antialiased !important;
        overflow-wrap: break-word;
        word-wrap: break-word; /* Old syntax */
        strong,
        b {
            font-weight: bold;
        }
        pre {
            font-family: Consolas, Monaco, monospace;
        }
        td,
        th {
            font-family: inherit;
            font-size: inherit;
        }
        /* For emoji replacement images */
        img.emoji {
            display: inline !important;
            border: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }
        .mceIEcenter {
            text-align: center;
        }
        img {
            height: auto;
            max-width: 100%;
        }
        .wp-caption {
            margin: 0; /* browser reset */
            max-width: 100%;
        }
        .wp-caption-dd{
            text-align:center;
        }
        /* iOS does not obey max-width if width is set. */
        .ios .wp-caption {
            width: auto !important;
        }
        dl.wp-caption dt.wp-caption-dt img {
            display: inline-block;
            margin-bottom: -1ex;
        }
        div.mceTemp {
            -ms-user-select: element;
        }
        dl.wp-caption,
        dl.wp-caption * {
            -webkit-user-drag: none;
        }
        .wp-caption-dd {
            font-size: 14px;
            padding-top: 0.5em;
            margin: 0; /* browser reset */
        }
        .aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .alignleft {
            float: left;
            margin: 0.5em 1em 0.5em 0;
            left:-1rem;
        }
        .alignright {
            float: right;
            margin: 0.5em 0 0.5em 1em;
        }
        /* Styles for formatting the boundaries of anchors and code elements */
        &.mce-content-body a[data-mce-selected] {
            padding: 0 2px;
            margin: 0 -2px;
            border-radius: 2px;
            box-shadow: 0 0 0 1px #bfe6ff;
            background: #bfe6ff;
        }
        &.mce-content-body .wp-caption-dt a[data-mce-selected] {
            outline: none;
            padding: 0;
            margin: 0;
            box-shadow: none;
            background: transparent;
        }
        &.mce-content-body code {
            padding: 2px 4px;
            margin: 0;
            border-radius: 2px;
            color: #222;
            background: #f2f4f5;
        }
        &.mce-content-body code[data-mce-selected] {
            background: #e9ebec;
        }
        /* Gallery, audio, video placeholders */
        &.mce-content-body img.wp-media {
            border: 1px solid #aaa;
            background-color: #f2f2f2;
            background-repeat: no-repeat;
            background-position: center center;
            width: 99%;
            height: 250px;
            outline: 0;
            cursor: pointer;
        }
        &.mce-content-body img.wp-media:hover {
            background-color: #ededed;
            border-color: #72777c;
        }
        &.mce-content-body img.wp-media.wp-media-selected {
            background-color: #d8d8d8;
            border-color: #72777c;
        }
        /* Image resize handles */
        &.mce-content-body div.mce-resizehandle {
            border-color: #72777c;
            width: 7px;
            height: 7px;
        }
        &.mce-content-body img[data-mce-selected] {
            outline: 1px solid #72777c;
        }
        &.mce-content-body img[data-mce-resize="false"] {
            outline: 0;
        }
        audio,
        video,
        embed {
            display: -moz-inline-stack;
            display: inline-block;
        }
        audio {
            visibility: hidden;
        }
        /* Fix for proprietary Mozilla display attribute, see #38757 */
        [_moz_abspos] {
            outline: none;
        }
        a[data-wplink-url-error],
        a[data-wplink-url-error]:hover,
            a[data-wplink-url-error]:focus {
            outline: 2px dotted #dc3232;
            position: relative;
        }
        a[data-wplink-url-error]:before {
            content: "";
            display: block;
            position: absolute;
            top: -2px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            outline: 2px dotted var(--thm_white_color);
            z-index: -1;
        }
        /* Special styling for the suggestes policy text tutorial sections after they have been pasted in the editor. */
        p.wp-policy-help {
            background-color: #ff0;
        }
        /**
         * WP Views
         */
        .wpview {
            width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
            position: relative;
            clear: both;
            margin-bottom: 16px;
            border: 1px solid transparent;
        }
        .mce-shim {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        .wpview[data-mce-selected="2"] .mce-shim {
            display: none;
        }
        .wpview .loading-placeholder {
            border: 1px dashed #ccc;
            padding: 10px;
        }
        .wpview[data-mce-selected] .loading-placeholder {
            border-color: transparent;
        }
        /* A little "loading" animation, not showing in IE < 10 */
        .wpview .wpview-loading {
            width: 60px;
            height: 5px;
            overflow: hidden;
            background-color: transparent;
            margin: 10px auto 0;
        }
        .wpview .wpview-loading ins {
            background-color: var(--thm_black_color);
            margin: 0 0 0 -60px;
            width: 36px;
            height: 5px;
            display: block;
            -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
            animation: wpview-loading 1.3s infinite 1s steps(36);
        }
        @-webkit-keyframes wpview-loading {
            0% {
                margin-left: -60px;
            }
            100% {
                margin-left: 60px;
            }
        }
        @keyframes wpview-loading {
            0% {
                margin-left: -60px;
            }
            100% {
                margin-left: 60px;
            }
        }
        .wpview .wpview-content > iframe {
            max-width: 100%;
            background: transparent;
        }
        .wpview-error {
            border: 1px solid #ddd;
            padding: 1em 0;
            margin: 0;
            word-wrap: break-word;
        }
        .wpview[data-mce-selected] .wpview-error {
            border-color: transparent;
        }
        .wpview-error .dashicons,
        .loading-placeholder .dashicons {
            display: block;
            margin: 0 auto;
            width: 32px;
            height: 32px;
            font-size: 32px;
        }
        .wpview-error p {
            margin: 0;
            text-align: center;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        }
        .wpview-type-gallery:after {
            content: "";
            display: table;
            clear: both;
        }
        .gallery img[data-mce-selected]:focus {
            outline: none;
        }
        .gallery a {
            cursor: default;
        }
        .gallery {
            margin: auto -6px;
            padding: 6px 0;
            line-height: 1;
            overflow-x: hidden;
        }
        .gallery .gallery-item {
            float: left;
            margin: 0;
            text-align: center;
            padding: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .ie7 .gallery .gallery-item,
        .ie8 .gallery .gallery-item {
            padding: 6px 0;
        }
        .gallery .gallery-caption,
        .gallery .gallery-icon {
            margin: 0;
        }
        .gallery .gallery-caption {
            font-size: 13px;
            margin: 4px 0;
        }
        .gallery-columns-1 .gallery-item {
            width: 100%;
        }
        .gallery-columns-2 .gallery-item {
            width: 50%;
        }
        .gallery-columns-3 .gallery-item {
            width: 33.333%;
        }
        .ie8 .gallery-columns-3 .gallery-item,
        .ie7 .gallery-columns-3 .gallery-item {
            width: 33%;
        }
        .gallery-columns-4 .gallery-item {
            width: 25%;
        }
        .gallery-columns-5 .gallery-item {
            width: 20%;
        }
        .gallery-columns-6 .gallery-item {
            width: 16.665%;
        }
        .gallery-columns-7 .gallery-item {
            width: 14.285%;
        }
        .gallery-columns-8 .gallery-item {
            width: 12.5%;
        }
        .gallery-columns-9 .gallery-item {
            width: 11.111%;
        }
        .gallery img {
            max-width: 100%;
            height: auto;
            border: none;
            padding: 0;
        }
        img.wp-oembed {
            border: 1px dashed #888;
            width: 300px;
            height: 250px;
            outline: 0;
        }
        .wpview,
        .wpview-sandbox,
        #wpview-iframe-sandbox{
            overflow: visible!important;
            height: 380px;
        }

        /* rtl */
        .rtl .gallery .gallery-item {
            float: right;
        }
        @media print,
        (-o-min-device-pixel-ratio: 5/4),
            (-webkit-min-device-pixel-ratio: 1.25),
            (min-resolution: 120dpi) {
            &.mce-content-body img.mce-wp-more {
                background-size: 1900px 20px;
            }
            &.mce-content-body img.mce-wp-nextpage {
                background-size: 1900px 20px;
            }
        }
    }
    /**
     * Block Align
     */
    .block-editor-block-list__block{
        &[data-align="center"]{
            box-sizing:border-box;
            clear:both;
            float:none;
            max-width:calc( 720px - var(--thm_align_offset) );
            margin:1.5rem auto .75rem;
            @media screen and ( max-width : 640px ) {
                // static break point
                width:100%;
                max-width:100%;
                margin-left:0;
                margin-right:0;
            }
        }
        &[data-align="full"]{
            & > .block-editor-block-list__block-edit{
                margin-left:0;
                margin-right:0;
            }
        }
        &:not([data-align]){
            width:$content_width;
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
            &[data-type="core/button"]{
                width:auto;
            }          
        }
        &.wp-block-button{
            padding-left:24px;
            padding-right:24px;
            width:auto;
        }
        &[data-align="left"]:first-child,
            &[data-align="right"]:first-child{
            margin-top:0;
            &[data-type="core/archives"]{
                margin-top:0;// core overwite
            }
        }
        &[data-align="left"]{
            clear:left;
            float:left;
            height:400px;
            overflow-x:hidden;
            overflow-y:auto;
            width:calc(50% - 2rem);
            margin-right:1rem;
            margin-left:1rem;
            padding-left:0;
            padding-right:0;
            .is-block-content,
            .alignleft{
                width:100%;
                max-width:100%;
            }
            .block-editor-block-list__block-edit{
                float:none;
                margin-right:0;
                margin-top:2rem;
                margin-left:48px;
            }
            .wp-block-embed{
                margin:1rem 0 0;
                max-width:100%;
                .wp-block-embed__wrapper{
                    width:100%;
                    iframe{
                        max-width:100%;
                    }
                }
            }
        }
        &[data-align="right"]{
            clear:right;
            float:right;
            height:400px;
            overflow-x:hidden;
            overflow-y:auto;
            width:calc(50% - 2rem);
            margin-left:1rem;
            margin-right:1rem;
            padding-left:0;
            padding-right:0;
            .is-block-content,
            .alignright{
                width:100%;
                max-width:100%;
            }
            .block-editor-block-list__block-edit{
                float:none;
                margin-right:0;
                margin-top:2rem;
                margin-left:48px;
            }
            .wp-block-embed{
                margin:1rem 0 0;
                max-width:100%;
                .wp-block-embed__wrapper{
                    width:100%;
                    iframe{
                        max-width:100%;
                    }
                }
            }
        }
        &[data-align="wide"]{
            clear:both;
            max-width:calc( 720px + var( --thm_align_offset ) );
            .block-editor-block-list__block-edit{
                float:none;
            }
            .wp-block-embed{
                margin:1rem 0 0;
                max-width:100%;
                .wp-block-embed__wrapper{
                    width:100%;
                    iframe{
                        max-width:100%;
                    }
                }
            }
        }
    }
}
/**
 * on scroll toolbar position
 */
.block-editor{
    .edit-post-visual-editor{
        .block-editor-block-list__block{
            .block-editor-block-contextual-toolbar{
                position: -webkit-sticky;
                position: sticky;
                top:3.5rem;
            }
        }
    }
}
/**
 * [data-block] style
 */
.block-editor .edit-post-visual-editor{
    .block-library-spacer__resize-container{
        position:relative;
        background:rgba(188,188,188,.2);
        &:before{
            content: '\21f3';
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            right:0;
            bottom:0;
            width:1rem;
            height:1rem;
            margin:auto;
        }
    }
    ul[class|="wp-block"]{
        li{
            &:before{
                content:none;
                display:none;
            }
        }
    }
    /**
     * Block Category
     */
    .wp-block-categories{
        &.aligncenter{
            padding:0;
        }
        &.aligncenter,
        &.alignleft,
        &.alignright{
            max-height:19rem;
            overflow-y:scroll;
            overflow-x:hidden;
            &::-webkit-scrollbar,
            &::-webkit-scrollbar {
                width: .5em;
                height:150px;
            }
            &::-webkit-scrollbar-thumb,
            &::-webkit-scrollbar-thumb{
                background-color: var(--thm_black_color);
                outline: 1px solid var(--thm_black_color);
            }
            .aligncenter,
            ul{
                padding-left:0;
                padding-right:0;
                margin-top:0;
                margin-bottom:0;
            }
        }
        &.alignfull{
            width:calc( 100vw - 1rem);
            max-width:( 100vw - 1rem);
            margin-left:calc( (var(--thm_content_width) - 100vw + 1rem ) * 0.5);
            ul{
                width:100%;
                max-width:100%;
            }
        }
        & > ul {
            padding-left:0;
            & > li{
                border:1px solid #ccc;
            }
        }
        li{
            list-style:none;
            padding:.685rem;
            margin-bottom:var( --thm_box_gap,3px );
        }
        &.wp-block-categories-list{
            &.alignfull,
            &.aligncenter{
                ul{
                    position:relative;
                    li{
                        &.cat-item a:after{
                            content:attr( data-title );
                            display:inline-block;
                            width:calc(100% - 17rem);
                            position:absolute;
                            left:15rem;
                            height:1.5rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                    }
                }
            }
        }
    }
    /**
     * Block Pullquote
     */
    .wp-block-pullquote{
        min-height:calc(720px * 0.5625);
        .wp-block-pullquote__citation{
            text-align:center;
        }
    }
    /**
     * Block Column
     */
    .wp-block-columns{
        width:100%;
        .wp-block-column{
            max-width:100%;

        }
    }
    /**
    * Block separator
    */
    .wp-block-separator{
        clear:both;
        float:none;
    }
    /**
     * Theme class
     */
    .vertically,
    .centered{
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-sizing:border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%;
        box-sizing:border-box;
    }
    .horizontally{
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-sizing:border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction:row;
        flex-direction:row;
        flex-wrap:wrap;
        box-sizing:border-box;
    }
    /* height classes */
    .vh25{
        min-height:25vh;
    }
    .vh50{
        min-height:50vh;
    }
    .vh75{
        min-height:75vh;
    }
    .vh100{
        min-height:100vh;
    }
    .editor-block-list__block{
        .block-editor-block-list__insertion-point{
            left:0;
            margin-top:0;
        }
    }
    [data-type="core/cover"]{
        .wp-block-cover{
            max-width:100%;
            box-sizing:border-box;
            width:auto;
            .wp-block-cover-text{
                width:100%;
                color:var(--thm_white_color);
                a{
                    color:var(--thm_white_color);
                }
            }
            .wp-block-cover__inner-container{
                display:block;
                width:auto;
                height:100%;
                max-width:100%;
                padding-left:var(--thm_content_gap);
                padding-right:var(--thm_content_gap);
                box-sizing:border-box;
            }
        }
        &[data-align="left"]{
            .editor-block-list__block-edit{
            }
        }
        &[data-align="right"]{
            overflow:hidden;
            .editor-block-list__block-edit{
            }
        }
        &[data-align="full"]{
            .wp-block-cover{
                max-width:none;
                width:auto;
            }
        }
    }
    .editor-media-placeholder{
        max-width:100%;
        box-sizing:border-box;
    }
    [data-type="core/categories"]{
        &:not([data-align]){
            .wp-block-categories__dropdown{
                display:block;
                margin-left:auto;
                margin-right:auto;
            }
        }
    }
    .alignright,
    .alignleft{
        float:none;
        clear:both;
    }
    img{
        vertical-align:middle;
    }
}
.block-editor-block-list__layout{
    //gutenberg 7.2 new buttons block;
    .block-editor-block-list__block{
        max-width:var(--thm_editor_main_width);
        @media (min-width: 600px){
            .block-editor-block-contextual-toolbar{
                top: 28px;
            }
        }
        &[data-type="core/buttons"]{
            .block-editor-block-list__block-edit{
                [data-block]{
                    .wp-block-buttons{
                        [data-type="core/button"]{
                            display:inline-block;
                            width:auto;
                            .block-editor-block-list__block-edit{
                                [data-block]{
                                    //each button
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.block-editor-block-list__layout{
    .block-editor-block-list__block{
        max-width:var(--thm_editor_main_width);
        @media (min-width: 600px){
            .block-editor-block-contextual-toolbar{
                top: 28px;
            }
        }
        //WordPress 5.3 button block gutenberg < 7.2 but don't remove'
        &[data-type="core/button"]{
            &[data-align="left"]{
                clear:none;
                display:inline-block;
                width: -moz-fit-content;
                width:fit-content;
                .editor-block-list__block-edit{
                    max-width:50%;
                    .wp-block-button__link{
                        word-break: keep-all;
                        overflow-wrap: initial;
                        white-space:pre!important;// has space link in block group
                    }
                }
                &:first-child{
                    margin-top:0;
                }
            }
            &[data-align="right"]{
                clear:none;
                display:inline-block;
                width: -moz-fit-content;
                width:fit-content;
                .editor-block-list__block-edit{
                    max-width:50%;
                    .wp-block-button__link{
                        word-break: keep-all;
                        overflow-wrap: initial;
                        white-space:pre!important;// has space link in block group
                    }
                }
                &:first-child{
                    margin-top:0;
                }
            }
            .editor-block-list__block-edit{
                [data-block]{
                    .wp-block-button{
                        &.is-style-default{
                            .wp-block-button__link{
                                line-height:var( --thm_content_line_height);
                                border-radius: calc(var(--thm_common_font_size) * var(--thm_content_line_height) + 2px);
                                overflow:hidden;
                                &.has-background:before{
                                    border-radius: calc(var(--thm_common_font_size) * var(--thm_content_line_height) + 2px);
                                }
                            }
                        }
                        &.no-border-radius,
                        &.is-style-squared{ // old 7.9 before
                                            &.wp-block-button__link{
                                                border-radius:0;
                                                &.has-background:before{
                                                    border-radius:0;
                                                }
                                            }
                        }
                    }
                }
            }
        }
    }
}
html body.block-editor-page{
    background:#FAFAF8;
    .has-stripe-background-color{
        background:repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
    }
}
@media (min-width: 960px){
    .block-editor .edit-post-text-editor{
        padding-left: 20px;
        padding-right: 20px;
    }
}
/**
 * Color
 */
body{
    &.emulsion-color-enable{
        blockquote:not([class]){
            // old tinymce quote
            border-left:6px solid rgba(188,188,188,.5);
            max-width:100%;
        }
        .wp-block-quote{
            border:none;
            max-width:100%;
            border-left:2px solid rgba(188,188,188,.5);
            &.has-text-align-left{
                border:none;
                border-left:2px solid rgba(188,188,188,.5);
            }
            &.has-text-align-center{
                border:none;
                border-top:2px solid rgba(188,188,188,.5);
            }
            &.has-text-align-right{
                border:none;
                border-right:2px solid rgba(188,188,188,.5);
            }
        }
        .wp-block-pullquote{
            border:none;
            border-top:2px solid;
            border-bottom:2px solid;
            border-color:rgba(188,188,188,.5);
            .is-style-solid-color{
                &.has-success-background-color{
                    color:var(--thm_black_color);
                }
                &.has-notice-background-color{
                    color:var(--thm_black_color);
                }
                &.has-info-background-color{
                    color:var(--thm_black_color);
                }
                &.has-alert-background-color{
                    color:var(--thm_black_color);
                }
                &.has-cool-background-color{
                    color:var(--thm_black_color);
                }
            }
            & > blockquote{
                border:none;
            }
        }
        .block-editor-block-list__block{
            &:not([data-align="wide"]){
                .block-editor-block-mover{
                    top:16px;
                }
            }
            &:not([data-align="full"]) {
                .block-editor-block-mover{
                    top:16px;
                }
            }
        }
        &.is-dark-theme{
            .block-editor-block-list__layout{
                .block-editor-block-mover{
                    background:#333333;
                }
                .block-editor-block-mover__control{
                    color: hsla(0,0%,100%,.65);
                    background:transparent;
                    .block-editor-block-mover__control-drag-handle{
                        color: hsla(0,0%,100%,.65);
                    }
                }
                .block-editor-block-list__layout{
                    [data-align="left"]{
                        .block-editor-block-mover__control{
                            color: hsla(0,0%,100%,.65);
                            background:transparent;
                            .block-editor-block-mover__control-drag-handle{
                                color: hsla(0,0%,100%,.65);
                            }
                        }
                    }
                    [data-align="left"]{
                        .block-editor-block-mover__control{
                            color: hsla(0,0%,100%,.65);
                            background:transparent;
                            .block-editor-block-mover__control-drag-handle{
                                color: hsla(0,0%,100%,.65);
                            }
                        }
                    }
                }
            }
        }
        &.is-light{
            .wp-block-table{
                table{
                    &.has-background{
                        th{
                            color:var(--thm_general_text_color);
                        }
                    }
                }
                thead tr{
                    background-color: var(--thm_sub_background_color_lighten);
                    color:var(--thm_general_text_color);
                    th{
                        color:var(--thm_general_text_color);
                    }
                }
            }
            .wp-block-table.is-style-stripes table:not(.has-background){
                tbody tr:nth-child(odd) {
                    background-color: var(--thm_sub_background_color_darken);
                    color:var(--thm_general_text_color);
                    td{
                        color:var(--thm_general_text_color);
                    }
                }
            }
        }
        &.is-dark{
            .wp-block-table{
                table{
                    &.has-background{
                        th{
                            color:var(--thm_general_text_color);
                        }
                    }
                    thead tr{
                        background-color: var(--thm_sub_background_color_darken);
                        color:var(--thm_general_text_color);
                        th{
                            color:var(--thm_general_text_color);
                        }
                    }
                }
            }
            .wp-block-table.is-style-stripes table:not(.has-background){
                tbody tr:nth-child(odd) {
                    background-color: var(--thm_sub_background_color_lighten);
                    color:var(--thm_general_text_color);
                    td{
                        color:var(--thm_general_text_color);
                    }
                }
            }
        }
        &.is-dark{
            .block-editor .editor-post-title,
            .block-editor .edit-post-visual-editor{
                .editor-rich-text__editable,
                textarea::-webkit-input-placeholder,
                textarea:-ms-input-placeholder,
                    textarea::placeholder{
                    color:#eee;
                }
            }
            .edit-post-layout__metaboxes:not(:empty){
                border-top:1px solid rgba(222,222,222,.3);
            }
            .wp-block-calendar table th{
                background:rgba(188,188,188,.2)
            }
            .wp-block-calendar table #prev a{
                color:var(--thm_general_link_color);
                &:hover{
                    color:var(--thm_general_link_hover_color);
                }
            }
            .wp-block-calendar table #next a{
                color:(--thm_general_link_color);
                &:hover{
                    color:var(--thm_general_link_hover_color);
                }
            }
            blockquote{
                border-color: rgba(188, 188, 188, .3);
            }
            [data-type="core/html"]{
                [data-block]{
                    .wp-block-html{
                        iframe{
                            background:#ffffff;
                        }
                    }
                }
            }
        }
        .wp-block-calendar table caption{
            color:var(--thm_general_text_color);
        }
        .edit-post-visual-editor{
            background:var(--thm_background_color);
            color:var(--thm_general_text_color);
            p{
                //@since 1.1.1 block cover text ccontrast issue
                color:var(--thm_general_text_color);
            }
            .has-text-color p{
                color:currentColor;
            }
            h1,h2,h3,h4,h5.h6{
                color:var(--thm_general_text_color);
            }
            figcaption{
                color:var(--thm_general_text_color);
            }
            .editor-inserter-with-shortcuts__block{
                color:var(--thm_general_text_color);
            }
        }
        &.block-editor-page{
            .edit-post-visual-editor {
                background:var(--thm_background_color);
                color:var(--thm_general_text_color);
                .editor-post-title__block{
                    .editor-post-title__input{
                        background:transparent;
                        color:var(--thm_general_text_color);
                    }
                }
            }
        }
        .block_editor{
            background:transparent;
            color:var(--thm_general_text_color);
        }
        .editor-styles-wrapper{
            background:transparent;
            color:var(--thm_general_text_color);
        }
        .block-editor .edit-post-visual-editor{
            color:var(--thm_general_text_color);
            .wp-block-table{
                table{
                    td{
                        background:transparent;
                        color:var(--thm_general_text_color);
                    }
                    &.has-background{
                        th{
                            color:var(--thm_general_text_color);
                        }
                        td{
                            color:var(--thm_black_color);
                        }
                    }
                    &.has-subtle-light-gray-background-color{
                        background:#f3f4f5;
                        color:var(--thm_black_color);
                    }
                    &.has-subtle-pale-green-background-color{
                        background:#e9fbe5;
                        color:var(--thm_black_color);
                    }
                    &.has-subtle-pale-blue-background-color{
                        background:#e7f5fe;
                        color:var(--thm_black_color);
                    }
                    &.has-subtle-pale-pink-background-color{
                        background:#ffccf8;
                        color:var(--thm_black_color);
                    }
                }
            }
        }
        div.gallery{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            clear: both;
            float:none;
            padding-left:0;
            padding-right:0;
            margin-left:auto;
            margin-right:auto;
            .gallery-icon{
                display:flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                height:100%;
            }
            &.gallery-size-thumbnail{
                .gallery-item{
                    background:transparent!important;
                }
            }
            .gallery-item {
                flex:1 1 auto;
                position:relative;
                margin-bottom:-4px;
                display:inline-block;
                text-align: center;
                vertical-align:middle;
                .gallery-icon{
                    img{
                        object-fit:contain;
                    }
                }
            }
        }
        li,
        .wp-caption-dd{
            color:var(--thm_general_text_color);
        }
        .wp-block-quote__citation,
        .wp-block-quote cite,
        .wp-block-quote footer{
            background:transparent;
            color:var(--thm_general_text_color);
        }
        .wp-block-pullquote:not(.has-text-color){
            background:transparent;
            color:var(--thm_general_text_color);
        }
        //z-index
        .wp-block-button{
            z-index:3;
            .has-background{
                z-index:auto;
            }
        }
        [data-block]{
            //[data-type="core/navigation"] children issue @since 1.1.6
            // z-index:3;
            position:relative;
        }
        p.has-background:not(.has-text-color){
            color:var(--thm_black_color);
        }
        p.has-gray-background-color:not(.has-text-color){
            color:var(--thm_white_color);
        }
        p.has-black-background-color:not(.has-text-color){
            color:var(--thm_white_color);
        }
    }
}
/**
 * Drop Cap
 */
p.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 4em;
    line-height: 1;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal;
    padding: .2rem .4rem 0 .3rem;
    font-family:serif;
}
[lang="ja"] p.has-drop-cap:first-letter {
    float: left;
    font-size: 3em;
    line-height: 1.15;
    font-family: serif;
    font-weight: 100;
    margin: .1em .23em 0 0;
    text-transform: uppercase;
    font-style: normal;
}
.toolbar-button-with-text:before {
    display: block;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    position: absolute;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    border-radius: 4px;
}
.toolbar-button-with-text:hover:before,
.toolbar-button-with-text:focus:before {
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px var(--thm_white_color);
    color: #555d66;
}
.toolbar-button-with-text.is-active:before {
    background: #555d66;
    color: var(--thm_white_color);
}
.toolbar-button__advanced-sup:before {
    content: 'x²';
}
.toolbar-button__advanced-sub:before {
    content: 'x₂';
}
.editor-block-styles{
    .editor-block-styles__item{
        width:calc(100% - 8px);
    }
    .is-style-tab,
    .transform-tab{
        position:relative;
        overflow:hidden;
        & > li{
            visibility:visible;
            list-style:none;
            padding:.5rem 1rem;
            box-sizing:border-box;
            border:1px solid #ccc;
            float:left;
            &:after{
                content:'';
                display:block;
                border-top:1px solid #ccc;
                position:absolute;
                left:0;
                top:calc(3rem - 7px);
                right:0;
                box-sizing:inherit;
            }
            ul{
                padding:16px 48px;
                box-sizing:border-box;
                position:absolute;
                visibility:hidden;
                left:0;
            }
            &:focus{
                ul{
                    visibility:visible;
                    @include clearfix;
                    top:40px;
                }
            }
        }
    }
    .list-style-inline,
    .horizontal-list-group{
        @include clearfix;
        @include font_size(5);
        padding:0;
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
        li{
            z-index:2;
            list-style:none;
            display:inline-block;
            text-align:center;
            list-style:none;
            padding:2px 4px;
            width: -moz-fit-content;
            width:fit-content;
            margin:var( --thm_box_gap,3px );
            &:nth-child(n + 8) {
                flex:1 1 auto;
            }
        }
    }
    .list-style-inline{
        @include font_size(4);
        padding-left:var(--thm_content_gap);
        padding-right:var(--thm_content_gap);
        &:hover{
            a{
                cursor:pointer;
            }
        }
    }
}
/**
 * Block align
 */
.block-editor-block-list__layout{
    [data-type="core/freeform"] {
        /* Additional default styles for the editor */
        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
        font-size: 16px;
        font-family: var(--thm_common_font_family);
        font-size: var(--thm_common_font_size);
        line-height: var(--thm_content_line_height);
        color: var(--thm_black_color);
        margin: 9px auto;
        max-width: 100%;
        -webkit-font-smoothing: antialiased !important;
        overflow-wrap: break-word;
        word-wrap: break-word; /* Old syntax */
        .editor-block-list__insertion-point{
            .block-editor-block-list__insertion-point-inserter{
                .block-editor-inserter__toggle{
                    top:-1rem;
                }
            }
        }
        strong,
        b {
            font-weight: bold !important;
        }
        pre {
            font-family:'Osaka', 'Consolas', 'Courier New', 'Courier', 'MS Gothic', monospace;
        }
        td,
        th {
            font-family: inherit;
            font-size: inherit;
        }
        /* For emoji replacement images */
        img.emoji {
            display: inline !important;
            border: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }
        .mceIEcenter {
            text-align: center;
        }
        img {
            height: auto;
            max-width: 100%;
        }
        .wp-caption.alignleft{
            margin-right:1rem;
        }
        .wp-caption.alignright{
            margin-left:1rem;
        }
        .wp-caption {
            margin: 0; /* browser reset */
            max-width: 100%;
        }
        .wp-caption-dd{
            text-align:center;
        }
        /* iOS does not obey max-width if width is set. */
        .ios .wp-caption {
            width: auto !important;
        }
        dl.wp-caption dt.wp-caption-dt img {
            display: inline-block;
            margin-bottom: -1ex;
        }
        div.mceTemp {
            -ms-user-select: element;
        }
        dl.wp-caption,
        dl.wp-caption * {
            -webkit-user-drag: none;
        }
        .wp-caption-dd {
            font-size: 14px;
            padding-top: 0.5em;
            margin: 0; /* browser reset */
        }
        .aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .alignleft {
            float: left;
            margin: 0.5em 1em 0.5em 0;
            left:-1rem;
        }
        .alignright {
            float: right;
            margin: 0.5em 0 0.5em 1em;
        }
        /* Styles for formatting the boundaries of anchors and code elements */
        &.mce-content-body a[data-mce-selected] {
            padding: 0 2px;
            margin: 0 -2px;
            border-radius: 2px;
            box-shadow: 0 0 0 1px #bfe6ff;
            background: #bfe6ff;
        }
        &.mce-content-body .wp-caption-dt a[data-mce-selected] {
            outline: none;
            padding: 0;
            margin: 0;
            box-shadow: none;
            background: transparent;
        }
        &.mce-content-body code {
            padding: 2px 4px;
            margin: 0;
            border-radius: 2px;
            color: #222;
            background: #f2f4f5;
        }
        &.mce-content-body code[data-mce-selected] {
            background: #e9ebec;
        }
        /* Gallery, audio, video placeholders */
        &.mce-content-body img.wp-media {
            border: 1px solid #aaa;
            background-color: #f2f2f2;
            background-repeat: no-repeat;
            background-position: center center;
            width: 99%;
            height: 250px;
            outline: 0;
            cursor: pointer;
        }
        &.mce-content-body img.wp-media:hover {
            background-color: #ededed;
            border-color: #72777c;
        }
        &.mce-content-body img.wp-media.wp-media-selected {
            background-color: #d8d8d8;
            border-color: #72777c;
        }
        /* Image resize handles */
        &.mce-content-body div.mce-resizehandle {
            border-color: #72777c;
            width: 7px;
            height: 7px;
        }
        &.mce-content-body img[data-mce-selected] {
            outline: 1px solid #72777c;
        }
        &.mce-content-body img[data-mce-resize="false"] {
            outline: 0;
        }
        audio,
        video,
        embed {
            display: -moz-inline-stack;
            display: inline-block;
        }
        audio {
            visibility: hidden;
        }
        /* Fix for proprietary Mozilla display attribute, see #38757 */
        [_moz_abspos] {
            outline: none;
        }
        a[data-wplink-url-error],
        a[data-wplink-url-error]:hover,
            a[data-wplink-url-error]:focus {
            outline: 2px dotted #dc3232;
            position: relative;
        }
        a[data-wplink-url-error]:before {
            content: "";
            display: block;
            position: absolute;
            top: -2px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            outline: 2px dotted var(--thm_white_color);
            z-index: -1;
        }
        /* Special styling for the suggestes policy text tutorial sections after they have been pasted in the editor. */
        p.wp-policy-help {
            background-color: #ff0;
        }
        /**
         * WP Views
         */
        .wpview {
            width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
            position: relative;
            clear: both;
            margin-bottom: 16px;
            border: 1px solid transparent;
            &[data-wpview-type="gallery"]{
                width: -moz-fit-content;
                width:fit-content;
                margin-left:auto;
                margin-right:auto;
            }
        }
        .mce-shim {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        .wpview[data-mce-selected="2"] .mce-shim {
            display: none;
        }
        .wpview .loading-placeholder {
            border: 1px dashed #ccc;
            padding: 10px;
        }
        .wpview[data-mce-selected] .loading-placeholder {
            border-color: transparent;
        }
        /* A little "loading" animation, not showing in IE < 10 */
        .wpview .wpview-loading {
            width: 60px;
            height: 5px;
            overflow: hidden;
            background-color: transparent;
            margin: 10px auto 0;
        }
        .wpview .wpview-loading ins {
            background-color: var(--thm_black_color);
            margin: 0 0 0 -60px;
            width: 36px;
            height: 5px;
            display: block;
            -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
            animation: wpview-loading 1.3s infinite 1s steps(36);
        }
        @-webkit-keyframes wpview-loading {
            0% {
                margin-left: -60px;
            }
            100% {
                margin-left: 60px;
            }
        }
        @keyframes wpview-loading {
            0% {
                margin-left: -60px;
            }
            100% {
                margin-left: 60px;
            }
        }
        .wpview .wpview-content > iframe {
            max-width: 100%;
            background: transparent;
        }
        .wpview-error {
            border: 1px solid #ddd;
            padding: 1em 0;
            margin: 0;
            word-wrap: break-word;
        }
        .wpview[data-mce-selected] .wpview-error {
            border-color: transparent;
        }
        .wpview-error .dashicons,
        .loading-placeholder .dashicons {
            display: block;
            margin: 0 auto;
            width: 32px;
            height: 32px;
            font-size: 32px;
        }
        .wpview-error p {
            margin: 0;
            text-align: center;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        }
        .wpview-type-gallery:after {
            content: "";
            display: table;
            clear: both;
        }
        .gallery img[data-mce-selected]:focus {
            outline: none;
        }
        .gallery a {
            cursor: default;
        }
        .gallery {
            margin: auto -6px;
            padding: 6px 0;
            line-height: 1;
            overflow-x: hidden;
        }
        .gallery .gallery-item {
            float: left;
            margin: 0;
            text-align: center;
            padding: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .ie7 .gallery .gallery-item,
        .ie8 .gallery .gallery-item {
            padding: 6px 0;
        }
        .gallery .gallery-caption,
        .gallery .gallery-icon {
            margin: 0;
        }
        .gallery .gallery-caption {
            font-size: 13px;
            margin: 4px 0;
        }
        .gallery-columns-1 .gallery-item {
            width: 100%;
        }
        .gallery-columns-2 .gallery-item {
            width: 50%;
        }
        .gallery-columns-3 .gallery-item {
            width: 33.333%;
        }
        .ie8 .gallery-columns-3 .gallery-item,
        .ie7 .gallery-columns-3 .gallery-item {
            width: 33%;
        }
        .gallery-columns-4 .gallery-item {
            width: 25%;
        }
        .gallery-columns-5 .gallery-item {
            width: 20%;
        }
        .gallery-columns-6 .gallery-item {
            width: 16.665%;
        }
        .gallery-columns-7 .gallery-item {
            width: 14.285%;
        }
        .gallery-columns-8 .gallery-item {
            width: 12.5%;
        }
        .gallery-columns-9 .gallery-item {
            width: 11.111%;
        }
        .gallery img {
            max-width: 100%;
            height: auto;
            border: none;
            padding: 0;
        }
        img.wp-oembed {
            border: 1px dashed #888;
            width: 300px;
            height: 250px;
            outline: 0;
        }
        /* rtl */
        .rtl .gallery .gallery-item {
            float: right;
        }
        @media print,
        (-o-min-device-pixel-ratio: 5/4),
            (-webkit-min-device-pixel-ratio: 1.25),
            (min-resolution: 120dpi) {
            &.mce-content-body img.mce-wp-more {
                background-size: 1900px 20px;
            }
            &.mce-content-body img.mce-wp-nextpage {
                background-size: 1900px 20px;
            }
        }
    }
}
.block-editor-block-list__layout{
    [data-block]{
        .has-text-align-left {
            text-align: left;
        }
        .has-text-align-center {
            text-align: center;
        }
        .has-text-align-right {
            text-align: right;
        }
    }
}
.block-editor-block-list__layout{
    //--thm_content_width:100%;
    // .block-editor-block-list__block is not used in WordPress 5.4. 5.0 version, planned to be removed in the future
    // note Currently valid for blocks such as .block columns
    .block-editor-block-list__block{
        .block-editor-block-list__empty-block-inserter{
            z-index:10;
        }
        .block-editor-block-list__side-inserter{
            width:auto;
            overflow:hidden;
            .block-editor-inserter-with-shortcuts{
            }
        }
        .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
            background: var(--thm_white_color);
            border-radius: 50%;
            color: #007cba;
            height: 28px;
            margin-top: -4px;
            width: 28px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: #555d66;
            background: none;
            cursor: pointer;
            border: none;
            outline: none;
            transition: color .2s ease;
        }
        .is-hovered{
            &[data-type="core/list"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
            }
            &[data-type="core/code"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
            }
            &[data-type="core/column"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
            }
            &[data-type="core/pullquote"]{
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                        top:0;
                    }
                }
                &[data-align="wide"]{
                    .editor-block-list__insertion-point-inserter{
                        .editor-inserter__toggle{
                            top:3rem;
                        }
                    }
                }
                &[data-align="left"]{
                    .editor-block-list__insertion-point-inserter{
                        .editor-inserter__toggle{
                            top:3rem;
                        }
                    }
                }
                &[data-align="right"]{
                    .editor-block-list__insertion-point-inserter{
                        .editor-inserter__toggle{
                            top:3rem;
                        }
                    }
                }
            }
            &[data-type="core/paragraph"]{
                p[data-is-placeholder-visible=true] + p{
                    min-height:0;
                }
                .editor-block-list__insertion-point-inserter{
                    .editor-inserter__toggle{
                    }
                }
            }
        }
        .block-editor-block-list__block-edit{
            float:none;
            margin-right:0;
            margin-left:0;
        }
        /**
         * Align and Paragraph
         */
        &[data-align="right"] + [data-align="left"] + [data-type^="core/paragraph"],
        &[data-align="left"] + [data-align="right"] + [data-type^="core/paragraph"]{
            clear:both;
            float:none;
        }
        &[data-align="left"] + div[data-type="core/paragraph"]{
            clear:none;
            box-sizing:border-box;
        }
        &[data-align="right"] + div[data-type="core/paragraph"]{
            clear:none;
            box-sizing:border-box;
        }
        /**
         * Embed
         */
        &[data-type^="core-embed"]{
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:-2rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
                [data-block]{
                    margin-top:3rem;
                }
            }
            &[data-align="full"]{
                .block-editor-block-list__block-edit{
                    iframe{
                        max-width:calc(100% - 2rem);
                    }
                    .block-editor-block-mover{
                        top:-2rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:0rem;
                    }
                    [data-block]{
                        margin-top:3rem;
                    }
                }
            }
            &[data-align="wide"]{
                .block-editor-block-list__block-edit{
                    iframe{
                        max-width:calc(100% - 2rem);
                    }
                    .block-editor-block-mover{
                        top:-2rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:0rem;
                    }
                    [data-block]{
                        margin-top:3rem;
                    }
                }
            }
            &[data-align="right"]{
                height:360px;
                .block-editor-block-list__block-edit{
                    iframe{
                        max-width:calc(100% - 2rem);
                    }
                    .block-editor-block-mover{
                        top:0;
                        left:-2rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:0rem;
                    }
                    [data-block]{
                        margin-top:3rem;
                    }
                }
            }
            &[data-align="left"]{
                overflow:hidden;
                height:360px;
                .block-editor-block-list__block-edit{
                    iframe{
                        max-width:calc(100% - 2rem);
                    }
                    .block-editor-block-mover{
                        top:0;
                        left:-2rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:0rem;
                    }
                    [data-block]{
                        margin-top:3rem;
                    }
                }
            }
        }
        &[data-type="core/video"]{
            &[data-align="left"]{
                overflow-y:hidden;
            }
            &[data-align="right"]{
                overflow-y:hidden;
            }
        }
        /**
         * Group Container
         */
        &[data-type="core/group"]{
            height:auto;
            & > .block-editor-block-list__block-edit{
                [data-block]{
                    .wp-block-group{
                        & > .block-editor-inner-blocks{
                            & > .block-editor-block-list__layout{
                                &  > div:first-child{
                                    padding-top:1.5rem;
                                }
                            }
                        }
                    }
                }
            }
            [data-type]{
                max-width:100%;
            }
            .block-editor-block-list__block{
            }
            .block-editor-block-list__block-edit{
                [data-type="core/columns"]{
                    &.block-editor-block-list__block{
                        padding-left:0;
                        padding-right:0;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                //  overflow:hidden do not use
                height:auto;
                .alignleft{
                    clear:both;
                    float:none;
                }
                .alignright{
                    clear:both;
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
            }
        }
        .wp-block[data-type="core/group"][data-align=full]>.editor-block-list__block-edit>div>.wp-block-group.has-background>.editor-inner-blocks>.editor-block-list__layout>.wp-block[data-align=full]{
            width:100%;
        }
        .wp-block-media-text>.block-editor-inner-blocks>.block-editor-block-list__layout>.block-editor-block-list__block{
            max-width:100%;
            white-space:normal;
        }
        &[data-type="core/media-text"]{
            height:auto;
            overflow:hidden;
            margin-left:auto;
            margin-right:auto;
            padding-left:0;
            padding-right:0;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:-1.5rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
            .block-editor-inner-blocks{
                width:40%;
            }
            &[data-align="full"]{
                width:100%;
                .editor-block-mover{
                    left:0;
                }
                [data-type]{
                    .editor-block-mover{
                        left:-3rem;
                    }
                }
                [data-block]{
                    .has-media-on-the-right{
                        &.wp-block-media-text{
                            grid-template-columns: 50% 50% !important;
                            .block-editor-inner-blocks{
                                padding-left:var(--thm_content_gap);
                                padding-right:var(--thm_content_gap);
                                box-sizing:border-box;
                            }
                        }
                    }
                }
                .block-editor-inner-blocks{
                    width:70%;
                }
            }
            &[data-align="wide"]{
                width:100%;
                .editor-block-mover{
                    left:0;
                }
                [data-type]{
                    .editor-block-mover{
                        left:-3rem;
                    }
                }
                [data-block]{
                    .has-media-on-the-right{
                        &.wp-block-media-text{
                            grid-template-columns: 50% 50% !important;
                            .block-editor-inner-blocks{
                                padding-left:var(--thm_content_gap);
                                padding-right:var(--thm_content_gap);
                                box-sizing:border-box;
                            }
                        }
                    }
                }
                .block-editor-inner-blocks{
                    width:50%;
                }
            }
            & > .block-editor-block-list__block-edit{
                margin-left:3rem;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:-1rem;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                height:auto;
                .alignwide{
                    clear:both;
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
            }
        }
        /**
         * Core Legacy Widget
         */
        &[data-type="core/legacy-widget"]{
            [data-block]{
                .widget-inside{
                    background:transparent;
                }
            }
        }
        &[data-type="core/separator"]{
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:-3rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
        }
        &[data-type="core/navigation"]{
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:-1rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
        }
        /**
         * Core Image
         */
        &[data-type="core/image"]{
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
                [data-block]{
                    .wp-block-image{
                        margin:0;
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    float:none;
                    margin-right:0;
                    margin-top:2rem;
                    margin-left:0;
                    .block-editor-block-mover{
                        top:1rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        padding-top:1rem;
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    float:none;
                    margin-right:0;
                    margin-top:2rem;
                    margin-left:0;
                    .block-editor-block-mover{
                        top:1rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        padding-top:1rem;
                    }
                }
            }
            &[data-resized="true"]{
                width: -moz-fit-content;
                width:fit-content;
            }
            &[data-align="wide"]{
                height:auto;
                overflow:visible;
                .block-editor-block-list__block-edit{
                    float:none;
                    margin-right:0;
                    margin-top:2rem;
                    margin-left:0;
                    .block-editor-block-mover{
                        top:-2.5rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                    }
                }
            }
            &[data-align="full"]{
                height:auto;
                overflow:visible;
                .wp-block-image{
                    width:100%;
                }
                .block-editor-block-list__block-edit{

                    float:none;
                    margin-right:0;
                    margin-top:2rem;
                    margin-left:0;
                    .block-editor-block-mover{
                        top:-2.5rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                    }
                }
            }
        }
        &[data-type="core/list"]{
            .block-editor-block-list__block-edit{
                float:none;
                margin-right:0;
                margin-top:2rem;
                margin-left:48px;
                .alignleft{
                    float:none;
                }
                .alignright{
                    float:none;
                }
                .block-editor-block-mover{
                }
                .block-editor-block-contextual-toolbar{
                }
            }
        }
        &[data-type="core/code"]{
            .block-editor-block-list__block-edit{
                float:none;
                .alignleft{
                    float:none;
                }
                .alignright{
                    float:none;
                }
                [data-block]{
                    .wp-block-code{
                        background:var(--thm_white_color);
                        padding:1rem;
                        &.dark{
                            color: #a9b7c6;
                            background: #282b2e;
                            .block-editor-plain-text{
                                color: #a9b7c6;
                                background: #282b2e;
                            }
                        }
                    }
                }
            }
        }
        &[data-type="core/verse"]{
            // todo
            .block-editor-block-list__block-edit{
                float:none;
                [data-block]{
                    overflow:hidden;
                    .alignleft{
                        float:none;
                    }
                    .alignright{
                        float:none;
                    }
                }
            }
        }
        &[data-type="core/preformatted"]{
            // todo
            .block-editor-block-list__block-edit{
                float:none;
                [data-block]{
                    overflow:hidden;
                    .alignleft{
                        float:none;
                    }
                    .alignright{
                        float:none;
                    }
                }
            }
        }
        &[data-type="core/file"]{
            height:auto;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:1rem;
                    left:0
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
                [data-block]{
                    top:0;
                }
            }
            [data-block]{
                text-align:center;
                padding-left:var(--thm_content_gap);
                padding-right:var(--thm_content_gap);
            }
            &[data-align="center"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:1rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:1rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="full"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    [data-block]{
                        top:3rem;
                    }
                }
            }
            &[data-align="wide"]{
                height:auto;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    [data-block]{
                        top:3rem;
                    }
                }
            }
        }
        &[data-type="core/audio"]{
            height:auto;
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                [data-block]{
                    padding-top:1rem;
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                [data-block]{
                    padding-top:1rem;
                }
            }
        }
        &[data-type="core/table"]{
            height:auto;
            overflow:visible;
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
            .block-editor-block-list__block-edit{
                .wp-block-table{
                    width:100%;
                    table{
                        width:100%;
                    }
                }
            }
        }
        &[data-type="core/pullquote"][data-align="left"]{
            height:auto;
            overflow:hidden;
            [data-block]{
                padding-top:1rem;
            }
        }
        &[data-type="core/pullquote"][data-align="right"]{
            height:auto;
            overflow:hidden;
            [data-block]{
                padding-top:1rem;
            }
        }
        &[data-type="core/button"]{
            .wp-block-button__link{
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
        }
        &[data-type="core/paragraph"]{
            height:auto;
            .block-editor-block-list__empty-block-inserter,
            .block-editor-default-block-appender .block-editor-inserter,
            .block-editor-inserter-with-shortcuts{
                position:absolute;
                top:0;
            }
            .block-editor-block-list__block-edit:last-of-type{
                //not side inserter
                [data-block]{
                    margin-top:0;
                }
            }
            .block-editor-block-list__block-edit:not(:last-of-type){
                //has side inserter
                width:calc(var(--thm_content_width) - 150px );
                [data-block]{
                    margin-top:0;
                }
            }
            .block-editor-block-list__block-edit{
                margin-top:1rem;
                margin-bottom:0;
                .alignleft{
                    float:none;
                }
                .alignright{
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                    max-width:100%;
                }
                .editor-block-mover{
                    top:0;
                    margin-top:-.8rem;
                }
                [data-block]{
                    margin-bottom:0;
                    p{
                        margin-top:0;
                        margin-bottom:0;
                    }
                }
            }
        }
        &[data-type="core/heading"]{
            height:auto;
            .block-editor-block-list__block-edit{
                .alignleft{
                    float:none;
                }
                .alignright{
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
                [data-block]{
                }
                .editor-block-mover{
                    top:-1rem;
                }
                .block-editor-block-contextual-toolbar{
                }
            }
        }
        &[data-type="core/search"]{
            // todo
            height:auto;
            overflow:hidden;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:0;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                    margin-left:40px;
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-mover{
                    top:0;
                    left:-2rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:1rem;
                    left:40px;
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-mover{
                    top:0;
                    left:-2rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:1rem;
                    left:40px;
                }
            }
            &[data-align="full"],
            &[data-align="wide"]{
                .block-editor-block-mover{
                    top:-2rem;
                    left:0;
                }
            }
            &[data-align="full"]:before,
                &[data-align="wide"]:before{
                content: 'Theme Not Support';
                display: block;
                margin: 1rem 3rem;
                text-align: left;
                color: red;
            }
            [data-block]{
                margin-left:40px;
                .wp-block-search{
                    .wp-block-search__label{
                        max-width:100%;
                    }
                }
            }
        }
        &[data-type="core/archives"]{
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:0
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                    margin-left:40px;
                }
            }
            [data-block]{
                .components-disabled{
                }
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
                top:1rem;
                .wp-block-archives-list{
                    li{
                        padding:.685rem;
                        list-style-type:none;
                    }
                }
            }
            &[data-align="center"]{
                text-align:left;
                height:240px;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                }
                [data-block]{
                    top:1rem;
                }
            }
            &[data-align="left"]{
                height:240px;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                }
                [data-block]{
                    top:1rem;
                }
            }
            &[data-align="right"]{
                height:240px;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                }
                [data-block]{
                    top:1rem;
                }
            }
            .block-editor-block-list__block-edit{
                overflow:hidden;
                height:240px;
                overflow-y:auto;
                overflow-x:hidden;
                .alignleft{
                    clear:both;
                    float:none;
                }
                .alignright{
                    clear:both;
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
                .wp-block-archives-dropdown{
                    clear:both;
                    float:none;
                    margin-top:100px;
                    text-align:center;
                }
            }
        }
        &[data-type="core/latest-comments"]{
            height:auto;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:0
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                    margin-left:40px;
                }
                [data-block]{
                    position: relative;
                    width: calc(100% - 30px);
                    left:40px;
                    top:3rem;
                    li:before{
                        display:none;
                    }
                }
            }
            &[data-align="center"]{
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="left"]{
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="right"]{
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                overflow:hidden;
                height:auto;
                overflow-y:auto;
                overflow-x:hidden;
                .alignleft{
                    clear:both;
                    float:none;
                }
                .alignright{
                    clear:both;
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
            }
        }
        &[data-type="core/latest-posts"]{
            height:auto;
            overflow:hidden;
            .block-editor-block-list__block-edit{
                &.editor-block-list__block-edit{
                    overflow:visible;
                }
                .block-editor-block-mover{
                    left:0;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                    margin-left:40px;
                }
            }
            .alignwide,
            .alignfull,
            .wp-block-gallery,
            .wp-block-image{
                max-width:100% ! important;
            }
            li li{
                width:100%;
            }
            .wp-block-cover{
                .wp-block-cover__inner-container{
                    h2,h3,h4,p,li,td,th{
                        color:var(--thm_white_color);
                    }
                }
            }
            [data-block]{

                position: relative;
                overflow:visible;
                width: calc(100% - 2rem);
                left: 1rem;
                .wp-block-latest-posts{
                    padding-left:0;
                    &.wp-block-latest-posts__list{
                        li{
                            list-style:none;
                            padding:.685rem;
                            margin-bottom: calc(var( --thm_box_gap,3px ) * 2);
                            border:1px solid #ccc;
                            time,
                            a{
                                display:block;
                                text-align:left;
                                margin-left:auto;
                                margin-right:auto;
                                margin-top:1.5rem;
                                margin-bottom:.75rem;
                                width: -moz-fit-content;
                                width:fit-content;
                            }
                            a{
                                font-weight:700;
                                text-decoration:none;
                            }
                        }
                        & > li{
                            .wp-block-latest-posts__post-excerpt{
                                width: -moz-fit-content;
                                width:fit-content;
                                margin-left:auto;
                                margin-right:auto;
                            }
                            .wp-block-latest-posts__post-full-content{
                                @extend %die-aligns;
                                .wp-block-cover{

                                    .wp-block-cover__inner-container{
                                        h2,h3,h4,p,li,td,th{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }

                            }
                        }
                    }
                    &.is-grid{
                        & > li{
                            .wp-block-latest-posts__post-full-content{
                                @extend %die-aligns;
                                .wp-block-cover{
                                    .wp-block-cover__inner-container{
                                        h2,h3,h4,p,li,td,th{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }


                            }
                        }
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="wide"]{
                .block-editor-block-mover{
                    top:0;
                }
            }
            &[data-align="full"]{
                .block-editor-block-mover{
                    top:0;
                }
            }
            .block-editor-block-list__block-edit{
                overflow:hidden;
                height:auto;
                overflow-y:auto;
                overflow-x:hidden;
                .alignleft{
                    clear:both;
                    float:none;
                }
                .alignright{
                    clear:both;
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
                .is-grid{
                    position: relative;
                    width: calc(100% - 30px);
                    left: 40px;
                }
            }
        }
        &[data-type="core/rss"]{
            height:auto;
            overflow:visible;
            padding-left:var(--thm_content_gap);
            padding-right:var(--thm_content_gap);
            padding-bottom:2rem;
            .block-editor-block-list__block-edit{
                overflow:visible;
                height:auto;
                .block-editor-block-mover{
                    left:0;
                }
                .block-editor-block-contextual-toolbar{
                    position:absolute;
                }
                .block-editor-block-toolbar{
                    top:-.5rem;
                    left:0;
                    z-index:10;
                }
                [data-block]{
                    position: relative;
                    width: calc(100% - 30px);
                    left: 40px;
                    top:2rem;
                }
                .aligncenter{
                    clear:both;
                    float:none;
                    width:100%;
                }
                .alignleft{
                    clear:both;
                    float:none;
                    width:100%;
                }
                .alignright{
                    clear:both;
                    float:none;
                    width:100%;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
            }
        }
        &[data-type="core/categories"]{
            height:300px;
            overflow:hidden;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:0
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                    margin-left:40px;
                }
                [data-block]{
                    top:2rem;
                }
            }
            [data-block]{
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
                li{
                    border:none;
                }
            }
            &[data-align="center"]{
                text-align:left;
                height:240px;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                        margin-left:40px;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="left"]{
                height:240px;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                        margin-left:40px;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="right"]{
                height:240px;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                        margin-left:40px;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                height:240px;
                overflow-y:auto;
                overflow-x:hidden;
                .alignleft{
                    clear:both;
                    float:none;
                }
                .alignright{
                    clear:both;
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
                .wp-block-categories{
                    .wp-block-categories__dropdown{
                        clear:both;
                        float:none;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        margin-top:100px;
                    }
                }
            }
        }
        &[data-type="core/quote"]{
            height:auto;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:0
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
                [data-block]{
                    position: relative;
                    width: calc(100% - 30px);
                    left: 40px;
                }
            }
            &[data-align="left"]{
                height:auto;
            }
            &[data-align="right"]{
                height:auto;
            }
            .block-editor-block-list__block-edit{
                height:auto;
                table{
                    width:97%;
                }
                .alignleft{
                    clear:both;
                    float:none;
                    width:97%;
                    margin-left:0;
                }
                .alignright{
                    clear:both;
                    float:none;
                    width:97%;
                    margin-left:0;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
            }
        }
        &[data-type="core/calendar"]{
            height:auto;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:4rem!important;
                    left:0;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
                [data-block]{
                    top:1rem;
                }
            }
            .block-editor-block-contextual-toolbar{
                top:3rem;
            }
            [data-block]{
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="center"]{
                height:auto;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:4rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                overflow:hidden;
                height:auto;
                [data-block]{
                    table{
                        width:97%;
                    }
                    .alignleft{
                        clear:both;
                        float:none;
                        max-width:97%;
                        margin-left:0;
                    }
                    .alignright{
                        clear:both;
                        float:none;
                        max-width:97%;
                        margin-left:0;
                    }
                    .alignfull{
                        clear:both;
                        float:none;
                        position:static;
                    }
                }
            }
        }
        /**
         * Core Gallery
         */
        &[data-type="core/gallery"]{
            height:auto;
            [data-block]{
                .wp-block-gallery{
                    max-widht:100%;
                }
                .blocks-gallery-item{
                    &:before{
                        display:none;
                    }
                    figure{
                        img{
                            align-self: center;
                        }
                        figcaption{
                            color:var(--thm_white_color);
                        }
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    overflow:hidden;
                    .block-editor-block-mover{
                        left:0;
                        top:3rem;
                    }
                    [data-block]{
                        margin-left:2rem;
                    }
                    .wp-block-gallery{
                        &.alignleft{
                            width:100%;
                            max-width:100%;
                        }
                        &.alignright{
                            width:100%;
                            max-width:100%;
                        }
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    overflow:hidden;
                    .block-editor-block-mover{
                        left:0;
                        top:3rem;
                    }
                    [data-block]{
                        margin-left:2rem;
                    }
                    .wp-block-gallery{
                        &.alignleft{
                            width:100%;
                            max-width:100%;
                        }
                        &.alignright{
                            width:100%;
                            max-width:100%;
                        }
                    }
                }
            }
            &[data-align="wide"]{
                .block-editor-block-list__block-edit{
                    overflow:hidden;
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    .block-editor-block-mover{
                        left:0;
                        top:1rem;
                    }
                    [data-block]{
                        margin-top:3rem;
                    }
                    .wp-block-gallery{
                        &.alignfull{
                            position:static;
                            margin-left:auto;
                            margin-right:auto;
                            max-width:100%;
                        }
                    }
                }
            }
            &[data-align="full"]{
                .block-editor-block-list__block-edit{
                    overflow:hidden;
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    .block-editor-block-mover{
                        left:0;
                        top:1rem;
                    }
                    [data-block]{
                        margin-top:3rem;
                    }
                    .wp-block-gallery{
                        &.alignfull{
                            position:static;
                            margin-left:auto;
                            margin-right:auto;
                            max-width:100%;
                        }
                    }
                }
            }
        }
        &[data-type="core/cover"]{
            overflow:visible;
            &[data-align="left"]{
                height:auto;
                .block-editor-block-list__block-edit{
                    margin-left:0;
                    .block-editor-block-contextual-toolbar{
                        width:100%;
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                .block-editor-block-list__block-edit{
                    margin-left:0;
                    .block-editor-block-contextual-toolbar{
                        width:100%;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:1rem;
                    left:-3rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:2rem;
                }
            }
            &[data-align="right"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        margin-top:0;
                    }
                }
            }
            // .block-editor-block-list__layout .block-editor-block-list__block[data-align=left] .block-editor-block-toolbar
            &[data-align="left"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:1rem;
                        left:0;
                    }
                    div.block-editor-block-contextual-toolbar{
                        top:1rem;
                        left:3rem;
                    }
                    [data-block]{
                        margin-top:0;
                    }
                }
                & > .block-editor-block-list__block-edit{
                    & > .block-editor-block-mover{
                        top:1rem;
                        left:0;
                    }
                    & > .block-editor-block-contextual-toolbar{
                        left:4rem;
                        top:-3rem;
                    }
                    [data-block]{
                    }
                }
            }
            &[data-align="center"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                        left:-1rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:2rem;
                    }
                    [data-block]{
                        margin-top:4rem;
                    }
                }
                & > .block-editor-block-list__block-edit{
                    & > .block-editor-block-mover{
                        top:0;
                        left:-3rem;
                    }
                    & > .block-editor-block-contextual-toolbar{
                        left:0;
                        top:0;
                    }
                    [data-block]{
                    }
                }
            }
            &[data-align="wide"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                        left:-3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        left:-2.4rem;
                        top:0;
                    }
                    [data-block]{
                    }
                }
                & > .block-editor-block-list__block-edit{
                    & > .block-editor-block-mover{
                        top:-2rem;
                        left:2rem;
                    }
                    & > .block-editor-block-contextual-toolbar{
                        left:100px;
                        top:0;
                    }
                    [data-block]{
                    }
                }
            }
            &[data-align="full"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                        left:-3rem;
                    }
                    .block-editor-block-toolbar{
                        left:-2.4rem;
                        top:0;
                    }
                    [data-block]{
                    }
                }
                & > .block-editor-block-list__block-edit{
                    & > .block-editor-block-mover{
                        top:-2rem;
                        left:2rem;
                    }
                    & > .block-editor-block-contextual-toolbar{
                        left:100px;
                        top:0;
                    }
                    [data-block]{
                    }
                }
            }
            &:not([data-align]){
                .block-editor-block-list__block-edit{
                    .block-editor-block-contextual-toolbar{
                        left:0;
                        margin-left:24px;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                .block-editor-block-list__block{
                    padding-left:0;
                    padding-right:0;
                }
                .block-editor-block-mover{
                    left:0;
                    top:0;
                }
                [data-block]{
                    * {
                        max-width:100%;
                    }
                    p,li{
                        color:var(--thm_white_color);
                    }
                    h1,h2,h3,h4,h5,h6{
                        color:var(--thm_white_color);
                    }
                }
                .wp-block-button__link{
                    background:transparent;
                    width:100%;
                    &.has-background:before{
                        border-radius: 1.5rem;
                    }
                }
                .wp-block-cover{
                    max-width:100%;
                    width:100%;
                }
                .wp-block-cover__inner-container{
                    max-width:100%;
                    .block-editor-block-list__block-edit{
                        margin:0;
                        width:100%;
                        max-width:100%;
                        padding-left:var(--thm_content_gap);
                        padding-right:var(--thm_content_gap);
                        .editor-rich-text:hover{
                            border:1px solid;
                        }
                    }
                }
            }
        }
        &[data-type="core/tag-cloud"]{
            height:auto;
            overflow:hidden;
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:0;
                    left:0
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                    margin-left:40px;
                }
                [data-block]{
                    position: relative;
                    width: calc(100% - 30px);
                    left: 40px;
                    top:1rem;
                }
            }
            &[data-align="center"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:3rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:3rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:1rem;
                    }
                    [data-block]{
                        top:1rem;
                    }
                }
            }
            .block-editor-block-list__block-edit{
                height:auto;
                overflow-y:auto;
                overflow-x:hidden;
                overflow:hidden;
                .alignleft{
                    clear:both;
                    float:none;
                    max-width:100%
                }
                .alignright{
                    clear:both;
                    float:none;
                    max-width:100%;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                    max-width:100%;
                }
            }
        }
        &[data-type="core/missing"]{
            [data-block]{
                .block-editor-warning{
                    border:1px solid rgba(231, 76, 60,1);
                    background:rgba(231, 76, 60,.4);
                }
            }
        }
        /**
         * Plugin TinyMCE Advanced
         */
        &[data-type="tadv/classic-paragraph"]{
            border:1px solid transparent;
            .block-editor-block-list__insertion-point-inserter{
                top:-1rem;
            }
            [data-block]{
                .block-library-classic__toolbar{
                    margin:3rem -14px 0;
                }
            }
        }
    }
    [data-block]{
        margin-top:28px;//gutenberg 5.9
        margin-bottom:28px;
    }
    div.block-editor-block-list__block .block-editor-block-contextual-toolbar{
        margin-left:0;
    }
}
/**
 * block Columns for Page Layout
 */
.block-editor .edit-post-visual-editor{
    /**
     * Block Column
     */
    .wp-block-columns{
        width:100%;
        margin-top:3rem;
        margin-bottom:3rem;
    }
}
/**
 * Block Columns default
 */
.block-editor-block-list__layout{
    & > .block-editor-block-list__block{
        &[data-type="core/column"]{
            .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
            }
        }
        &[data-type="core/columns"]{
            height:auto;
            overflow:visible;
            max-width: calc(var( --thm_content_width ) + var( --thm_align_offset ));
            padding-left:0;
            padding-right:0;
            //columns
            .editor-block-mover{
                top:0;
                left:-3rem;
            }
            & > .block-editor-block-list__block-edit{
                overflow:visible;
                & > [data-block]{
                    // column toolbar
                    & > .block-editor-block-toolbar{
                        top:0;
                        left:0;
                    }
                    & > .block-editor-block-mover{
                        top:1rem;
                    }
                }
            }
            [data-type="core/column"]:not(:first-child){
                margin-left:24px;
            }
            [data-type="core/column"]{
                min-height:64px;
                overflow:visible;
                margin-left:0;
                margin-right:0;
                .block-editor-block-list__layout{
                    .block-editor-block-list__block{
                        padding-left:0;
                        padding-right:0;
                        box-sizing:border-box;
                        .block-editor-block-mover{
                            top:0;
                        }
                        .block-editor-block-contextual-toolbar{
                        }
                        &[data-type] {
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-3rem;
                            }
                            .block-editor-block-contextual-toolbar{
                            }
                            .block-editor-block-toolbar{
                                left:-3rem;
                            }
                        }
                        &[data-align="full"]{
                            .block-editor-block-list__block-edit{
                                overflow:visible;
                            }
                        }
                        &[data-align="wide"]{
                            .block-editor-block-list__block-edit{
                                overflow:visible;
                            }
                        }
                        [data-block]{
                            .block-editor-inner-blocks{
                            }
                        }
                        &[data-type="core/paragraph"] {
                            [data-block]{
                                max-width:calc(100% - 24px);
                            }
                            .editor-block-mover{
                                top:0;
                                left:0;
                            }
                            .editor-block-mover{
                                top:.5rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                                top:0;
                                left:0;
                            }
                        }
                        &[data-type="core/list"] {
                            overflow:visible;
                            margin-top:2rem;
                            margin-bottom:2rem;
                            .block-editor-block-list__block-edit{
                                margin-left:0;
                            }
                            [data-block]{
                                margin-top:0;
                                padding-left:0;
                                max-width:calc(100% - 24px);
                                ul{
                                    margin-top:0;
                                    padding-left:0;
                                }
                            }
                            .editor-block-mover{
                                top:-1rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                                top:0;
                                left:0;
                            }
                        }
                        &[data-type="core/heading"] {
                            overflow:visible;
                            height:3rem;
                            [data-block]{
                                max-width:calc(100% - 24px);
                            }
                            .editor-block-mover{
                                top:-2rem;
                                left:-3rem;
                            }
                            .block-editor-block-contextual-toolbar{
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/cover"] {
                            overflow:visible;
                            .block-editor-block-list__block-edit{
                                margin-left:0;
                            }
                            [data-block]{
                            }
                            .editor-block-mover{
                                top:24px;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:64px;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/gallery"]{
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/image"]{
                            .editor-block-mover{
                                top:-1rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                            &[data-align="left"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                    margin-bottom:48px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:-2rem;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-align="right"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                    margin-bottom:48px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    right:-3rem;
                                }
                                .block-editor-block-toolbar{
                                    width:300px;
                                    left:-300px;
                                }
                            }
                            &[data-align="wide"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:16px;
                                    left:0;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-align="full"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:24px;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:72px;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                        }
                        &[data-type*="core-embed"]{
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/table"] {
                            overflow:visible;
                            .block-editor-block-list__block-edit{
                                margin-left:0;
                            }
                            [data-block]{
                                margin-top:51px;
                            }
                            .editor-block-mover{
                                top:0rem;
                                left:-3rem;
                            }
                            .block-editor-block-toolbar{
                            }
                        }
                        &[data-type="core/search"]{
                            // todo
                            height:auto;
                            overflow:visible;
                            .block-editor-block-list__block-edit{
                                .block-editor-block-mover{
                                    top:0;
                                    left:-3rem;
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-align="left"]{
                                height:auto;
                                .block-editor-block-list__block-edit{
                                    .block-editor-block-mover{
                                        top:0;
                                        left:-3rem;
                                        width:32px;
                                    }
                                    .block-editor-block-contextual-toolbar{
                                        top:1rem;
                                        margin-left:0;
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                            }
                            &[data-align="right"]{
                                height:auto;
                                .block-editor-block-list__block-edit{
                                    .block-editor-block-mover{
                                        top:2.5rem;
                                        left:0;
                                        width:32px;
                                    }
                                    .block-editor-block-contextual-toolbar{
                                        top:1rem;
                                        margin-left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        width:180px;
                                        left:-180px;
                                    }
                                }
                            }
                            &[data-align="full"]:before,
                                &[data-align="wide"]:before{
                                content: 'Theme Not Support';
                                display: block;
                                margin: 1rem;
                                text-align: center;
                                color: red;
                            }
                            [data-block]{
                                top:1rem;
                                margin-left:0;
                                padding-left:2rem;
                                overflow:visible;
                                .wp-block-search{
                                    .wp-block-search__label{
                                        max-width:100%;
                                    }
                                }
                            }
                        }
                        &[data-type="core/archives"]{
                            .block-editor-block-list__block-edit{
                                .block-editor-block-mover{
                                    top:0;
                                    left:0
                                }
                                .block-editor-block-toolbar{
                                    top:1rem;
                                    left:0;
                                }
                            }
                            &.is-selected{
                                [data-block]{
                                    margin-top:3rem;
                                }
                            }
                        }
                        &[data-type="core/categories"]{
                            .block-editor-block-list__block-edit{
                                .block-editor-block-mover{
                                    top:0;
                                    left:0
                                }
                                .block-editor-block-toolbar{
                                    top:1rem;
                                    left:0rem;
                                }
                            }
                            &.is-selected{
                                [data-block]{
                                    margin-top:3rem;
                                }
                            }
                        }
                        // general
                        &[data-align="full"]{
                            margin-left:0;
                            margin-right:0;
                        }
                        .block-editor-block-list__block-edit{
                            margin-left:0;
                        }
                        [data-block]{
                            margin-top:1rem;
                            position: relative;
                            width: 100%;
                            left: 0;
                        }
                        .editor-block-mover{
                            top:0;
                            left:-3rem;
                        }
                        .block-editor-block-toolbar{
                        }
                    }
                }
            }
            &.block-editor-block-list__block{
                &.is-multi-selected{
                    & > .block-editor-block-mover{
                    }
                }
                & > .block-editor-block-list__block-edit{
                    & > .block-editor-block-mover{
                    }
                }
                .block-editor-block-list__block{
                    .block-editor-block-list__block-edit{
                        margin-top:1rem;
                        margin-bottom:1rem;
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                .block-editor-block-list__block-edit{
                    overflow:hidden;
                    .wp-block-gallery{
                        &.alignleft{
                            width:100%;
                            max-width:100%;
                        }
                        &.alignright{
                            width:100%;
                            max-width:100%;
                        }
                    }
                }
            }
            &[data-align="right"]{
                height:auto;
                .block-editor-block-list__block-edit{
                    overflow:hidden;
                    .wp-block-gallery{
                        &.alignleft{
                            width:100%;
                            max-width:100%;
                        }
                        &.alignright{
                            width:100%;
                            max-width:100%;
                        }
                    }
                }
            }
            &[data-align="full"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:1rem;
                    }
                    [data-block]{
                        margin-top:1rem;
                    }
                    .wp-block-gallery{
                        &.alignfull{
                            position:static;
                            margin-left:auto;
                            margin-right:auto;
                        }
                    }
                }
            }
            &[data-align="wide"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:1rem;
                    }
                    [data-block]{
                        margin-top:1rem;
                    }
                    .wp-block-gallery{
                        &.alignfull{
                            position:static;
                            margin-left:auto;
                            margin-right:auto;
                        }
                    }
                }
            }
            &.block-editor-block-list__block{
                &.is-multi-selected{
                    & > .block-editor-block-mover{
                        //  left:0;
                    }
                }
                & > .block-editor-block-list__block-edit{
                    & > .block-editor-block-mover{
                        left:-3rem;
                    }
                }
                .block-editor-block-list__block{
                    .block-editor-block-list__block-edit{
                        margin-top:0;
                        margin-bottom:0;
                    }
                }
            }
        }
        /**
         * Block Columns wide,full
         */
        &[data-type="core/columns"]{
            &[data-align="full"],
            &[data-align="wide"]{
                & > .block-editor-block-list__block-edit{
                    overflow:visible;
                    //column
                    .block-editor-block-toolbar{
                        top:2rem;
                        left:2px;
                    }
                    .block-editor-block-mover{
                        top:2rem;
                    }
                    //columns
                    & > .block-editor-block-contextual-toolbar{
                        & > .block-editor-block-toolbar{
                            top:0;
                            left:0;
                        }
                    }
                    & > .block-editor-block-mover{
                        top:-2rem;
                        left:0;
                    }
                    & > [data-block]{
                        .block-editor-inner-blocks{
                            .block-editor-block-list__block{
                                &.is-selected{
                                }
                                & > .block-editor-block-list__block-edit{
                                    & > .block-editor-block-toolbar{
                                        top:4rem;
                                        left:2rem;
                                    }
                                    & > .block-editor-block-mover{
                                        top:0;
                                    }
                                }
                            }
                        }
                    }
                }
                [data-type="core/column"]{
                    .block-editor-block-list__layout{
                        .block-editor-block-list__block{
                            .block-editor-block-mover{
                                top:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:3rem;
                            }
                            // wide
                            &[data-type="core/paragraph"] {
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                }
                            }
                            &[data-type="core/list"] {
                                [data-block]{
                                    margin:0;
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    top:0;
                                    left:0;
                                }
                            }
                            &[data-type="core/heading"] {
                                overflow:visible;
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                            }
                            &[data-type="core/cover"] {
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:100px;
                                    top:0;
                                }
                            }
                            &[data-type="core/gallery"]{
                                overflow:visible;
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:100px;
                                    top:0;
                                }
                                &[data-align="left"]{
                                    [data-block]{
                                        margin-left:0;
                                        .wp-block-gallery{
                                            &.alignleft{
                                                margin-left:0;
                                            }
                                        }
                                    }
                                    .editor-block-mover{
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:-2rem;
                                    }
                                }
                                &[data-align="right"]{
                                    margin-left:0;
                                    [data-block]{
                                        margin-left:0;
                                        .wp-block-gallery{
                                            &.alignright{
                                                margin-left:0;
                                            }
                                        }
                                    }
                                    .editor-block-mover{
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        width:200px;
                                        left:-200px;
                                        top:-2rem;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        left:0;
                                        top:-2rem;
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        left:0;
                                        top:-2rem;
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                            }
                            &[data-type="core/image"] {
                            }
                            &[data-type="core/image"]{
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                                &[data-align="left"]{
                                    overflow:visible;
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="right"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        width:300px;
                                        left:-300px;
                                        top:0;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        left:-3rem;
                                    }
                                }
                            }
                            &[data-type*="core-embed"]{
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                                &[data-align="left"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                            max-width:70%;
                                        }
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                    }
                                }
                                &[data-align="right"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                            max-width:70%;
                                        }
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        width:300px;
                                        left:-300px;
                                        top:0;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                        }
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                        .wp-block-embed__wrapper{
                                        }
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                            }
                            &[data-type="core/table"] {
                                .block-editor-block-list__block-edit{
                                }
                                [data-block]{
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-toolbar{
                                    left:0;
                                    top:0;
                                }
                                &[data-align="right"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        width:300px;
                                        left:-300px;
                                        top:0;
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                            }
                            &[data-type="core/search"]{
                                .block-editor-block-list__block-edit{
                                    .block-editor-block-mover{
                                    }
                                    .block-editor-block-contextual-toolbar{
                                    }
                                    .block-editor-block-toolbar{
                                        left:0;
                                        top:0;
                                    }
                                }
                                &[data-align="left"]{
                                    .block-editor-block-list__block-edit{
                                        .block-editor-block-mover{
                                        }
                                        .block-editor-block-toolbar{
                                        }
                                    }
                                }
                                &[data-align="right"]{
                                    .block-editor-block-list__block-edit{
                                        [data-block]{
                                        }
                                        .editor-block-mover{
                                        }
                                        .block-editor-block-toolbar{
                                            width:300px;
                                            left:-300px;
                                            top:0;
                                        }
                                    }
                                }
                                &[data-align="wide"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                                &[data-align="full"]{
                                    [data-block]{
                                    }
                                    .editor-block-mover{
                                        top:-2rem;
                                        left:0;
                                    }
                                    .block-editor-block-toolbar{
                                        left:100px;
                                        top:0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.has-fixed-toolbar{
    .block-editor-block-list__layout{
        > .block-editor-block-list__block{
            &[data-type="core/columns"]{
                [data-type="core/column"]{
                    .block-editor-block-list__layout{
                        .block-editor-block-list__block{
                            &[data-type] {
                                overflow:visible;
                                [data-block]{
                                    margin-top:0;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:32px;
                                }
                            }
                            &[data-type="core/paragraph"]{
                                [data-block]{
                                    padding-left:0;
                                }
                                .editor-block-mover{
                                }
                                .block-editor-block-contextual-toolbar{
                                }
                            }
                            &[data-type="core/gallery"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:32px;
                                    left:40px;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:72px;
                                }
                            }
                            &[data-type*="core-embed"]{
                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:32px;
                                    left:40px;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:64px;
                                    margin-left:72px;
                                }
                            }
                            [data-block]{
                                overflow:visible;
                                margin-left:24px;
                                margin-bottom:4px;
                                width:calc(100% - 24px);
                            }
                        }
                    }
                    &.block-editor-block-list__block{
                        &.has-child-selected{
                            [data-type="core/paragraph"]{
                                [data-block]{
                                    padding-left:0;
                                }
                                .editor-block-mover{
                                    top:1.5rem;
                                    left:-.5rem;
                                }
                                .block-editor-block-contextual-toolbar{
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.has-fixed-toolbar{
    .block-editor-block-list__layout{
        > .block-editor-block-list__block{
            &[data-type="core/group"]{
                .wp-block-group__inner-container{
                    .block-editor-block-list__block{
                        &[data-type]:first-child{
                            .editor-block-mover{
                                top:0;
                                left:-24px;
                            }
                        }
                        &[data-type] {
                            overflow:visible;
                            [data-block]{
                                margin-top:0;
                            }
                            .editor-block-mover{
                                top:0;
                                left:-24px;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:32px;
                            }
                        }
                    }
                }
            }
        }
    }
}
/**
 *
 */
.block-editor-block-list__layout{
    > .block-editor-block-list__block{
        /**
         * Fallback for all environments (GB7.2-)
         */
        /**
         * block content
         *
         */
        .is-block-content{
            max-width:100%;
        }
    }
}
.edit-post-visual-editor .components-button{
    padding:0 8px;
}

div.components-notice{
    margin: 5px 0px 16px;
    .components-notice__content{
        margin:4px 4px 4px 0;
    }
}
.block-editor-page:not([class*="emulsion-"]){
    /* misc */
    div.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/image"][data-align="full"] div,
    div.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/image"][data-align="full"] .wp-block-image{
        width:100%;

    }


}
/** 5.4
 * gutenberg 7.2 editor structure changed. block-editor-block-mover block-editor-block-toolbar
 * Styles before this line are maintained for compatibility up to WP5.3, but no styles are applied after GB7.2.
 * @see emulsion-gb-phase-site class is added lib/hooks.php emulsion_admin_body_class()
 */
.block-editor-page:not([class*="emulsion-"]), // for No use emulsion-addons
.emulsion-gb-phase-site{
    .editor-styles-wrapper{
        // same .edit-post-visual-editor
        /**
         * Toolbar , mover
         */
        .components-popover{
            .components-popover__content{
                .block-editor-block-contextual-toolbar{
                    &[data-type]{
                        &:not([data-align="wide"]){
                            &:not([data-align="full"]){
                                .block-editor-block-toolbar{
                                    .block-editor-block-mover{
                                        &:not(.is-horizontal){
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &[data-type]{
                        &[data-align="left"],
                        &[data-align="right"]{
                            overflow:visible;
                        }
                        &[data-align="left"]{
                            .block-editor-block-toolbar{
                                .block-editor-block-mover{
                                    &:not(.is-horizontal){
                                        left:0;
                                    }
                                }
                            }
                        }

                    }
                    &[data-type="core/gallery"], 
                    &[data-type="core/gallery"]{
                        // todo
                        margin-bottom: 0;
                        margin-left: 2rem;
                    }

                }


            }
        }
        /**
         * Blocks
         * Old CSS styles continue to apply. No need to rewrite
         * Simply shows the structure
         */
        .block-editor__typewriter{

            .block-editor-writing-flow{
                .editor-post-title{
                    .editor-post-title__block{
                        textarea.editor-post-title__input{
                        }
                    }
                }
                .block-editor-block-list__layout.is-root-container{
                    .block-editor-warning__message{
                        background:#fff;
                        color:#333;
                    }
                    /**
                     * core/list
                     */
                    @extend %list-effect-editor;
                    
                    ol:not(.list-style-initial),
                        ul:not(.list-style-initial){
                        &[data-type="core/list"]{
                            li{
                                text-indent:0;
                            }
                        }
                    }
                    /**
                     * block content
                     */
                    .is-block-content{
                        max-width:100%;
                    }
                    /**
                     * Blocks
                     */
                    [data-type]{
                        ol,ul{
                            li{
                                line-height: var(--thm_content_line_height, 1.5);
                                padding-top: calc(var(--thm_common_font_size) * var( --thm_content_line_height ) / 2);
                                padding-bottom: calc(var(--thm_common_font_size) * var( --thm_content_line_height ) / 2);
                                padding-left: 0.385rem;
                                padding-right: 0.385rem;
                            }
                        }
                    }
                    [data-type="core/paragraph"]{
                        margin-left: auto;
                        margin-right: auto;
                        max-width: 100%;
                        padding-left: var(--thm_content_gap);
                        padding-right: var(--thm_content_gap);
                        margin-top:1.5rem;
                        margin-bottom: calc(var(--thm_common_font_size) * var(--thm_content_line_height));
                    }
                    [data-type="core/group"]{
                        &.has-background{
                            padding:0;
                        }
                    }
                    [data-type="core/code"]{
                        code{
                            padding:1rem;
                        }
                    }
                    ul.p-block-social-links{
                        list-style-type:none;
                        li{
                            list-style-type:none;
                        }
                    }
                    // GB8.0 - 8.1 .wp-block-navigation There is no class that distinguishes horizontal from vertical in front end
                    ul[data-type="core/social-links"]{
                        //GB8.1
                        height:40px;
                        &.is-style-default{
                            li{
                                flex:0 0 32px;
                            }
                        }
                        &.is-style-logos-only{
                            li{
                                flex:0 0 32px;
                            }
                        }
                        &.is-style-pill-shape{
                            li{
                                flex:1 0 32px;
                            }
                        }
                        [data-type="core/social-link"]{
                            list-style:none;
                            &:not(.is-selected){
                                &.wp-social-link__is-incomplete{
                                    opacity:.3;
                                    filter:grayscale(70%);
                                }
                                &:not(.has-child-selected){
                                    &.wp-social-link__is-incomplete{
                                        opacity:.3;
                                        filter:grayscale(70%);
                                    }
                                }
                            }
                        }
                        li{
                            &[data-type="core/social-link"]{
                                list-style: none;
                                text-align: center;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                margin: 0 0.75rem 0.75rem 0;
                                padding:0;
                                button{
                                    flex:0 0 32px;
                                    width:100%;
                                    height:100%;
                                    display:block;
                                    padding:0;
                                    &:before{
                                        display:none;
                                    }
                                    &:before{
                                        display:none;
                                    }
                                }
                            }
                        }
                    }
                    [data-type="core/latest-posts"]{
                        .wp-block-latest-posts{
                            padding-left:0;
                            &.wp-block-latest-posts__list{
                                &:not(.list-style-initial){
                                    li:before{
                                        display:none;
                                    }
                                }

                                li{
                                    list-style:none;
                                    padding:.685rem;
                                    margin-bottom: calc(var( --thm_box_gap,3px ) * 2);
                                    border:1px solid #ccc;
                                    time,
                                    a{
                                        display:block;
                                        text-align:left;
                                        margin-left:auto;
                                        margin-right:auto;
                                        margin-top:1.5rem;
                                        margin-bottom:.75rem;
                                        width: -moz-fit-content;
                                        width:fit-content;
                                    }
                                    a{
                                        font-weight:700;
                                        text-decoration:none;
                                    }
                                    @extend %narrow-space-block-and-elements;
                                }
                                & > li{
                                    .wp-block-latest-posts__featured-image{
                                        margin-top:-0.685rem;
                                        margin-left:-0.685rem;
                                        margin-right:-0.685rem;
                                        float:left;
                                    }
                                    .wp-block-latest-posts__post-excerpt{
                                        width: -moz-fit-content;
                                        width:fit-content;
                                        margin:1.5rem auto .75rem;
                                        padding-top:1.5rem;
                                        clear:both;
                                        &:before,
                                            &:after {
                                            content: " ";
                                            display: table;
                                        }
                                        &:after {
                                            clear: both;
                                        }
                                    }
                                    .wp-block-latest-posts__post-full-content{
                                        @extend %die-aligns;
                                        margin:1.5rem auto .75rem;
                                        padding-top:1.5rem;
                                        clear:both;
                                        .wp-block-cover{
                                            position:relative;
                                            max-width: 100%;
                                            box-sizing: border-box;
                                            .wp-block-cover__inner-container{
                                                h2,h3,h4,p,li,td,th{
                                                    color:var(--thm_white_color);
                                                }
                                            }
                                        }
                                        &:before,
                                            &:after {
                                            content: " ";
                                            display: table;
                                        }
                                        &:after {
                                            clear: both;
                                        }
                                    }
                                }
                            }
                            &.is-grid{
                                & > li{
                                    .wp-block-latest-posts__post-full-content{
                                        @extend %die-aligns;
                                        .wp-block-cover{
                                            position:relative;
                                            .wp-block-cover__inner-container{
                                                h2,h3,h4,p,li,td,th{
                                                    color:var(--thm_white_color);
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        &[data-align="right"]{
                            height:auto;
                            overflow:hidden;
                        }
                        &[data-align="left"]{
                            height:auto;
                            overflow:hidden;
                        }
                        &[data-align="wide"]{
                            .block-editor-block-mover{
                                top:0;
                            }
                        }
                        &[data-align="full"]{
                            .block-editor-block-mover{
                                top:0;
                            }
                        }
                        .block-editor-block-list__block-edit{
                            overflow:hidden;
                            height:auto;
                            overflow-y:auto;
                            overflow-x:hidden;
                            .alignleft{
                                clear:both;
                                float:none;
                            }
                            .alignright{
                                clear:both;
                                float:none;
                            }
                            .alignfull{
                                clear:both;
                                float:none;
                                position:static;
                            }
                            .is-grid{
                                position: relative;
                                width: calc(100% - 30px);
                                left: 40px;
                            }
                        }
                    }
                    [data-type="core/columns"]{
                        margin-top:var(--thm_box_gap);
                        margin-bottom:var(--thm_box_gap);
                        [data-type="core/column"]{
                            padding-left:var(--thm_content_gap);
                            padding-right:var(--thm_content_gap);

                            [data-type="core/column"]{
                                padding-left:0;
                                padding-right:0;
                                *{
                                    padding-left:0;
                                    padding-right:0;
                                }
                            }
                        }
                    }
                    [data-type="core/legacy-widget"]{
                        border:var(--thm_common_border);
                    }
                    [data-type="core/buttons"]{
                        [data-type="core/button"]{
                            width:auto;
                        }
                        .wp-block-button{
                            padding-left:24px;
                            padding-right:24px;
                            width:auto;
                        }
                    }
                    [data-type="core/button"]{
                        width:auto;
                        padding-left:24px;
                        padding-right:24px;
                        &[data-align="center"]{
                            width: -moz-fit-content;
                            width:fit-content;
                            display:block;
                            margin-left:auto;
                            margin-right:auto;
                        }
                    }
                    [data-type^="core-embed"]{
                        .is-block-content{
                            width:100%;
                        }
                    }
                    [data-type="core/gallery"]{
                        .blocks-gallery-grid{
                            .blocks-gallery-item{
                                margin:var(--thm_box_gap);
                                padding:0;
                                text-indent:0;
                            }
                        }
                    }

                    [data-type="core/archives"]{
                        .wp-block-archives{
                            color: var(--thm_columns_section_color);
                            word-break: break-word;
                            overflow-wrap: break-word;
                            width: var(--thm_content_width, 720px);
                            max-width: 100%;
                            box-sizing: border-box;
                            list-style-type: none;
                            height: auto;
                            position: relative;
                            margin-top: calc(1rem - 6px) auto 0;
                            padding-left: var(--thm_box_gap);
                            padding-right: var(--thm_box_gap);
                            li{
                                margin-right: calc(var(--thm_box_gap) * 2);
                                margin-left: calc(var(--thm_box_gap) * 2);
                                width: initial;
                                flex: initial;
                                display: list-item;
                                box-sizing: border-box;
                                text-indent:0;
                                border:none;
                                border-bottom:var(--thm_common_border);
                                &:before{
                                    content:'';
                                    display:none;
                                }
                            }
                        }
                    }
                    /**
                     * Aligns
                     */
                    [data-type]{
                        &[data-align="left"]{
                            .is-block-content{
                                margin-right:0;
                                .is-focused{
                                }
                            }
                        }
                        &[data-align="right"]{
                            margin-right:1rem;
                            .is-block-content{
                                margin-left:0;
                                .is-focused{
                                }
                            }
                        }
                        &[data-align="full"]{
                            margin-left:0;
                            margin-right:0;
                        }
                        [data-type="core/navigation-link"],
                        [data-type="core/button"]{
                            // block button ,block navigation

                            &:not([data-align]){
                                width:auto;
                                max-width:100%;
                            }
                        }
                    }
                }
            }
        }
    }
    &.enable-alignfull{
        div:not([class]){
            .block-editor-block-list__layout{
                //over write front end style
                .alignfull{
                    left:0 ! important;
                    width:var(--thm_editor_main_width);
                }
            }
        }
    }
}
/** 5.5
 * GB8.0 HTML Structure changed
 * data-align removed from [data-block]
 * if change align then wrapping [data-block] with <div class="wp-block" data-align="wide">[data-block]</div>
 */
.block-editor-page:not([class*="emulsion-"]), // for No use emulsion-addons
.emulsion-gb-phase-site{
    .editor-styles-wrapper{
        /**
         * Toolbar , mover
         */
        .components-popover{
        }
        /**
         * Blocks
         */
        .block-editor__typewriter{
            .block-editor-block-list__layout{
                &.is-root-container{
                    & > .wp-block[data-align="left"] {
                        clear:left;
                        float:left;
                        width:calc( 50% - 2rem );
                        margin-right:1rem;
                        height:auto;
                        overflow:hidden;
                        [data-block]{
                            width:100%;
                            .wp-block-gallery.alignright,
                            .wp-block-gallery.alignleft,
                            .alignleft,
                            .alignright{
                                width:100%;
                                float:none;
                                max-width:100%;
                            }
                            &.wp-block-button{
                                padding-left:24px;
                                padding-right:24px;
                                width:auto;
                            }
                        }
                        .shrink{
                            text-align:right;
                        }
                    }
                    & > .wp-block[data-align="right"] {
                        clear:right;
                        float:right;
                        width:calc( 50% - 2rem );
                        margin-left:1rem;
                        height:auto;
                        overflow:hidden;
                        [data-block]{
                            width:100%;
                            .wp-block-gallery.alignleft,
                            .wp-block-gallery.alignright,
                            .alignleft,
                            .alignright{
                                width:100%;
                                max-width:100%;
                                float:none;
                            }
                            &.wp-block-button{
                                padding-left:24px;
                                padding-right:24px;
                                width:auto;
                            }

                        }
                        .shrink{
                            text-align:left;
                        }
                    }
                    & > .wp-block[data-align="wide"] {
                        [data-block]{
                            @extend %alignwide;
                        }
                    }
                    & > .wp-block[data-align="full"] {
                        [data-block]{
                            width:var(--thm_editor_main_width, 100%);
                            max-width:100%;
                        }
                    }
                    & > [data-block]:not([data-align]){
                        // not select  align
                    }
                }
            }
        }
    }
}
/* experimental over write */
.emulsion-gb-phase-site{
    .editor-styles-wrapper{
        .has-link-color a{        
            color: var(--thm_general_link_color);
            &:hover{            
                color: var(--thm_general_text_color);              
            }
        }       
    }    
}