/**
 * No Sidebar
 * ========================================================================== */
.emulsion-no-sidebar{
    main{

        & > .page,
        & > .post{
            article{
                & > header{
                    &.show-post-image{
                        background-attachment:fixed;
                    }
                }
            }
        }
    }
    &.attachment{
        main{
            article{
                width:calc(100vw - 17px);
                .attachment-image{
                    margin-top:0;
                    margin-left:auto;
                    margin-right:auto;
                    width:calc(100vw - 17px);
                    width: -moz-fit-content;
                    width:fit-content;
                }

            }
        }
    }

}

/**
 * Article
 * ========================================================================== */
body.single,
body.page{
    article{
        margin-top:var(--thm_content_margin_top);
        .entry-content{
            min-height:25vh;
        }
    }
}
[amp]{
    .search-result-0,
    .not-found{
        padding-bottom:3rem;
        min-height:60vh;
    }
}
/**
 * Post Thumbnail
 * ========================================================================== */
main > .post{
    article:not(.has-post-thumbnail) {
        & > header{
            padding-top:calc( 1rem * 3 );
        }
    }
}

.emulsion-addons-inactive body,
.single,
.post-type-archive,
.custom-post-type,
.full_text,
.page,
body.excerpt,
.post{
    article{
        & > header{
            &.show-post-image{
                position:relative;
                height:var(--thm_header_media_max_height, 75vh);
                background-size:cover;
                background-repeat:no-repeat;
                background-position: center center;
                &:before{
                    position:absolute;
                    background-color:var(--thm_header_image_dim);
                }
            }
        }
    }
}

/**
 * Article content layout
 * ========================================================================== */
.hentry{
    .entry-content > p > a > img.alignleft{
        padding:0 1rem .75rem 0;
    }
}
.entry-content {
    margin-left:auto;
    margin-right:auto;
    & :not([class|="wp-block"]) a > img.alignright,
        & :not(.wp-caption) a > img.alignright,
        & :not(.wp-caption) a > img.alignright,
        & > p > a > img.alignright,
        & :not([class|="wp-block"]) a > img.alignleft,
        & :not(.wp-caption) a > img.alignleft,
        & :not(.wp-caption) a > img.alignleft{
        padding:1.5rem 0 .75rem;
    }
    li > div{
        display: inline-block;
        vertical-align: text-top;
    }

    .aligncenter {
        @extend %aligncenter;
    }
    .wp-block-image.alignleft,
    :not(figure) img.alignleft{
        position:relative;
    }
    .wp-block-image.alignright,
    :not(figure) img.alignright{
        position:relative;
    }
    [class|="search-result"]{
        display:block;
    }
    [class|="search-result"],
    .wp-playlist,
    .gist,
    .social,
    & > address,
    & > noscript,
    & > hgroup,
    & > header,
    & > footer,
    & > nav,
    & > menu{
        @extend %block;
    }
    & > aside,
    & > section{
        padding-left:0;
        padding-right:0;
    }
    table{
        .h1,.h2,.h3,.h4,.h5,.h6,
        h1,h2,h3,h4, h5,h6{
            width:auto;
        }
        td *{
            width:auto;
        }
    }

    li{
        .shortcode-wrapper{
            margin-top:0;
            margin-bottom:0;
            p{
                margin-top:0;
                margin-bottom:0;
            }
        }
    }
    img.aligncenter{
        width: -moz-fit-content;
        width:fit-content;
        max-width:66.666%;
    }
    video{
        //shortcode video
        margin-top:0;
        margin-bottom:0;
    }
}

.has-background{
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

}

p.has-background {
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.75em var( --thm_content_gap, 24px );
}

.solid-border{
    padding:1em;
}
main > .post article header.fit,
main > .page article header.fit,
main > .post article footer.fit,
main > .page article footer.fit{
    width: var(--thm_content_width, 720px);
    margin-left:auto;
    margin-right:auto;
}
/**
 * Post Formats Gallery
 * ========================================================================== */
