/**
 * element
 * ========================================================================== */
.skin-button,
a:-webkit-any-link,
a{
    text-decoration:none;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
main{
    figcaption,
    p,
    table{
        a:link{
            text-decoration:underline;
            text-decoration-color: currentColor;
        }
    }
    .badge{
        a:link{
            text-decoration:none;
        }
    }
}

.counter.badge:not(#specificity){
    display:inline-block;
    min-width:1rem;
    padding:0;
    margin:0;
    text-align:center;
    @include font_size(6,no-margin);
    & > *{
        display:inline-block;
        padding:0;
        margin:0;
    }
    &:before{
        position:absolute;
        padding:3px 3px 3px;
    }
    &:empty:before,
        &:empty{
        display:none;
    }
}
.emulsion-cat-count.badge{
    display:inline-block;
    text-align:center;
}
.emulsion-archive-count.badge{
    display:inline-block;
    text-align:center;

}
&.emulsion-comment-count.badge{
    display:inline-block;
    text-align:center;
}

.link-disabled,
a[href^="mailto:"],
a[href^="geo:"],
a[href^="sms:"],
a[href^="tel:"] {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}
.agent-mobile-phone a[href^="mailto:"],
.agent-mobile-phone a[href^="geo:"],
.agent-mobile-phone a[href^="sms:"],
.agent-mobile-phone a[href^="tel:"],
.agent-tablet a[href^="mailto:"],
.agent-tablet a[href^="geo:"],
.agent-tablet a[href^="sms:"],
.agent-tablet a[href^="tel:"]{
    display:inline-block;
    pointer-events:auto;
    cursor: pointer;
}
:root{
    font-size:var(--thm_common_font_size, 16px);
    line-height:var( --thm_content_line_height, 1.5 );
}
.entry-content,article,address,aside,blockquote,canvas,dd,dl,dt,fieldset,figure,
figcaption,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,img,li,main,nav,
noscript,ol,output,p,pre,section,ul,video{
    box-sizing:border-box;
    max-width:100%;

}
ul,ol{
  @extend %block;
}

/**
 * Default block width
 * @see emulsion_get_third_party_block_classes() for third party block
 */
$core_blocks: wp-block-image, wp-block-gallery,  wp-block-audio, wp-block-cover, wp-block-file, wp-block-video,
wp-block-code, wp-block-preformatted, wp-block-table, wp-block-verse, wp-block-buttons, wp-block-query,
wp-block-columns, wp-block-separator, wp-block-spacer, wp-block-media-text, wp-block-group, wp-block-archives,
wp-block-calendar, wp-block-categories, wp-block-latest-comments, wp-block-latest-posts, wp-block-rss, wp-block-template-part,
wp-block-search, wp-block-social-links, wp-block-tag-cloud, wp-block-embed, wp-block-navigation, wp-block-page-list;
@each $core_block in $core_blocks {

    .#{$core_block}{
        @extend %block;

    }

}
.emulsion.enable-alignfull{
    h1.alignfull,
    h2.alignfull,
    h3.alignfull,
    h4.alignfull,
    h5.alignfull,
    h6.alignfull,
    p.alignfull{
        margin:1.5rem auto .75rem;
    }
}

.fse-query-post-template{
    margin-top:0;
    overflow:hidden;
    .wp-block-navigation{
        margin:0 auto;
    }
}
.wp-block-spacer{
    width:calc(var(--thm_content_width, 720px) - var(--thm_content_gap, 24px) * 2 );
}
.wp-block-pullquote,
.wp-block-quote{
    @extend %block;
    padding-right:0;
    padding-left:0;
    cite{
        padding-right:var(--thm_content_gap, 24px);
        padding-left:var(--thm_content_gap, 24px);
    }
}
.has-extra-small-font-size{
    font-size:var(--wp--preset--font-size--extra-small);
}

.enable-alignfull{
    &.emulsion-has-sidebar{
        .alignfull{
            @extend %has-sidebar-alignfull;
            left:0;
        }
    }
    &.emulsion-no-sidebar{
        *:not([class|="wp-block"]){
            .alignfull{
                @extend %no-sidebar-alignfull;
            }
        }
    }
    .alignwide{
        @extend %alignwide;
    }
    &.emulsion-has-sidebar,
    &.emulsion-no-sidebar{
        [class|="placeholder"]{
            .alignfull{
                left:0;
                width:auto;
                max-width:100%;
            }
        }
    }
}
//exception

#document body .wp-block-table,
#document body .wp-block-media-text,
#document body .wp-block-columns{
    padding-right:0;
    padding-left:0;
}

#document body.disable-alignfull{
    .wp-site-blocks,
    article,
    .entry-content,
    [class|="placeholder"],
    .alignfull,
    .alignwide{
        @extend %block;
        padding-right:0;
        padding-left:0;
    }
}

.emulsion-no-sidebar{

    article{
        & > header{
            width:100%;
        }
        &.has-post-thumbnail{
            & > header{
                width:calc(var(--thm_main_width) + var(--thm_sidebar_width));
                max-width:100%;
                height:var(--thm_header_media_max_height, 75vh);
            }
        }
    }

}
body{
    box-sizing:border-box;
    margin-right:auto;
    margin-left:auto;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break:break-word;
    overflow-wrap:break-word;

    vertical-align:baseline;
    &.page{
        article{
            .has-post-thumbnail{
                .entry-title{
                    margin-top:0;
                }
            }
        }
    }
    & > header{
        .custom-logo-wrap{
            position:relative;
            display:inline-block;
            width:-moz-fit-content;
            width:fit-content;
            vertical-align:middle;

        }
    }
}
.emulsion .emulsion-prepend-page-wrapper{
    padding-right:0;
    padding-left:0;
    margin:0 auto;
}
.custom-logo-wrap img{
    height:32px;
    height: clamp(24px, calc( 100vw / 72 * 3), 32px);
}
.emulsion-monthly-archive-prev-next-navigation,
nav{
    @extend %block;

}
.header-layer-nav-menu nav{
    width:auto;
}
.on-scroll .footer-layer{
    position:relative;
    z-index:10;
}
footer{
    position:relative;
    z-index:10;
    address{
        padding-top:1.5rem;
        padding-right:var(--thm_content_gap, 24px);
        padding-bottom:1.5rem;
        padding-left:var(--thm_content_gap, 24px);
        margin-top:0;
        margin-right:auto;
        margin-left:auto;
        font-style:normal;
        text-align:center;
    }
    &.banner{
        max-width:100vw;
        overflow:hidden;
        text-align:center;
        a,
        .privacy-policy-link{
            padding:1rem 0;
            margin:.5rem;
        }
    }
    .wrap-emulsion_relate_posts{
        text-align:left;
    }
}
article{
    @include clearfix;
    & > div{
        & > div{
            width:var(--thm_content_width, 720px);
            margin-right:auto;
            margin-left:auto;
        }
    }
    .entry-title{
        max-width:100%;
    }

    .entry-content{
        ul[class|="wp-block"]{
            li{
                list-style:none;
                &:before{
                    display:none;
                }
            }
        }
    }
    .entry-meta{
        @extend %block;
        margin-top:0;
        margin-bottom:0;
        li{
            list-style:none;
        }
    }
    .entry-content ~ div{
        width:var(--thm_content_width, 720px );
        margin-right:auto;
        margin-left:auto;
    }
    .posted-on{
        @include font_size(5);
        padding-right:var(--thm_content_gap, 24px);
        padding-left:var(--thm_content_gap, 24px);
        text-align:center;
    }
    &.type-page .entry-meta,
    &.type-page .posted-in,
    &.type-post .entry-meta,
    &.type-post .posted-in{
        width: -moz-fit-content;
        width:fit-content;
    }
    &.hentry .posted-on,
    &.type-page .posted-on,
    &.type-post .posted-on{
        z-index:2;
        width: -moz-fit-content;
        width:fit-content;
    }
    &.post-password-required{
        header{
            .entry-title{
                margin-top:3rem;
                margin-bottom:3rem;
            }
        }
    }
    & > header{
        @include clearfix;
        position:relative;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        display:block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction:column;
        flex-direction:column;
        align-items: center;
        justify-content: center;
        min-height:25vh;
        padding-bottom:0;
        margin-top:0;
        background-size:cover;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: center;

        &.fit{
            padding-right:0;
            padding-left:0;
        }
        .entry-title{
            @extend %hyphenate;
            position:relative;
            z-index:2;
            width: -moz-fit-content;
            width:fit-content;
            max-width:100%;
            padding-right:var(--thm_content_gap, 24px);
            padding-left:var(--thm_content_gap, 24px);
            margin-right:auto;
            margin-bottom:0;
            margin-left:auto;
            a[href]{
                width: -moz-fit-content;
                width:fit-content;
                max-width:100%;
                margin-right:auto;
                margin-left:auto;
                text-align:left;
            }
            a:empty:before{
                // content:'...';
                /*? from script */
            }
        }
        .wp-post-image{
            position:relative;
            left:-5px;
            display:block;
            width:calc(100vw - 17px);
            max-width:100%;
            height:var(--thm_header_media_max_height, 75vh);
            margin-top:0;
            -o-object-fit:cover;
            object-fit:cover;
        }
        .posted-on{
            @include clearfix;
        }
    }
    footer{
        @extend %block_main_wide;
        @include clearfix;
        display: block;
        margin:0 auto 0;
        clear: both;
        text-align:right;
        border: none;
        &.fit{
            margin-top: 3em;
            margin-bottom:3em;
        }
        .editor{
            display:inline-block;
        }
    }
}

