@import 'scss-@';
@import 'core';
a:any-link{
    text-decoration:none;

}
a:hover{
    text-decoration:underline;
}
/**
 * Phone link, Mail link
 * On PC, disable link
 */
.layout{
    a[href^="geo:" i],
    a[href^="sms:" i],
    a[href^="tel:" i],
    a[href^="mailto:" i]{
        pointer-events:none;
        cursor: default;
        text-decoration:none;
    }
    @media screen screen and (hover: none) and (pointer: coarse) ,
        screen and (max-width: 768px) {
        a[href^="geo:" i],
        a[href^="sms:" i],
        a[href^="tel:" i],
        a[href^="mailto:" i]{
            pointer-events:auto;
            cursor:pointer;
        }
    }
}
:root{
    --thm_common_border:1px solid rgba(188, 188, 188, .5);
    --thm_black_color: #333;
    --thm_gray_color: #727477;
    --thm_silver_color: #bebebe;
    --thm_cloud_color: #ecf0f1;
    --thm_white_color: #fff;
    --thm_alert_color: rgba(231, 76, 60, 1);
    --thm_notice_color: rgba(163, 140, 8, 1);
    --thm_info_color: rgba(22, 160, 133, 1);
    --thm_cool_color: rgba(52, 152, 219, 1);
    --thm_alert_color_alpha: rgba(231, 76, 60, .4);
    --thm_notice_color_alpha: rgba(163, 140, 8, .4);
    --thm_info_color_alpha: rgba(22, 160, 133, .4);
    --thm_cool_color_alpha: rgba(52, 152, 219, .4);
    --thm_lighten: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
    --thm_darken: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
}
html:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) {
    margin-top: 0;
}
/**
 * HTML STructure
 */
