/**
 * Header
 * ========================================================================== */
.header-layer{
    // ヘッダーレイヤーの配色に連動するコンテンツの色指定
    & ~ .page-wrapper{
        //no sidebar
        .template-part-content-attachment,
        .template-part-content{
            a.skin-button{
                color:var(--thm_header_text_color);
                background: var(--thm_header_bg_color);
            }
        }
        .post-navigation .nav-links div{
            color: var(--thm_general_text_color);
            background: var(--thm_background_color);
        }
        .pagination .nav-links > *{
            color: var(--thm_general_text_color);
            background: var(--thm_background_color);
        }
        .pagination .nav-links > .current{
            color:var(--thm_general_text_color);
            background:var(--thm_sub_background_color_lighten);
        }
        .pagination .prev,
        .pagination .next{
            color:var(--thm_header_text_color);
            background: var(--thm_header_bg_color);
        }
        .post-password-form{
            input[type="submit"] {
                color:var(--thm_header_text_color);
                background: var(--thm_header_bg_color);
            }
        }
    }
    & ~ .layout-block{
        //has sidebar
        .page-wrapper{
            a.skin-button{
                color:var(--thm_header_text_color);
                background: var(--thm_header_bg_color);
            }
            .template-part-content-attachment,
            .template-part-content{
                a.skin-button{
                    color:var(--thm_header_text_color);
                    background: var(--thm_header_bg_color);
                }
            }
            // .post-navigation,
            .post-navigation .nav-links div{
                color: var(--thm_general_text_color);
                background: var(--thm_background_color);
            }
            .pagination .nav-links > *{
                color: var(--thm_general_text_color);
                background: var(--thm_background_color);
            }
            .pagination .nav-links > .current{
                color:var(--thm_general_text_color);
                background:var(--thm_sub_background_color_lighten);
            }
            .pagination .prev,
            .pagination .next{
                color:var(--thm_header_text_color);
                background: var(--thm_header_bg_color);
            }
            .post-password-form{
                input[type="submit"] {
                    color:var(--thm_header_text_color);
                    background: var(--thm_header_bg_color);
                }
            }
        }
    }
    & ~ .scroll-button-top{
        &.skin-button{
            color:var(--thm_header_text_color);
            background: var(--thm_header_bg_color);
        }
    }
}

/**
 * Custom Background
 * ========================================================================== */
.has-custom-style,
.custom-background{
    background:var(--thm_background_color);
}
body{
    &.is-loop[class]{
        /**
         * The background image is displayed only on pages and posts
         * @see _css-custom-prop.scss
         */
        background-image:none;
        background:var(--thm_background_color);
    }
}
.custom-background[class]{
    /**
     *
     * need <style type="text/css" id="custom-background-css">
     * overwrite spacificity
     */
    &:not([class*="background-css-pattern"]) {
        &:not(.emulsion-has-custom-background-image){
            /**
             * For posts and pages, specify a background color
             * only if there is no background image
             */
            background:var(--thm_background_color);
        }
        &.error404.emulsion-has-custom-background-image,
        &.attachment.emulsion-has-custom-background-image,
        &.is-loop.emulsion-has-custom-background-image{
            /**
             * The background image is displayed only on pages and posts
             */
            background:var(--thm_background_color);
        }
    }

    .post-navigation{

        .nav-links{
            .nav-previous{
                color:var(--thm_general_text_color);
                a{
                    .text{
                        color:var(--thm_general_link_color);
                        background:transparent;
                    }
                }
            }
            .nav-next{
                color:var(--thm_general_text_color);
                a{
                    .text{
                        color:var(--thm_general_link_color);
                        background:transparent;
                    }
                }
            }
        }
    }

    .list-style-tab.success-js{
        & > li{

            &.active{
                background:var(--thm_sub_background_color_lighten);
            }
        }

    }

}
/**
 * is scroll
 * ========================================================================== */