.excerpt .entry-content{
    width:100%;
    overflow:hidden;
}
.wp-block-post-excerpt{
    line-height:1.5;
}
.entry-content{
    blockquote.content-excerpt{
        // if emulsion-addons active
        display:block;
        width:var(--thm_content_width, 720px );
        max-width:100%;
        margin:1rem auto;
        border:none;

        p{
            width:-moz-fit-content;
            width:fit-content;
            margin-top:0;
            margin-bottom:.75rem;

        }
        br{
            display:var(--thm_excerpt_linebreak);
        }
    }
}
.grid{
    article{
        footer{
            &:before,
                &:after{
                content:none;
            }
            &:empty{
                display:none;
            }
        }
    }
    .entry-content{
        br{
            display:var(--thm_excerpt_linebreak);
        }
    }
}
.stream-wrapper{
    .content{
        br{
            display:var(--thm_excerpt_linebreak);
        }
    }
}
address{
    text-align:center;
}
aside{
    @extend %block;
    padding-right:0;
    padding-left:0;
}
blockquote{
    @extend %block;
    -ms-flex-direction:column;
    flex-direction:column;
    width: calc( var(--thm_content_width, 720px ) - 80px );
    padding-right:0;
    padding-left:0;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    &:not(.wp-block-pullquote){
        border-left-width:6px;
    }
    p{
        margin-top:.75rem;
    }
    &.alignleft{
        @extend %alignleft;
    }
    &.alignright{
        @extend %alignright
    }
    &:not([class]){

        cite{
            padding-right:var(--thm_content_gap, 24px);
            padding-left:var(--thm_content_gap, 24px);
        }
    }
}
svg,
canvas{
    display:block;
    margin-right:auto;
    margin-left:auto;
}
svg.description{
    display:inline;
    desc{
        color:#333;
        background:#fff;
    }
}
section{
    @extend %block;
}
video{
    @extend %block;
    display:block;
    width: -moz-fit-content;
    width:fit-content;
    object-fit: cover;
}
embed{
    display:block;
    margin-right:auto;
    margin-left:auto;
}
map{
    @extend %block;
}
iframe{
    display:block;
    width: var(--thm_content_width, 720px );
    margin-right:auto;
    margin-left:auto;
    border:none;
    aspect-ratio: 16 / 9;
}

.wp-block-embed{
    .wp-block-embed__wrapper{
        iframe{
            aspect-ratio:initial;
        }
    }
}
.wp-embed-footer{
    margin-top:0;
}
hr{
    @extend %block;
    position:relative;
    height:2px;
    margin:1.5rem auto 1.5rem;
    clear:both;
    border:none;
    border-bottom:1px solid;
}
/**
 * Demarcating edits
 */
ins,
del{
    position:relative;
    &:hover:before,
        &:hover:before{
        position:absolute;
        top:-1.5em;
        display:block;
        width:max-content;
        padding:0 .5rem;
        content:attr(datetime);
    }
}

/**
 * Inline text semantics
 * ========================================================================== */

span[style^=background]{
    padding-right:.25rem;
    padding-left:.25rem;
}
abbr[title] {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-transform: uppercase;
    border-bottom: none;
}
i.toc-text{
    font-style: normal;
}
kbd{
    display:inline-block;
    padding:.1em .6em;
    margin:0 .25em;
    font-size:var(--thm_meta_data_font_size, 13px);
}
u{
    text-decoration: underline 1px dashed var(--thm_general_text_color);
}
.emulsion .wp-site-blocks mark,
mark{
    padding:0 .3rem;
    // padding-right:.3rem;
    // padding-left:.3rem;
}
q{
    quotes: initial;
}
strong{
    strong{
        text-decoration: underline 1px dashed var(--thm_general_text_color);
    }
}
/* itaric elements */
[lang="ja"] i,
[lang="ja"] em,
[lang="ja"] var,
[lang="ja"] address,
[lang="ja"] dfn{
    font-style:normal;
    font-weight:700;
}

/**
 * Figure
 * ========================================================================== */

figure{
    position:relative;
    display:block;
    padding-right:0;
    padding-left:0;
    margin-right:auto;
    margin-left:auto;
    figcaption{
        width: -moz-fit-content;
        width:fit-content;
        margin-right:auto;
        margin-left:auto;
        font-size:var(--thm_meta_data_font_size, 13px);
        text-align:left;
        img{
            display:inline;
            margin-right:.5rem;
            margin-left:.5rem;
        }
    }
}
main{
    div.gallery{
        figure{
            display:inline-block;
            width:-moz-fit-content;
            width:fit-content;
        }
    }
}

/**
 * Img
 * ========================================================================== */

img{
    max-width:100%;
    height:auto;
    vertical-align:middle;
}
/* inline iamges */
h1,h2,h3,h4,h5,h6{
    & > img{
        margin-right:8px;
        margin-left:8px;
    }
}
picture{
    display:block;
    margin-top:1.5rem;
    margin-bottom:.75rem;
    img,
    source{
        display:block;
        max-width:100%;
        height:auto;
        margin-right:auto;
        margin-left:auto;
    }
}
.show-post-image{
    height:var(--thm_header_media_max_height, 75vh);
}
/**
 * Heading
 * ========================================================================== */

