/**
 * Customizer relate Dinamic CSS
 */
:root{
    --thm_post_display_date: $post_display_date;
    --thm_post_display_author:$post_display_author;
    --thm_post_display_category:$post_display_category;
    --thm_post_display_tag:$post_display_tag;
    --thm_favorite_color_palette:$favorite_color_palette;
    --thm_hover_color:$hover_color;
    --thm_excerpt_linebreak: $excerpt_linebreak;
    // when header media not exists
   --thm_heading_font_scale: $heading_font_scale;
    --thm_heading_font_base: $heading_font_base;
    --thm_default_header_height: $default_header_height;
    --thm_header_text_color: $header_text_color;
    --thm_header_link_color: $header_link_color;
    --thm_header_hover_color: $header_hover_color;
    --thm_header_bg_color: $header_bg_color;
    --thm_header_background_gradient_color:$header_background_gradient_color;
    --thm_header_image_dim:rgba(0,0,0,.3);
    --thm_header_media_max_height:$header_media_max_height;
    --thm_heading-font-transform: $heading-font-transform;
    --thm_heading_font_weight: $heading_font_weight;
    --thm_heading_font_family: $heading_font_family;
    --thm_common_line_height: $common_line_height;
    --thm_common_font_family: $common_font_family;
    --thm_common_font_size: $common_font_size;
    --thm_general_text_color: $general_text_color;
    --thm_general_link_hover_color: $general_link_hover_color;
    --thm_general_link_color: $general_link_color;
    --thm_background_color: $background_color;
    --thm_sub_background_color_lighten:$sub_background_color_lighten;
    --thm_sub_background_color_darken:$sub_background_color_darken;
    --thm_meta_data_font_size: $meta_data_font_size;
    --thm_meta_data_font_family: $meta_data_font_family;
    --thm_meta_data_font_transform: $meta_data_font_transform;
    --thm_align_offset:$align_offset;
    --thm_main_width: $main_width;
    --thm_content_width: $content_width;
    --thm_content_gap: $content_gap;
    --thm_content_line_height: $content_line_height;
    --thm_content_margin_top: $content_margin_top;
    --thm_box_gap: $box_gap;
    --thm_sidebar_width: $sidebar_width;
    --thm_sidebar_bg_color:$sidebar_background;
    --thm_sidebar_link_color:$sidebar_link_color;
    --thm_sidebar_hover_color:$sidebar_hover_color;
    --thm_sidebar_text_color:$sidebar_color;
    --thm_primary_menu_background:$primary_menu_background;
    --thm_primary_menu_link_color:$primary_menu_link_color;
    --thm_primary_menu_color:$primary_menu_color;
    --thm_main_width-with-sidebar: calc(100vw - var(--thm_sidebar_width) - 48px );
    --thm_caption_height: $caption_height;
    --thm_social_icon_color:$general_link_color;
    --thm_social_icon_bg_color:transparent;
    --thm_i18n_no_title:$i18n_no_title;//Not Work Now( .hoge:before{content:var(--thm_i18n_no_title,'No Title');}). Please use SCSS variables(.hoge:before{content:'#{$i18n_no_title}';})
    --thm_footer_widget_width: $footer_widget_width;
    --thm_gallery_section_link_color: $gallery_section_link_color;
    --thm_gallery_section_color: $gallery_section_color;
    --thm_gallery_section_bg: $gallery_section_bg;
    --thm_gallery_section_height:$gallery_section_height;
    --thm_columns_section_link_color: $columns_section_link_color;
    --thm_columns_section_color: $columns_section_color;
    --thm_columns_section_bg: $columns_section_bg;
    --thm_columns_section_height:$columns_section_height;
    --thm_media_text_section_link_color: $media_text_section_link_color;
    --thm_media_text_section_color: $media_text_section_color;
    --thm_media_text_section_bg: $media_text_section_bg;
    --thm_media_text_section_height:$media_text_section_height;
    --thm_relate_posts_link_color:$relate_posts_link_color;
    --thm_relate_posts_color:$relate_posts_color;
    --thm_relate_posts_bg:$relate_posts_bg;
    --thm_comments_link_color:$comments_link_color;
    --thm_comments_color:$comments_color;
    --thm_comments_bg:$comments_bg;
    --thm_common_border:1px solid rgba(188,188,188,.5);
}
/**
 *  Static Core Colors
 */
.wp-block-table{
    $table_light_gray_background:#f3f4f5;
    $table_pale_green_background:#e9fbe5;
    $table_pale_blue_background:#e7f5fe;
    $table_pale_pink_background:#ffccf8;
    --thm_table_light_gray_background:$table_light_gray_background;
    --thm_table_pale_green_background:$table_pale_green_background;
    --thm_table_pale_blue_background:$table_pale_blue_background;
    --thm_table_pale_pink_background:$table_pale_pink_background;
}
/**
 * Static Theme Colors
 */