body{
    /**
     * If blowser scrolled
     */
    &.on-scroll{
        .header-layer-site-title-navigation{
            color: var(--thm_header_text_color);
            background: var(--thm_header_bg_color);
            background-image: -ms-linear-gradient(90deg, var(--thm_header_bg_color), var(--thm_header_background_gradient_color));
            background: -o-linear-gradient(90deg, var(--thm_header_bg_color), var(--thm_header_background_gradient_color));
            background: linear-gradient(90deg, var(--thm_header_bg_color), var(--thm_header_background_gradient_color))
        }
        .menu-placeholder{
            [for="toc-toggle"]{
                span{
                    background:var(--thm_header_bg_color);
                }
            }
            .toc{
                background:var(--thm_background_color);
                color:var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                }
                ul{
                    @include font_size(5);
                    li{
                        &.toc-active{
                            list-style-type:disc;
                            color:red;
                            a{
                                color:var(--thm_general_link_color);
                            }
                        }
                    }
                }
            }
        }
        &.is-dark .header-is-default-color ~ .primary-menu-wrapper{
            [for="toc-toggle"]{
                span{
                   // background:var(--thm_sub_background_color_lighten);
                }
            }
        }
        &.is-light .header-is-default-color ~ .primary-menu-wrapper{
            [for="toc-toggle"]{
                span{
                   // background:rgba(188, 188, 188, .2);
                }
            }
        }
    }
    /**
     * Custom background is Dark
     * relate post custom field setting
     * ========================================================================== */
    &.is-dark{

        .ui-tooltip {
            background:var(--thm_white_color);
            color: var(--thm_black_color);
            .ui-tooltip-content:before{
                border-color:var(--thm_white_color);
                border: 10px solid transparent;
                border-top: 10px solid  var(--thm_white_color);
            }
            &.bottom-tooltip .ui-tooltip-content:before{
                border: 10px solid transparent;
                border-bottom: 10px solid  var(--thm_white_color);
            }
        }
    }


    /**
     * Custom background is light or dark
     * relate post custom field setting
     * ========================================================================== */
    &.is-dark,
    &.is-light{
        &.metabox-reset-page-presentation{
            &.custom-background main *{
                border-color:#999;
            }

        }
    }
    /**
     * Site header fallback
     */
    .header-layer{
        color:var(--thm_header_text_color);
        a{
            color:var(--thm_header_link_color);
            &:hover{
                color:var(--thm_header_hover_color);
            }
        }
    }

    .header-is-default-color .header-layer-site-title-navigation{
        .menu{
            .children,
            .sub-menu{
                background:var(--thm_header_bg_color);
            }
        }
    }

    /**
     * Header and wp-nav-menu () related settings
     * relate Customizer setting
     * ========================================================================== */
    .header-layer{
        &.template-part-header-custom + .primary-menu-wrapper{

            &.menu-is-dark{
                .wp-nav-menu.primary[data-direction="horizontal"] .sub-menu,
                .wp-nav-menu.primary[data-direction="horizontal"] .children{
                    border-left-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-left-style:var(--thm_common_border_style);
                    border-left-width:var(--thm_common_border_width);
                    border-right-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-right-style:var(--thm_common_border_style);
                    border-right-width:var(--thm_common_border_width);
                    border-top-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-top-style:var(--thm_common_border_style);
                    border-top-width:var(--thm_common_border_width);
                    li{
                        border-bottom-color:var(--thm_common_border, rgba(188,188,188,.5));
                        border-bottom-style:var(--thm_common_border_style);
                        border-bottom-width:var(--thm_common_border_width);
                        .sub-menu,
                        .children{
                            border:none;
                        }
                    }
                }

            }
            &.menu-is-light{
                .wp-nav-menu.primary .sub-menu,
                .wp-nav-menu.primary .children{
                    border-left-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-left-style:var(--thm_common_border_style);
                    border-left-width:var(--thm_common_border_width);
                    border-right-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-right-style:var(--thm_common_border_style);
                    border-right-width:var(--thm_common_border_width);
                    border-top-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-top-style:var(--thm_common_border_style);
                    border-top-width:var(--thm_common_border_width);
                    .sub-menu,
                    .children{
                        border:none;
                    }
                }
                .wp-nav-menu.primary .children li,
                .wp-nav-menu.primary .sub-menu li,
                .widget_nav_menu .children a,
                .widget_nav_menu .sub-menu a{
                    border-bottom-color:var(--thm_common_border, rgba(188,188,188,.5));
                    border-bottom-style:var(--thm_common_border_style);
                    border-bottom-width:var(--thm_common_border_width);
                    .sub-menu li:last-child a,
                        .children li:last-child a{
                        border:none;
                    }
                }
                .menu{
                    &.wp-nav-menu{

                        &[data-direction="vertical"] .children,
                        &[data-direction="vertical"] .sub-menu{
                            border:none;
                            li{
                                border:none;
                            }
                        }
                    }
                }
            }
        }
    }


    .has-category-colors .widget_categories > ul > li:hover{
        a{
            color:var(--thm_white_color);
        }
    }
    /**
     * Header Video
     * ========================================================================== */
    .header-layer{
        &.header-video-active{
            background:#000;

        }
    }
    /**
     * Is Paged
     * ========================================================================== */
    &.paged{
        .header-layer{
            &.header-video-active{
                background:var(--thm_header_bg_color);
            }
        }
    }
    /**
     * Header
     * ========================================================================== */
    &.metabox-reset-post-header{
        .header-layer{
            &.no-header-media{
                &.header-is-default-color{
                    background:var(--thm_white_color);
                    color:var(--thm_black_color);
                    .entry-text .posted-on .entry-date,
                    .entry-text .posted-on a,
                    .entry-text .posted-on .author a,
                    .entry-text .posted-on .comment-link,
                    .site-title-text,
                    a{
                        color:var(--thm_gray_color);
                        &:hover{
                            color:var(--thm_black_color);
                        }
                    }
                }
            }
        }
    }
    & > header{
        color:var(--thm_header_text_color);
        background:var(--thm_header_bg_color);
        &.header-is-default-color{
            color: var(--thm_black_color);
            color:var(--thm_header_text_color);
            a{
                color:var(--thm_header_link_color);
                background:transparent;
            }
        }
        &.header-is-dark{
            color:var(--thm_white_color);
            color:var(--thm_header_text_color);
            a{
                color:var(--thm_header_link_color);
                background:transparent;
            }
        }
        &.header-is-light{
            color: var(--thm_black_color);
            color:var(--thm_header_text_color);
            a{
                color:var(--thm_header_link_color);
                background:transparent;
            }
        }
        &.template-part-header{
            .header-layer-site-title-navigation{
                a{
                    color:var(--thm_header_link_color);
                    background:transparent;
                }
            }
            .site-title{
                .site-title-text{
                    color:var(--thm_header_text_color);
                }
            }
            &.header-is-default-color{
            }
            &.header-is-dark{
                input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span{
                    background:var(--thm_white_color);
                    &:after,
                        &:before{
                        background:var(--thm_white_color);
                    }
                }
                input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span{
                    background:transparent;
                    &:after,
                        &:before{
                        background:var(--thm_white_color);
                    }
                }


            }
            &.header-is-light{
                input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span{
                    background: var(--thm_black_color);
                    &:after,
                        &:before{
                        background: var(--thm_black_color);
                    }
                }
                input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span{
                    background:transparent;
                    &:after,
                        &:before{
                        background: var(--thm_black_color);
                    }
                }

            }
            .header-layer-nav-menu{
                .has-chckbox-control{
                    .menu{
                        li{
                            a{
                                color:var(--thm_header_link_color);
                                background:transparent;
                            }
                        }
                        &[data-direction="vertical"]{
                            border-color:var(--thm_common_border, rgba(188,188,188,.5));
                            border-style:var(--thm_common_border_style);
                            border-width:var(--thm_common_border_width);
                            color:var(--thm_header_text_color);
                            background:var(--thm_header_bg_color);
                            li{
                                a{
                                    color:var(--thm_header_link_color);
                                    background:transparent;
                                }
                                .sub-menu,
                                .children{
                                    color:var(--thm_header_text_color);
                                    background:var(--thm_header_bg_color);
                                }
                                input[type="checkbox"][data-skin="hamburger"]:checked ~ nav .sub-menu a,
                                    input[type="checkbox"][data-skin="hamburger"]:checked ~ nav .children a{
                                    color:var(--thm_header_link_color);
                                    background:var(--thm_header_bg_color);
                                }
                            }
                        }
                    }
                }
            }
            &.header-is-dark{
                .header-layer-nav-menu{
                    .wp-nav-menu{
                        .sub-menu,
                        .children{
                            border-color:var(--thm_common_border, rgba(188,188,188,.5));
                            border-style:var(--thm_common_border_style);
                            border-width:var(--thm_common_border_width);
                            color:var(--thm_header_text_color);
                            background:var(--thm_header_bg_color);
                        }
                    }
                }
            }
            &.header-is-light{
                .header-layer-nav-menu{
                    .wp-nav-menu{
                        .sub-menu,
                        .children{
                            border-color:var(--thm_common_border, rgba(188,188,188,.5));
                            border-style:var(--thm_common_border_style);
                            border-width:var(--thm_common_border_width);
                            color:var(--thm_header_text_color);
                            background:var(--thm_header_bg_color);
                        }
                    }
                }
            }
        }
        &.header-layer{
            color:var(--thm_header_text_color);
            background: var(--thm_header_bg_color);
            @include bg-gradient;
            .site-title-link{
                color:var(--thm_header_text_color);
            }
            .widget_nav_menu .children a,
            .widget_nav_menu .sub-menu a{
                color:var(--thm_general_link_color);
            }

            &.header-is-dark,
            &.header-is-light{
                &.no-header-media{
                    .taxonomy-description,
                    .page-title-block,
                    .site-title-text,
                    .site-description,
                    .header-text{
                        z-index:7;
                        text-shadow:none;
                        a{
                            color:var(--thm_header_link_color);
                            background:transparent;
                        }
                    }
                    .header-text{
                        a{
                            color:var(--thm_header_text_color);
                        }
                    }
                    .entry-text{
                        color: var(--thm_header_text_color);
                        .entry-title{
                            color: var(--thm_header_text_color);
                            background:transparent;
                            text-shadow:none;
                        }
                        .posted-on{
                            color: var(--thm_header_text_color);
                            background:transparent;
                            text-shadow:none;
                            .entry-date,
                            a{
                                color:var(--thm_header_link_color);
                                text-shadow:none;
                                background:transparent;
                            }
                        }
                        .entry-meta{
                            a{
                                color: var(--thm_header_link_color);
                                background:transparent;
                                text-shadow:none;
                            }
                            .cat-item{
                                a{
                                    color: var(--thm_header_link_color);
                                }
                            }
                        }
                    }
                    div.emulsion-monthly-archive-prev-next-navigation a,
                    div.archive-year-links,
                    div.archive-year-links a{
                        .current{
                            text-decoration:underline;
                        }
                    }
                }
            }
            &.cta-layer-active{
                .cta-layer{
                    a{
                        color:var(--thm_header_text_color);
                        background:var(--thm_header_bg_color);
                        &:focus{
                            border:2px solid rgb(94, 158, 214);
                            border:2px auto -webkit-focus-ring-color;
                        }
                    }
                }
            }
            &.header-is-default-color{
                .cta-layer{
                    a{
                        background:var(--thm_white_color);
                    }
                }
            }
            &.header-is-light{
                .cta-layer{
                    a{
                        background:var(--thm_white_color);
                    }
                }
            }
            &.header-is-dark{

            }
            &.header-video-active{
                &.template-part-header-custom{
                    .site-title .site-title-text,
                    .entry-text,
                    .entry-text a,
                    .site-description,
                    .header-text a{
                        color: var(--thm_white_color);
                        background:transparent;
                        text-shadow: #000 1px 0 10px;
                    }
                    &.cta-layer-active{
                        .cta-layer{
                            a{
                                color:var(--thm_header_text_color);
                                background:var(--thm_header_bg_color);
                            }
                        }
                    }
                }
                .site-title .site-title-text,
                .entry-text,
                .entry-text a,
                .site-description,
                .header-text a{
                    color:var(--thm_white_color);
                    background:transparent;
                }
            }
            &.header-image-active{
                &.template-part-header-custom{
                    .site-title-text,
                    .taxonomy-description a,
                    .taxonomy-description,
                    .emulsion-monthly-archive-prev-next-navigation a,
                    .archive-year-links,
                    .archive-year-links a,
                    .site-description,
                    .header-text a,
                    .entry-text,
                    .entry-text a{
                        color:var(--thm_white_color);
                        background:transparent;
                        text-shadow: #000 1px 0 10px;
                    }
                    &.cta-layer-active{
                        .cta-layer{
                            a{
                                color:var(--thm_header_text_color);
                                background:var(--thm_header_bg_color);
                            }
                        }
                    }
                }
                .site-title-text,
                .taxonomy-description a,
                .taxonomy-description,
                .emulsion-monthly-archive-prev-next-navigation a,
                .archive-year-links,
                .archive-year-links a,
                .site-description,
                .header-text a{
                    color:var(--thm_white_color);
                    background:transparent;
                }
                .entry-text,
                .entry-text a{
                    color:var(--thm_white_color);
                    background:transparent;
                }
                .entry-text a{
                    color: var(--thm_header_link_color);
                }
            }
            .search-drawer{
                color:var(--thm_header_text_color);
                background:var(--thm_header_bg_color);
                @include bg-gradient;
                h1,h2,h3,h4{
                    text-transform:var(--thm_heading_font_transform);
                    font-weight:var(--thm_heading_font_weight);
                    font-family: var(--thm_heading_font_family);
                }
                a{
                    color:var(--thm_header_text_color);
                }
                .wp-block-search__button{
                     color:var(--thm_header_text_color);
                }
            }
            .taxonomy-description{
                padding:var(--thm_content_gap, 24px);
            }
        }
    }
    /**
     * Search Drawer
     * ========================================================================== */
    &.drawer-is-active{
        .header-layer{
            .header-text{
                .site-title-text{
                    color: var(--thm_header_text_color);
                    text-shadow:none;
                }
                .site-description{
                    color: var(--thm_header_text_color);
                    text-shadow:none;
                }
            }
            &.header-image-active{
                &.template-part-header-custom{
                    .header-text{
                        width:calc(100% - 64px);
                        .site-title-text{
                            color: var(--thm_header_text_color);
                            text-shadow:none;
                            font-family: var(--thm_heading_font_family);
                            font-weight: var(--thm_heading_font_weight);
                            text-transform: var(--thm_heading_font_transform);
                            @include font_size(3);
                        }
                        .site-description{
                            color: var(--thm_header_text_color);
                            text-shadow:none;
                        }
                    }
                    div.header-text:hover{
                        .site-title-link{
                            .site-title-text{
                                color: var(--thm_header_text_color);
                                text-shadow:none;
                            }
                        }
                        .site-title-text,
                        .site-description{
                            color: var(--thm_header_text_color);
                            text-shadow:none;
                        }
                    }
                }
            }
        }
        &.home:not(.paged){
            &.drawer-is-active{

                header{
                    &.header-image-active{
                        &.template-part-header-custom{
                            div.header-text:hover{
                                .site-description{
                                    color: var(--thm_header_text_color);
                                    text-shadow:none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    /**
     * Header Template Default
     */
    .template-part-header-custom ~ .primary-menu-wrapper input[type="checkbox"][data-skin="hamburger"]:checked ~ nav {
        background:var(--thm_primary_menu_background);
        color:var(--thm_primary_menu_color);
        a{
            color:var(--thm_primary_menu_link_color);
            &:hover{
                color:var(--thm_primary_menu_color);
            }
        }
        .sub-menu,
        .children{
            background:var(--thm_primary_menu_background);
            color:var(--thm_primary_menu_color);
            a{
                color:var(--thm_primary_menu_link_color);
                &:hover{
                    color:var(--thm_primary_menu_color);
                }
            }
        }
    }
    .template-part-header-custom{
        & + .primary-menu-wrapper{
            background:var(--thm_primary_menu_background);
            color:var(--thm_primary_menu_color);
            a{
                color:var(--thm_primary_menu_link_color);
                &:hover{
                    color:var(--thm_primary_menu_color);
                }
            }

            .widget_nav_menu .children li:first-child:last-child a,
                .widget_nav_menu .sub-menu li:first-child:last-child a{
                border-bottom:none;
                color:var(--thm_primary_menu_link_color);
                &:hover{
                    color:var(--thm_primary_menu_color);
                }
            }
            &.menu-is-default{
                background: var(--thm_background_color);
                color: var(--thm_general_text_color);
                .menu-placeholder{
                    background:transparent;
                    color: var(--thm_general_text_color);
                }
            }
            &.menu-is-dark{
                .menu{
                    li{
                        transition:all .5s ease-in-out;
                        &:hover{
                            background:var(--thm_black_color);
                            > li .children > li,
                            > li .sub-menu > li,
                            li .children,
                            li .sub-menu{
                                background:var(--thm_black_color);
                                a{
                                    color:var(--thm_white_color);
                                }
                            }
                        }
                    }
                }
            }
            &.menu-is-light{
                .menu{
                    li{
                        transition:all .5s ease-in-out;
                        &:hover{
                            background:var(--thm_white_color);
                            > li .children > li,
                            > li .sub-menu > li,
                            > li .children,
                            > li .sub-menu{
                                a{
                                    color:var(--thm_black_color);
                                }
                                background:var(--thm_white_color);
                            }
                        }
                    }
                }
            }
        }
    }
    .header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"]:checked ~ nav{
        background:var(--thm_primary_menu_background);
        color:var(--thm_primary_menu_color);
        a{
            color:var(--thm_primary_menu_link_color);
            &:hover{
                color:var(--thm_primary_menu_color);
            }
        }
        .sub-menu,
        .children{
            background:var(--thm_primary_menu_background);
            color:var(--thm_primary_menu_color);
            a{
                color:var(--thm_primary_menu_link_color);
                &:hover{
                    color:var(--thm_primary_menu_color);
                }
            }
        }
    }
    /**
     * Custom Background
     */
    &.custom-background{
        /**
         * Custom Background Dark
         * ========================================================================== */
        &.is-dark{
            .wp-block-group{
                &.emulsion-add-dark-color{
                    color:var(--thm_white_color);
                }
                &.emulsion-add-light-color{
                    color: var(--thm_black_color);
                }
                &.has-success-background-color{
                    color:var(--thm_white_color);
                }
                &.has-notice-background-color{
                    color:var(--thm_white_color);
                }
                &.has-info-background-color{
                    color:var(--thm_white_color);
                }
                &.has-alert-background-color{
                    color:var(--thm_white_color);
                }
            }
            .wp-block-group{
                &.emulsion-add-dark-color{
                    color:var(--thm_white_color);
                    a{
                        color:var(--thm_white_color);
                    }
                    figcaption{
                        color:var(--thm_white_color);
                    }
                }
                &.emulsion-add-light-color{
                    color: var(--thm_black_color);
                    a{
                        color: var(--thm_black_color);
                    }
                    figcaption{
                        color: var(--thm_black_color);
                    }
                }
                &.has-success-background-color{
                    color:var(--thm_white_color);
                    a{
                        color:var(--thm_white_color);
                    }
                    figcaption{
                        color:var(--thm_white_color);
                    }
                }
                &.has-notice-background-color{
                    color:var(--thm_white_color);
                    a{
                        color:var(--thm_white_color);
                    }
                    figcaption{
                        color:var(--thm_white_color);
                    }
                }
                &.has-info-background-color{
                    color:var(--thm_white_color);
                    a{
                        color:var(--thm_white_color);
                    }
                    figcaption{
                        color:var(--thm_white_color);
                    }
                }
                &.has-alert-background-color{
                    color:var(--thm_white_color);
                    a{
                        color:var(--thm_white_color);
                    }
                    figcaption{
                        color:var(--thm_white_color);
                    }
                }
                &.has-cool-background-color{
                    color:var(--thm_white_color);
                    a{
                        color:var(--thm_white_color);
                    }
                    figcaption{
                        color:var(--thm_white_color);
                    }
                }
            }
            .wp-block-categories{
                color: var(--thm_black_color);
            }
            .wp-block-latest-comments__comment-date{
                color:var(--thm_white_color);
            }
            .wp-block-calendar{
                table{
                    caption{
                        color:var(--thm_general_text_color);
                    }
                    th{
                        background:var(--thm_background_color);
                    }
                    tbody{
                        td{
                            background:var(--thm_background_color);
                        }
                    }
                }
            }
            .wp-block-embed-reddit .embedly-card-hug{
                background:var(--thm_white_color);
                color: var(--thm_black_color);
            }
        }
        /**
         * Custom Background Light
         * ========================================================================== */
        &.is-light{
            .wp-block-categories{
                color: var(--thm_black_color);
            }
            .wp-block-calendar{
                table{
                    caption{
                        color:var(--thm_general_text_color);
                    }
                    th{
                        background:var(--thm_background_color);
                    }
                    tr{
                        td{
                            background:var(--thm_background_color);
                        }
                    }
                }
            }
        }
        /**
         * Main Area
         * ========================================================================== */
        main{
            .taxonomy-description,
            .page-title-block,
            .site-title-text,
            .site-description,
            .header-text{
                z-index:7;
                text-shadow:none;
                color:var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                    background:transparent;
                }
            }
        }
    }
    /**
     * Single Post
     * ========================================================================== */
    &.single{
        .header-layer{
            &.no-header-media{
                &.template-part-header-custom{
                    .site-title .site-title-text,
                    .taxonomy-description a,
                    .taxonomy-description,
                    .emulsion-monthly-archive-prev-next-navigation a,
                    .archive-year-links,
                    .archive-year-links a,
                    .site-description,
                    .header-text a,
                    .entry-text .entry-title,
                    .entry-text .entry-date,
                    .entry-text .posted-on a,
                    .entry-text .entry-meta a{
                        text-shadow:none;
                    }
                }
            }
        }
        &.is-light{
            .nav-previous{
                &:hover{
                    background:var(--thm_white_color);
                }
            }
        }
    }
    /**
     * Archive
     * ========================================================================== */
    &.archive{
        .header-layer{
            .emulsion-monthly-archive-prev-next-navigation a{
                text-shadow:none;
            }
            .taxonomy-description{
                color:var(--thm_header_text_color);
            }
        }
    }
    /**
     * Is Paged
     * ========================================================================== */
    &.paged{
        .header-layer{
            &.header-image-active,
            &.no-header-media,
            &.header-video-active{
                &.template-part-header-custom{
                    .site-title .site-title-text,
                    .taxonomy-description a,
                    .taxonomy-description,
                    .emulsion-monthly-archive-prev-next-navigation a,
                    .archive-year-links,
                    .archive-year-links a,
                    .site-description,
                    .header-text a,
                    .entry-text .entry-date,
                    .entry-text .entry-title,
                    .entry-text .posted-on a,
                    .entry-text .entry-meta a{
                        text-shadow:none;
                    }
                }
            }
        }
    }
    /**
     * Block group
     * ========================================================================== */
    .wp-block-group{
        &.emulsion-add-dark-color{
            color:var(--thm_white_color);
            a{
                color:var(--thm_white_color);
            }
            figcaption{
                color:var(--thm_white_color);
            }
        }
        &.emulsion-add-light-color{
            color: var(--thm_black_color);
            a{
                color: var(--thm_black_color);
            }
            figcaption{
                color: var(--thm_black_color);
            }
        }
        &.has-success-background-color{
            color: var(--thm_black_color);
            a{
                color: var(--thm_black_color);
            }
            figcaption{
                color: var(--thm_black_color);
            }
        }
        &.has-notice-background-color{
            color: var(--thm_black_color);
            a{
                color: var(--thm_black_color);
            }
            figcaption{
                color: var(--thm_black_color);
            }
        }
        &.has-info-background-color{
            color: var(--thm_black_color);
            a{
                color: var(--thm_black_color);
            }
            figcaption{
                color: var(--thm_black_color);
            }
        }
        &.has-alert-background-color{
            color: var(--thm_black_color);
            a{
                color: var(--thm_black_color);
            }
            figcaption{
                color: var(--thm_black_color);
            }
        }
        &.has-cool-background-color{
            color: var(--thm_black_color);
            a{
                color: var(--thm_black_color);
            }
            figcaption{
                color: var(--thm_black_color);
            }
        }
    }
}
/**
 * When Category color enable
 * ========================================================================== */
body{
    &.has-category-colors{
        & > header{
            &.header-layer{
                &.no-header-media{
                    .entry-text{
                        .entry-meta{
                            .cat-item{
                                a{
                                    color: var(--thm_header_link_color);
                                    background:transparent;
                                    text-shadow:none;
                                }
                            }
                        }
                    }
                }
            }
        }
        &.category{
            & > header{
                &.header-layer{
                    .drawer-wrapper{
                        label[for="c1"]{
                            .icon{
                                fill:var(--thm_white_color);
                            }
                        }
                    }
                    &.template-part-header{
                        .header-layer-site-title-navigation{
                            .site-title-text{
                                color:var(--thm_white_color);
                            }
                            .site-description{
                                color:var(--thm_white_color);
                            }

                            .menu-main-container{
                                .sub-menu,
                                .children{
                                    color:var(--thm_white_color);
                                    a{
                                        color:var(--thm_white_color);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .page-wrapper{
            article{
                header{
                    .entry-meta{
                        .post-category{
                            .cat-item{
                                a{
                                    color:var(--thm_general_link_color);
                                }
                                &.current-cat{
                                    a{
                                        color:var(--thm_white_color);
                                    }
                                }
                            }
                        }
                    }
                    &.show-post-image{
                        .entry-meta{
                            .post-category{
                                .cat-item{
                                    a{
                                        color:var(--thm_white_color);
                                    }
                                    &.current-cat{
                                        a{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    &.disable-category-colors{
        & > header{
            &.header-layer{
                &.no-header-media{
                    .entry-text{
                        .entry-meta{
                            .cat-item{
                                a{
                                    color: var(--thm_header_link_color);
                                    background:transparent;
                                    text-shadow:none;
                                }
                            }
                        }
                    }
                }
            }
        }
        .layout{
            .grid{
                article{
                    header{
                        .entry-meta{
                            .post-category{
                                .cat-item{
                                    a{
                                        color: var(--thm_header_link_color);
                                        background:transparent;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .layout{
            article{
                header{
                    .entry-meta{
                        .post-category{
                            .cat-item{
                                a{
                                    color:var(--thm_general_link_color);
                                    background:transparent;
                                }
                            }
                        }
                    }
                }
                &.has-post-thumbnail{
                    header[style]{
                        // if has background image
                        .entry-meta{
                            .post-category{
                                .cat-item{
                                    a{
                                        color:var(--thm_white_color);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.entry-content{
    .wp-block-categories{
        li:hover{
            .emulsion-cat-count{
                color:var(--thm_white_color);
            }
        }
    }
}
/**
 * Basic
 * ========================================================================== */
a{
    color:var(--thm_general_link_color);
    &:hover{
        color:var(--thm_general_link_hover_color);
    }
}
a:any-link{
    color:var(--thm_general_link_color);
    &:hover{
        color:var(--thm_general_link_hover_color);
    }
}
a:-moz-any-link{
    color:var(--thm_general_link_color);
    &:hover{
        color:var(--thm_general_link_hover_color);
    }
}
a:-webkit-any-link{
    color:var(--thm_general_link_color);
    &:hover{
        color:var(--thm_general_link_hover_color);
    }
}
body{
    $background_tranparent_hover:rgba(188, 188, 188, .2);

    .wp-block-button__link{

        color:var(--thm_general_link_color);
    }
    &.is-dark{
        div.gallery .gallery-item,/* classic editor */
        .wp-block-gallery .blocks-gallery-item{
            background:rgba(188, 188, 188, .2);
        }
        .wp-block-gallery.badge .blocks-gallery-item{
            background:transparent;
        }
        div.gallery .gallery-item{
            border-color:var(--thm_common_border, rgba(188,188,188,.5));
            border-style:var(--thm_common_border_style);
            border-width:var(--thm_common_border_width);
        }
        p.has-drop-cap:not(:focus):first-letter {
            background:#000;
            color:var(--thm_white_color);
            border:1px solid rgba(188,188,188,.3);
        }
    }
    &.is-light{
        div.gallery .gallery-item,/* classic editor */
        .wp-block-gallery .blocks-gallery-item{
            background:rgba(188, 188, 188, .2);
        }
        .wp-block-gallery.badge .blocks-gallery-item{
            background:transparent;
        }
        div.gallery .gallery-item{
            border-color:var(--thm_common_border, rgba(188,188,188,.5));
            border-style:var(--thm_common_border_style);
            border-width:var(--thm_common_border_width);
        }
        p.has-drop-cap:not(:focus):first-letter {
            background: rgba(188,188,188,.3);
            color: var(--thm_general_text_color);
        }
        p.has-drop-cap.has-background:not(:focus):first-letter {
            background:var(--thm_white_color);
            color:var(--thm_black_color);
        }
    }
    .primary-menu-wrapper{
        background:var(--thm_primary_menu_background);
        color:var(--thm_primary_menu_color);
        a{
            color:var(--thm_primary_menu_link_color);
        }
        nav{
            .wp-nav-menu{
                .sub-menu li,
                .children li,
                .sub-menu,
                .children{
                    background:var(--thm_primary_menu_background);
                    color:var(--thm_primary_menu_color);
                    a{
                        color:var(--thm_primary_menu_link_color);
                    }
                }
            }
        }
    }
    .wp-block-tag-cloud{
        color: var(--thm_general_text_color);
        a{
            color: var(--thm_general_link_color);
        }
    }
    .wp-block-cover-text{
        a{
            color:var(--thm_general_link_color);
        }
    }
    .sidebar-widget-area{
        &.sidebar-is-light,
        &.sidebar-is-dark{
            background:var(--thm_sidebar_bg_color);
            color:var(--thm_sidebar_text_color);
            a{
                color:var(--thm_sidebar_link_color);
            }
            th,td{
                color:var(--thm_sidebar_text_color);
                a{
                    color:var(--thm_sidebar_link_color);
                }
            }
        }
        &.sidebar-is-default{
            background:var(--thm_background_color);
            color:var(--thm_general_text_color);
            a{
                color:var(--thm_general_link_color);
            }
            .widgettitle{
                color:var(--thm_general_text_color);
            }

        }
    }

    .footer-layer{

        background:var(--thm_sidebar_bg_color);
        color:var(--thm_sidebar_text_color);
        .footer-widget-area-lists{
            li{
                a{
                    color:var(--thm_sidebar_link_color);
                }
            }
        }
        &.sidebar-is-light,
        &.sidebar-is-dark{
            color:var(--thm_sidebar_text_color);
            .footer-widget-area{

                .widgettitle{
                    color:var(--thm_sidebar_text_color);
                }

            }
            th,td{
                color:var(--thm_sidebar_text_color);
                a{
                    color:var(--thm_sidebar_link_color);
                }
            }
        }
        &.sidebar-is-default{
            background:var(--thm_background_color);
            color:var(--thm_general_text_color);
            a{
                color:var(--thm_general_link_color);

            }
            .widgettitle{
                color:var(--thm_general_text_color);
            }
        }
        .banner{
            background:var(--thm_sidebar_bg_color);
            color:var(--thm_sidebar_text_color);
            a{
                color:var(--thm_sidebar_link_color);
                &:hover{
                    color:var(--thm_sidebar_hover_color);
                }
            }
        }
    }

    .wp-block-verse{
        color:var(--thm_general_text_color);
        a{
            color:var(--thm_general_link_color);
        }
    }
    #wpwrap [data-type="core/html"] .wp-block-html .block-editor-plain-text,
    .wp-block-preformatted,
    pre code{
        color:#555;
        background: #f8f8ff;
        &.is-style-dark,
        &.dark{
            color: #a9b7c6;
            background: #282b2e;
            code,
            .block-editor-plain-text{
                color: #a9b7c6;
                background: #282b2e;
            }
        }
    }
    pre.wp-block-code{
        code{
            color:#555;
            background: #f8f8ff;
        }
        &.is-style-dark,
        &.dark{
            code{
                color: #a9b7c6;
                background: #282b2e;
                code,
                .block-editor-plain-text{
                    color: #a9b7c6;
                    background: #282b2e;
                }
            }
        }
    }
    p > code{
        // inline code
        background:#f8f8ff;
        padding-left:.5rem;
        padding-right:.5rem;
    }
}
main{
    color: var(--thm_general_text_color);
}
.page-wrapper{
    article{
        color: var(--thm_general_text_color);
        a{
            color:var(--thm_general_link_color);
        }
        header{
            .entry-title{
                text-transform:var(--thm_heading_font_transform);
                font-weight:var(--thm_heading_font_weight);
                font-family:var(--thm_heading_font_family);
                color: var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                }
            }
            .posted-on{
                a{
                    color:var(--thm_general_link_color);
                    .entry-date{
                        color:var(--thm_general_link_color);
                    }
                }
            }
            .entry-meta{
                a{
                    color:var(--thm_general_link_color);
                }
                .cat-item{
                    a{
                        color:var(--thm_general_link_color);
                    }
                }
            }
            &.show-post-image{
                color:var(--thm_white_color);
                background-color:#000;
                .entry-title{
                    color:var(--thm_white_color);
                    a{
                        color:#eee;
                    }
                }
                .posted-on{
                    a{
                        color:#eee;
                    }
                }
                .entry-meta{
                    a{
                        color:#eee;
                    }
                }
                a{
                    &.has-text{
                        color:#eee;
                    }
                    .entry-date{
                        color:#eee;
                    }
                }
            }
        }
    }
}
.entry-content{
    color: var(--thm_general_text_color);
    a{
        color:var(--thm_general_link_color);
    }
    .wp-block-cover-text{
        a{
            color:var(--thm_general_link_color);
        }
    }
}
.comment-wrapper{
    color:var(--thm_comments_color);
    background:var(--thm_comments_bg);
    a{
        color:var(--thm_comments_link_color);
    }
    .comment-is-dark{
        .comments:not(.comment-is-light){

        }

    }
    .comments{
        article{
            color:var(--thm_black_color);
            background:var(--thm_white_color);
            a{
                color:var(--thm_gray_color);
            }
        }
        &.comment-is-light{
            article{
                color:var(--thm_black_color);
                background:var(--thm_white_color);
                a{
                    color:var(--thm_gray_color);
                }
            }
        }
        &.comment-is-dark{
            article{
                color:var(--thm_white_color);
                background:rgba(0,0,0,.3);
                a{
                    color:var(--thm_silver_color);
                    &:hover{
                        color:var(--thm_white_color);
                    }
                }
            }
        }
    }

    .comment-reply-title{
        color:var(--thm_comments_color);
    }
    .logged-in-as{
        a{
            color:var(--thm_comments_link_color);
        }
    }
    .comment-form-comment{
        label{
            color:var(--thm_comments_color);
        }
    }
    .comment-notes{
        color:var(--thm_comments_color);
    }
    .required{
        color:var(--thm_comments_color);
    }
    .comment-form-author{
        label{
            color:var(--thm_comments_color);
        }
    }
    .comment-form-email{
        label{
            color:var(--thm_comments_color);
        }
    }
    .comment-form-url{
        label{
            color:var(--thm_comments_color);
        }
    }
    .paginate-comment-links{
        a{
            color:var(--thm_comments_link_color);
        }
    }
    [type="submit"]{
        border-color:var(--thm_common_border, rgba(188,188,188,.5));
        border-style:var(--thm_common_border_style);
        border-width:var(--thm_common_border_width);
    }
}
.relate-content-wrapper{
    background:var(--thm_relate_posts_bg);
    color:var(--thm_relate_posts_color);
    a{
        color:var(--thm_relate_posts_link_color);
    }
}
.paginate-comment-links{
    .current{
        color:var(--thm_header_text_color);
        background: var(--thm_header_bg_color);
    }
}
figure.wp-block-table{
    &::-webkit-scrollbar-thumb{
        background-color: currentColor;
    }
}
.page-wrapper{
    .grid{
        .article-wrapper{
            article{
                header{
                    color: var(--thm_header_text_color);
                    background: var(--thm_header_bg_color);
                    background-image: -ms-linear-gradient(90deg, var(--thm_header_bg_color), var(--thm_header_background_gradient_color));
                    background: -o-linear-gradient(90deg, var(--thm_header_bg_color), var(--thm_header_background_gradient_color));
                    background: linear-gradient(90deg, var(--thm_header_bg_color), var(--thm_header_background_gradient_color));
                    a .entry-date,
                    a{
                        color: var(--thm_header_link_color);
                        background: transparent;
                        &:hover{
                            color:var(--thm_header_text_color);
                        }
                    }
                    &.show-post-image{
                        color:var(--thm_white_color);
                        background-size:cover;
                        a .entry-date,
                        a{
                            color:var(--thm_white_color);
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                    }
                }
            }
        }
    }
}
.stream{
    article{
        .stream-wrapper{
            color:var(--thm_general_text_color);
            .entry-title{
                text-transform:var(--thm_heading_font_transform);
                font-weight:var(--thm_heading_font_weight);
                font-family:var(--thm_heading_font_family);
                color: var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                    &:hover{
                        color:var(--thm_general_link_hover_color);
                    }
                }
            }
            .posted-on{
                color: var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                    .entry-date{
                        color:var(--thm_general_link_hover_color);
                    }
                    &:hover{
                        color:var(--thm_general_link_hover_color);
                    }
                }
            }
            .content-col{
                color: var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                    .entry-date{
                        color:var(--thm_general_link_hover_color);
                    }
                }
            }
            /**
             * Exception handling because z-index: -1 is not valid
             */
            p.has-background{
                color:var(--thm_general_text_color);
                a{
                    color:var(--thm_general_link_color);
                }
            }
        }
    }
}
.is-light{
    .grid{
        article{
            background:var(--thm_white_color);
        }
    }
    .stream{
        .stream-wrapper{
            background:var(--thm_white_color);
        }
    }
    .header-is-default-color{
        & ~ .has-column {
            .page-wrapper{
                .grid{
                    .article-wrapper{
                        article{
                            header{
                                // background:var(--thm_sub_background_color_darken);
                                // background:rgba(222,222,222,.2);
                                a .entry-date,
                                a{
                                    color: var(--thm_header_link_color);
                                    background: transparent;
                                    &:hover{
                                        color:var(--thm_header_text_color);
                                    }
                                }
                                &.show-post-image{
                                    color:var(--thm_white_color);
                                    background-size:cover;
                                    a .entry-date,
                                    a{
                                        color:var(--thm_white_color);
                                        &:hover{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        & ~ .page-wrapper{
            .grid{
                .article-wrapper{
                    article{
                        header{
                            //background:var(--thm_sub_background_color_darken);
                            // background:rgba(222,222,222,.2);
                            a .entry-date,
                            a{
                                color: var(--thm_header_link_color);
                                background: transparent;
                                &:hover{
                                    color:var(--thm_header_text_color);
                                }
                            }
                            &.show-post-image{
                                color:var(--thm_white_color);
                                background-size:cover;
                                a .entry-date,
                                a{
                                    color:var(--thm_white_color);
                                    &:hover{
                                        color:var(--thm_white_color);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.is-dark{
    .grid{
        article{
            background:#000;
        }
    }
    .stream{
        .stream-wrapper{
            background:#000;
        }
    }
    .header-is-default-color{
        & ~ .has-column {
            .page-wrapper{
                .grid{
                    .article-wrapper{
                        article{
                            header{
                                //  background:var(--thm_sub_background_color_darken);
                                // background:rgba(222,222,222,.2);
                                a .entry-date,
                                a{
                                    color: var(--thm_header_link_color);
                                    background: transparent;
                                    &:hover{
                                        color:var(--thm_header_text_color);
                                    }
                                }
                                &.show-post-image{
                                    color:var(--thm_white_color);
                                    background-size:cover;
                                    a .entry-date,
                                    a{
                                        color:var(--thm_white_color);
                                        &:hover{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        & ~ .page-wrapper{
            .grid{
                .article-wrapper{
                    article{
                        header{
                            // background:var(--thm_sub_background_color_darken);
                            // background:rgba(222,222,222,.2);
                            a .entry-date,
                            a{
                                color: var(--thm_header_link_color);
                                background: transparent;
                                &:hover{
                                    color:var(--thm_header_text_color);
                                }
                            }
                            &.show-post-image{
                                color:var(--thm_white_color);
                                background-size:cover;
                                a .entry-date,
                                a{
                                    color:var(--thm_white_color);
                                    &:hover{
                                        color:var(--thm_white_color);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.is-style-list-style-inline,
.list-style-inline li,
.horizontal-list-group li,
.attachment-pdf .attachment img,
.wp-list-comments > li,
.reply a,
th,
td,
.wp-block-rss.is-grid > li,
.wp-block-categories > ul > li,
fieldset,
.wp-block-table td,
.page-break-links > span,
.page-break-links a,
.wp-block-code,
main .nav-links > div,
.wp-caption,
.entry-meta li,
kbd,
.paginate-comment-links a,
ins:hover:before,
del:hover:before,
figcaption,
.wp-block-image figcaption, /* overwite core */
hr{
    color:var(--thm_general_text_color);
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date{
    color:var(--thm_general_text_color);
}

figure.wp-block-table{
    &::-webkit-scrollbar-thumb{
        background-color: currentColor;
    }
}

/**
 * Table
 * ========================================================================== */
table{
    tr{
        th{
            border-color:var(--thm_common_border, rgba(188,188,188,.5));
            border-style:var(--thm_common_border_style);
            border-width:var(--thm_common_border_width);
            border-color:var(--thm_sub_background_color_darken);
        }
        td{
            border-color:var(--thm_common_border, rgba(188,188,188,.5));
            border-style:var(--thm_common_border_style);
            border-width:var(--thm_common_border_width);
            border-color:var(--thm_sub_background_color_darken);
        }
    }
}

.wp-block-table{
    table{
        background: var(--thm_background_color);
        &.has-background{
            th{
                color: var(--thm_black_color);
            }
            td{
                color:var(--thm_black_color);
            }

            thead tr{
                background: #f8f8ff;

            }
            tfoot tr{
                background: #f8f8ff;

            }

        }
    }
    thead tr{
        background:inherit;
        color:var(--thm_general_text_color);
    }
    tfoot tr{
        background:inherit;
        color:var(--thm_general_text_color);
    }
    &.is-style-stripes table:not(.has-background){
        tbody tr:nth-child(odd) {
            background-color: var(--thm_sub_background_color_darken);
            color:var(--thm_general_text_color);
            td{
                color:var(--thm_general_text_color);
            }
        }
    }
    &.is-style-stripes table.has-background{
        thead tr th{
            background: #f8f8ff;
            color:var(--thm_general_text_color);
        }
        tfoot tr td{
            background: #f8f8ff;
            color:var(--thm_general_text_color);
        }
        &.is-style-stripes .has-subtle-light-gray-background-color tbody tr:nth-child(odd){
            background: #f8f8ff;
        }
    }
    &.is-style-stripes{
        border:none;
        table{
            thead{
                tr{
                    th{
                        border-color:var(--thm_common_border, rgba(188,188,188,.5));
                        border-style:var(--thm_common_border_style);
                        border-width:var(--thm_common_border_width);
                        border-color:var(--thm_sub_background_color_darken);
                    }
                }
            }
            tbody{
                tr{
                    td{
                        border-color:var(--thm_common_border, rgba(188,188,188,.5));
                        border-style:var(--thm_common_border_style);
                        border-width:var(--thm_common_border_width);
                        border-color:var(--thm_sub_background_color_darken);
                    }
                }
            }
            &.has-subtle-light-gray-background-color{
                background:var(--thm_table_light_gray_background);
            }
            &.has-subtle-pale-blue-background-color{
                background:var(--thm_table_pale_blue_background);
            }
            &.has-subtle-pale-green-background-color{
                background:var(--thm_table_pale_green_background);
            }
            &.has-subtle-pale-pink-background-color{
                background:var(--thm_table_pale_pink_background);
            }
        }
    }
}
.custom-background{
    &.emulsion-has-custom-background-image{
        &.is-light{
            .wp-block-table{
                thead tr th{
                    background: #f8f8ff;
                    color:#333;
                }
                tfoot tr td{
                    background: #f8f8ff;
                    color:#333;
                }
            }
            .wp-block-table.is-style-stripes table:not(.has-background){
                tbody tr:nth-child(odd) {
                    background-color: rgba(0,0,0,.1);
                    color:#333;
                    td{
                        color:#333;
                    }
                }
            }
            .wp-block-table.is-style-stripes table.has-background{
                thead tr th{
                    background-color: rgba(0,0,0,.1);
                    color:#333;
                }
                tfoot tr td{
                    background-color: rgba(0,0,0,.1);
                    color:#333;
                }
            }
        }
    }
    &.is-dark{
        .wp-block-table{
            thead tr{
                background-color: var(--thm_sub_background_color_darken);
                color:var(--thm_general_text_color);
            }
            tfoot tr{
                background-color: var(--thm_sub_background_color_darken);
                color:var(--thm_general_text_color);
            }
        }
        .wp-block-table table.has-background{
            thead tr th{
                background-color: var(--thm_sub_background_color_darken);
                color:var(--thm_general_text_color);
            }
            tfoot tr td{
                background-color: var(--thm_sub_background_color_darken);
                color:var(--thm_general_text_color);
            }
        }
        .wp-block-table.is-style-stripes table:not(.has-background){
            tbody tr:nth-child(odd) {
                background-color: var(--thm_sub_background_color_lighten);
                color:var(--thm_general_text_color);
                td{
                    color:var(--thm_general_text_color);
                }
            }
        }
        .wp-block-table.is-style-stripes table.has-background{
            thead tr th{
                background-color: var(--thm_sub_background_color_darken);
                color:var(--thm_general_text_color);
            }
            tfoot tr td{
                background-color: var(--thm_sub_background_color_darken);
                color:var(--thm_general_text_color);
            }
        }
        .wp-block-table.is-style-stripes .has-subtle-light-gray-background-color tbody tr:nth-child(odd){
            background-color:#fff;
        }
    }
}
.emulsion-cat-count,
.badge{
    background: rgba(188,188,188,.3);
}
.wp-block-columns.has-background{
    .wp-block-column{
        position:relative;
        &:before{
            content: '';
            position: absolute;
            width: inherit;
            max-width: 100%;
            height: 100%;
            background: var(--thm_white_color);
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            margin-left: auto;
            margin-right: auto;
        }
    }
}
.wp-block-cover-image.has-background-dim,
.wp-block-cover.has-background-dim{



    &.has-alert-background-color{
        background:var(--thm_alert_color);
        background-size:cover;
    }
    &.has-notice-background-color{
        background:var(--thm_notice_color);
        background-size:cover;
    }
    &.has-info-background-color{
        background:var(--thm_info_color);
        background-size:cover;
    }
    &.has-black-background-color{
        background:var(--thm_black_color);
        background-size:cover;
    }
    &.has-gray-background-color{
        background:var(--thm_gray_color);
        background-size:cover;
    }
    &.has-white-background-color{
        background:var(--thm_white_color);
        background-size:cover;
    }
    &.has-cool-background-color{
        background:var(--thm_cool_color);
    }
    &.has-my-color-background-color,
    &.has-e-3-82-b-7-e-3-83-ab-e-3-83-90-e-3-83-bc-background-color{
        background:var(--thm_favorite_color_palette);
        background-size:cover;

    }

}

.full_text{
    .has-black-color{
        color:var(--thm_black_color);
        &:hover{
            color:var(--thm_black_color);
        }
    }
    .has-gray-color{
        color:var(--thm_gray_color);
        &:hover{
            color:var(--thm_gray_color);
        }
    }
    .has-white-color{
        color:var(--thm_white_color);
        &:hover{
            color:var(--thm_white_color);
        }
    }
    .has-alert-color{
        color:var(--thm_alert_color);
        &:hover{
            color:var(--thm_alert_color);
        }
    }
    del,
    strike,
    s{
        text-decoration-color:var(--thm_alert_color);
        opacity:.5;
    }
    .has-notice-color{
        color:var(--thm_notice_color);
        &:hover{
            color:var(--thm_notice_color);
        }
    }
    .has-info-color{
        color:var(--thm_info_color);
        &:hover{
            color:var(--thm_info_color);
        }
    }
    .has-cool-color{
        color:var(--thm_cool_color);
        &:hover{
            color:var(--thm_cool_color);
        }
    }
    hr{
        &.has-black-color{
            border-color:var(--thm_black_color);
        }
        &.has-gray-color{
            border-color:var(--thm_gray_color);
        }
        &.has-white-color{
            border-color:var(--thm_white_color);
        }
        &.has-alert-color{
            border-color:var(--thm_alert_color);
        }
        &.has-notice-color{
            border-color:var(--thm_notice_color);
        }
        &.has-info-color{
            border-color:var(--thm_info_color);
        }
        &.has-cool-color{
            border-color:var(--thm_cool_color);
        }
    }
    h1,h2,h3,h4,h5,h6{
        &.has-text-color{
            // HTML Anchor
            & > a{
                color:inherit;
            }
        }
    }

}
/**
 * Theme Color Classes
 * ========================================================================== */
.editor-styles-wrapper ol:not(.list-style-initial):not([id]):not(.is-style-list-style-initial),
.editor-styles-wrapper ul:not(.list-style-initial):not([id]):not(.is-style-list-style-initial),
body[class] .layout ul:not(.list-style-initial):not([id]):not(.is-style-list-style-initial),
body[class] .layout ol:not(.list-style-initial):not([id]):not(.is-style-list-style-initial){
    li{
        &:before{
            background:var(--thm_default_bullet_color);
            color:var(--thm_white_color);
        }
    }
    &.icon-success li:before,
        &.icon-cool li:before{
        color:var(--thm_white_color);
        background:var(--thm_cool_color);
    }
    &.icon-notice li:before{
        color:var(--thm_white_color);
        background:var(--thm_notice_color);
    }
    &.icon-info li:before{
        color:var(--thm_white_color);
        background:var(--thm_info_color);
    }
    &.icon-alert li:before{
        color:var(--thm_white_color);
        background:var(--thm_alert_color);
    }
    &.icon-dark li:before{
        color:var(--thm_white_color);
        background:#000;
    }
}
/**
 *
 */
body[class]{
    .icon-success,
    .icon-cool{
        & > a >  svg.icon, //button
        & > li > svg.icon,
        & > svg.icon{
            --thm_social_icon_color:rgba(52, 152, 219, 1);
            fill:var(--thm_cool_color);
        }
    }
    .icon-notice{
        & > a >  svg.icon, //button
        & > li > svg.icon,
        & > svg.icon{
            --thm_social_icon_color:rgba(163, 140, 8, 1);
            fill:var(--thm_notice_color);
        }
    }
    .icon-info{
        & > a >  svg.icon, //button
        & > li > svg.icon,
        & > svg.icon{
            --thm_social_icon_color:rgba(22, 160, 133, 1);
            fill:var(--thm_info_color);
        }
    }
    .icon-alert{
        & > a >  svg.icon, //button
        & > li > svg.icon,
        & > svg.icon{
            --thm_social_icon_color:rgba(231, 76, 60, 1);
            fill:var(--thm_alert_color);
        }
    }
    .icon-dark{
        & > a >  svg.icon, //button
        & > li > svg.icon,
        & > svg.icon{
            --thm_social_icon_color:#000;
            fill:#000;
        }
    }
    /**
     * hand writing svg color class
     */
    svg.icon{
        &.icon-success,
        &.icon-cool{
            --thm_social_icon_color:rgba(52, 152, 219, 1);
            fill:var(--thm_cool_color);
        }
        &.icon-notice{
            --thm_social_icon_color:rgba(163, 140, 8, 1);
            fill:var(--thm_notice_color);
        }
        &.icon-info{
            --thm_social_icon_color:rgba(22, 160, 133, 1);
            fill:var(--thm_info_color);
        }
        &.icon-alert{
            --thm_social_icon_color:rgba(231, 76, 60, 1);
            fill:var(--thm_alert_color);
        }
        &.icon-dark{
            --thm_social_icon_color:#000;
            fill:#000;
        }
    }
}
body[class] .layout ul{
    li{
        &:before{
            background:rgba(147,147,147,1);
        }
        li{
            &:before{
                background:rgba(147,147,147,1);
            }
        }
    }
}
.has-stripe-background-color,
.mark-stripe{
    background:repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
}
.mark-success,
.mark-cool{
    background:var(--thm_cool_color_alpha);
}
.mark-notice{
    background:var(--thm_notice_color_alpha);
}
.mark-info{
    background:var(--thm_info_color_alpha);
}
.has-alert-background-color,
.mark-alert{
    background:var(--thm_alert_color_alpha);
}

.has-stripe-background-color,
.mark-stripe,
.mark-success,
.mark-cool,
.mark-notice,
.mark-info,
.has-alert-background-color,
.mark-alert{
    &:not(.has-text-color){
        color:var(--thm_black_color);
        *:not(.has-text-color){
            color:var(--thm_black_color);
        }
    }
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background,
.has-midnight-gradient-background,
.has-gray-background-color,
.has-black-background-color{
    &:not(.has-text-color){
        color:var(--thm_white_color);
        *:not(.has-text-color){
            color:var(--thm_white_color);
        }
    }
}
.has-black-background-color{
    background:var(--thm_black_color);
    &:not(.has-text-color){
        color:var(--thm_white_color);
    }
}

[data-block],
.layout{
    .wp-block-navigation{
        & > ul{
            & > .wp-block-navigation-link{
                ul{
                    li{
                        color:var(--thm_gray_color);
                        &:hover{
                            color: var(--thm_black_color);
                        }
                    }
                }
            }
        }
        &.is-style-dark{
            color:var(--thm_white_color);
            background:#000;
            a{
                color:var(--thm_silver_color);
                &:hover{
                    color:var(--thm_white_color);
                }
            }
            & > ul{
                & > .wp-block-navigation-link{
                    ul{
                        li{
                            .wp-block-navigation-link__content{
                                color:var(--thm_silver_color);
                                &:hover{
                                    color:var(--thm_white_color);
                                }
                            }
                        }
                    }
                }
            }
        }
        &:not(.is-style-dark):not(.has-text-color),
            &.is-style-light{
            color:var(--thm_black_color);
            background:var(--thm_cloud_color);
            a{
                color:var(--thm_black_color);
                &:hover{
                    color:#000;
                }
            }
            & > ul{
                & > .wp-block-navigation-link{
                    ul{
                        color:var(--thm_black_color);
                        //  background:var(--thm_cloud_color);
                        &:after{
                            border-color: transparent transparent var(--thm_cloud_color);
                        }
                        li{
                            .wp-block-navigation-link__content{
                                color:var(--thm_black_color);
                                text-shadow:none;
                                &:hover{
                                    color:#000;
                                }
                            }
                        }
                    }
                }
            }
        }
        .has-text-color{
            &.has-black-color{
                color:var(--thm_black_color);
                &:hover{
                    color:var(--thm_black_color);
                }
            }
            &.has-gray-color{
                color:var(--thm_gray_color);
                &:hover{
                    color:var(--thm_gray_color);
                }
            }
            &.has-white-color{
                color:var(--thm_white_color);
                &:hover{
                    color:var(--thm_white_color);
                }
            }
            &.has-alert-color{
                color:var(--thm_alert_color);
                &:hover{
                    color:var(--thm_alert_color);
                }
            }
            &.has-notice-color{
                color:var(--thm_notice_color);
                &:hover{
                    color:var(--thm_notice_color);
                }
            }
            &.has-info-color{
                color:var(--thm_info_color);
                &:hover{
                    color:var(--thm_info_color);
                }
            }
            &.has-cool-color{
                color:var(--thm_cool_color);
                &:hover{
                    color:var(--thm_cool_color);
                }
            }
        }
        .has-background-color{
            &.has-success-background-color{
                color:var(--thm_black_color);
                &:not(.has-text-color){
                    &:hover{
                        color:var(--thm_black_color);
                    }
                }
            }
            &.has-notice-background-color{
                color:var(--thm_black_color);
                &:not(.has-text-color){
                    &:hover{
                        color:var(--thm_black_color);
                    }
                }
            }
            &.has-info-background-color{
                color:var(--thm_black_color);
                &:not(.has-text-color){
                    &:hover{
                        color:var(--thm_black_color);
                    }
                }
            }
            &.has-alert-background-color{
                color:var(--thm_black_color);
                &:not(.has-text-color){
                    &:hover{
                        color:var(--thm_black_color);
                    }
                }
            }
            &.has-cool-background-color{
                color:var(--thm_black_color);
                &:not(.has-text-color){
                    &:hover{
                        color:var(--thm_black_color);
                    }
                }
            }
        }
    }
    .mark-dark{
        color:var(--thm_white_color);
        background:#000;
    }
    .mark-gray{
        background: #ddd;
        color: var(--thm_black_color);
    }
}
h1,h2,h3,h4,h5,h6{
    &.mark-success,
    &.mark-cool,
    &.mark-notice,
    &.mark-info,
    &.has-alert-background-color,
    &.has-notice-background-color,
    &.has-info-background-color,
    &.has-cool-background-color,
    &.mark-alert,
    &.mark-dark,
    &.mark-gray{
        color:var(--thm_black_color);
        padding:1rem;
        z-index:auto;
        position:relative;
        &:before{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: var(--thm_white_color);
            left: 0;
            top: 0;
            z-index: -1;
        }
    }
}
p,
ul,
[class|="wp-block"]:not(.wp-block-cover){
    &.mark-success,
    &.mark-cool,
    &.mark-notice,
    &.mark-info,
    &.has-alert-background-color,
    &.has-notice-background-color,
    &.has-info-background-color,
    &.has-cool-background-color,
    &.mark-alert,
    &.mark-dark,
    &.mark-gray{
        color:var(--thm_black_color);
        z-index:auto;
        box-sizing:border-box;
        position:relative;
        &:before{
            content: '';
            position: absolute;
            //@1.2.3  width: 100%;
            width:inherit;
            max-width:100%;
            height:100%;
            background: var(--thm_white_color);
            left: 0;
            top: 0;
            right:0;
            bottom:0;
            z-index: -1;
            margin-left:auto;
            margin-right:auto;
        }
    }
}
.sectionized-wp-block-verse{
    z-index:3;
}
p[class|="mark"]{
    padding:1em;
    box-sizing:border-box;
}
[class^="color"]{
    padding:1em;
}
.search-info li ul li{
    display:none;
}
.relate-post-no-icon{
    color:var(--thm_header_text_color);
    background: var(--thm_header_bg_color);
    text-transform: uppercase;
}
svg#loader-1{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
}
/**
 * skin-button
 * ========================================================================== */
a.skin-button{
    color:var(--thm_header_text_color);
    background: rgba(188, 188, 188, .2);
}
.template-part-content-attachment,
.template-part-content{
    a.skin-button{
        color:var(--thm_header_text_color);
        background: rgba(188, 188, 188, .2);
    }
}
[data-block],
.entry-content{
    .wp-block-latest-posts__post-excerpt{
        & > a:only-child{
            color:var(--thm_header_text_color);
            background: var(--thm_header_bg_color);
            &:hover{
                color:var(--thm_header_text_color);
                background: var(--thm_header_bg_color);
            }
        }
    }
    .wp-block-file a.wp-block-file__button{
        color:var(--thm_header_text_color);
        background: var(--thm_header_bg_color);
        display:inline-block;
    }
}
.wp-block-search .wp-block-search__button{
    background: var(--thm_header_bg_color);
    color:var(--thm_header_text_color);
    &:before{
        //@since 1.2.9 move to style.css background: url(#{$theme_image_dir}svg/search.svg#white);
        background-size:16px 16px;
        background-position:16px 0;
        background-repeat:no-repeat;
    }
}
.widget_search .wp-block-search__button{
    background: var(--thm_header_bg_color);
    color:var(--thm_header_text_color);

}
/**
 * Block Button
 * ========================================================================== */
.is-light{
    .wp-block-button{
        .wp-block-button__link:not(.has-background){

            background:var(--thm_sub_background_color_lighten);
        }
    }
}
[data-block],
.entry-content{
    .wp-block-cover{
        .wp-block-button{
            &:not(.has-background):not(.has-text-color){
                .wp-block-button__link{
                    color:#fff;
                }
            }
        }
    }
    .wp-block-buttons{
        .wp-block-button{
            &.is-style-outline{
                .wp-block-button__link{
                    color:var(--thm_general_link_color);
                    background:transparent;
                    &:not(.has-text-color),
                        &:not(.has-text-color):active,
                        &:not(.has-text-color):focus,
                        &:not(.has-text-color):hover{
                        color:var(--thm_general_link_color);
                    }
                    &:not(.has-background),
                        &:not(.has-background):active,
                        &:not(.has-background):focus,
                        &:not(.has-background):hover{
                        background:transparent;
                    }
                }
            }
            &.is-style-default{
                .wp-block-button__link{
                    border-radius:calc( var(--thm_common_font_size) * var(--thm_content_line_height));
                }
            }
            &.no-border-radius,
            &.is-style-squared{
                // old 7.9 before
                &.wp-block-button__link{
                    border-radius:0;
                }
            }
            .wp-block-button__link{
                &:not(.has-text-color),
                    &:not(.has-text-color):active,
                    &:not(.has-text-color):focus,
                    &:not(.has-text-color):hover{
                    // color:var(--thm_white_color);
                    color:var(--thm_general_text_color);
                }
                &:not(.has-background),
                    &:not(.has-background):active,
                    &:not(.has-background):focus,
                    &:not(.has-background):hover{
                    color:var(--thm_general_link_color);
                }
                &.has-background{
                    position:relative;
                }
                &.has-success-background-color{
                    color:var(--thm_black_color);
                }
                &.has-notice-background-color{
                    color:var(--thm_black_color);
                }
                &.has-info-background-color{
                    color:var(--thm_black_color);
                }
                &.has-alert-background-color{
                    color:var(--thm_black_color);
                }
                &.has-cool-background-color{
                    color:var(--thm_black_color);
                }
                &.has-black-color{
                    color:var(--thm_black_color);
                }
                &.has-gray-color{
                    color:var(--thm_gray_color);
                }
                &.has-white-color{
                    color:var(--thm_white_color);
                }
                &.has-alert-color{
                    color:var(--thm_alert_color);
                }
                &.has-notice-color{
                    color:var(--thm_notice_color);
                }
                &.has-info-color{
                    color:var(--thm_info_color);
                }
                &.has-cool-color{
                    color:var(--thm_cool_color);
                }
            }
            &.aligncenter{
                width:fit-content;
            }
            &.button-has-background{
                a{
                    &:before {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background: var(--thm_white_color);
                        left: 0;
                        top: 0;
                        border-radius: 1.5rem;
                        z-index:-1;
                        border-radius: inherit;
                    }
                    &.no-border-radius:before{
                        content: '';
                        border-radius:0;
                    }
                }
            }
            &.no-border-radius,
            &.is-style-squared{ // old 7.9 before
                                & a{
                                    &:before {
                                        content: '';
                                        border-radius:initial;
                                    }
                                }
            }
            &.is-style-outline{
                &:before{
                    display:none;
                }
                a{
                    &.has-text{
                        color: var(--thm_general_text_color);
                        background:transparent;
                        border-color:var(--thm_common_border, rgba(188,188,188,.5));
                        border-style:var(--thm_common_border_style);
                        border-width:var(--thm_common_border_width);
                    }
                }
            }
            &.is-style-default{
                border-radius: calc(var(--thm_common_font_size) * var(--thm_content_line_height));
                overflow:hidden;
            }
        }
        .wp-block-categories{
            .emulsion-cat-count{
                color: var(--thm_general_text_color);
            }
        }
    }
}
body{
    [data-block],
    .widget,
    .entry-content{
        .is-style-emulsion-dark{
            &.wp-block-code{
                background:#000;
                code{
                    background:transparent;
                    color:green;

                }
            }
        }
    }
}
/**
 * wp-block-archives
 */
body{
    .header-is-default-color{
        & ~ .layout{
            .entry-content{
                .emulsion-archive-count:not(.badge){
                    color:var(--thm_general_text_color);
                    background:var(--thm_sub_background_color_darken);
                }
            }
        }
    }
    .wp-block-archives {
        li{
            color: var(--thm_general_text_color);
            a{
                color: var(--thm_general_link_color);
            }
            .emulsion-archive-count:not(.badge){
                color:var(--thm_header_text_color);
                background:var(--thm_header_bg_color);
            }
        }
    }
}

/**
 * block editor
 */
body{
    .emulsion-gb-phase-site .block-editor__typewriter .block-editor-block-list__layout [data-type="core/columns"]  [data-block] .wp-block-columns,
    .emulsion-gb-phase-block [data-type="core/columns"] .block-editor-block-list__block-edit > [data-block] .wp-block-columns{
        color:var(--thm_columns_section_color);
        background:var(--thm_columns_section_bg);
        min-height:var(--thm_columns_section_height);
        .wp-block-column{
            color:var(--thm_columns_section_color);
            background:var(--thm_columns_section_bg);
        }
        .wp-block-table table:not(.has-background) th,
            .wp-block-table table:not(.has-background) td{
            color:var(--thm_columns_section_color);
            background:var(--thm_columns_section_bg);
        }
    }
    .emulsion-gb-phase-site .block-editor__typewriter  [data-type="core/media-text"],
    .emulsion-gb-phase-block [data-type="core/media-text"]{
        color:var(--thm_media_text_section_color);
        background:var(--thm_media_text_section_bg);
        min-height:var(--thm_media_text_section_height);
        .wp-block-media-text {
            color:var(--thm_columns_section_color);
        }
        code{
            color: var(--thm_black_color);
        }
    }
    .emulsion-gb-phase-site .block-editor__typewriter  [data-type="core/group"] [data-type="core/media-text"],
    .emulsion-gb-phase-block [data-type="core/group"] [data-type="core/media-text"]{
        color:var(--thm_media_text_section_color);
        background:transparent;
        min-height:var(--thm_media_text_section_height);
    }
    .emulsion-gb-phase-site .block-editor__typewriter [data-type="core/group"] [data-type="core/media-text"],
    .emulsion-gb-phase-block [data-type="core/gallery"]{
        color:var(--thm_gallery_section_color);
        background:var(--thm_gallery_section_bg);
        min-height:var(--thm_gallery_section_height);
        * {
            color:var(--thm_columns_section_color);
        }
    }
    .emulsion-gb-phase-site .block-editor__typewriter [data-type="core/group"] [data-type="core/media-text"],
    .emulsion-gb-phase-block [data-type="core/group"] [data-type="core/gallery"]{
        color:var(--thm_gallery_section_color);
        background:transparent;
        min-height:var(--thm_gallery_section_height);
    }
    &.is-dark{
        &.emulsion-gb-phase-site .block-editor__typewriter  [data-block],
        &.emulsion-gb-phase-block [data-block],
        .entry-content{
            &.galley-is-light{
                color:var(--thm_gallery_section_color);
                .blocks-gallery-caption{
                    color:var(--thm_gallery_section_color);
                }
            }
            &.columns-is-light{
                color:var(--thm_columns_section_color);
                a{
                    color:var(--thm_columns_section_link_color);
                }
                .wp-block-latest-comments__comment{
                    article{
                        color:var(--thm_columns_section_color);
                        a{
                            color:var(--thm_columns_section_link_color);
                        }
                    }
                }
            }
            &.media-text-is-light{
                color:var(--thm_media_text_section_color);
            }
        }
    }
    &.is-light{
        &.emulsion-gb-phase-site .block-editor__typewriter  [data-block],
        &.emulsion-gb-phase-block [data-block],
        .entry-content{
            .gallery-is-dark{
                color:var(--thm_gallery_section_color);
                .blocks-gallery-caption{
                    color:var(--thm_gallery_section_color);
                }
            }
            .columns-is-dark{
                color:var(--thm_columns_section_color);
                a{
                    color:var(--thm_columns_section_link_color);
                }
                .wp-block-latest-comments__comment{
                    article{
                        color:var(--thm_columns_section_color);
                        a{
                            color:var(--thm_columns_section_link_color);
                        }
                    }
                }
            }
            .media-text-is-dark{
                color:var(--thm_media_text_section_color);
            }
        }
    }
}
/**
 * Plugin fallback
 * START
 * ========================================================================== */
.is-dark{
    .entry-content .shortcode-wrapper,
    .entry-content > div[id]:not([class|="wp-block"]){
        padding:1rem;
    }
}
#{$body_id}{
    .entry-content{
        & > .wp-block-table > table,
        & > .shortcode-wrapper > div:not(.gallery),
            & > p:not(.has-text-color):not(.has-background),
            & > div:not([class|="wp-block"]):not(.shortcode-wrapper):not(.has-background-media) {
            &.emulsion-initial-color{
                background:var(--thm_white_color);
                li:before{
                    display:none;
                }
                color:var(--thm_black_color);
                a{
                    color:var(--thm_gray_color);
                }
                *{
                    color:var(--thm_black_color);
                }
            }
            &.emulsion-current-color{
                color:var(--thm_general_text_color);
                background:transparent;
                &.woocommerce,
                &.wc-block-grid{
                    background:transparent;
                }
                a{
                    color:var(--thm_general_link_color);
                }
            }
            &.wp-block-table{
                &.emulsion-current-color{
                    background:transparent;
                }
            }
            &.emulsion-add-light-color{
                color:var(--thm_black_color) ! important;
                a{
                    color:var(--thm_gray_color);
                }
            }
            &.emulsion-add-dark-color{
                color:var(--thm_white_color);
                a{
                    color:#ccc;
                }
                .wp-block-button:not(.has-text-color):not(.has-background){
                    a:not(.has-text-color){
                        color: var(--thm_black_color);
                    }
                }
                p{
                    color:var(--thm_white_color);
                    &.has-background:not(.has-text-color){
                        color:var(--thm_white_color);
                    }
                }
                .post-password-form .message,
                .wp-block-code,
                .wp-block-table th,
                .wp-block-table td,
                .wp-block-calendar th,
                .wp-block-calendar td,
                .product,
                .skin-button,
                pre,
                .has-background:not(.has-text-color){
                    text-shadow:none;
                    color: var(--thm_black_color);
                    a{
                        color:var(--thm_gray_color);
                        text-shadow:none;
                    }
                }
            }
        }
    }
}
/**
 * Plugin fallback
 * END
 * ========================================================================== */
/**
 * Hover
 * ========================================================================== */
@media(hover: hover) and (pointer: fine) {
    & ~ .page-wrapper{
        //no sidebar
        a.skin-button:hover{
            color:var(--thm_header_hover_color);
            background: var(--thm_header_bg_color);
        }
        .template-part-content-attachment,
        .template-part-content{
            a.skin-button:hover{
                color:var(--thm_header_hover_color);
                background: var(--thm_header_bg_color);
            }
        }
    }
    & ~ .layout-block{
        //has sidebar
        .page-wrapper{
            a.skin-button:hover{
                color:var(--thm_header_hover_color);
                background: var(--thm_header_bg_color);
            }
            .template-part-content-attachment,
            .template-part-content{
                a.skin-button:hover{
                    color:var(--thm_header_hover_color);
                    background: var(--thm_header_bg_color);
                }
            }
        }
    }
    & ~ .scroll-button-top{
        &.skin-button:hover{
            color:var(--thm_header_hover_color);
            background: var(--thm_header_bg_color);
        }
    }
    .custom-background{
        &.is-dark{
            .post-navigation{
                .nav-links{
                    .nav-previous{
                        a{
                            &:hover{
                                color: var(--thm_general_link_hover_color);
                            }
                        }
                    }
                    .nav-next{
                        color:var(--thm_general_text_color);
                        a{
                            &:hover{
                                color: var(--thm_general_link_hover_color);
                            }
                        }
                    }
                }
            }
        }
        &.is-light{
            .post-navigation{
                .nav-links{
                    a{
                        &:hover{
                            color: var(--thm_general_link_hover_color);
                        }
                    }
                }
                .nav-next{
                    color:var(--thm_general_text_color);
                    a{
                        &:hover{
                            color: var(--thm_general_link_hover_color);
                        }
                    }
                }
            }
        }
    }
    body{
        $background_tranparent_hover:rgba(188, 188, 188, .2);
        &.on-scroll{
            .menu-placeholder{
                .toc{
                    a{
                        &:hover{
                            color: var(--thm_hover_color);
                        }
                    }
                }
            }
        }
        .horizontal-list-group{
            li:hover{
                background:rgba(188, 188, 188, .2);
            }
        }
        /**
         * Sidebar
         */
        .footer-widget-area,
        .sidebar-widget-area{
            &.sidebar-is-default{
                a{
                    &:hover{
                        color:var(--thm_general_link_hover_color);
                    }
                }
            }
            &.sidebar-is-light,
            &.sidebar-is-dark{
                a{
                    &:hover{
                        color:var(--thm_sidebar_hover_color);
                    }
                }
            }
        }
        & > header{
            &.header-is-dark{
                a{
                    &:hover{
                        color:var(--thm_header_hover_color);
                        background:transparent;
                    }
                }
            }
            &.header-is-light{
                a{
                    &:hover{
                        color:var(--thm_header_hover_color);
                        background:transparent;
                    }
                }
            }
            &.template-part-header{
                .header-layer-site-title-navigation{
                    a{
                        &:hover{
                            color:var(--thm_header_hover_color);
                        }
                    }
                }
                .header-layer-nav-menu{
                    .has-chckbox-control{
                        .menu{
                            li{
                                a{
                                    &:hover{
                                        color:var(--thm_header_hover_color);
                                    }
                                }
                            }
                        }
                    }
                }
                &.header-is-dark{
                    .header-layer-nav-menu{
                        .wp-nav-menu{
                            .sub-menu,
                            .children{
                                li:hover{
                                    color:var(--thm_header_hover_color);
                                }
                            }
                        }
                    }
                }
                &.header-is-light{
                    .header-layer-nav-menu{
                        .wp-nav-menu{
                            .sub-menu,
                            .children{
                                li:hover{
                                    color:var(--thm_header_hover_color);
                                    background:var(--thm_white_color);
                                }
                            }
                        }
                    }
                }
            }
            &.header-layer{
                .widget_nav_menu .children a,
                .widget_nav_menu .sub-menu a{
                    &:hover{
                        color: var(--thm_general_link_hover_color);
                    }
                }
                &.no-header-media{
                    .taxonomy-description,
                    .page-title-block,
                    .site-title-text,
                    .site-description,
                    .header-text{
                        a{
                            &:hover{
                                color:var(--thm_header_hover_color);
                            }
                        }
                    }
                    .entry-text{
                        .posted-on{
                            .entry-date,
                            a{
                                &:hover{
                                    color: var(--thm_header_hover_color);
                                }
                            }
                        }
                        .entry-meta{
                            a{
                                &:hover{
                                    color: var(--thm_header_hover_color);
                                    background:rgba(188,188,188,.2);
                                }
                            }
                            .cat-item{
                                a{
                                    &:hover{
                                        color:var(--thm_white_color);
                                    }
                                }
                            }
                        }
                    }
                }
                &.header-is-default-color{
                    .cta-layer{
                        a{
                            &:hover{
                                background:#ccc;
                            }
                        }
                    }
                }
                &.header-is-light{
                    .cta-layer{
                        a{
                            &:hover{
                                background:#ccc;
                            }
                        }
                    }
                }
                &.header-is-dark{
                    .cta-layer{
                        a{
                            &:hover{
                                filter: brightness(110%);
                            }
                        }
                    }
                }
                &.header-video-active{
                    &.template-part-header-custom{
                        &.cta-layer-active{
                            .cta-layer{
                                a{
                                    &:hover{
                                        filter: brightness(120%);
                                    }
                                }
                            }
                        }
                    }
                    .site-title .site-title-text,
                    .entry-text,
                    .entry-text a,
                    .site-description,
                    .header-text a{
                        &:hover{
                            color: var(--thm_header_hover_color);
                        }
                    }
                }
                &.header-image-active{
                    &.template-part-header-custom{
                        &.cta-layer-active{
                            .cta-layer{
                                a{
                                    &:hover{
                                    }
                                }
                            }
                        }
                    }
                    .entry-text a{
                        &:hover{
                            color: var(--thm_header_hover_color);
                        }
                    }
                }
            }
        }
        /**
         * Custom Background
         * ========================================================================== */
        &.custom-background{
            main{
                .taxonomy-description,
                .page-title-block,
                .site-title-text,
                .site-description,
                .header-text{
                    a{
                        &:hover{
                            color: var(--thm_general_link_hover_color);
                        }
                    }
                }
            }
        }
        &.single{
            &.is-dark{
                .nav-previous{
                    &:hover{
                        background:$background_tranparent_hover;
                    }
                }
                .nav-next{
                    &:hover{
                        background:$background_tranparent_hover;
                    }
                }
            }
            &.is-light{
                .nav-previous{
                    &:hover{
                        background:var(--thm_white_color);
                    }
                }
                .nav-next{
                    &:hover{
                        background:var(--thm_white_color);
                    }
                }
            }
        }
    }
    body{
        &.has-category-colors{
            & > header{
                &.header-layer{
                    &.no-header-media{
                        .entry-text{
                            .entry-meta{
                                .cat-item{
                                    a{
                                        &:hover{
                                            color: var(--thm_header_hover_color);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .page-wrapper{
                article{
                    header{
                        .entry-meta{
                            .post-category{
                                .cat-item{
                                    a{
                                        &:hover{
                                            color:var(--thm_white_color);
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &.has-post-thumbnail{
                        header{
                            .entry-meta{
                                .post-category{
                                    .cat-item{
                                        a{
                                            &:hover{
                                                color:var(--thm_white_color);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        &.disable-category-colors{
            & > header{
                &.header-layer{
                    &.no-header-media{
                        .entry-text{
                            .entry-meta{
                                .cat-item{
                                    a{
                                        &:hover{
                                            color: var(--thm_header_hover_color);
                                            background:rgba(188,188,188,.2);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .page-wrapper{
                article{
                    header{
                        .entry-meta{
                            .post-category{
                                .cat-item{
                                    a{
                                        &:hover{
                                            color:var(--thm_general_link_hover_color);
                                            background: rgba(188, 188, 188, .2);
                                        }
                                    }
                                }
                            }
                        }
                    }
                    &.has-post-thumbnail{
                        header{
                            .entry-meta{
                                .post-category{
                                    .cat-item{
                                        a{
                                            &:hover{
                                                color:var(--thm_white_color);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .page-wrapper{
        article{
            a:not(.wp-block-button){
                &:hover{
                    color:var(--thm_general_link_hover_color);
                }
            }
            header{
                .entry-title{
                    a{
                        &:hover{
                            color:var(--thm_general_link_hover_color);
                        }
                    }
                }
                .posted-on{
                    a{
                        &:hover{
                            color:var(--thm_general_link_hover_color);
                        }
                        .entry-date{
                            &:hover{
                                color:var(--thm_general_link_hover_color);
                            }
                        }
                    }
                }
                .entry-meta{
                    a{
                        &:hover{
                            color:var(--thm_general_link_hover_color);
                            background: rgba(188, 188, 188, .2);
                        }
                    }
                    .cat-item{
                        a{
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                    }
                }
                &.show-post-image{
                    .entry-title{
                        a{
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                    }
                    .posted-on{
                        a{
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                    }
                    .entry-meta{
                        a{
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                    }
                    a{
                        &.has-text{
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                        .entry-date{
                            &:hover{
                                color:var(--thm_white_color);
                            }
                        }
                    }
                }
            }
        }
    }
    .entry-content{
        //color: var(--thm_general_text_color);
        a:not(.wp-block-button){
            &:hover{
                color: var(--thm_general_link_hover_color);
            }
        }
        .wp-block-cover-text{
            a{
                &:hover{
                    color: var(--thm_general_link_hover_color);
                }
            }
        }
    }
    .relate-content-wrapper{
        // background:var(--thm_relate_posts_bg);
        // color:var(--thm_relate_posts_color);
        a{
            // color:var(--thm_relate_posts_link_color);
            &:hover{
                color:var(--thm_relate_posts_text_color);
            }
        }
    }
    .paginate-comment-links{
        .current{
            color:var(--thm_header_text_color);
            background: var(--thm_header_bg_color);
        }
    }
    .wp-block-table{
        &::-webkit-scrollbar-thumb{
            background-color: currentColor;
        }
    }
    a.skin-button:hover{
        color:var(--thm_header_hover_color);
        background: rgba(188, 188, 188, .3);
    }
    .template-part-content-attachment,
    .template-part-content{
        a.skin-button:hover{
            color:var(--thm_header_hover_color);
            background: rgba(188, 188, 188, .3);
        }
    }
    .entry-content{
        .wp-block-button{
            // color:var(--thm_white_color);
            &:hover{
                color:var(--thm_white_color);
            }
            &.is-style-outline{
                color:var(--thm_general_text_color);
                &:hover{
                    color:var(--thm_general_text_color);
                }
                &.wp-block-button__link{
                    &:not(.has-background),
                        &:not(.has-background):active,
                        &:not(.has-background):focus,
                        &:not(.has-background):hover{
                        background:transparent;
                    }
                }
            }
            &.has-success-background-color{
                &:hover{
                    background:rgba(52, 152, 219,.8);
                }
            }
            &.has-notice-background-color{
                &:hover{
                    background:rgba(163, 140, 8,.8);
                }
            }
            &.has-info-background-color{
                &:hover{
                    background:rgba(22, 160, 133,.8);
                }
            }
            &.has-alert-background-color{
                &:hover{
                    background:rgba(231, 76, 60,1);
                }
            }
            &.has-cool-background-color{
                &:hover{
                    background:rgba(52, 152, 219, .8);
                }
            }
        }
    }
    .wp-block-archives {
        li{
            a{
                &:hover{
                    color: var(--thm_general_text_color);
                }
            }
        }
    }
    body{
        .widget,
        .entry-content{
            .is-style-emulsion-dark{
                &.wp-block-code{
                    background:#000;
                    code{
                        background:transparent;
                        color:green;
                    }
                }
            }
        }
        footer.banner address{
            a{
                color:var(--thm_sidebar_text_color);
            }
        }
    }

}