/**
 * Core
 * ========================================================================== */
.aligncenter{
    @extend %aligncenter;
    &.wp-block-latest-posts__featured-image{
        margin:0;
        padding:0;
    }
}
blockquote,
a,
img,
div{
    &.aligncenter {
        display:block;
        margin-left:auto;
        margin-right:auto;
        padding:10px
    }
}
p.aligncenter {
    box-sizing:border-box;
    margin:1.5em auto .75rem;
    padding-left: var(--thm_content_gap, 24px);
    padding-right: var(--thm_content_gap, 24px);
}
p.aligncenter.has-drop-cap {
    display:block
}
p.has-drop-cap:not(:focus):after{
    // core over write
    padding-top:0;
}
p.has-drop-cap{
    min-height:calc(1rem * var(--thm_content_line_height, 1.5) * 4);
}
.alignleft {
    @extend %alignleft;
}
.shortcode-wrapper,
aside,
section,
picture,
ol,
ul,
div,
img{
    &.alignleft {
        @extend %alignleft;
    }
}
.alignright {
    @extend %alignright;
}
.shortcode-wrapper,
aside,
section,
picture,
ol,
ul,
div,
img{
    &.alignright {
        @extend %alignright;
    }
}

#document{
    img.alignleft,
    img.alignright{
        margin-top:0;
        padding-top:0;
    }
}

.alignnone {
    box-sizing:border-box;
    display:inline-block;
    clear:both;
    float:none;
    margin:1.5rem auto .75rem;
}
.alignfull,
.alignwide {
    clear:both
}
.page-featured-image {
    padding:0;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
}
.new-line,
.clear{
    clear:both;
}

.page-featured-image{
    display:block;
    margin-left:auto;
    margin-right:auto
}
article{
    &.sticky{
        .content-col,
        header{
            .entry-title{
                padding-left:calc(var(--thm_content_gap, 24px) * 2);
                &:before{
                    content:'\1f4cc';
                    position:absolute;
                    color:currentColor;
                    display:inline-block;
                    left:0;
                }
            }
        }
    }
}
/**
 * Caption short code
 * ========================================================================== */
.wp-caption {
    height:auto;
    padding:0 2px 0;
    text-align:center;
    max-width:100%;
}
.wp-block-latest-posts li .wp-caption > a{
    margin-top:0;
    margin-bottom:0;
}
.wp-caption.alignnone {
    float:none;
    margin:5px 10px 5px 0;
    padding:0 0 0
}
.wp-caption.alignleft {
    @extend %alignleft;
}
.wp-caption.alignright {
    @extend %alignright;
}
figure.wp-caption.aligncenter {
    display:block;
    margin:5px auto;
    padding:0
}
.wp-caption.aligncenter a[rel~="attachment"] img {
    margin:0;
}
.wp-caption-text {
    display:block;
    margin:.5rem auto;
    max-width:calc(100% - 1em);
    text-align:left
}
.wp-caption p.wp-caption-text {
    line-height:var( --thm_content_line_height, 1.5 );
    margin:0;
    padding:0 4px 5px
}
/**
 * Password post
 * ========================================================================== */
.post-password-required{
    .entry-content .theme-message{
        float:none;
        clear:both;
        max-width:66.66%;
        margin:1.5rem auto .75rem;
    }
    .theme-message .post-password-form .message{
        margin:0 0 0 24px;
        position:relative;
        max-width: calc(100% - 24px );
    }
    .theme-message .post-password-form .message:before{
        content:' ';
        position:absolute;
        display:inline-block;
        vertical-align:middle;
        -webkit-mask-size: contain;
        mask-size: contain;
        //@since 1.2.9 move to style.css background:url("#{$theme_image_dir}svg/lock.svg#alert") no-repeat 50% 50%;
        background-size:contain;
        left:-24px;
        width:24px;
        height:24px;
    }
    .theme-message .post-password-form .fields{
        padding-left:0;
        padding-right:0;
        text-align:center;
    }
}
/**
 * comment
 * ========================================================================== */
:root{
    --thm_comment_author_content:'Author';
    .bypostauthor{
        .comment-author{
            .fn:before{
                content:var(--thm_comment_author_content);
                margin-right:.5rem;
                padding-left:.5rem;
                padding-right:.5rem;
                border:1px solid var(--thm_sub_background_color_darken);
            }
        }
    }
}
/**
 * skin-button
 * ========================================================================== */
.wp-block-latest-posts__post-excerpt > a,// read more link
a.skin-button,
span.skin-button{
    @include clearfix;
    clear:both;
    float:none;
    overflow:hidden;
    display:inline-block;
    text-align:center;// edge
    width:140px;//edge
    width: -moz-fit-content;
    width:fit-content;
    padding:0 1rem;
    line-height:calc(1rem * 3 - 2px);
    margin-top:1.5rem;
    margin-bottom:.75rem;
    margin-left:var(--thm_content_gap, 24px);
    margin-right:var(--thm_content_gap, 24px);
    border-radius:5px;
}
.wp-block-latest-posts__post-excerpt > a:hover,
a.skin-button:hover{
    text-decoration:none;
    padding:0 1rem;
    line-height:calc(1rem * 3);
}
#wp-calendar{
    margin-left:auto;
    margin-right:auto;
}
.calendar_wrap{
    nav{
        display:flex;
        span{
            flex:1 1 auto;
            display:block;
            text-align:center;
            margin-top:1.5rem;
            margin-bottom:.75rem;
        }
    }
}
/**
 * link pages
 * ========================================================================== */
.wp-link-pages{
    @include clearfix;
    @extend %block;
    clear:both;
}
/**
 * Page break
 * ========================================================================== */
.page-break-links{
    @extend %block;
    margin-top:3rem;
    display:flex;
}
.page-break-links > span,
.page-break-links a{
    flex:1 1 5%;
    text-align:center;
    margin:3px;
    width: -moz-fit-content;
    width:fit-content;
    padding:.685rem;
    font-size:var(--thm_meta_data_font_size, 13px);
}
/**
 * Static Page
 * ========================================================================== */
body.page{
    .posted-on{
        display:none;
    }
    .header-layer div.entry-text {
        margin-left:auto;
        margin-right:auto;

    }
}