.format-gallery .entry-content{
    padding-top:0;
    padding-bottom:0;
}
.wp-block-group.format-gallery,
article.format-gallery .entry-content{
    margin-top:0;
    .wp-block-group__inner-container{
        *,
        .wp-block-embed,
        .wp-block-cover,
        .wp-block-image,
        .wp-block-gallery{
            max-width:100%;
        }
        *{
            max-width:100%;
            margin:var(--thm_box_gap, 3px) auto ;
        }
        .alignleft {
            @extend %alignleft;
            width:calc( 50% - var(--thm_box_gap, 3px) * 2 );
            max-width:calc( 50% - var(--thm_box_gap, 3px) * 2 );
            margin-right:var(--thm_box_gap, 3px);
            margin-left:0;
            margin-top:var(--thm_box_gap, 3px);
            margin-bottom:var(--thm_box_gap, 3px);
        }
        .alignright {
            @extend %alignright;
            width:calc( 50% - var(--thm_box_gap, 3px) * 2);
            max-width:calc( 50% - var(--thm_box_gap, 3px) * 2);
            margin-right:0;
            margin-left:var(--thm_box_gap, 3px);
            margin-top:var(--thm_box_gap, 3px);
            margin-bottom:var(--thm_box_gap, 3px);
        }
    }
    .wp-block-gallery{
        max-width:100%;
        margin-top:0;
        margin-bottom:0;
        &.aligncenter{
            padding-top:0;
            padding-bottom:0;
        }
    }
    .wp-block-image{
        margin:var(--thm_box_gap, 3px) auto ;
        position:relative;
        figure{
            margin-top:0;
            margin-bottom:0;
            padding-top:0;
            padding-bottom:0;
        }
        figcaption{
            position:absolute;
            bottom:0;
            left:1rem;
            color:var(--thm_white_color);
            background-color:rgba(0,0,0,.5);
        }
    }
    .wp-block-cover{
        box-sizing:border-box;
        margin-top: calc( var(--thm_box_gap, 3px) * 2);
        margin-bottom: calc( var(--thm_box_gap, 3px) * 2);
        &.alignfull{
            box-sizing:content-box;
            margin-top: calc( var(--thm_box_gap, 3px) * 2);
            margin-bottom: calc( var(--thm_box_gap, 3px) * 2);
        }
    }
    .wp-block-embed{
        margin:calc( var(--thm_box_gap, 3px) * 2) auto ;
        figcaption{
            position:absolute;
            bottom:3rem;
            left:1rem;
            color:var(--thm_white_color);
            background-color:rgba(0,0,0,.5);
        }
        &.alignfull{
            margin:calc( var(--thm_box_gap, 3px) * 2) auto;
        }
    }
    .wp-block-columns{
        margin-top:var(--thm_box_gap, 3px);
        margin-bottom:var(--thm_box_gap, 3px);

        &.alignfull{
            // padding-left:0;
            // padding-right:0;
        }
        &.alignwide{
            margin-top:var(--thm_box_gap, 3px);
            margin-bottom:var(--thm_box_gap, 3px);
        }
    }
}

/**
 * Post Meta show hide
 */
.posted-on{
    [rel="date"]{
        display:$post_display_date; //fallback no support css variables
        display:var(--thm_post_display_date);
    }
    .author{
        display:$post_display_author; //fallback no support css variables
        display:var(--thm_post_display_author);
    }
}
.post-category{
    .cat-item{
        display:$post_display_category; //fallback no support css variables
        display:var(--thm_post_display_category);
    }
}
.post-tag{
    li{
        display:$post_display_tag; //fallback no support css variables
        display:var(--thm_post_display_tag);
    }
}
.posted-on{
    &.avatar-block{
        display:flex;
        flex-direction:column;
        .author{
            padding-top:.75rem;
            .avatar{
                border-radius:50%;
            }
        }
        .comment-link{
            margin-top:.75rem;
        }
    }
}
/**
 * fallback for plugins block
 */
.layout{
    & > div[id]:not([class|="wp-block"]){
        width:var(--thm_content_width, 720px);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        margin-top:3rem;
        margin-bottom:3rem;
    }
    & > .shortcode-wrapper{

    }
}
.shortcode-wrapper{
    width:var(--thm_content_width, 720px);
    max-width:100%;
    padding-left:0;
    padding-right:0;
    margin:3rem auto;
    box-sizing:border-box;

    &.wrap-caption{
        margin-top:0;
        margin-bottom:0;
        padding:0;
    }
    // short code has not custom class
    &.alignwide,
    &.alignright,
    &.alignleft,
    &.alignfull{
        & > *{
            width:100%;
        }
    }
}

.has-background:not(.wp-block-group):not(.wp-block-cover):not(.wp-block-columns):before:not(.badge):before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--thm_white_color);
    left: 0;
    top: 0;
    z-index: -1;
}

/**
 * post navigation
 * article.scssに移動
 * ========================================================================== */
.emulsion-no-sidebar{
    .post-navigation{
        @extend %block_main_wide;
        margin-left:auto;
        margin-right:auto;
        padding-top: .1rem;
        padding-bottom: 0.75em;
        max-width:100%;
    }
}
.post-navigation{
    .nav-links{
        display:flex;
        margin:0 auto;
        flex-wrap:wrap;
        padding:0;
        position:relative;
        .nav-previous{
            a{
                display:block;
                width:auto;
                text-align:center;
                padding:.685rem;
                .text{
                    display:block;
                }
                .title{
                    display:block;
                }
                @supports ( width:fit-content ) or ( width: -moz-fit-content ){
                    .title{

                        text-align:left;
                        width: -moz-fit-content;
                        width:fit-content;
                        font-size:1rem;
                        font-family:var(--thm_common_font_family);
                        font-weight:var(--thm_heading_font_weight);
                        text-transform:var(--thm_heading_font_transform);
                    }
                }
            }
        }
        .nav-next{
            a{
                display:block;
                width:auto;
                text-align:center;
                padding:.685rem;
                .text{
                    display:block;
                }
                .title{
                    display:block;
                }
                @supports ( width:fit-content ) or ( width: -moz-fit-content ){
                    .title{

                        text-align:left;
                        width: -moz-fit-content;
                        width:fit-content;
                        font-size:1rem;
                        font-family:var(--thm_common_font_family);
                        font-weight:var(--thm_heading_font_weight);
                        text-transform:var(--thm_heading_font_transform);
                    }
                }
            }
        }
        & > div{
            text-align:center;
            margin:3px;
            padding:0;
            flex-basis: auto;
            flex-grow: 1;
            min-width:240px;

            & > a{
                display:inline-block;
                text-align:left;
                width: -moz-fit-content;
                width:fit-content;
                margin-left:auto;
                margin-right:auto;
            }
            a{
                display:inline-block;
                text-align:left;
                width: -moz-fit-content;
                width:fit-content;
            }
            &:first-child:last-child{
                flex-basis: 50%; /* default value */
                flex-grow: 0;
            }
        }
    }
}