:root{  
    --thm_black_color:#333;
    --thm_gray_color:#727477;
    --thm_white_color:#ffffff;
    --thm_alert_color:rgba(231, 76, 60, 1);
    --thm_notice_color:rgba(163, 140, 8, 1);
    --thm_info_color:rgba(22, 160, 133, 1);
    --thm_cool_color:rgba(52, 152, 219, 1);
    --thm_alert_color_alpha:rgba(231, 76, 60, .4);
    --thm_notice_color_alpha:rgba(163, 140, 8, .4);
    --thm_info_color_alpha:rgba(22, 160, 133, .4);
    --thm_cool_color_alpha:rgba(52, 152, 219, .4);
}
/**
 * For System Theme Color
 * default false
 * @see wp_localize_script( 'emulsion-js', 'emulsion_script_vars', array(...) );
 */
@media (prefers-color-scheme: dark) {
    // example
    .prefers-color-scheme-dark {  
        --thm_general_text_color:#eee;
        --thm_general_link_color:#bbb;
        --thm_general_link_hover_color:#eee;
        --thm_background_color:#333;
        --thm_sub_background_color_lighten:#666;
        --thm_sub_background_color_darken:#000;
        --thm_primary_menu_background:#000;
        --thm_primary_menu_link_color:#bbb;
        --thm_primary_menu_color:#eee;
        --thm_sidebar_bg_color:#000;
    }
}    
@media (prefers-color-scheme: light) {
    // example
    .prefers-color-scheme-light{
        --thm_general_text_color:#333;
        --thm_general_link_color:#666;
        --thm_general_link_hover_color:#333;
        --thm_background_color:#eee;
        --thm_sub_background_color_lighten:#fff;
        --thm_sub_background_color_darken:#aaa;
        --thm_primary_menu_background:#333;
        --thm_primary_menu_link_color:#bbb;
        --thm_primary_menu_color:#eee;
        --thm_sidebar_bg_color:#333;
        --thm_social_icon_color:#666;
    }
}
/**
 * Exception setting when background image is specified
 */
.emulsion-has-custom-background-image.is-light.post,
.emulsion-has-custom-background-image.is-light.single{
    /**
     * has background image
     */
    article,
    .entry-content,
    .placeholder-header{
        --thm_social_icon_color:#fff;
        color:#fff;
        text-shadow: #000 1px 0 10px;
        a{
            color:#fff;
            text-shadow: #000 1px 0 10px;
        }
        svg{
            fill:#fff;
        }
        .mark-cool,
        .mark-notice,
        .mark-info,
        .nark-alert,
        .wp-block-calendar,
        .product,
        .skin-button,
        pre,
        .has-background:not(.has-text-color){
            text-shadow:none;
            color:var(--thm_general_text_color);
            a{
                color:var(--thm_general_link_color);
                text-shadow:none;
            }
        }
        .wp-block-table{
            text-shadow:none;
        }
        
        .shortcode-wrapper,
        .wp-block-latest-posts li,
        .wp-block-group.has-background:not(.has-text-color),
        .wp-block-verse,
        figcaption,
        .wp-block-column,
        .wp-block-button.is-style-outline a:not(.has-text-color),
        .wp-block-button__link.has-background:not(.has-text-color){
            color:#fff;
        }
        .wp-block-latest-posts li:hover{
            background:transparent;
        }
    }
}

.emulsion-has-sidebar{
    .has-column{
        .page-wrapper{
            main{
                max-width:100%;
            }
        }
        .wp-nav-menu{
            --thm_main_width:calc(100vw - var(--thm_sidebar_width) - 48px );
        }
    }
}
.has-column{
    main{
        .grid{
            --thm_main_width:calc(100vw - var(--thm_sidebar_width) - 48px );
        }
        .stream{
            --thm_main_width:calc(100vw - var(--thm_sidebar_width) - 48px );
            --thm_content_width:410px;
        }
    }
}
main{
    // for customizer
    .grid{
        --thm_content_width: 300px;
        article{
            --thm_content_width: 100%;
        }
    }
    .stream{
        --thm_content_width: 400px;
        article{
            --thm_content_width: 100%;
        }
    }
}
#{$stream-condition},
#{$grid-condition}{
    .has-column{
        main{
            .grid{
                --thm_main_width:calc(100vw - var(--thm_sidebar_width) - 48px );
            }
            .stream{
                --thm_main_width:calc(100vw - var(--thm_sidebar_width) - 48px );
                --thm_content_width:410px;
            }
        }
    }
    main{
        .grid{
            --thm_content_width: 300px;
            article{
                --thm_content_width: 100%;
            }
        }
        .stream{
            --thm_content_width: 400px;
            article{
                --thm_content_width: 100%;


            }
        }
    }
}
/**
 * Template gallery main width
 */
#document{
    .enable-alignfull{
        &.emulsion-no-sidebar{
            &.post-template-gallery{
                --thm_main_width:100vw;
            }
        }
    }   
}