html[amp]{
    font-size:16px;
    &.emulsion-amp-standard,
    &.emulsion-amp-transitional{
        //for Static front page
        .home.page{
            article{
                header{
                    display:none;
                }
            }
        }
    }

    /**
     * screen-reader-text
     * ========================================================================== */
    .wp-block-search__label,
    .skip-link,
    .screen-reader-text {
        clip:rect(1px,1px,1px,1px);
        clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);
        height:1px;
        overflow:hidden;
        position:absolute!important;
        white-space:nowrap;
        width:1px;
        &:focus {
            clip:auto!important;
            clip-path:none;
            display:block;
            height:auto;
            left:5px;
            padding:0 .3em;
            top:5px;
            width:auto;
            z-index:100000;
        }
    }
    .header-layer{

        .site-title{
            font-size: 24px;
            line-height: 1.15;
            margin:0;
            padding-top: var(--thm_content_gap, 24px);
            padding-left: var(--thm_content_gap, 24px);
            z-index: 3;
        }
        .site-description{
            margin:0 auto 0 0;
            padding-left: var(--thm_content_gap, 24px);
            z-index: 7;
            padding-bottom: 0.75rem;
        }
    }
    .placeholder-header{
        padding-top:1.5rem;
        padding-bottom:1.5rem;

        .breadcrumbs{
            width:var(--thm_content_width, 720px);
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
        }
    }
    .page-title-block{
        overflow:hidden;
        padding-top:3rem;
        padding-bottom:3rem;
        max-width:100%;
        border-bottom:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        .archive-title{
            width:calc(var(--thm_content_width, 720px) + 200px);
            max-width:100%;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
        }
        .emulsion-monthly-archive-prev-next-navigation{
            @extend %block;
            width:var(--thm_content_width, 720px);
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .taxonomy-description{
            @extend %block;
            width:var(--thm_content_width, 720px);
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
            p{
                width:-moz-fit-content;
                width:fit-content;
                margin-left:auto;
                margin-right:auto;
            }
        }

    }
    .stream-wrapper{
        padding-top:3rem;
        padding-bottom:3rem;
    }
    // elements
    footer.banner{
        text-align:center;
    }
    h1,.h1{
        font-size:calc( var(--thm_common_font_size, 16px) * 3 );
    }
    h2,.h2{
        font-size:calc( var(--thm_common_font_size, 16px) * 2 );
    }
    h3,.h3{
        font-size:calc( var(--thm_common_font_size, 16px) * 1.5 );
    }
    h4,.h4{
        font-size: var(--thm_common_font_size, 16px) ;
    }
    h5,.h5{
        font-size:calc( var(--thm_common_font_size, 16px) * 0.8125 );
    }
    h6,.h6{
        font-size:calc( var(--thm_common_font_size, 16px) * 0.6875 );
    }
    .h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6{
        text-transform:var(--thm_heading_font_transform, uppercase);
        font-weight:var(--thm_heading_font_weight, 700);
        font-family:var(--thm_heading_font_family, serif);
        line-height:var(--thm_common_line_height, 1.15);
        width:var(--thm_content_width, 720px);
        margin-left:auto;
        margin-right:auto;
    }
    .wp-block-latest-posts__post-full-content{
        .h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6{
            width:auto;
            -ms-word-break: break-all;
            word-break: break-all;
        }

    }
    article{
        h1,h2,h3,h4,h5,h6{
            width:var(--thm_content_width, 720px);
            margin:1.5rem auto .75rem ;

        }
    }
    .single,
    .page{
        article{
            header{
                padding-top:3rem;
                padding-bottom:3rem;
            }
        }
    }

    div:not([class]){
        overflow:hidden;
        margin-left:auto;
        margin-right:auto;
    }
    figure{
        max-width:100%;
    }

    blockquote,
    p{
        width:var(--thm_content_width);
        max-width:100%;
        padding-left:var(--thm_content_gap, 24px);
        padding-right:var(--thm_content_gap, 24px);
        box-sizing:border-box;
        margin: calc(var(--thm_common_font_size, 16px) * var(--thm_content_line_height, 1.5)) auto;
    }
    ul,ol{
        box-sizing:border-box;
    }
    li{
        display: list-item;
        list-style-position: outside;
        line-height: var(--thm_content_line_height, 1.5);
        padding-top: calc(var(--thm_common_font_size, 16px) * var( --thm_content_line_height, 1.5 ) / 2);
        padding-bottom: calc(var(--thm_common_font_size, 16px) * var( --thm_content_line_height, 1.5 ) / 2);
        padding-left: 0.385rem;
        padding-right: 0.385rem;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 0;
        max-width:100%;
        ol,
        ul,
        li{
            width:auto;
        }

    }
    svg[class*="ico-"]{
        width:24px;
        height:24px;
    }
    .layout{
        .has-black-background-color,
        .mark-dark{
            color:var(--thm_white_color);
            background:#000;
        }
        .has-gray-background-color,
        .mark-gray{
            background: #ddd;
            color: var(--thm_black_color);
        }
        .has-stripe-background-color,
        .mark-stripe{
            background:repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
        }
        .has-success-background-color,
        .mark-success,
        .mark-cool{
            background:rgba(52, 152, 219,.4);
        }
        .has-notice-background-color,
        .mark-notice{
            background:rgba(163, 140, 8,.4);
        }
        .has-info-background-color,
        .mark-info{
            background:rgba(22, 160, 133,.4);
        }
        .has-alert-background-color,
        .mark-alert{
            background:rgba(231, 76, 60,.4);
        }
        .has-black-color{
            color:#333;
            a{
                color:#333;
            }
        }
        .has-gray-color{
            color:#727477;
            a{
                color:#727477;
            }
        }
        .has-white-color{
            color:#ffffff;
            a{
                color:#ffffff;
            }
        }
        .has-alert-color{
            color:rgba(231, 76, 60, 1);
            a{
                color:rgba(231, 76, 60, 1);
            }
        }
        .has-notice-color{
            color:rgba(163, 140, 8, 1);
            a{
                color:rgba(163, 140, 8, 1);
            }
        }
        .has-info-color{
            color:rgba(22, 160, 133, 1);
            a{
                color:rgba(22, 160, 133, 1);
            }
        }
        .has-cool-color{
            color:rgba(52, 152, 219, 1);
            a{
                color:rgba(52, 152, 219, 1);
            }
        }
        p[class|="mark"]{
            padding:1em;
            box-sizing:border-box;
        }
        [class^="color"]{
            padding:1em;
        }

        .badge{

            amp-img{
                border-radius:50%;

            }
            &:not(.wp-block-image){
                display:inline-block;
                width:auto;
                padding:1.5rem;
                margin-left:auto;
                margin-right:auto;
                border:var(--thm_common_border);
            }
        }
    }


    /**
     * Basic Block Size
     */
    .attachment-metadata,
    figure:not(.alignleft):not(.alignright) figcaption,
        div:not([class]),
        pre,
        .fit,
        .wp-block-calendar,
        address,
        dl,
        .wp-link-pages,
        table,
        ol,
        details,
        article footer,
        .breadcrumbs,
        .navigation,
        .posted-on,
        nav[class|="wp-block"],
        blockquote[class|="wp-block"],
        pre[class|="wp-block"],
        ul[class|="wp-block"],
        p[class|="wp-block"],
        div[class|="wp-block"],
        figure[class|="wp-block"],
        ul,
        .amp-wp-meta,
        p{
        width:var(--thm_content_width, 720px);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .wp-block-image{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    figure.wp-block-image{
        figcaption{
            display:block;
            margin-left:auto;
            margin-right:auto;
            width:100%;
            text-align:center;
        }
    }
    div.wp-block-image{
        display:inline;
        figure{
            display:table;
            width:fit-content;
        }
        figcaption{
            display:table-caption;
            width:-moz-fit-content;
            caption-side:bottom;
            text-align:left;
        }
    }
    figcaption{
        text-align:left;
        width:-moz-fit-content;
        width:fit-content;
        margin-left:auto;
        margin-right:auto;
        display:table-caption;
        caption-side:bottom;
    }

    .wp-block-pullquote{
        border-top:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        border-bottom:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        border-color:var(--thm_general_text_color, #333);
    }
    blockquote:not([class]){
        border-left:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        border-color:var(--thm_general_text_color, #333);
    }
    .wp-block-embed__wrapper{
        clear:both;
    }
    .wp-embedded-content{
        line-height: 1.5;
        color: #82878c;
        background: #fff;
        border: 1px solid #e5e5e5;
        padding:1.5rem;
    }

    article{
        overflow:hidden;
        .show-post-image{
            height:50vh;
            background-size:cover;
            background-position:center center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .entry-title,
        .entry-meta,
        .posted-on{
            text-align:center;
        }
        .posted-on{
            &.avatar-block{
                display: flex;
                flex-direction: column;
                .author{
                    padding-top:.75rem;
                    .avatar {
                        border-radius: 50%;
                    }
                }
                .comment-link{
                    margin-top:.75rem;
                }
            }
            .author{
                margin-left:1rem;
            }
        }
        header{
            overflow:hidden;
            .entry-title{
                max-width:100%;
            }
        }
        footer{
            clear:both;
            text-align:right;
        }
    }
    .stream article,
    .grid article,
    .search article,
    .home article,
    .archive article{
        footer{
            visibility:hidden;
        }
        &.has-post-thumbnail{
            .entry-content{
                .content-excerpt{
                    display:none;
                }
            }
            footer{
                display:none;
            }
        }
        header{
            padding-top: 6rem;
        }
        .content-excerpt:not(:empty){
            br{
                display:none;
            }
            padding-bottom:3rem;
            p{
                width:-moz-fit-content;
                width:fit-content;
                margin-left:auto;
                margin-right:auto;
                max-width:var(--thm_content_width, 720px);
            }
        }
        .content{
            @extend %block;
            width:var(--thm_content_width, 720px);
            margin-left:auto;
            margin-right:auto;
            p{
                width:-moz-fit-content;
                width:fit-content;
                margin-left:auto;
                br{
                    display:none;
                }             
            }
        }
    }
 
    .grid article{
        .entry-content:blank + footer{
            visibility:hidden;
        }
        border-bottom:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        &.has-post-thumbnail{
            .entry-content{
                .trancate{
                    display:none;
                }
            }
        }
        .trancate:not(:empty){
            padding-bottom:3rem;
        }
    }
    .wp-link-pages{
        clear: both;
        margin-top: 3rem;
        display: flex;
        color: var(--thm_general_text_color, #333);
        background: transparent;
        .post-page-numbers{
            flex:1 1 auto;
            text-align: center;
            margin:3px;
            width: fit-content;
            padding: 0.685rem;
            font-size: var(--thm_meta_data_font_size, 13px);
            color:var(--thm_general_text_color, #333);
            border:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        }
        .current{
            background: rgba(188, 188, 188, .2);
        }
    }
    .attachment-image{
        background: rgba(188, 188, 188, .2);
        text-align:center;
        margin-left:0;
        margin-right:0;
    }
    .skin-button,
    .nav-links a .text,
    footer.banner,
    .posted-on,
    .placeholder-header{
        font-size:var(--thm_meta_data_font_size, 13px);
    }
    hr{
        clear:both;
        width:var(--thm_content-width);
        margin:3rem auto;
        &.wp-block-separator{
            width:100px;
            margin:3rem auto;
        }
    }
    pre{
        white-space:pre-wrap;
        white-space:-moz-pre-wrap;
        white-space:-pre-wrap;
        white-space:-o-pre-wrap;
        word-wrap:break-word;
        line-height:1.5;
        tab-size:4;
        padding:1rem;
    }
    #emulsion_theme_svgs {
        display: none;
    }
    .entry-content{
        margin-left:auto;
        margin-right:auto;
    }

    [class|="wp-block"].alignnone,
    .alignnone{
        display:block;
        width:var(--thm_content_width);
    }
    [class|="wp-block"].alignfull,
    .alignfull{
        left:calc(50% - 50vw);
        width:100vw;
        position:relative;
        max-width:100vw;
    }
    [class|="wp-block"].alignwide,
    .alignwide{
        position:relative;
        width:920px;
        max-width:100vw;
        margin-left:auto;
        margin-right:auto;
        @media screen and ( max-width : 920px  ) {
            left:0;
            max-width:100%;
        }

    }
    .wp-block-column{
        margin-left: calc(var(--thm_box_gap) * 2);
        margin-right: calc(var(--thm_box_gap) * 2);

        .alignwide{
            width:auto;
        }
    }
    [class|="wp-block"].alignleft,
    .alignleft{
        box-sizing:border-box;
        clear:left;
        float:left;
        max-width:calc( 50% - var(--thm_content_gap) - var(--thm_common_font_size) );
        margin-right:var(--thm_common_font_size);
        margin-left:var(--thm_content_gap);
        margin-top:1.5rem;
        margin-bottom:.75rem;
        & > figure{
            margin-top:0;
            margin-bottom:0;
        }
        @media screen and ( max-width : 640px ) {
            // static break point
            width:100%;
            max-width:100%;
            margin-left:0;
            margin-right:0;
        }
    }
    [class|="wp-block"].alignright,
    .alignright{
        box-sizing:border-box;
        clear:right;
        float:right;
        max-width:calc( 50% - var(--thm_content_gap) - var(--thm_common_font_size) );
        margin-left:var(--thm_content_gap);
        margin-right:var(--thm_common_font_size);
        margin-top:1.5rem;
        margin-bottom:.75rem;
        & > figure{
            margin-top:0;
            margin-bottom:0;
        }
        @media screen and ( max-width : 640px ) {
            // static break point
            width:100%;
            max-width:100%;
            margin-left:0;
            margin-right:0;
        }
    }
    .wp-block-column{
        .alignfull,
        .alignwide{
            max-width:100%;
            left:0;
        }
    }
    .wp-block-latest-comments{
        .wp-block-latest-comments__comment-meta{
            margin-left:0;
            padding:0;
        }
    }
    .wp-block-rss{
        list-style-type:none;
        .wp-block-rss__item-title{
            font-weight:700;
        }
        .wp-block-rss__item-author,
        .wp-block-rss__item-publish-date,
        .wp-block-rss__item{
            margin-top:0;
            margin-bottom:0;
        }
    }
    .skin-button{
        border:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
    }
    .wp-block-latest-posts{

        &.wp-block-latest-posts__list{
            & > li{
                margin:var(--thm_box_gap);
            }
            .wp-block-latest-posts__post-full-content{
                padding-left:0;
                padding-right:0;
                font-size:13px;
                h1{
                    font-size: 26px;
                }
                h2{
                    font-size:18px;
                }
                h3{
                    font-size:16px;
                }
                table{
                    width:100%;
                }
                .alignfull{
                    left:0;
                    width:100%;
                    position:relative;
                    max-width:100%;
                }
                .alignwide{
                    position:relative;
                    width:100%;
                    max-width:100%;
                    @media screen and ( max-width : 920px  ) {
                        left:0;
                        max-width:100%;
                    }
                }
                [class|="wp-block"]{
                    padding-left:0;
                    padding-right:0;
                }
                .wp-block-columns{
                    display:flex;
                    flex-wrap:wrap;
                    .wp-block-column{
                        min-width:200px;
                        max-width:100%;
                        border:none;
                        li{
                            width:100%;
                        }
                    }
                }
                .wp-block-media-text{
                    .wp-block-media-text__content{
                        min-width:200px;
                        max-width:100%;
                        grid-column: 1;
                    }
                }
                .wp-block-buttons{
                    .wp-block-button{
                        .wp-block-button__link{
                            width:-moz-fit-content;
                            width:fit-content;
                            padding-left:var(--thm_content_gap);
                            padding-right:var(--thm_content_gap);
                        }
                    }
                }
                .wp-block-table{
                    width:100%;
                    max-width:100%;
                }
            }
        }
    }
    .attachment-metadata{
        margin-top:1.5rem;
        margin-bottom:1.5rem;
    }
    .wp-block-button{
        // old button
        &.aligncenter{
            text-align:center;
        }
        &.alignleft{
            text-align:left;
        }
        &.alignright{
            text-align:right;
        }
        .wp-block-button__link{
            width:-moz-fit-content;
            width:fit-content;
            margin-left:auto;
            margin-right:auto;
        }
    }
    .wp-block-buttons{
        // gutenberg 7.2
        display:block;
        width:var(--thm_content_width);
        max-width:100%;
        padding-left:var(--thm_content_gap);
        padding-right:var(--thm_content_gap);
        margin:1.5rem auto .75rem;
        position:relative;
        .wp-block-button{
            width:auto;
            display:inline-block;
            margin:3px 3px 0;
            padding:0;
            .wp-block-button__link{
                width:-moz-fit-content;
                width:fit-content;
                border-radius: 1.5rem;
                cursor: pointer;
                display: inline-block;
                font-size:var( --thm_common_font_size, 16px );
                line-height:var( --thm_content_line_height,1.5 );
                text-align: center;
                text-decoration: none;
                text-overflow: ellipsis;
                word-break: keep-all;
                hyphens: none;
                overflow: hidden;
                white-space: nowrap;
                max-width:100%;
                &.no-border-radius{
                    border-radius: 0;
                }
            }
            &[class*="ico-"]{
                //ignone
                .wp-block-button__link{
                    padding:12px;
                }
            }
        }
    }
    .is-style-outline .wp-block-button__link,
    .wp-block-button__link.is-style-outline{
        color:var(--thm_general_link_color, #666);
    }
    .wp-block-button{
        .is-style-outline{
            a{
                color:var(--thm_general_link_color, #666);
                border:2px solid currentColor;
            }
        }
        .wp-block-button__link{
            &.has-very-dark-gray-background-color{
                color:#fff;
                background:#313131;
            }
        }
    }
    .wp-block-group{
        position:relative;
        .wp-block-group__inner-container{
            width:100%;
        }
    }
    .calendar_wrap{
        width:-moz-fit-content;
        width:fit-content;
        margin-left:auto;
        margin-right:auto;
        #wp-calendar{
            width:100%;
            display:table;
        }
        #wp-calendar ~ nav{
            display:flex;
            span{
                flex:1 1 auto;
                display:inline-block;
                text-align:center;
                line-height:1.5;
            }
        }
    }
    .wp-block-calendar{
        table{
            width:100%;
            display:table;
        }
    }

    .wp-block-columns{
        @mixin clearfix;
        .wp-block-column{

            border-right:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
            &:last-child{
                border-right:none;
            }
            .wp-block-latest-posts{
                padding-left:0;
            }
            .wp-block-cover{
                display:block;
                overflow-y:auto;
                overflow-x:hidden;


                box-sizing:border-box;
            }
            @media screen and (max-width: 768px) {
                border:none;
                padding-left:0;
                padding-right:0;
            }

        }
    }
    .wp-block-quote{
        overflow:hidden;
        color: #4f748e;
        background: #e9eff3;
        p{
            color: #4f748e;
        }
    }
    .wp-block-table{
        padding-left:0;
        padding-right:0;
    }
    .wp-block-table table,
    table{
        display:table;
        border-spacing:0;
        border-collapse: collapse;
        box-sizing:border-box;
        width:var(--thm_content_width, 720px);
        th,
        td{
            border:1px solid rgba(188,188,188,.5);
            padding:.75rem;
        }
        thead{
            border-bottom:2px solid rgba(188,188,188,.5);
            th{
                font-weight:700;
            }
        }
        tfoot{
            border-top:2px solid rgba(188,188,188,.5);
        }
        &.aligncenter,
        &.alignleft,
        &.alignright{
            overflow-y:hidden;
            overflow-x:auto;
        }
        &.has-background{
            color:var(--thm_black_color);
        }
    }
    .wp-block-search{
        text-align:center;
        box-sizing:border-box;
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        align-items: center;
        justify-content: center;
        padding:0;
        max-width:100%;
        height:48px;
        padding-left:var(--thm_content_gap, 3px);
        padding-right:var(--thm_content_gap, 3px);
        .search,
        .wp-block-search__input{
            flex:1 1 auto;
            min-width:0;
            height:48px;
            margin:0;
        }
        .wp-block-search__button{
            flex:0 0 48px;
            width:48px;
            height:48px;
            margin:0;
            border-left:none;
            overflow:hidden;
            padding:0;
            color:rgba(0,0,0,0);
            &:hover{
                cursor:pointer;
            }
            &:before{
                content:' ';
                position:absolute;
                background-size:16px 16px;
                background-position:16px 0;
                background-repeat:no-repeat;
                display:block;
                width:48px;
                height:48px;
            }
        }
        .wp-block-search__label{
            width:1px;
            z-index:-1;
        }
    }
    .wp-block-latest-posts{
        > li{
            border:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
            ul{
                margin-bottom:0;
            }
            li{
                width:100%;
            }
            .alignfull{
                position:relative;
                max-width:100%;
                left:0;
            }
            .wp-block-latest-posts__post-date,
            & > a{
                display: block;
                text-align: left;
                margin-left: auto;
                margin-right: auto;
                margin-top: 1.5rem;
                margin-bottom: 0.75rem;
                width: -moz-fit-content;
                width: fit-content;
                font-weight: 700
            }
        }
        .wp-block-latest-posts__post-full-content{
            .wp-block-cover{
            }
        }
    }
    .wp-block-code code{
        color:var(--thm_general_link_color, #666);
    }
    .wp-block-navigation{
        .wp-block-navigation__container{
            width:100%;
        }
    }
    .wp-block-navigation:not(.has-background){
        .wp-block-navigation__container{
            background:transparent;
        }
    }
    .wp-block-embed figcaption,
    .wp-block-image figcaption{
        color:var(--thm_general_text_color, #333);
    }
    /**
     * Editor font sizes
     */
    @each $font_size in $editor_font_sizes {
        $slug: nth($font_size, 1);
        $size: nth($font_size, 2);
        .has-#{$slug}-font-size {
            font-size:#{$size}px;
            margin-top:1.5em;
            margin-bottom:.75em
        }
    }
    .wp-block-navigation{
        ul{
            &.wp-block-navigation__container{
                margin-top:0;
                margin-bottom:0;
                li{
                    &.wp-block-navigation-link{
                        margin-top:0;
                        margin-bottom:0;
                        a{
                            &.wp-block-navigation-link__content{
                                margin-top:0;
                                margin-bottom:0;
                            }
                        }
                        ul{
                            .wp-block-navigation__container{
                                li{
                                    &.wp-block-navigation-link{
                                        margin-top:0;
                                        margin-bottom:0;
                                        a{
                                            &.wp-block-navigation-link__content{
                                                margin-top:0;
                                                margin-bottom:0;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .amp-wp-content{
        min-height:100vh;
        max-width:100%;
        padding-left:0;
        padding-right:0;
        box-sizing:border-box;
        color:var(--thm_general_text_color, #333);
        a{
            color:var(--thm_general_link_color, #666);
            a:hover{
                color:var(--thm_general_text_color, #333);
            }
        }
        .amp-wp-title{
            @include font_size(2);
            color:var(--thm_general_text_color, #333);
            width:var(--thm_main_width, 1280px);
            max-width:100vw;
            padding-left:var(--thm_content_gap, 3px);
            padding-right:var(-thm_content_gap, 3px);
            position:relative;
            left:calc(50% - 50vw);
            width:100vw;
            text-align:center;
            padding-left:10vw;
            padding-right:10vw;
            box-sizing:border-box;
        }
        amp-carousel{
            display:block;
            .i-amphtml-carousel-content{
                display:block;
                margin-top:0;
                margin-bottom:0;
            }
        }

    }

    .i-amphtml-slide-item,
    .amp-carousel-slide,
    .i-amphtml-slides-container{
        margin-top:0;
        margin-bottom:.75rem;
    }
    .wp-block-media-text{
        padding-left:0;
        padding-right:0;
        display: grid;
        grid-template-columns: 50% 50%;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        & > a{
            display:block;
            overflow:hidden;
        }
        .wp-block-media-text__media{
            margin-top:0;
            margin-bottom:0;
            padding-left:0;
            padding-right:0;
            amp-img{
                display:block;
                position: relative;
            }
        }
    }
    .wp-block-cover{
        color:#fff;
        min-height:25vh;
        max-height:75vh;
        background-size:cover;
        position:relative;
        display:flex;
        flex-direction: column;
        justify-content:safe center;
        align-items:safe center;
        position:relative;
        &.has-background-dim:before{
            content:' ';
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:rgba(0,0,0,.5);
        }
        .wp-block-cover__inner-container{
            position:relative;
            z-index:100;
            margin-top:0;
            margin-bottom:0;
        }
        .wp-block-cover__gradient-background{
            display:block;
            margin:0;
            padding:0;
            width:inherit;
            height:100%;
            position:absolute;
        }
        &[data-amp-original-style]{
            .wp-block-cover__inner-container{
                *:not(.has-text-color){
                    color:var(--thm_white_color);
                }
            }
        }
    }

    div.gallery{
        //short code gallery
        margin-left:auto;
        margin-right:auto;
        .gallery-item{
            width:fit-content;
            display:inline-block;
            margin:var( --thm_box_gap, 3px );
        }
    }
    .wp-block-preformatted,
    .wp-block-code{
        white-space:pre-wrap;
    }
    .wp-block-pullquote{
        clear:both;
        float:none;
        blockquote{
            background:transparent;
            border:none;
        }
    }
    .woocommerce .products,
    .wc-block-grid__products{
        display:flex;
        flex-wrap:wrap;
        li{
            position:relative;
            list-style-type:none;
            text-indent:0;
            & * {
                display:block;
            }
            .woocommerce-Price-currencySymbol{
                display:inline;
            }
            .wc-block-grid__product-onsale,
            .onsale{
                min-height: 3.236em;
                min-width: 3.236em;
                padding: .202em;
                font-size: 1em;
                font-weight: 700;
                position: absolute;
                text-align: center;
                line-height: 3.236;
                top: -.5em;
                left: -.5em;
                margin: 0;
                border-radius: 100%;
                background-color: #77a464;
                color: #fff;
                font-size: .857em;
                z-index: 9;
            }
        }
    }
    .wc-block-featured-product,
    .wc-block-featured-category{
        font-size:2em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-size:cover;
        color:#fff;
        text-shadow: 0 0 8px rgba(0,0,0,1);
        text-stroke: 1px #000;
        -webkit-text-stroke: 1px #000;
        a{
            color:#ccc;
        }
    }
    button{
        clear: both;
        float: none;
        overflow: hidden;
        display: inline-block;
        text-align: center;
        width: 140px;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.625rem;
        margin:.75em var(--thm_content_gap, 24px) .75em 0;
        border:1px solid #ccc;
        svg{
            width:13px;
            height:13px;
        }
    }
    fieldset{
        @extend %block;
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
        min-width: auto;    /* for chrome overflow */
    }
    form{
        @extend %block;
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
    }
    input{
        margin-left:auto;
        margin-right:auto;
        line-height:var( --thm_content_line_height, 1.5 );
        margin:.75em ;
        max-width:calc( 100% - 4px);
        padding:.625rem;
        box-sizing:border-box;
    }
    form select,
    .widget_categories form select,
    [name="archive-dropdown"]{
        display:inline-block;
        margin-left:auto;
        margin-right:auto;
        padding-top:.625rem;
        padding-bottom:.625rem;
        padding-left:0.625rem;
        padding-right:0.625rem;
        max-width:100%;
        box-sizing:border-box;
    }
    .wp-embedded-content{
        a{
            color:var(--thm_gray_color);
            &:hover{
                color:var(--thm_black_color);
            }
        }
    }
    .wp-block-social-links{
        list-style-type:none;
        &.is-style-default,
        &.is-style-pill-shape{
            .wp-social-link{
                padding:0;
                svg{
                    fill:#fff;
                }
            }
        }
    }
    .horizontal-list-group{
        @include clearfix;
        @extend %block;
        font-size:var(--thm_meta_data_font_size, 13px);
        margin:1.5rem auto .75rem;
        padding:0;
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
        li{
            z-index:2;
            list-style-type:none;
            display:inline-block;
            text-align:center;
            list-style:none;
            padding:2px 4px;
            width: -moz-fit-content;
            width:fit-content;
            text-indent:0;
            margin:3px;
            &:nth-child(n + 8) {
                flex:1 1 auto;
            }
            &:before{
                content:none;
                display:none;
            }
        }
    }
    .footer-layer{
        address{
            max-width:100%;
            padding-top:1.5rem;
            padding-bottom:1.5rem;
        }
        .footer-widget-area-lists{
            padding-left:0;
            & > li{
                list-style-type:none;
                .widgettitle{
                    padding-left:var(--thm_content_gap);
                    padding-right:var(--thm_content_gap);
                    box-sizing:border-box;
                }
            }
        }
    }
    [class|="wp-block"]{
        [class|="wp-block"]{
            max-width:100%;
        }
    }
}
/**
 * Template Mode standard, transitional
 * No emulsion-addons Plugin
 * No defined CSS variables
 */
html.emulsion-amp-standard.emulsion-addons-inactive,
html.emulsion-amp-transitional.emulsion-addons-inactive,
/**
 * Template Mode reader
 * No emulsion-addons Plugin
 * No defined CSS variables
 */
html:not(.emulsion-amp-standard):not(.emulsion-amp-transitional){
    background:var(--thm_white_color);
    color:var(--thm_black_color);
    font-family:sans-serif;
    font-size:16px;
    a{
        color:var(--thm_gray_color);
        a:hover{
            color:var(--thm_black_color);
        }
    }
    .show-post-image{
        a{
            color:var(--thm_cloud_color);
            a:hover{
                color:var(--thm_white_color);
            }
        }
        *{
            color:var(--thm_cloud_color);
        }
    }
    article footer,
    .breadcrumbs,
    .navigation,
    .posted-on,
    .amp-wp-content [class|="wp-block"],
    ul,
    .amp-wp-meta,
    h1,h2,h3,h4,h5,h6,
    p{
        color: var(--thm_black_color);
        a{
            color:var(--thm_gray_color);
            a:hover{
                color:var(--thm_black_color);
            }
        }
    }
    article{
        .show-post-image{
            color:var(--thm_white_color);
            .entry-title{
                color:var(--thm_white_color);
            }
            a{
                color:var(--thm_white_color);
            }
        }
        header{
            max-width:100%;
            .entry-title{
                max-width:100%;
            }
        }
        footer{
            @include clearfix;
            clear:both;
        }
    }
    .search article,
    .home article,
    .archive article{
        footer{
            visibility:hidden;
        }
        border-bottom:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
        .content-excerpt{
            p{
                padding-left:0;
                padding-right:0;
            }
        }
    }
    .wp-block-code{
        background:rgba(255,255,255,.2);
    }
    .amp-wp-title-bar,
    .amp-wp-content{
        a{
            color:var(--thm_gray_color);
            &:hover{
                color: var(--thm_black_color);
            }
        }
    }
    nav{
        &.amp-wp-title-bar{
            background:var(--thm_header_bg_color, #eee);
            color:var(--thm_header_text_color, #333);
            text-transform:var(--thm_heading_font_transform, none);
            font-weight:var(--thm_heading_font_weight, 400);
            font-family:var(--thm_heading_font_family, sans-serif);
            padding:0;
            border-bottom:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5));
            div{
                background:inherit;
                width:var(--thm_content_width, 720px);
                max-width:100vw;
                box-sizing:border-box;
                margin-left:auto;
                margin-right:auto;
            }
            a{
                background: inherit;
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                -webkit-filter: invert(1) grayscale(1) contrast(5);
                filter: invert(1) grayscale(1) contrast(5);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transform: rotate(0.001deg);
                -webkit-text-stroke: 0.2px;
            }
        }
    }
    .header-layer{
        border-bottom:var(--thm_common_border, 1px solid rgba(188, 188, 188, .5) );
    }
    .amp-wp-meta{
        font-size: 13px;
        font-family:sans-serif;
        text-transform:normal;
        margin-left:auto;
        margin-right:auto;
        width:720px;
        max-width:100vw;
        color:var(--thm_gray_color);
        text-align:center;
        li{
            display:list-item;
            list-style-type:none;
        }
        @media screen and (min-width: 768px) {
            li{
                display:inline-block;
            }
        }
    }
    .amp-wp-article-featured-image{
        display:table;
        margin-left:auto;
        margin-right:auto;
    }
}
/**
 * Template Mode standard, transitional
 * Has emulsion-addons Plugin
 * Has defined CSS variables
 */
html.emulsion-amp-standard,
html.emulsion-amp-transitional{
    color: var(--thm_general_text_color);
    a{
        color:var(--thm_general_link_color);
        a:hover{
            color:var(--thm_general_text_color);
        }
    }
    .show-post-image{
        a{
            color:var(--thm_cloud_color);
            a:hover{
                color:var(--thm_white_color);
            }
        }
        *{
            color:var(--thm_cloud_color);
        }
    }
    .wp-embedded-content,
    article footer,
    .breadcrumbs,
    .navigation,
    .amp-wp-content [class|="wp-block"],
    ul,
    .amp-wp-meta,
    h1,h2,h3,h4,h5,h6,
    p{
        color: var(--thm_general_text_color);
        a{
            color:var(--thm_general_link_color);
            a:hover{
                color:var(--thm_general_text_color);
            }
        }
    }

    .custom-background.emulsion-not-support-presentation{
        background:var(--thm_background_color);
        color:var(--thm_general_text_color);
    }


    .header-layer{
        background:var(--thm_header_bg_color);
        color:var(--thm_header_text_color);
        text-transform:var(--thm_heading_font_transform);
        font-weight:var(--thm_heading_font_weight);
        font-family:var(--thm_heading_font_family);
        overflow:hidden;
        display:flex;
        align-items: flex-start;
        flex-wrap:wrap;
        .header-text{
            flex:1 1 auto;
            width:50vw;
            margin-left:0;
            h1{
                width:auto;
                max-width:100%;
            }
        }
        .cta-layer{
            text-align:right;
            padding-right:var(--thm_content_gap);
            flex:1 1 auto;
            .skin-button{
                margin-left:3px;
                margin-right:3px;
            }
        }
        .post-featured-image:empty{
            display:none;
        }
        &.header-is-default-color{
            border-bottom:var(--thm_common_border);
        }
        h1{
            margin:0;
            font-size:24px;
            padding-top: var(--thm_content_gap, 24px);
            padding-left: var(--thm_content_gap, 24px);
            z-index: 3;
            line-height: var(--thm_common_line_height, 1.15);
        }
        p{
            color:var(--thm_header_text_color);
            margin:0;
            padding-left: var(--thm_content_gap, 24px);
            z-index: 7;
            padding-bottom: 0.75rem;
        }
        a{
            color:var(--thm_header_link_color);
            a:hover{
                color:var(--thm_header_text_color);
            }
        }
    }
    body .article-wrapper {
        border-bottom: var(--thm_common_border);
    }
    .posted-on{
        font-size: 13px;
        font-family:sans-serif;
        text-transform:normal;
        margin-left:auto;
        margin-right:auto;
        width:720px;
        max-width:100vw;
        color:var(--thm_gray_color);
        text-align:center;
        display:flex;
        justify-content: center;
        flex-wrap: wrap;
        .comment-link{
            margin-left:1rem;
        }
        .posted-on-string{
            display:none;
        }
    }
    .wp-list-comments{
        padding-left:0;
        & > li{
            list-style:none;
            margin:1.5em auto .75em;
            .children{
                padding-right:0;
                &[class|="depth"]{
                    list-style:none;
                }
            }
            article{
                footer{
                    text-align:left;
                    &.comment-meta{
                        font-size:var(--thm_meta_data_font_size);
                        margin-top:1.5rem;
                        margin-bottom:.75rem;
                        padding-left:var(--thm_content_gap);
                        padding-right:var(--thm_content_gap);
                        img{
                            margin-right:1rem;
                        }
                        .comment-author{
                            margin-bottom:.75rem;
                        }
                    }
                }
                .comment-content{
                    padding:calc( var( --thm_content_gap, 24px ) / 2 ) var( --thm_content_gap, 24px );
                    padding:0;
                    blockquote {
                        width:(100% - 80px);
                        max-width:100%;
                        margin-left:0;
                        blockquote{
                            max-width:100%;
                            padding-right:0;
                            blockquote{
                                padding-right:0;
                            }
                        }
                        p{
                            max-width:100%;
                        }
                    }
                    table{
                        width:calc( 100% - var( --thm_content_gap, 24px ) );
                    }
                    dl{
                        dt{
                            margin-top:1.5em;
                            margin-bottom:.75em;
                        }
                    }
                    address{
                        margin-left:auto;
                        margin-right:auto;
                        text-align:left;
                        width: -moz-fit-content;
                        width:fit-content;
                    }
                }
                .reply{
                    text-align:right;
                    padding: 0 var( --thm_content_gap, 24px ) var( --thm_content_gap, 24px ) var( --thm_content_gap, 24px );
                    .comment-reply-link{
                        font-size:var(--thm_meta_data_font_size);
                        padding:0.830rem;
                        display:inline-block;
                    }
                }
            }
        }
    }
    .comment-wrapper{
        overflow:hidden;
        color:var(--thm_comments_color);
        background:var(--thm_comments_bg);
        &:empty{
            display:none;
        }
        a{
            color:var(--thm_comments_link_color);
        }
        .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);
                    }
                }
                *{
                    color:var(--thm_black_color);
                }
            }
            &.comment-is-dark{
                article{
                    color:var(--thm_white_color);
                    background:rgba(0,0,0,.3);
                    a{
                        color:var(--thm_gray_color);
                    }
                    *{
                        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:var(--thm_common_border);
        }
    }
    /**
     * Pagination
     * ========================================================================== */
    .paginate-comment-links .current,
    .paginate-comment-links a,
    .pagination .nav-links span,
    .pagination .nav-links a{
        border:var(--thm_common_border);
    }
    div.archive-year-links{
        width: -moz-fit-content;
        width:fit-content;
        margin: 1.5em auto 0.75em;
        & > div{
            margin-left:3px;
            margin-right:3px;
            a{
                line-height:3rem;
            }
            &.current,
            &.dots{
                line-height:3rem;
            }
        }
    }
    div.emulsion-monthly-archive-prev-next-navigation{
        @extend %block;
        display: flex;
        margin: 1.5em auto 0.75em;
        flex-wrap: wrap;
        padding: 0;
        & > div{
            text-align: center;
            margin: var(--thm_box_gap, 3px);
            padding: 0.685rem;
            flex-basis: 40%;
            flex-grow: 1;
            min-width: 100px;
        }
    }
    .attachment-navigation{
        & > div{
            @extend %block_main_wide;
        }
        .nav-links{
            max-width:100%;
            display:flex;
            margin:1.5em auto .75em;
            flex-wrap:wrap;
            padding:0;
        }
        .nav-next:empty,
            .nav-previous:empty{
            visibility:hidden;
        }
    }
    .nav-links{
        display:flex;
        margin:1.5em auto .75em;
        flex-wrap:wrap;
        padding:0;
        position:relative;
    }
    main .nav-links > div{
        text-align:center;
        margin:3px;
        padding:.685rem;
        flex-basis: auto;
        flex-grow: 1;
        min-width:240px;
    }
    main .nav-links > div:first-child:last-child{
        flex-basis: 50%; /* default value */
        flex-grow: 0;
    }
    main .nav-links > div > a{
        display:inline-block;
        text-align:left;
        width: -moz-fit-content;
        width:fit-content;
        margin-left:auto;
        margin-right:auto;
    }
    .nav-links a{
        display:inline-block;
        text-align:left;
        width: -moz-fit-content;
        width:fit-content;
    }
    .pagination{
        max-width:100%;
        padding-left:var(--thm_content_gap, 24px);
        padding-right:var(--thm_content_gap, 24px);
        box-sizing:border-box;
    }
    .stream + .pagination,
    .grid + .pagination{
        padding-left:16px;
        padding-right:16px;
    }
    .pagination .nav-links{
        display:flex;
        padding-left:0;
        padding-right:0;
    }
    .pagination .nav-links span,
    .pagination .nav-links a{
        flex:1 1 5%;
        text-align:center;
        margin:3px;
        padding:.685rem;
        width: -moz-fit-content;
        width:fit-content;
        white-space:pre;
    }
    ////
    .post-navigation{
        @extend %block_main_wide;
        margin-left:auto;
        margin-right:auto;
        padding-top: .1rem;
        padding-bottom: 0.75em;
        max-width:100%;
    }
    main .nav-links > div{
        text-align:center;
        margin:3px;
        padding:.685rem;
        flex-basis: auto;
        flex-grow: 1;
        min-width:240px;
        border:var(--thm_common_border);
    }
    main .nav-links > div:first-child:last-child{
        flex-basis: 50%; /* default value */
        flex-grow: 0;
    }
    main .nav-links > div > a{
        display:inline-block;
        text-align:left;
        width: -moz-fit-content;
        width:fit-content;
        margin-left:auto;
        margin-right:auto;
    }
    .nav-links a{
        display:inline-block;
        text-align:left;
        width: -moz-fit-content;
        width:fit-content;
        .text{
            display:block;
            text-align:center;
        }
    }
    .pagination{
        padding-left:var(--thm_content_gap, 24px);
        padding-right:var(--thm_content_gap, 24px);
    }
    /**
     * Comments
     * ========================================================================== */
    .comment-wrapper{
        color:var(--thm_comments_color);
        background:var(--thm_comments_bg);
        padding-bottom:var(--thm_content_gap);
        a{
            color:var(--thm_comments_link_color);
        }
        .comments{
            @include clearfix;
            @extend %block;
            margin-bottom:0;
            margin-left:auto;
            margin-right:auto;
            .children{
                list-style-type:none;
            }
            article{
                border:var(--thm_common_border);
                a{
                    color:var(--thm_gray_color);
                }
            }
            &.comment-is-light{
                article{
                    overflow:hidden;
                    color:var(--thm_black_color);
                    background:var(--thm_white_color);
                    a{
                        color:var(--thm_gray_color);
                    }
                }
            }
            &.comment-is-dark{
                article{
                    overflow:hidden;
                    background:rgba(0,0,0,.3);
                    a{
                        color:var(--thm_comments_link_color);
                    }
                    .reply a{
                        border:var(--thm_common_border);
                    }
                }
            }
        }
        .comment-reply-title{
            padding-left:0;
            padding-right:0;
        }
        .comment-form,
        .comment-respond{
            padding-left:0;
            .comment-form{
                box-sizing:border-box;
                textarea{
                    width:calc( 100% - 8em);/* - label width */
                    max-width:calc( 100% - 8em);
                    margin-left:6rem;
                    margin-right:auto;
                }
                input{
                    &[name="author"],
                    &[type="url"],
                    &[type="email"],
                    &[type="author"],
                    &[type="comment"]{
                        width:calc( 100% - 8em);/* - label width */
                        max-width:calc( 100% - 8em);
                        margin-left:6rem;
                        margin-right:auto;
                    }
                    &[type="submit"]{
                        font-size:var(--thm_meta_data_font_size);
                        line-height:calc( 1em * var( --thm_content_line_height, 1.5 ) );
                        padding:0.830rem;
                        margin-left:6rem;
                        margin-right:auto;
                    }
                }
                label{
                    &[for="url"],
                    &[for="email"],
                    &[for="author"],
                    &[for="comment"]{
                        vertical-align:top;
                        display:inline-block;
                        width:8em;
                    }
                }
                label.wp-comment-cookies-consent{
                    font-size:var(--thm_meta_data_font_size);
                }
            }
            .logged-in-as{
                font-size:var(--thm_meta_data_font_size);
                padding-left:var(--thm_content_gap, 24px);
                padding-right:var(--thm_content_gap, 24px);
                a{
                    text-decoration:none;
                }
            }
        }
        .paginate-comment-links{
            display:flex;
            flex-wrap:wrap;
            padding-right: var(--thm_content_gap, 24px);
        }
        .paginate-comment-links .current,
        .paginate-comment-links a{
            flex:1 1 5%;
            text-align:center;
            margin:var(--thm_box_gap);
            width: -moz-fit-content;
            width:fit-content;
            padding:0.68rem;
        }
    }
    /**
     * Block gallery
     * ========================================================================== */
    @each $size in $image_sizes {
        $key : nth( $size, 1);
        $val : nth( $size, 2);
        @for $i from 2 through 10 {
            div.gallery-columns-#{$i}.gallery-size-#{$key}{
                width: calc( #{$val}px * #{$i} + var( --thm_box_gap, 3px ) * #{$i * 2} );
                max-width:calc(100% - var(--thm_content_gap) * 2);
            }
        }
    }
    div.gallery{
        margin-left:auto;
        margin-right:auto;
        .gallery-item{
            display:inline-block;
            width:fit-content;
            margin:var( --thm_box_gap, 3px );
        }
    }
    .entry-content{
        .wp-block-gallery{
            .blocks-gallery-grid{
                width:100%;
            }
            .blocks-gallery-item{
                list-style:none;
                margin:3px;
                position:relative;
                flex:1 1 auto;
                padding:0;
            }
            .blocks-gallery-item figure{
                margin:0;
                width:100%;
                height:100%;
            }
            .blocks-gallery-item figcaption {
                position: absolute;
                width: 100%;
                display:block;
                max-height: 100%;
                bottom: 0;
                overflow: auto;
                padding: 40px 10px 5px;
                box-sizing:border-box;
                color: var(--thm_white_color);
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                background:transparent;
                background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 60%,transparent);
                text-shadow: 0 0 8px rgba(0,0,0,.7);
            }
        }
    }
    .wp-block-gallery .blocks-gallery-image figcaption,
    .wp-block-gallery .blocks-gallery-item figcaption::-webkit-scrollbar{
        width: 0;
        height:.5em;
    }
    .wp-block-gallery .blocks-gallery-image figcaption,
    .wp-block-gallery .blocks-gallery-item figcaption::-webkit-scrollbar-thumb{
        background-color: var(--thm_black_color);
        outline: 1px solid  var(--thm_black_color);;
    }
    .wp-block-gallery.alignright{
        line-height: var(--thm_common_line_height, 1.15);
        list-style-position: inside;
        padding: 0;
        box-sizing:border-box;
        clear:right;
        float:right;
        max-width:calc( 50% - var(--thm_content_gap) - var(--thm_common_font_size) );
        margin-left:var(--thm_content_gap);
        margin-right:var(--thm_common_font_size);
        margin-top:1.5rem;
        margin-bottom:.75rem;
        & > figure{
            margin-top:0;
            margin-bottom:0;
        }
        @media screen and ( max-width : 640px ) {
            // static break point
            width:100%;
            max-width:100%;
            margin-left:0;
            margin-right:0;
        }

    }
    .wp-block-gallery.alignleft {
        box-sizing:border-box;
        clear:left;
        float:left;
        max-width:calc( 50% - var(--thm_content_gap) - var(--thm_common_font_size) );
        margin-right:var(--thm_common_font_size);
        margin-left:var(--thm_content_gap);
        margin-top:1.5rem;
        margin-bottom:.75rem;
        & > figure{
            margin-top:0;
            margin-bottom:0;
        }
        @media screen and ( max-width : 640px ) {
            // static break point
            width:100%;
            max-width:100%;
            margin-left:0;
            margin-right:0;
        }
        line-height: var(--thm_common_line_height, 1.15);
        list-style-position: inside;
        padding: 0;
    }
    article *:first-child.sectionized-wp-block-gallery{
        margin-top:0;
    }
}
.theme-message{
    border:var(--thm_common_border);
    width: var( --thm_content_width, 720px );
    max-width:100%;
    margin-top:1.5rem;
    margin-bottom:.75rem;
    padding-left:var( --thm_content_gap, 24px );
    padding-right:var( --thm_content_gap, 24px );
    box-sizing:border-box;
    &:before,
        &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}
.page{
    .comment-wrapper{
        .comments{
            margin-top:0;
        }
    }
}
.wp-block-categories-dropdown select{
    max-width:100%;
    display:block;
    position: relative;
    width:auto;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:1.5rem;
    margin-bottom:.75rem;
    padding:.69rem;
}
div.wp-block-archives{
    overflow:auto;
    select{
        display:block;
        position: relative;
        width:auto;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        margin-top:1.5rem;
        margin-bottom:.75rem;
        padding-top:.69rem;
        padding-bottom:.69rem;
    }
}
@media screen and ( max-width : 720px  ) {
    .comment-wrapper{
        .comment-form{
            padding-left:0;
            padding-right:0;
        }
        .comment-form .comment-form input[name="author"],
        .comment-respond .comment-form input[name="author"],
        .comment-form .comment-form input[type="url"],
        .comment-respond .comment-form input[type="url"],
        .comment-form .comment-form input[type="email"],
        .comment-respond .comment-form input[type="email"],
        .comment-form .comment-form input[type="author"],
        .comment-respond .comment-form input[type="author"],
        .comment-form .comment-form input[type="comment"],
        .comment-respond .comment-form input[type="comment"],
        .comment-form .comment-form textarea,
        .comment-respond .comment-form textarea {
            width: calc(100%);
            max-width: calc(100%);
            margin-left: 0;
            margin-right: auto;
        }
    }
}
/**
 * Centerling child elements
 * ========================================================================== */
.centered{
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-sizing:border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    box-sizing:border-box;

}
.wp-block-group.centered{
    text-align:center;
}