@import 'scss-@';
@import 'css-custom-prop';
@import 'core';
@import 'elements';
//@import 'color';
@import 'block';
//@import 'gallery';

body:not(.emulsion-not-support-presentation){
    --thm_black_color:#333333;
    --thm_gray_color:#A9A9A9;
    --thm_silver_color:#bebebe;
    --thm_cloud_color:#ecf0f1;
    --thm_white_color:#ffffff;
    --thm_alert_color:rgba(231, 76, 60, 1);
    --thm_notice_color:rgba(163, 140, 8, 1);
    --thm_info_color:rgba(22, 160, 133, 1);
    --thm_cool_color:rgba(52, 152, 219, 1);
    --thm_alert_color_alpha:rgba(231, 76, 60, .4);
    --thm_notice_color_alpha:rgba(163, 140, 8, .4);
    --thm_info_color_alpha:rgba(22, 160, 133, .4);
    --thm_cool_color_alpha:rgba(52, 152, 219, .4);
    --thm_lighten:linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
    --thm_darken:linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    --thm_default_bullet_color:#3498db;
    --thm_is_style_dark_color:#a9b7c6;
    --thm_is_style_dark_bg:#282b2e;
    --thm_code_color:#555555;
    --thm_code_bg:#f8f8ff;
}
body:not(.emulsion-not-support-presentation) .wp-block-table{
    --thm_table_light_gray_background:#f3f4f5;
    --thm_table_pale_green_background:#e9fbe5;
    --thm_table_pale_blue_background:#e7f5fe;
    --thm_table_pale_pink_background:#ffccf8;
}
.mce-content-body .alignleft{
    clear:left;
}
.mce-content-body .alignright{
    clear:right;
}
.mce-content-body{
    font-family:var(--thm_common_font_family);
    font-size:1rem;
    line-height:var(--thm_content_line_height, 1.5);
    color:var(--thm_general_text_color);
    background:var(--thm_background_color);
    h1,h2,h3,h4,h5,h6{
        font-family:var(--thm_heading_font_family);
        font-weight:var(--thm_heading_font_weight);
        line-height:var(--thm_common_line_height);
        text-transform: var(--thm_heading_font_transform);
    }
    a{
        color: var(--thm_general_link_color);
        &:hover{
            color:var(--thm_general_link_hover_color);
        }
    }
    .wpview{
        width:var(--thm_content_width, 720px);
        margin-right:auto;
        margin-left:auto;
    }
    .wp-block-group{
        width:100%;
    }
    .wp-caption-dt{
        margin-top:0;
        margin-bottom:0;
    }
    .wpview[data-wpview-type="gallery"],
    .wp-gallery{
        width:auto;
        width: -moz-fit-content;
        width:fit-content;
        max-width:var(--thm_content_width, 720px);
        margin-right:auto;
        margin-left:auto;
        .gallery-item{
            img{
                vertical-align:middle;
            }
        }
        .gallery-caption{
            text-align:center;
        }
    }
    .mceTemp{
        //wp-caption wrapper
        width:var(--thm_content_width, 720px);
        margin-right:auto;
        margin-left:auto;
    }
    .alignfull{
        width:auto;
    }
    .wp-block-column{
        border:1px solid #ccc;
    }
}
.wp-block-navigation-menu,
.wp-block-file{
    width:var(--thm_content_width, 720px);
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
#mceResizeHandlese,
#mceResizeHandlesw,
#mceResizeHandlenw,
#mceResizeHandlene{
    width:7px;
}
figure.wp-block-gallery{
    display:block;
    margin-right:auto;
    margin-left:auto;
    .blocks-gallery-grid{
        display:flex;
        flex-wrap:wrap;
        .blocks-gallery-item{
            &:before{
                display:none;
            }
            figure{
                margin-top:0;
                margin-bottom:0;
                margin-block-start:0;
                margin-block-end:0;
            }

        }
    }
}
.wp-block-cover{
    -webkit-box-sizing:border-box;
    // height:100%;
    box-sizing:border-box;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    background-position:center center;
    background-size:cover;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}
.wp-block-cover-image,
.wp-block-cover{
    position:relative;
    z-index:3;
    .wp-block-cover__inner-container{
        position:absolute;
        z-index:2;
        color:#fff;
    }
}
#tinymce .wp-block-cover,
#tinymce .wp-block-cover-image img.wp-block-cover__image-background,
#tinymce .wp-block-cover-image video.wp-block-cover__video-background,
#tinymce .wp-block-cover img.wp-block-cover__image-background,
#tinymce .wp-block-cover video.wp-block-cover__video-background {

   /* Affects block editor
    width: 100%;
    height: 300px;
    */
}

#tinymce div.wp-block-cover{
    min-height:100px ! important;
}
.wp-block-buttons{
    display:flex;
    .wp-block-button{
        flex:1 1 auto;

        a{
            padding-right:var(--thm_content_gap, 24px);
            padding-left:var(--thm_content_gap, 24px);
            line-height:3;
        }
    }
}

.mce-content-body .size1of1,
.mce-content-body .size1of2,
.mce-content-body .size1of3,
.mce-content-body .size2of3,
.mce-content-body .size1of4,
.mce-content-body .size3of4,
.mce-content-body .size1of5,
.mce-content-body .size2of5,
.mce-content-body .size3of5,
.mce-content-body .size4of5 {
    box-sizing:border-box;
    display:inline-block;
    padding:0;
    margin:var(--thm_box_gap, 3px);
    margin-bottom:calc( var(--thm_box_gap, 3px) * 2 );
    vertical-align:top;
    &.aligncenter{
        display:block;
        margin-right:auto;
        margin-left:auto;
    }
}
.has-background{
    color:var(--thm_black_color, #333333);
    background:var(--thm_unknown-bg, #a1c0e0);
}
.mce-content-body .size1of3 {

    width: calc( 33.33333% - 1rem - var(--thm_box_gap, 3px) * 2);
}
.mce-content-body .size1of4 {

    width: calc( 24.99% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .size1of2 {

    width: calc( 50% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .size1of5 {

    width: calc( 19.99% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .size2of3 {
    width: calc( 66.66666% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .size2of5 {
    width: calc( 40% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .size3of4 {
    width: calc( 75% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .size3of5 {
    width: calc( 60% - 1rem - var(--thm_box_gap, 3px) * 2 );
}
.mce-content-body .wp-block.size4of5 {
    width: calc( 80% - 1rem - var(--thm_box_gap, 3px) * 2 );
    width: calc( 80% - 1rem - var(--thm_box_gap, 3px) * 2 );
}

figure.wp-block-pullquote{
    border:none;
    border-color:rgba(188,188,188,.5);
    border-top:2px solid;
    border-bottom:2px solid;
}