/**
 * template gallery
 */

.enable-alignfull{
    &.page-template-gallery,
    &.post-template-gallery{
        .entry-content{
            figure.wp-block-image{
                margin-top:var(--thm_box_gap, 3px);
                margin-bottom:var(--thm_box_gap, 3px);
                &.alignfull{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                }
                figcaption{
                    position: absolute;
                    bottom: 1rem;
                    right: 1rem;
                    width: calc(100% - var(--thm_content_gap, 24px));
                    text-align: right;
                    color: var(--thm_white_color);
                    background: transparent;
                    text-shadow: #000 1px 0 10px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
            section{
                margin-top:0;
                margin-bottom:0;
            }
            div.wp-block-image{
                figure{
                    margin-top:0;
                    margin-bottom:0;
                }
                figcaption{
                    position: absolute;
                    bottom: 1rem;
                    right: 1rem;
                    width: calc(100% - var(--thm_content_gap, 24px));
                    text-align: right;
                    color: var(--thm_white_color);
                    background: transparent;
                    text-shadow: #000 1px 0 10px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                &.alignleft{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-right:var(--thm_box_gap, 3px);
                    margin-left:0;
                }
                &.alignright{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-left:var(--thm_box_gap, 3px);
                    margin-right:0;
                }
                @media screen and ( max-width : $content_width + $content_gap * 2 ) {
                    &.alignright,
                    &.alignleft{
                        max-width:100%;
                        margin-left:0;
                        margin-right:0;
                    }
                }
            }
            .wp-block-cover{
                margin-top:var(--thm_box_gap, 3px);
                margin-bottom:var(--thm_box_gap, 3px);
                &.alignfull{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                }
                &.alignleft{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-right:var(--thm_box_gap, 3px);
                    margin-left:0;
                }
                &.alignright{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-left:var(--thm_box_gap, 3px);
                    margin-right:0;
                }
                @media screen and ( max-width : $content_width + $content_gap * 2 ) {
                    &.alignright,
                    &.alignleft{
                        max-width:100%;
                        margin-left:0;
                        margin-right:0;
                    }
                }
            }
            .wp-block-video{
                &.alignfull{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                }
                &.alignleft{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    width:calc(50% - var(--thm_box_gap, 3px));
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-right:var(--thm_box_gap, 3px);
                    margin-left:0;
                    video{
                        padding:0;
                    }
                }
                &.alignright{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    width:calc(50% - var(--thm_box_gap, 3px));
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-left:var(--thm_box_gap, 3px);
                    margin-right:0;
                    video{
                        padding:0;
                    }
                }
                @media screen and ( max-width : $content_width + $content_gap * 2 ) {
                    &.alignright,
                    &.alignleft{
                        width:100%;
                        max-width:100%;
                        margin-left:0;
                        margin-right:0;
                    }
                }
            }
            .wp-block-media-text{
                &.alignfull{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                }
                &.alignwide{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                }
            }
            .wp-block-embed{
                margin:var(--thm_box_gap, 3px) auto ;
                &.alignfull{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    padding-left:0;
                    padding-right:0;
                }
                &.alignleft{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-right:var(--thm_box_gap, 3px);
                    margin-left:0;
                }
                &.alignright{
                    margin-top:var(--thm_box_gap, 3px);
                    margin-bottom:var(--thm_box_gap, 3px);
                    max-width:calc(50% - var(--thm_box_gap, 3px));
                    margin-left:var(--thm_box_gap, 3px);
                    margin-right:0;
                }
                figcaption{
                    position:absolute;
                    bottom:3rem;
                    left:1rem;
                    color:var(--thm_white_color);
                    background-color:rgba(0,0,0,.5);
                }
                @media screen and ( max-width : $content_width + $content_gap * 2 ) {
                    &.alignright,
                    &.alignleft{
                        max-width:100%;
                        margin-left:0;
                        margin-right:0;
                    }
                }
            }
        }
    }
}
#document .is-presentation-transitional.emulsion-header-has-title.is-singular article .post-header {
    display: none;
}