/**
 * The p element in blockquote does not have the font order adjustment function like other paragraphs.
 * in gutenberg ver6.8 This function assists font-size customization.
 */
.wp-block-pullquote.h1 blockquote p,
.h1,
h1{
    @extend %block;
    &.alignwide,
    &.is-style-emulsion-wide{
        @extend %block_wide;
    }
}
.h1{
    @include font_size(1);
}
.wp-block-pullquote.h2 blockquote p,
.h2,
h2{
    @extend %block;
    &.alignwide,
    &.is-style-emulsion-wide{
        @extend %alignwide;
    }
}
.h2{
    @include font_size(2);
}
.wp-block-pullquote.h3 blockquote p,
.h3,
h3{
    @extend %block;
    &.alignwide,
    &.is-style-emulsion-wide{
        @extend %alignwide;
    }
}
.h3{
    @include font_size(3);
}
.wp-block-pullquote.h4 blockquote p,
.h4,
h4{
    @extend %block;
    &.alignwide,
    &.is-style-emulsion-wide{
        @extend %alignwide;
    }
}
.h4{
    @include font_size(4);
}
.wp-block-pullquote.h5 blockquote p,
.h5,
h5{
    @extend %block;
    &.alignwide,
    &.is-style-emulsion-wide{
        @extend %alignwide;
    }
}
.h5{
    @include font_size(5);
}
.wp-block-pullquote.h6 blockquote p,
.h6,
h6{
    @extend %block;
    &.alignwide,
    &.is-style-emulsion-wide{
        @extend %alignwide;
    }
}
.h6{
    @include font_size(6);
}
.wp-block-pullquote.h6 blockquote p,
.wp-block-pullquote.h5 blockquote p,
.wp-block-pullquote.h4 blockquote p,
.wp-block-pullquote.h3 blockquote p,
.wp-block-pullquote.h2 blockquote p,
.wp-block-pullquote.h1 p{
    width:fit-content;
    width:-moz-fit-content;
    margin-top:.75rem;
    margin-right:auto;
    margin-left:auto;
}
.h1,.h2,.h3,.h4,h5,h6{
    font-weight:700;
    font-weight:var(--thm_heading_font_weight);
}
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{
    &.fit{
        margin-right:auto;
        margin-left:auto;
    }
}
// hash link( #hoo ) position ajust
h1,h2,h3,h4,h5,h6{
    &:target{
        padding-top:1rem;
        margin-top:-1rem;
    }
}
.logged-in{
    h1,h2,h3,h4,h5,h6{
        &:target{
            padding-top:132px;
            margin-top:-132px;
        }
    }
}

/**
 * Paragraph
 * ========================================================================== */

p{
    @extend %block;
    margin-bottom:calc( 1rem * var(--thm_content_line_height, 1.5) );

    & > img.alignleft{
        // classic editor image
        display:inline-block;
        margin-bottom:.75rem;
    }
    & > img.alignright{
        // classic editor image
        display:inline-block;
        margin-bottom:.75rem;
    }
    & > img{
        margin-right:.25rem;
        margin-left:.25rem;
    }
}

p[data-empty="true"]{
    margin-top:0!important;

    &:before{
        display:inline-block;
        content:'\21b5';

    }
}
p:empty{
    display:block;
    height:.75rem;
    margin:1.125rem auto;
}

p.has-drop-cap:not(:focus):first-letter {
    float: left;
    padding: .2rem .4rem 0 .3rem;
    margin: .05em .1em 0 0;
    font-family:serif;
    font-size: 4em;
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    text-transform: uppercase;
}
[lang="ja"] p.has-drop-cap:first-letter {
    float: left;
    margin: .1em .23em 0 0;
    font-family: serif;
    font-size: 3em;
    font-style: normal;
    font-weight: 100;
    line-height: 1.15;
    text-transform: uppercase;
}

/**
 * details
 * ========================================================================== */

details{
    @extend %block;
}
summary{
    font-weight:700;
    outline-color:transparent;
}

/**
 * List.
 * ========================================================================== */

ol:not([class|="wp-block"]):not([class*="wp-block-"]),
ul:not([class|="wp-block"]):not([class*="wp-block-"]){
    //@extend %block;
    padding-left:64px;
    list-style:none;
    li{
        margin-top:.375rem;
        margin-bottom:.375rem;
        ol,
        ul{
            padding-left:40px;
            margin-top:.375rem;
            margin-bottom:0;
        }
        &:empty{
            display:none;
        }
    }

    &.horizontal-list-group{
        padding-right:0;
        padding-left:0;
    }
    &.alignleft{
        margin-right: 1rem;
        margin-left: var(--thm_content_gap, 24px);
    }
    &.alignright{
        margin-right: var(--thm_content_gap, 24px);
        margin-left: 1rem;
    }
    &.has-background{
        padding:.75rem var(--thm_content_gap, 24px) .75rem 40px;
        overflow:hidden;
    }
    @media screen and ( max-width : 480px ) {
        padding-left:var(--thm_content_gap, 24px);
    }
}
[amp]{
    ol:not([class|="wp-block"]),
        ul:not([class|="wp-block"]){
        &.alignleft{
            margin-right:2rem;
            margin-left: 0;
        }
        &.alignright{
            margin-right: 0;
            margin-left:2rem;
        }
    }
}
ol{
    counter-reset: emulsion-counter;
    &.circle{
        li:before{
            border-radius:50%;
        }
    }
    li{
        list-style-type:none;
        *:not(li){
            text-indent:0;
        }
        &:before{

            display:inline-block;
            width: calc(1rem * var(--thm_content_line_height, 1.5 ) );
            margin-right:1rem;
            font-size:var(--thm_meta_data_font_size, 13px);
            line-height: calc(1rem * var(--thm_content_line_height, 1.5 ) );
            text-align:center;
            text-indent:0;
            content: counter( emulsion-counter );
            counter-increment: emulsion-counter;
        }
        ol{
            padding-left: calc( 1rem * var(--thm_content_line_height, 1.5) + 1rem );
            counter-reset: emulsion-counter-lv1;
            li{
                margin-left:0;
                list-style-type:none;
                &:before{
                    width: calc(1rem * var(--thm_content_line_height, 1.5) );
                    line-height: calc(1rem * var(--thm_content_line_height, 1.5) );
                    content: counter( emulsion-counter-lv1 );
                    counter-increment: emulsion-counter-lv1;
                }
                ol{
                    padding-left: calc(1rem * var(--thm_content_line_height, 1.5) + 1rem );
                    counter-reset: emulsion-counter-lv2;
                    & > li{
                        margin-left:0;
                        list-style-type:none;
                        &:before{
                            width: calc(1rem * var(--thm_content_line_height, 1.5) );
                            line-height: calc(1rem * var(--thm_content_line_height, 1.5) );
                            content: counter( emulsion-counter-lv2 );
                            counter-increment: emulsion-counter-lv2;
                        }
                    }
                }
            }
        }
        ul{
            padding-left:40px;
            li{
                margin-left:0;
                list-style-type:none;
                &:before{
                    width: calc(1rem / 3 );
                    height: calc(1rem / 3 );
                    vertical-align:middle;
                    content:' ';
                    counter-increment: none;
                    background:var(--thm_default_bullet_color);
                    border-radius:50%;
                }
                ul{
                    padding-left: calc(1rem * var(--thm_content_line_height, 1.5) + 1rem );
                    li{
                        margin-left:0;
                        list-style-type:none;
                        &:before{
                            width: calc(1rem / 3 );
                            height: calc(1rem / 3 );
                            vertical-align:middle;
                            content:' ';
                            counter-increment: none;
                            background:var(--thm_default_bullet_color);
                            border-radius:0;
                        }
                    }
                }
            }
        }
    }
}

