@charset "UTF-8";
@import 'scss-@';
@import 'normalize';
@import 'css-custom-prop';
@import 'color';
@import 'fonts';
@import 'block';

.block-editor-page{
    .alignfull{
        //when block advanced class, conflict front end style.
        position:static ! important;
    }
}
#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:#333;
    }
    .edit-post-layout__metaboxes{
        color:#23282d;
        background:inherit;
        .form-table{
            th,
            td{
                color:#23282d;
                background:inherit;
            }
        }
    }
}
/**
 * Fonts
 */
.gutenberg-editor .edit-post-visual-editor,
.gutenberg__editor .edit-post-visual-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);
    .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);
        }
    }
    p{
        font-family: var(--thm_common_font_family);
        font-size:var(--thm_common_font_size);
    }
}
.components-navigate-regions{
    color:#333;
    .edit-post-meta-boxes-area{
        .postbox{
            & >.inside{
                .dashicons-lightbulb{
                    &:before{
                        color:#f39c12;
                    }
                }
            }
        }

    }

}
/**
 * Block Classic
 */
.block__editor .edit-post-visual-editor,
.gutenberg__editor .edit-post-visual-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);
    .editor-block-list__block{
        max-width: calc( var( --thm_content_width ) + 30px);
    }
    .wp-block[data-type="core/freeform"]{
        max-width: var( --thm_content_width );
    }
    .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: #333;
        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 #fff;
            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: #333;
            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;
            }
        }
    }
}
.components-notice-list{
    z-index:89;
}
.gutenberg__editor .edit-post-visual-editor,
.block__editor .edit-post-visual-editor{

    .block-editor-block-list__block[data-type="core/paragraph"]{
        p[data-is-placeholder-visible=true] + p{ 
            min-height:0;
        }     
    } 
    .wp-block-latest-posts{
        li{
            list-style:none;
            padding:.685rem;
            margin-bottom:var( --thm_box_gap,3px );
            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;
            }
        }
        &.alignfull{
            width:calc( 100vw - 1rem);
            max-width:calc( 100vw - 1rem);
            margin-left:calc( (var(--thm_content_width) - 100vw + 1rem ) * 0.5);
        }
        &.aligncenter{
        }
        &.is-grid{
            float:none;
            display:flex;
            flex-wrap:wrap;
            li{
                flex:1 1 auto;
                margin:var(--thm_box_gap);
            }
        }
        &.columns-3{
        }
    }
}
.block__editor .edit-post-visual-editor,
.gutenberg__editor .edit-post-visual-editor{
    /**
     * 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: #333;
                outline: 1px solid #333;
            }
            .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;
                        }
                    }
                }
            }
        }
    }
}
.gutenberg__editor .edit-post-visual-editor,
.block__editor .edit-post-visual-editor{
    /**
     * Block Pullquote
     */
    .wp-block-pullquote{
        .block-library-pullquote__content{
        }
        .wp-block-pullquote__citation{
            text-align:center;
        }
    }
}
.block__editor .edit-post-visual-editor,
.gutenberg__editor .edit-post-visual-editor{
    /**
     * Block Column
     */
    .wp-block-columns{
        width:100%;
    }
}
.block-editor-block-list__layout{
    .block-editor-block-list__block{

        @media (min-width: 600px){
            .block-editor-block-contextual-toolbar{
                top: 28px;
            }
        }
        &[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);
                                }
                            }
                        }
                        &.is-style-squared{
                            .wp-block-button__link{
                                border-radius:0;
                                &.has-background:before{
                                    border-radius:0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.gutenberg__editor .edit-post-visual-editor,
.block__editor .edit-post-visual-editor{
    /**
     * Block separator
     */
    .wp-block-separator{
        clear:both;
        float:none;
    }
    .block-editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit{
        width:calc(50% - 1rem);
        margin-right:1rem;
        .wp-block-gallery.alignleft{
            max-width:100%;
        }
    }
    .block-editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit{
        width:calc(50% - 1rem);
        margin-left:1rem;
        .wp-block-gallery.alignright{
            max-width:100%;
        }
    }
    .editor-block-list__block{
        .block-editor-block-list__insertion-point{
            left:0;
            margin-top:0;
            .editor-block-list__insertion-point-inserter{
            }
        }
    }
    [data-type="core/cover"]{
        .wp-block-cover{
            max-width:100%;
            box-sizing:border-box;
            width:auto;
            .wp-block-cover-text{
                width:100%;
                color:#fff;
                a{
                    color:#fff;
                }
            }
            .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{
                max-width:50%;
            }
        }
        &[data-align="right"]{
            .editor-block-list__block-edit{
                max-width:50%;
            }
        }
        &[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;
    }
}
html body.gutenberg-editor-page{
    background:#FAFAF8;
    .has-stripe-background-color{
        background:repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
    }
}
@media (min-width: 960px){
    .gutenberg__editor .edit-post-text-editor{
        padding-left: 20px;
        padding-right: 20px;
    }
}
.gutenberg__editor .edit-post-visual-editor,
.block__editor .edit-post-visual-editor{
    .wp-block-latest-posts__post-date,
    .horizontal-list-group li,
    .attachment-pdf .attachment img,
    .wp-list-comments > li,
    .reply a,
    th,
    td,
    .wp-block-latest-posts > li,
    .wp-block-categories > ul > li,
    fieldset,
    .wp-block-table td,
    .wp-block-table td,
    .page-break-links > span,
    .page-break-links a,
    .wp-block-code,
    .nav-links > div,
    .solid-border,
    .wp-caption,
    .entry-meta li,
    kbd,
    .paginate-comment-links a,
    .pagination .nav-links span,
    .pagination .nav-links a,
    ins:hover:before,
        del:hover:before,
        figcaption,
        hr{
        color:#23282d;
        background:inherit;
    }
    table{
        &.wp-block-table{
            color:#23282d;
            background:inherit;
            &.has-background{
                th{
                    color:#333;
                }
                td{
                    color:#333;
                }
            }
            &.has-subtle-light-gray-background-color{
                background:#f3f4f5;
            }
            &.has-subtle-pale-green-background-color{
                background:#e9fbe5;
            }
            &.has-subtle-pale-blue-background-color{
                background:#e7f5fe;
            }
            &.has-subtle-pale-pink-background-color{
                background:#ffccf8;
            }
        }
    }
}
/**
 * Color
 */
body{
    &.emulsion-color-enable{
        blockquote {
            border-left: 6px solid currentColor;
            &.is-style-large{
                // todo left border
                border-left: 6px solid currentColor;
            }
        }
        .wp-block-pullquote{
            blockquote {
                border-left: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__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-dark{
            .gutenberg__editor .editor-post-title,
            .gutenberg__editor .edit-post-visual-editor,
            .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);
                }
            }
        }
        .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{
                color:var(--thm_general_text_color);
            }
            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);
            }
        }
        &.gutenberg-editor-page,
        &.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,
        .gutenberg_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,
        .gutenberg__editor .edit-post-visual-editor{
            background:transparent;
            color:var(--thm_general_text_color);
            .wp-block-table td{
                background:transparent;
                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{
            background:transparent;
            color:var(--thm_general_text_color);
        }
        .components-popover{
            .components-popover__content{
            }
        }
        [data-type="core/button"]{
            [data-block]{
                .wp-block-button__link{
                    border:1px solid rgba(188,188,188,.5);
                    &:not(.has-background):not(.has-text-color) {
                        color: var(--thm_header_text_color);
                        background: var(--thm_header_bg_color);
                    }
                }
                .is-style-outline{
                    &:before{
                        display:none;
                    }
                    .wp-block-button__link{
                        background:transparent ! important;
                    }
                }
                .is-style-squared{
                }
            }
        }
    }
}
//test
.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 #fff;
    color: #555d66;
}
.toolbar-button-with-text.is-active:before {
    background: #555d66;
    color: #fff;
}
.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;
                }
            }
        }
    }
    .is-style-emulsion-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;
            }
            a{
            }
        }
    }
    .is-style-emulsion-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: #333;
        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 #fff;
            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: #333;
            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{
    --thm_content_width:100%;
    .block-editor-block-list__block{
        clear:both;
        .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
            background: #fff;
            border-radius: 50%;
            color: #007cba;
            height: 36px;
            margin-top: -4px;
            width: 36px;
            top: 3em;
        }
        &[data-type="core/list"]{
            .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
                top:0;
            }
        }
        &[data-type="core/code"]{
            .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
                top:0;
            }
        }
        &[data-type="core/column"]{
            .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
                top:4rem;
            }
        }
        &[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"]{
            .editor-block-list__insertion-point-inserter{
                .editor-inserter__toggle{
                    top:1.9rem;
                }
            }
        }
        .block-editor-block-list__block-edit{
            float:none;
            margin-right:0;
            margin-left: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%;
        }
        &[data-align=left]:first-child,
            &[data-align=right]:first-child{
            margin-top:0;
        }
        &[data-align="left"]{
            clear:left;
            float:left;
            height:400px;
            overflow-x:hidden;
            overflow-y:auto;
            width:calc(50% - 1rem);
            margin-right:1rem;
            padding-left:0;
            padding-right:0;
            .block-editor-block-list__block-edit{
                float:none;
                margin-right:0;
            }
            .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% - 1rem);
            margin-left:1rem;
            padding-left:0;
            padding-right:0;
            .block-editor-block-list__block-edit{
                float:none;
                margin-right:0;
            }
            .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;
            //overflow:hidden;
            max-width:calc( var( --thm_content_width ) + 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%;
                    }
                }
            }
        }
        /**
         * Align and Paragraph
         */
        /*,
        &[data-type^="core/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;
            width:auto;
        }
        &[data-align="left"] + div[data-type="core/paragraph"]{
            clear:none;
            float:right;
            width:calc(50%  - 1rem);
            box-sizing:border-box;
        }
        &[data-align="right"] + div[data-type="core/paragraph"]{
            clear:none;
            float:left;
            width:calc(50%  - 1rem);
            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;
                    }
                }
            }
        }
        /**
         * Group Container
         */
        &[data-type="core/group"]{
            height:auto;
            // overflow:hidden;
            & > .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{

                padding-left:3.2rem;
                padding-right:3.2rem;
            }
            .block-editor-block-list__block-edit{
                /* .block-editor-block-list__block-edit{
                     .block-editor-block-mover{
                         top:-1rem;
                     }
                 }*/
                [data-type="core/cover"]{

                }
                [data-type="core/gallery"]{
                    /* .block-editor-block-list__block-edit{
                         .block-editor-block-mover{
                             top:0;
                         }
                     }*/
                }
                [data-type="core-embed/vimeo"]{
                    /*  .block-editor-block-list__block-edit{
                          .block-editor-block-mover{
                              top:2rem;
                          }
                          .block-editor-block-contextual-toolbar{
                              top:3rem;
                          }
                      }*/
                }
                /*  [data-type="core/image"]{
                      .block-editor-block-list__block-edit{
                          .block-editor-block-mover{
                              top:0;
                          }
                          .block-editor-block-contextual-toolbar{
                              top:3rem;
                          }
                      }
                  }*/
                [data-type="core/columns"]{
                    &.block-editor-block-list__block{
                        padding-left:0;
                        padding-right:0;
                    }
                    /* .block-editor-block-list__block-edit{
                         .block-editor-block-mover{
                             top:2rem;
                         }
                     }*/
                }
                /*    [data-type="core/pullquote"]{
                        .block-editor-block-list__block-edit{
                            .block-editor-block-mover{
                                top:0;
                            }
                        }
                    }
                    [data-type="core/quote"]{
                        .block-editor-block-list__block-edit{
                            padding-top:2rem;
                            .block-editor-block-mover{
                                top:3rem;
                            }
                        }
                    }
                    [data-type="core/table"]{
                        .block-editor-block-list__block-edit{
                            .block-editor-block-contextual-toolbar{
                                top:3rem;
                            }
                        }
                    }*/
            }
            .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:1rem;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
            &[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;
                            }
                        }
                    }
                }
            }
            &[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-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;
                }
            }
        }
        /**
         * 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-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;   //7/18
                        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-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;
                .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;
                }
            }
        }
        &[data-type="core/code"]{
            .block-editor-block-list__block-edit{
                float:none;
                .alignleft{
                    float:none;
                }
                .alignright{
                    float:none;
                }
            }
        }
        &[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;
            // overflow:hidden;
            .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;
            //  overflow:hidden;
            &[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:hidden;
            overflow:visible;
            [data-align="right"]{
                height:auto;
                overflow:hidden;
            }
            [data-align="right"]{
                height:auto;
                overflow:hidden;
            }
            .block-editor-block-list__block-edit{
                .wp-block-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{
                // width:100%;
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
        }
        &[data-type="core/paragraph"]{
            height:auto;
            // overflow:hidden;
            .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;
                }
                [data-block]{
                    p{
                        margin-top:.5rem;
                        margin-bottom:.5rem;
                    }
                }
            }
        }
        &[data-type="core/heading"]{
            height:auto;
            // overflow:hidden;
            .block-editor-block-list__block-edit{
                .alignleft{
                    float:none;
                }
                .alignright{
                    float:none;
                }
                .alignfull{
                    clear:both;
                    float:none;
                    position:static;
                }
            }
        }
        &[data-type="core/search"]{
            height:auto;
            overflow:hidden;
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="right"]{
                height:auto;
                overflow:hidden;
            }
            &[data-align="full"]:before,
                &[data-align="wide"]:before{
                content: 'Theme Not Support';
                display: block;
                margin: 1rem;
                text-align: center;
                color: red;
            }
        }
        &[data-type="core/archives"]{
            height:300px;
            .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;
                top:1rem;
            }
            &[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;
                }
                [data-block]{
                    position: relative;
                    width: calc(100% - 30px);
                    left:40px;
                    top:3rem;
                }
            }
            &[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{
                .block-editor-block-mover{
                    left:0;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
            [data-block]{
                position: relative;
                overflow:hidden;
                width: calc(100% - 30px);
                left: 40px;
                .wp-block-latest-posts{
                    &.wp-block-latest-posts__list{
                        & > 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:#fff;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &.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:#fff;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            &[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;
                }
            }
        }
        .components-popover editor-inserter__popover{
        }
        &[data-type="core/rss"]{
            height:auto;
            overflow:hidden;
            padding-left:var(--thm_content_gap);
            padding-right:var(--thm_content_gap);
            box-sizing:content-box;
            .block-editor-block-list__block-edit{
                overflow:hidden;
                height:auto;
                overflow-y:auto;
                overflow-x:hidden;
                .editor-block-mover{
                    left:0;
                }
                [data-block]{
                    position: relative;
                    width: calc(100% - 30px);
                    left: 40px;
                }
                .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;
                }
                [data-block]{
                    top:2rem;
                }
            }
            [data-block]{
                position: relative;
                width: calc(100% - 30px);
                left: 40px;
            }
            &[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{
                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"]{
            //overflow:hidden;
            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{
                //  overflow:hidden;
                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"]{
            //overflow:hidden;
            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;
                .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;
                .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;
            // overflow:hidden;
            [data-block]{
                .blocks-gallery-item{
                    figure{
                        img{
                            align-self: center;
                        }
                    }
                }
            }
            &[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/columns"]{
            height:auto;
            // overflow:hidden;
            max-width: calc(var( --thm_content_width ) + var( --thm_align_offset ));
            padding-left:0;
            padding-right:0;
            .block-editor-block-list__block-edit{
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
            [data-type="core/column"]:not(:first-child){
                margin-left:0;
            }
            [data-type="core/column"]{
                min-height:64px;
                margin-left:0;
                margin-right:0;
                .block-editor-block-list__layout{
                    .block-editor-block-list__block{
                        padding-left:1em;
                        padding-right:0;
                        box-sizing:border-box;
                        .block-editor-block-mover{
                            top:0;
                        }
                        .block-editor-block-contextual-toolbar{
                            top:3rem;
                        }
                        &[data-type="core/heading"] {
                            overflow:visible;
                            [data-block]{
                                margin-top:72px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:45px;
                                margin-left:32px;
                            }
                        }
                        &[data-type="core/paragraph"] {
                            [data-block]{
                                margin-top:72px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:32px;
                            }
                        }
                        &[data-type="core/list"] {
                            overflow:visible;
                            .block-editor-block-list__block-edit{
                                margin-left:0;
                            }
                            [data-block]{
                                margin-top:51px;
                            }
                            .editor-block-mover{
                                top:0;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:45px;
                                margin-left:32px;
                            }
                        }
                        &[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:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:45px;
                                margin-left:32px;
                            }
                        }


                        // general
                        &[data-align="full"]{
                            margin-left:0;
                            margin-right:0;
                        }
                        .block-editor-block-list__block-edit{
                            margin-left:0;
                        }
                        [data-block]{
                            margin-top:51px;
                        }
                        .editor-block-mover{
                            top:0rem;
                            left:0;
                        }
                        .block-editor-block-contextual-toolbar{
                            top:45px;
                            margin-left:32px;
                        }
                        &[data-type="core/image"] {
                            .editor-block-mover{
                                top:3px;
                                left:3px;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:72px;
                                margin-left:32px;
                            }
                        }
                    }
                }
            }
            &.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:0;
                    }
                }
                .block-editor-block-list__block{
                    .block-editor-block-list__block-edit{
                        margin-top:1rem;
                        margin-bottom:1rem;
                    }
                }
            }
            &[data-align="left"]{
                height:auto;
                overflow:hidden;
                .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;
                overflow:hidden;
                .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{
                    overflow:hidden;
                    .block-editor-block-mover{
                        top:auto;
                    }
                    [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{
                    overflow:hidden;
                    .block-editor-block-mover{
                        top:auto;
                    }
                    [data-block]{
                        margin-top:1rem;
                    }
                    .wp-block-gallery{
                        &.alignfull{
                            position:static;
                            margin-left:auto;
                            margin-right:auto;
                        }
                    }
                }
            }
        }
        &[data-type="core/cover"]{
            overflow:visible;
            &[data-align="left"]{
                height:auto;
                //overflow:hidden;
                .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;
                }
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }*/
            .block-editor-block-list__block-edit{
                .block-editor-block-mover{
                    top:1rem;
                    left:0;
                }
                .block-editor-block-contextual-toolbar{
                    top:2rem;
                }
                [data-block]{
                    margin-top:4rem;
                }
            }
            &[data-align="right"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                        left:-2rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:0;
                    }
                    [data-block]{
                        margin-top:0;
                    }
                }

            }
            &[data-align="left"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:0;
                        left:-2rem;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:0;
                    }
                    [data-block]{
                        margin-top:0;
                    }
                }
            }
            &[data-align="center"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:1rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:2rem;
                    }
                    [data-block]{
                        margin-top:4rem;
                    }
                }
            }
            &[data-align="wide"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:-2.5rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:2rem;
                    }
                    [data-block]{
                        margin-top:4rem;
                    }
                }
            }
            &[data-align="full"]{
                .block-editor-block-list__block-edit{
                    .block-editor-block-mover{
                        top:-2.5rem;
                        left:0;
                    }
                    .block-editor-block-contextual-toolbar{
                        top:2rem;
                    }
                    [data-block]{
                        margin-top:4rem;
                    }
                }
            }
            &: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{
                //overflow:hidden;
                .block-editor-block-list__block{
                    padding-left:0;
                    padding-right:0;
                }
                .block-editor-block-mover{
                    left:0;
                    top:0;
                }
                p{
                    color:#fff;
                }
                h1,h2,h3,h4,h5,h6{
                    color:#fff;
                }
                .wp-block-button__link{
                    background:transparent;
                    width:100%;
                    &.has-background:before{
                        border-radius: 1.5rem;
                    }
                }
                .wp-block-cover{
                    max-width:100%;
                    width:100%;
                }
                [data-block] * {
                    max-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;
                }
                [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);
                    .block-editor-warning__message{
                    }
                }
            }
        }
        /**
         * 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:51px;
        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,
.gutenberg__editor .edit-post-visual-editor{
    /**
     * Block Column
     */
    .wp-block-columns{
        width:100%;
        margin-top:3rem;
        margin-bottom:3rem;
    }
}
.block-editor-block-list__layout{
    & > .block-editor-block-list__block{

        &[data-type="core/column"]{
            //Line 1520

            .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
                top:4rem;
            }
        }
        &[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;
            .block-editor-block-list__block-edit{
                overflow:visible;
                .block-editor-block-contextual-toolbar{
                    top:3rem;
                }
            }
            [data-type="core/column"]:not(:first-child){
                margin-left:24px;
            }            

            [data-type="core/column"]{
              //  border:1px solid rgba(188,188,188,.3);
                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{
                            top:3rem;
                        }
                        &[data-type] {
                            overflow:visible;
                            [data-block]{
                                margin-top:32px;                                
                            }
                            .editor-block-mover{
                                top:0;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:32px;
                            }
                        }
                        &[data-align="full"]{
                            .block-editor-block-list__block-edit{
                                overflow:visible;
                            }
                        }
                        &[data-align="wide"]{
                            .block-editor-block-list__block-edit{
                                overflow:visible;
                            }
                        }
                        &[data-type="core/paragraph"]{
                            [data-block]{
                                margin-left:24px;
                                margin-right:24px;
                                padding-left:24px;
                                max-width:calc(100% - 24px);
                            }
                            .editor-block-mover{
                            }
                            .block-editor-block-contextual-toolbar{
                            }
                        }
                        &[data-type="core/heading"]{
                            [data-block]{
                                margin-left:24px;
                                margin-right:24px;
                                padding-left:24px;
                                max-width:calc(100% - 24px);
                            }
                            .editor-block-mover{

                            }
                            .block-editor-block-contextual-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;
                            }
                        }
                        &[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/image"]{
                            &[data-align="left"]{

                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                    margin-bottom:48px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:42px;
                                    margin-left:48px;
                                }
                            }
                            &[data-align="right"]{

                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                    margin-bottom:48px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:42px;
                                    margin-left:0;
                                }
                            }
                            &[data-align="wide"]{

                                overflow:visible;
                                [data-block]{
                                    margin-top:32px;
                                }
                                .editor-block-mover{
                                    top:16px;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:48px;
                                    margin-left:48px;
                                }
                            }
                            &[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;
                                }
                            }
                        }
                        &[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;
                            }
                        }

                        // general
                        .block-editor-block-list__block-edit{
                            margin-left:0;

                        }
                        [data-block]{
                            margin-top:1rem;
                            position: relative;
                            width: 100%;
                            left: 0;
                            top: 1rem;

                        }

                        .editor-block-mover{
                            top:0rem;
                            left:0;
                        }
                        .block-editor-block-contextual-toolbar{
                            top:45px;
                            margin-left:32px;
                        }
                        /*&[data-type="core/image"] {
                            .editor-block-mover{
                                top:3px;
                                left:3px;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:72px;
                                margin-left:32px;
                            }
                        }*/
                    }
                }
            }
            &.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:0;
                    }
                }
                .block-editor-block-list__block{
                    .block-editor-block-list__block-edit{
                        margin-top:0;
                        margin-bottom:0;
                    }
                }
            }
            /*  &[data-align="left"]{
                  height:auto;
                  overflow:hidden;
                  .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;
                  overflow:hidden;
                  .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"]{
                  .wp-block-columns{
    
                      & > .editor-inner-blocks{
                          padding-left:0;
                          padding-right:0;
                      }
                  }
                  .block-editor-block-list__block-edit{
                      overflow:hidden;
                      .block-editor-block-mover{
                          top:auto;
                      }
                      [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{
                      overflow:hidden;
                      .block-editor-block-mover{
                          top:auto;
                      }
                      [data-block]{
                          margin-top:1rem;
                      }
                      .wp-block-gallery{
                          &.alignfull{
                              position:static;
                              margin-left:auto;
                              margin-right:auto;
                          }
                      }
                  }
              }*/
        }
    }
}
.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/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__layout{
    > .block-editor-block-list__block{
        &[data-type="core/group"]{
            .block-editor-block-list__block-edit{

                [data-block]{
                    .block-editor-inner-blocks{
                        [data-type]:first-child{
                            [data-block]{
                                margin-top:64px;
                            }
                            .editor-block-mover{
                                top:-64px;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:32px;
                                margin-left:32px;
                            }
                        }
                        [data-type] {
                            [data-block]{
                                margin-top:32px;
                            }
                            .editor-block-mover{
                                top:-64px;
                                left:0;
                            }
                            .block-editor-block-contextual-toolbar{
                                top:64px;
                                margin-left:32px;
                            }
                        }

                    }
                }
                .wp-block-group__inner-container{
                    .block-editor-block-list__block{
                        &[data-type="core/cover"]{
                            .block-editor-block-list__block-edit{
                                [data-block]{
                                    margin-top:16px;
                                }
                                .editor-block-mover{
                                    top:0;
                                    left:0;
                                }
                                .block-editor-block-contextual-toolbar{
                                    top:32px;
                                    margin-left:0px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.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;
                            }
                        }

                    }
                }
            }
        }
    }
}