/**
 * OL list format exception
 */
ul.wp-block-page-list:not(.list-style-initial):not(.is-style-list-style-initial),
ol.wp-block-latest-comments,
ol.wp-list-comments,
ol[class|="wp-block"]{
    padding-right:var(--thm_content_gap, 24px);
    padding-left:var(--thm_content_gap, 24px);
    li{
        &:before{
            display:none;
        }
        ol{
            li{
                &:before{
                    display:none;
                }
                ol{
                    & > li{
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
        ul{
            li{
                &:before{
                    display:none;
                }
                ul{
                    li{
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
    }
}
ol.wp-list-comments{
    padding-right:var(--thm_box_gap, 3px);
    padding-left:var(--thm_box_gap, 3px);
    .children{
        padding-left:var(--thm_content_gap, 24px);
    }
}
.wp-block-latest-comments{
    article{
        overflow:hidden;
    }
}
ul:not(.list-style-initial):not(.is-style-list-style-initial){
    &.is-style-list-style-none,
    &.list-style-none{
        li{
            margin-left:1rem;
            text-indent:0;
            list-style-type:none;
            &:before{
                display:none!important;
                content:''!important;
            }
        }
    }
    li{
        list-style-type:none;
        // text-indent:-24px;
        *:not(li){
            text-indent:0;
        }
        &:before{
            display:inline-block;
            width: calc(1rem / 3 );
            height: calc(1rem / 3 );
            margin-right:1rem;
            text-align:center;
            vertical-align:middle;
            content:' ';
            background:var(--thm_default_bullet_color);
            border-radius:50%;
        }
        .children li,.sub-menu li{
            &:before{
                display:none;
            }
        }
        ul{
            padding-right:0;
            padding-left: calc(1rem * var(--thm_content_line_height, 1.5) + 1rem );
            li{
                margin-left:0;
                list-style-type:none;
                &:before{
                    width: calc(1rem / 3 );
                    height: calc(1rem / 3 );
                    vertical-align:middle;
                    content:' ';
                    counter-increment: none;
                    background:var(--thm_default_bullet_color);
                    border-radius:0;
                }
                ul{
                    padding-right:0;
                    padding-left: calc(1rem * var(--thm_content_line_height, 1.5) + 1rem );
                    li{
                        padding-right:0;
                        padding-left:0;
                        margin-left:0;
                        list-style-type:none;
                        &:before{
                            width: calc(1rem / 3 );
                            height: calc(1rem / 3 );
                            vertical-align:middle;
                            content:' ';
                            counter-increment: none;
                            background:var(--thm_default_bullet_color);
                            border-radius:50%;
                        }
                    }
                }
            }
        }
        ol{
            padding-left: calc(1rem * var(--thm_content_line_height, 1.5) + 1rem );
            counter-reset: emulsion-counter-lv1;
            li{
                margin-left:0;
                list-style-type:none;
                &:before{
                    width: calc(1rem * var(--thm_content_line_height, 1.5) );
                    height:1.5rem;
                    line-height: calc(1rem * var(--thm_content_line_height, 1.5) );
                    content: counter( emulsion-counter-lv1 );
                    counter-increment: emulsion-counter-lv1;
                    border-radius:0;
                }
                ol{
                    padding-left: calc(1rem * var(--thm_content_line_height, 1.5) + 1rem );
                    counter-reset: emulsion-counter-lv2;
                    li{
                        margin-left:0;
                        list-style-type:none;
                        &:before{
                            width: calc(1rem * var(--thm_content_line_height, 1.5) );
                            line-height: calc(1rem * var(--thm_content_line_height, 1.5) );
                            content: counter( emulsion-counter-lv2 );
                            counter-increment: emulsion-counter-lv2;
                        }
                    }
                }
            }
        }
    }
    &.circle{
        li:before{
            border-radius:50%;
        }
    }
}
/**
 * UL list format exception
 */

.header-layer-nav-menu .wp-nav-menu:not(.list-style-initial):not(.is-style-list-style-initial),
.legacy-widget-preview .widget_meta > ul,
.legacy-widget-preview .menu-main-container > ul,
.legacy-widget-preview .widget_categories > ul,
.emulsion ul.footer-widget-area-lists .widget_archive > ul,
.emulsion ul.footer-widget-area-lists  .widget_categories > ul,
.emulsion ul.footer-widget-area-lists .widget_pages > ul,
.emulsion ul.footer-widget-area-lists .widget .wp-block-page-list,
.emulsion ul.footer-widget-area-lists  .widget_meta > ul,
.emulsion ul.footer-widget-area-lists  .widget_recent_comments > ul,
.emulsion ul.footer-widget-area-lists  .widget_recent_comments ol,
.emulsion ul.footer-widget-area-lists  .widget.widget_recent_entries > ul,
.emulsion ul.footer-widget-area-lists .widget_nav_menu .widget div > ul,
.emulsion ul.footer-widget-area-lists .widget_nav_menu ul.menu,
.emulsion ul.footer-widget-area-lists .widget .wp-block-navigation > ul,
.layout ul.sidebar-widget-area-lists   .widget_archive > ul,
.layout ul.sidebar-widget-area-lists  .widget_categories > ul,
.layout ul.sidebar-widget-area-lists   .widget_pages > ul,
.layout ul.sidebar-widget-area-lists .widget .wp-block-page-list,
.layout ul.sidebar-widget-area-lists.widget_meta > ul,
.layout ul.sidebar-widget-area-lists  .widget_recent_comments > ul,
.layout ul.sidebar-widget-area-lists  .widget_recent_comments ol,
.layout ul.sidebar-widget-area-lists  .widget.widget_recent_entries > ul,
.layout ul.sidebar-widget-area-lists .widget_nav_menu .widget div > ul,
.layout ul.sidebar-widget-area-lists .widget_nav_menu ul,
.layout ul.sidebar-widget-area-lists .widget .wp-block-navigation > ul,
body.emulsion.emulsion-fse-active .wp-block-gallery .blocks-gallery-grid,
body.emulsion.emulsion-fse-active ul.wp-block-latest-posts,
.search-drawer .search-info ul.search-drawer-content,
.primary-menu-wrapper .wp-nav-menu.primary,
.menu-placeholder .toc ul,
.layout ul.debug-menu-links,
.layout ul.taxonomy,
.menu-main-container .toc ul,
.emulsion ul.blocks-gallery-grid,
.emulsion ul.list-style-tab,
.layout ul.is-style-list-style-inline,
.is-root-container ul.is-style-list-style-inline,
.layout ul.list-style-inline,
.is-root-container .is-style-list-style-initial,
.emulsion ul.is-style-list-style-initial,
.emulsion ul.list-style-initial,
.emulsion ul[class|="wp-block"],
.menu-main-container ul.wp-nav-menu,
.emulsion ul.horizontal-list-group,
.social-navigation ul.social-links-menu,
.layout ul.relate-posts{
    padding-right:var(--thm_content_gap, 24px);
    padding-left:var(--thm_content_gap, 24px);

    li{
        &:before{

            display:none;
        }
        .children li,.sub-menu li{
            &:before{
                display:none;
            }
        }
        ul{
            li{
                &:before{
                    display:none;
                }
                ul{
                    li{
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
        ol{
            li{
                &:before{
                    display:none;
                }
                ol{
                    li{
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
    }
}

ul.is-style-list-style-initial,
ul.list-style-initial{
    width:var(--thm_content_width, 720px);
    max-width:100%;
    padding-right:var(--thm_content_gap, 24px);
    padding-left:calc( var(--thm_content_gap, 24px) * 3 );
    li{
        text-indent:initial;
        list-style-type:initial;
        &:before{
            display:none;
        }
        ul{
            li{
                list-style-type:initial;
                &:before{
                    display:none;
                }
                ul{
                    li{
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
        ol{
            li{
                text-indent:initial;
                list-style-type:decimal;
                &:before{
                    display:none;
                }
                ol{
                    li{
                        list-style-type:decimal;
                        &:before{
                            display:none;
                        }
                    }
                    ol{
                        li{
                            list-style-type:decimal;
                            &:before{
                                display:none;
                            }
                        }
                    }
                }
            }
        }
    }
}
ol[reversed],
ol[start],
ol.is-style-list-style-initial,
ol.list-style-initial{
    padding-right:var(--thm_content_gap, 24px);
    padding-left:calc( var(--thm_content_gap, 24px) * 3 );
    li{
        margin-left:0;
        color:var(--thm_general_text_color);
        text-indent:0!important;
        list-style-type:decimal!important;
        &:before{
            display:none!important;
        }
        ol{
            li{
                text-indent:initial;
                list-style-type:decimal ;
                &:before{
                    display:none!important;
                }
                ol{
                    li{
                        list-style-type:decimal;
                        &:before{
                            display:none!important;
                        }
                    }
                    ol{
                        li{
                            list-style-type:decimal;
                            &:before{
                                display:none!important;
                            }
                        }
                    }
                }
            }
        }
        ul{
            li{
                list-style-type:initial;
                &:before{
                    display:none;
                }
                ul{
                    li{
                        &:before{
                            display:none;
                        }
                    }
                }
            }
        }
    }
}
ol.is-style-list-style-inline:not(.list-style-initial):not(.is-style-list-style-initial),
ul.is-style-list-style-inline:not(.list-style-initial):not(.is-style-list-style-initial),
ol.list-style-inline:not(.list-style-initial):not(.is-style-list-style-initial),
ul.list-style-inline:not(.list-style-initial):not(.is-style-list-style-initial){
    @include clearfix;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    padding-right:var(--thm_content_gap, 24px);
    padding-left:var(--thm_content_gap, 24px);
    li{
        z-index:2;
        display:inline-block;
        flex:1 1 auto;
        width: -moz-fit-content;
        width:fit-content;
        margin:var( --thm_box_gap,3px );
        text-align:center;
        text-indent:0;
        list-style:none;
        list-style-type:none;

        &:before{
            display:none ! important;
            content:none;
        }
        &:hover{
            a{
                cursor:pointer;
            }
        }
    }
}
.footer-widget-area,
.sidebar-widget-area{
    li{
        list-style:none;
    }
}
.footer-widget-area{
    margin-top:0;
    margin-bottom:0;
    .footer-widget-area-lists:not(.list-style-initial):not(.is-style-list-style-initial){
        padding:0;
        ul{
            padding:0;
        }
        li{
            padding-right:var(--thm_content_gap, 24px);
            padding-left:var(--thm_content_gap, 24px);
        }
    }
}

.widget > ul a,
ul[class|="wp-block"] li span:not(.wp-block-navigation-item__label),
ul[class|="wp-block"] li:not(.wp-social-link):not(.cat-item) a:not(.wp-block-navigation-item__content){
    display:block;
    padding-top: calc(1rem * var( --thm_content_line_height, 1.5 ) / 4);
    padding-right: calc(1rem * var( --thm_content_line_height, 1.5 ) / 2);
    padding-bottom: calc(1rem * var( --thm_content_line_height, 1.5 ) / 4);
    padding-left: calc(1rem * var( --thm_content_line_height, 1.5 ) / 2);
    list-style:none;
}




.emulsion.emulsion-fse-active article.wp-block-group .wp-block-template-post-header div.wp-block-post-terms a{
    display:inline-block;
}
.wp-block-categories li a,
.widget > ul a{
    margin-top: calc(1rem * var( --thm_content_line_height, 1.5 ) / 4);
    margin-bottom: calc(1rem * var( --thm_content_line_height, 1.5 ) / 4);
}
#document{
    .wp-block-latest-comments{
        .wp-block-latest-comments__comment{
            &:before{
                display:none;
            }
        }
    }
    ul.wp-block-rss .wp-block-rss__item:before{
        display:none;
    }
    .wp-block-archives li:before{
        display:none;
    }

}

.header-layer,
.layout{
    .posted-on{
        @extend %block;
    }
    .horizontal-list-group{
        @include clearfix;
        @extend %block;
        display:flex;
        flex-wrap:wrap;
        align-items: center;
        justify-content: center;
        padding:0;
        font-size:var(--thm_meta_data_font_size, 13px);
        li{
            z-index:2;
            display:inline-block;
            width: -moz-fit-content;
            width:fit-content;
            padding:2px 4px;
            margin:3px;
            text-align:center;
            text-indent:0;
            list-style:none;
            list-style-type:none;
            &:nth-child(n + 8) {
                flex:1 1 auto;
            }
            &:before{
                display:none ! important;
                content:none;
            }
        }
    }
}
.is-style-list-style-inline,
.list-style-inline{
    li{
        text-indent:0;
    }
}
.entry-content{
    .is-style-list-style-inline,
    .list-style-inline{
        li{
            padding-top:.75rem;
            padding-bottom:.75rem;
            line-height: calc(16px * var( --thm_content-line-height, 1.5 ));
        }
    }

}

/**
 * This style is for correcting the core block editor style
 * when the theme block css is not applied.
 * The theme's Block CSS will load when the full content is displayed.
 * Example: The html before read more on the archive page does not use the theme block CSS.
 *
 * Efforts to shrink Theme's Block CSS started with WordPress 5.5 in the theme.
 */
.wp-block-latest-posts{
    //  display:flex ! important;
    flex:none ! important;
}
.wp-block-latest-posts__list{
    & > li{
        margin:var(--thm_box_gap, 3px);
        overflow:hidden;
    }
    & > li > .wp-block-latest-posts__post-author,
    & > li > a:first-child{
        display:block;
        margin:1.5rem auto .75rem;
    }
    .wp-block-latest-posts__featured-image + a{

        box-sizing:border-box;
        padding-right:0;
        padding-left:0;
        margin:1.5rem auto .75rem;
        overflow:hidden;
        font-family:var(--thm_heading_font_family);
        font-size:1.5rem;
        font-weight:var(--thm_heading_font_weight);
        line-height:var( --thm_common_line_height, 1.15 );
        text-align:left;
        text-transform:var(--thm_heading_font_transform);
        white-space:pre-wrap;
    }

    .wp-block-latest-posts__featured-image.alignleft{
        width:auto;
        margin:0 1rem 0 0;
        & + a{
            display:block;
            margin-top:2rem;
        }
    }
    .wp-block-latest-posts__featured-image.alignright{
        width:auto;
        margin:0 0 0 1rem;
        & + a{
            display:block;
            padding-left:var(--thm_content_gap, 24px);
            margin-top:2rem;
        }
    }
}
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author{
    display:block;
    width:-moz-fit-content;
    width:fit-content;
    max-width:100%;
    padding-right:12px;
    padding-left:12px;
    margin-bottom:12px;
    text-align:center;
    white-space:pre;

}
.widget ul li,
.wp-block-latest-comments li,
.wp-block-rss li,
.wp-block-categories li,
.wp-block-archives li {
    line-height: calc(1rem * var( --thm_content_line_height, 1.5 ));
}
ul.wp-block-archives{
    padding-right: var(--thm_content_gap, 24px);
    padding-left: var(--thm_content_gap, 24px);
    li{
        a{
            display: inline-block;
            padding-top: calc(1rem * var( --thm_content_line_height, 1.5 ) / 4);
            padding-right: calc(1rem * var( --thm_content_line_height, 1.5 ) / 2);
            padding-bottom: calc(1rem * var( --thm_content_line_height, 1.5 ) / 4);
            padding-left: calc(1rem * var( --thm_content_line_height, 1.5 ) / 2);
            margin-top: 0.375rem;
            margin-bottom: 0.375rem;
            list-style: none;
        }
    }
}
.page-wrapper{
    .wp-block-latest-comments{
        max-width:100%;
        article{
            align-items:flex-start!important;
            justify-content:flex-start!important;
            margin-left:52px;
            footer{
                @extend %block;
                &.wp-block-latest-comments__comment-meta{
                    width:-moz-fit-content;
                    width:fit-content;
                    min-height:0;
                    margin-top:0;
                    margin-bottom:0;
                }
            }
        }
    }
}
.wp-block-rss li{
    margin: 1.5rem auto 0.75rem;
}

/**
 * Data List
 * ========================================================================== */

dl{
    @extend %block;
    padding-bottom:1.5rem;
}
dt{
    margin-top:1.5em;
    margin-bottom:.75rem;
    font-weight:700;
}
dd{
    max-width:calc( 100% - 40px);
}

/**
 * Pre Format
 * ========================================================================== */

pre {
    @extend %block;
    padding: 0 1em;
    margin: 21px auto;
    clear: both;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}
pre > code{
    display:block;
    padding:1rem;
    font-size:inherit;
    &:empty{
        display:none;
    }
}
.wp-block-codemirror-blocks-code-block{
    @extend %block;
    box-sizing:border-box;
}
/**
 * Table
 * ========================================================================== */
figure.wp-block-table.no-wrap{
    table{
        max-width:none;
        th,td,tfoot,thead{
            white-space:pre;
        }
    }
}
table {
    box-sizing:border-box;
    display:table;
    width:calc(100% - 2px);
    max-width:var(--thm_content_width, 720px);
    margin:auto;
    border-collapse: collapse;
    &.stretch{
        width:calc(100% - 2px);
    }
    thead{
        display:table-header-group;
    }
    tbody{
        display:table-row-group;
    }
    tfoot{
        display:table-footer-group;
    }
    th {
        padding:.7rem;
        &.right,
        &.left,
        &.right,
        &.left{
            float:none;
        }
    }
    td {
        padding:.7rem;
        p{
            margin-top:.75rem;
            line-height:var( --thm_common_line_height, 1.15 );
            text-align:left;
        }
        p:first-child:last-child{
            margin-top:0;
        }
        p:last-child{
            margin-bottom:0;
        }
    }
    /**
     * Theme Table Classes
     */
    &.auto {
        table-layout:auto;
    }
    &.left{
        float:none;
    }
    &.left th,
    &.left td,
    & th.left,
    &.left td,
    & td.left{
        text-align:left;
    }
    &.center th,
    &.center td,
    & th.center,
    &.center td,
    & td.center{
        text-align:center;
    }
    &.right th,
    &.right td,
    & th.right,
    & td.right{
        text-align:right;
    }
    /**
     * vertical align
     */
    &.top th,
    &.top td,
    & th.top,
    &.top .top,
    &.top td,
    & td.top{
        vertical-align:top;
    }
    &.middle th,
    &.middle td,
    & th.middle,
    &.middle td,
    & td.middle{
        vertical-align:middle;
    }
    &.bottom th,
    &.bottom td,
    & th.bottom,
    &.bottom td,
    & td.bottom{
        vertical-align:bottom;
    }
}
.wp-block-table{
    position:relative;
    display:table;
    display:block;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column-reverse;
    // overflow:hidden;
    width:calc(var(--thm_content_width, 720px) - var(--thm_content_gap, 24px) * 2);
    max-width:100%;
    padding-bottom:1px;
    /**
     * Required to support TinyMCE and custom HTML other than the block editor
     */
    margin-top:1.5rem;
    margin-bottom:.75rem;
    overflow:auto;
    clear:none;
}
.wp-block-table > table{
    margin-top:0;
    margin-bottom:0;
}
.gist-syntax table{
    table-layout:auto;
}

/**
 * Forms
 * ========================================================================== */

button, [type="button"], [type="reset"], [type="submit"] {
    &:hover{
        cursor:pointer;
    }
}
button{
    display: inline-block;
    float: none;
    width: 140px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.685rem;
    margin-top: .75rem;
    margin-right: var(--thm_content_gap, 24px);
    margin-bottom: 0.75rem;
    margin-left: var(--thm_content_gap, 24px);
    overflow: hidden;
    clear: both;
    text-align: center;
}
fieldset{
    @extend %block;
    min-width: auto;    /* for chrome overflow */
}
form{
    @extend %block;
}
input{
    box-sizing:border-box;
    max-width:calc( 100% - 4px);
    padding:.5rem;
    margin:.75em auto .75em;
    margin-right:auto;
    margin-left:auto;
    line-height:var( --thm_content_line_height, 1.5 );
}
.layout input:not([type="submit"]){
    color:#333333 ! important;
    background:#ffffff ! important;
}
.wp-block-search{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items: center;
    justify-content: center;
    width:var(--thm_content_width, 720px);
    max-width:100%;
    padding:0;
    padding-right:var(--thm_content_gap, 24px);
    padding-left:var(--thm_content_gap, 24px);
    input{
        box-sizing:border-box;
        flex:1 1 auto;
        min-width:0;
        max-width:calc( 100% - 4px);
        height:48px;
        padding:.625rem;
        margin:0;
        margin:0;
        line-height:var( --thm_content_line_height, 1.5 );
    }
    .wp-block-search__button{
        // flex:1 0 48px;
        width:auto;
        min-width:48px;
        max-width:200px;
        height:48px;
        padding:0;
        margin:0;
        margin-left:4px;
        overflow:hidden;

        &:hover{
            cursor:pointer;
        }
        &.has-icon{
            &:before{
                //Do not always display the theme icon
                display:none!important;
            }
        }
    }
    &.wp-block-search__text-button{
        .wp-block-search__button{
            padding-right:.76rem;
            padding-left:.75rem;
            white-space:pre;
        }
    }
    &.wp-block-search__button-inside{
        box-sizing:border-box;
        .wp-block-search__inside-wrapper{
            height:48px;
            input{
                height:48px;
            }
            .wp-block-search__button{
                width:38px;
                height:48px;
            }
        }
    }
    &.wp-block-search__text-button{
        flex-wrap:wrap;
        .wp-block-search__label{
            flex-basis:100%;
        }
    }
    .wp-block-search__label{
        width:-moz-fit-content;
        width:fit-content;
        white-space:pre;
    }
    .wp-block-search__inside-wrapper{
        min-width:150px;
        &[style^="width"]{
            flex:0 0 auto;
            .wp-block-search__label{
                width:auto;
                width:auto;
            }
        }
    }
}
//body{
body .layout-block{
    .wp-block-search{
        &.alignleft,
        &.alignright{
            display:flex;
        }
    }
}
//}

legend{
    padding:.74rem;
}
progress{
    display:block;
    width:10em;
    margin-right:auto;
    margin-left:auto;
}
select{
    max-width:100%;
    padding:.625rem;
    margin:1.5rem auto .75rem;

}
form select,
.widget_categories form select,
[name="archive-dropdown"]{
    box-sizing:border-box;
    display:block;
    max-width:100%;

    margin-right:auto;
    margin-left:auto;
    option{
        padding-top:.625rem;
        padding-right:0.625rem;
        padding-bottom:.625rem;
        padding-left:0.625rem;
    }
}

option{
    padding-right:.625rem;
    padding-left:.625rem;
}
textarea{
    box-sizing:border-box;
    width: calc(1rem * 40 );
    max-width:calc( 100% - 4px);
    padding:.625rem;
    vertical-align:top;
}

/**
 * Form type attribute
 * ========================================================================== */

[type="email"],
[type="text"]{
    width: calc(1rem * 40 );
}
[type="checkbox"]{
    margin-right:.3em;
    margin-left:.3em;
    vertical-align:middle;
}
[type="radio"]{
    margin-right:.3em;
    margin-left:.3em;
    vertical-align:middle;
}

/**
 * Classes
 * ========================================================================== */

.alignfull{
    //ex wp-block-coblocks-shape-divider
    width:100%;
}
.posted-on{
    position:relative;
    margin-right:auto;
    margin-left:auto;
    a{
        margin-right:.5rem;
        margin-left:.5rem;
        &.comment-link{
            margin-right:.25rem;
        }
    }
}
.clearfix{
    @include clearfix;
}
.not-found-title,
.search-query,
.search-title,
.archive-title{
    text-align:center;
}
.not-found{
    @extend %block;
}
#document .fit,
body .fit{
    @extend %block;

}
.trancate{
    max-width:100%;
    overflow:hidden; //@since 1.1.2

}
.on-trancate{
    display:block;
    //overflow:hidden; @since 1.1.2
}
#document{
    .trancate{
        padding-top:0;
        padding-bottom:0;
    }
}
/**
 * wp_nav_menu
 * ========================================================================== */

.menu{
    .nav-menu-child-opener-label{
        padding:.3em;
        outline-color:transparent;
    }
    .nav-menu-child-opener-label:hover{
        cursor:pointer;
    }
    .nav-menu-child-opener[type="checkbox"]{
        margin-top:0;
        margin-bottom:0;
        visibility:hidden;
    }
    .nav-menu-child-opener-label:before{
        display:inline-block;
        width:13px;
        height:13px;

        margin:0 5px;
        vertical-align:middle;
        content:" ";
        background-repeat:no-repeat;
        background-size:contain;
        transition: all 1s ease-in-out;
    }
    .nav-menu-child-opener[type="checkbox"]:checked ~ label:before{
        display:inline-block;
        width:13px;
        height:13px;

        margin:0 5px;
        vertical-align:middle;
        content:" ";
        background-repeat:no-repeat;
        background-size:contain;
        transition: all 1s ease-in-out;
    }
}

/**
 * Centering child elements
 * ========================================================================== */

#document [class|="wp-block"].centered,
#document .vertically,
#document .centered{
    -webkit-box-sizing:border-box;
    // height:100%;
    box-sizing:border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}
.horizontally{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:row;
    flex-direction:row;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    text-align:center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}
/* height classes */
.vh25{
    min-height:25vh;
}
.vh50{
    min-height:50vh;
}
.vh75{
    min-height:75vh;
}
.vh100{
    min-height:100vh;
}

/**
 * stream layout button
 * ========================================================================== */

.show-content{
    position:absolute;
    top:12px;
    right:12px;
    &:hover{
        cursor:pointer;
    }
}
.show-content:before{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    width:24px;
    height:24px;
    content:'';
    //@since 1.2.9 move to style.css  background:url(#{$theme_image_dir}svg/enlarge.svg);
    background-size:cover;
}
.is-dark .show-content:before,
.post-thumb-col:not(:empty) + .content-col .show-content:before{
    //@since 1.2.9 move to style.css background:url(#{$theme_image_dir}svg/enlarge.svg#white);
    background-size:contain;
}
.post-thumb-col + .content-col .show-content.is-active:before{
    content:'';
    //@since 1.2.9 move to style.css background:url(#{$theme_image_dir}svg/shrink.svg#alert);
    background-size:contain;
}

/**
 * Search drawer
 * ========================================================================== */

.drawer-wrapper .icon{
    width: 24px;
    height: 24px;
    margin:3px;
}
.drawer-wrapper .icon:hover{
    cursor:pointer;
}
.theme-message{
    margin-top:1.5rem;
    margin-bottom:.75rem;
}

/**
 * Relate posts
 * ========================================================================== */
.emulsion .wrap-emulsion_relate_posts,
.relate-content-wrapper{
    padding-top:.1rem;
    padding-bottom:.75rem;
    .relate-posts-title{
        padding-right:var(--thm_content_gap, 24px);
        padding-left:var(--thm_content_gap, 24px);
        margin-right:auto;
        margin-left:auto;
    }
    .relate-posts{
        padding-right:var(--thm_content_gap, 24px);
        padding-left:var(--thm_content_gap, 24px);
        margin-right:auto;
        margin-left:auto;
        li{
            height:48px;
            margin-bottom:6px;
            vertical-align:middle;
            list-style:none;
            &:not(#specificity):before{
                display:none;
            }
            img{
                width:auto;
                max-width:48px;
                height:48px;
                padding-right:0;
                padding-left:0;
                margin-right:0;
                margin-left:0;
                vertical-align:middle;
            }
            .relate-post-no-icon + a,
            img + a{
                display:inline-block;
                max-width:calc( 100% - 48px - 2rem );
                height:100%;
                margin-left:1rem;
                overflow: hidden;
                font-weight:700;
                line-height:48px;
                text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align:middle;
            }
            .relate-post-no-icon{
                display:inline-block;
                width:46px;
                height:46px;
                padding:0;
                line-height:46px;
                color:var(--thm_header_text_color);
                text-align:center;
                text-transform: uppercase;


                vertical-align:middle;
                background: var(--thm_header_bg_color);
            }
        }
    }
    &:empty{
        display:none;
    }
}
#main{
    .wp-block-latest-posts{
        .wrap-emulsion_relate_posts{
            .relate-post-no-icon{
                & + a{
                    display:inline-block;
                }
            }
            img + a{
                display:inline-block;
            }
        }
    }
}
.clip{
    @include clip;
}
[class|="placeholder"]{
    padding:0;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
}
.layout-stream,
.layout-grid{
    [class|="placeholder"]{
        max-width:var(--thm_main_width);
    }
}
.read-more{
    float:none;
    padding-right:0;
    padding-left:0;
    clear:both;
}
.post-excerpt-html{
    width: -moz-fit-content;
    width:fit-content;
    text-align:left;
}
/**
 * theme .alignwide .alignfull
 * for custom html
 */
.enable-alignfull{
    .emulsion-wide{
        @extend %alignwide;
        float:none;
        clear:both;
    }
    &.emulsion-no-sidebar{
        .emulsion-full{
            @extend %no-sidebar-alignfull;
            float:none;
            clear:both;
        }
    }
}

/**
 * margin class
 * ========================================================================== */

#document{
    .box-gap{
        margin-top:var(--thm_box_gap, 3px);
        margin-bottom:var(--thm_box_gap, 3px);
    }
    .box-gap-0{
        margin-top:0;
        margin-bottom:0;
    }
}

/**
 * SVG
 * ========================================================================== */

#emulsion_theme_svgs{
    display:none ! important;
}

/**
 * Pagination
 * ========================================================================== */
.navigation{
    position:relative;
}
.pagination{
    margin-right:auto;
    margin-left:auto;
    text-align:center;//ie//ie
}
.pagination .nav-links{
    display:flex;
    padding-right:0;
    padding-left:0;
}
.pagination .nav-links span,
.pagination .nav-links a{
    flex:1 1 5%;
    width: -moz-fit-content;
    width:fit-content;
    padding:.685rem;
    margin:3px;
    text-align:center;
    white-space:pre;
}

/**
 * todo
 */

#emulsion.custom-background .mejs-container{
    margin-right:auto;
    margin-left:auto;
}
.margin-v-0{
    margin-top:0 ! important;
    margin-bottom:0 ! important;
}
.position-center{
    display:block ! important;
    margin-right:auto ! important;
    margin-left:auto ! important;
}
.position-left{
    display:block ! important;
    margin-right:auto ! important;
    margin-left:0 ! important;
}
.position-right{
    display:block ! important;
    margin-right:0 ! important;
    margin-left:auto ! important;
}
/**
 * FSE in Theme
 * ========================================================================== */
main{
    & > .wp-site-blocks{
        & > header.wp-block-template-part{
            display:none;
        }
        & > footer.wp-block-template-part{
            display:none;
        }
    }
}

.entry-content{
    .wp-block-template-part{
        .wp-block-site-title{
            padding-top: var(--thm_content_gap, 24px);
            padding-left: var(--thm_content_gap, 24px);
            margin:0 auto;
            font-size:24px;
            line-height:1.15;
            &.alignleft{
                margin:0;
            }
            &.alignright{
                margin:0;
                text-align:right;
            }
        }
        .wp-block-site-tagline{
            box-sizing: border-box;
            width: var(--thm_content_width, 720px);
            max-width: 100%;
            padding-right: var(--thm_content_gap, 24px);
            padding-left: var(--thm_content_gap, 24px);
            margin: 0 auto 0.75rem;
            font-size:1rem;
            &.alignleft{
                margin:0 0 .75rem;
            }
            &.alignright{
                margin:0 0 .75rem;
                text-align:right;
            }
        }
        .wp-block-post-title{
            text-align:center;
        }
        .wp-block-post-author{
            display:block;
        }
        .taxsonomy{
            text-align:center;
        }
    }
}
.is-presentation-theme,
.is-presentation-transitional{
    .fse-header-content{
        width:100%;
    }
}

.header-layer.fse-header{
    margin:0 auto;
    &.wp-block-template-part{
        .header-text{
            margin:0 auto;
            .wp-block-site-title{
                z-index: 3;
                padding-top: var(--thm_content_gap, 24px);
                padding-left: var(--thm_content_gap, 24px);
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0;
                font-family: var(--thm_heading_font_family);
                font-size: var(--thm_h3_font_size);
                font-weight: var(--thm_heading_font_weight);
                line-height: var(--thm_common_line_height, 1.15);
                text-transform: var(--thm_heading_font_transform);
            }
            .wp-block-site-tagline{
                z-index: 7;
                padding-bottom: 0.75rem;
                padding-left: var(--thm_content_gap, 24px);
                margin-top: 0;
                margin-bottom: 0;
                font-family: var(--thm_common_font_family);
                font-size: var(--thm_common_font_size, 16px);
                line-height: var(--thm_content_line_height, 1.5);
            }
        }
        .wp-block-cover{
            margin:0 auto;
        }
        .archive-title{
            .wp-block-query-title{
                margin-bottom:3rem;
            }
        }

    }
}

.emulsion .block-shortcode{
    display: block;
    padding: 0 var(--thm_content_gap, 24px);
    margin: 1.5rem auto .75rem;

}
.sticky-post{
    &.content-none{

        display:none;
    }
}
.is-flex-container{
    display:flex;
    flex-wrap:wrap;
}
.is-vertical{
    &.items-justified-left{
        align-items: flex-start;
    }
    &.items-justified-right{
        align-items: flex-end;
    }
    &.items-justified-center{
        align-items: center;
    }
}
#document .drawer-is-active{
    .wp-block-query{
        z-index:1;
    }
}
/**
 * Trancate
 * ========================================================================== */
.trancate-1{
    max-height:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) );
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trancate-2{

    max-height:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) * 2);
    overflow:hidden;
    @supports (-webkit-line-clamp:2) {
        display: -webkit-box;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        &::before {
            position:static;
            content: '';
        }
        &::after{
            float:none;
            content:'';
        }
    }
}
.trancate-3{
    max-height:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) * 3);
    overflow:hidden;
    @supports (-webkit-line-clamp:3) {
        display: -webkit-box;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        &::before {
            position:static;
            content: '';
        }
        &::after{
            float:none;
            content:'';
        }
    }
}
.trancate-4{
    max-height:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) * 4);
    overflow:hidden;
    @supports (-webkit-line-clamp:4) {
        display: -webkit-box;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        &::before {
            position:static;
            content: '';
        }
        &::after{
            float:none;
            content:'';
        }

    }
}
.trancate-5{
    max-height:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) * 5);
    overflow:hidden;
    @supports (-webkit-line-clamp:5) {
        display: -webkit-box;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        &::before {
            position:static;
            content: '';
        }
        &::after{
            float:none;
            content:'';
        }

    }
}

.trancate-6{
    max-height:calc( var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5) * 6);
    overflow:hidden;
    @supports (-webkit-line-clamp:6) {
        display: -webkit-box;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;

        &::before {
            position:static;
            content: '';
        }
        &::after{
            float:none;
            content:'';
        }
    }
}
/**
 * Background
 * ========================================================================== */
.mark-cool,
.mark-notice,
.mark-gray,
.mark-info,
.nark-alert{
    padding-top:.75rem;
    padding-bottom:.75rem;
    &.alignleft,
    &.alignright{
        padding-right:var(--thm_content_gap, 24px);
        padding-left:var(--thm_content_gap, 24px);
    }
}
.emulsion{
    // .has-background , has-background-color
    [class*="has-background"],
    .has-background{
        //OW
        // position:relative;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        padding:.75em var( --thm_content_gap, 24px );

        &.wp-block-media-text{
            padding-top:0;
            padding-bottom:0;
        }
        &.wp-block-group{
            padding-top:0;
            padding-bottom:0;
        }
        &.wp-block-column{
            padding:0;
            margin:0 auto;
        }
    }
}
.is-style-new-line{
    float:none;
    clear:both!important;
}