@import 'scss-@';
@import 'core';
body{
    background:var(--thm_background_color);
    color:var(--thm_general_text_color);
    font-family:var(--thm_common_font_family);
    font-size:var(--thm_common_font_size);
    a{
        color:var(--thm_general_link_color);
        a:hover{
            color:var(--thm_general_text_color);
        }
    }
    p{
        padding-left:var(--thm_content_gap);
        padding-right:var(--thm_content_gap);
    }
    .wp-block-table{
        &.aligncenter,
        &.alignleft,
        &.alignright{
            overflow-y:hidden;
            overflow-x:auto;
        }
    }
    table{
        display:table;
        border-spacing:0;
        border-collapse: collapse;
        box-sizing:border-box;
        width:var(--thm_content_width);
        th,
        td{
            border:1px solid rgba(188,188,188,.5);
            padding:.75rem;
        }
        thead{
            th{
                font-weight:700;
            }
        }
    }
    .wp-block-calendar{
        table{
            width:100%;
            display:table;
        }
    }

    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) * var( --thm_content_line_height ) / 2);
        padding-bottom: calc(var(--thm_common_font_size) * var( --thm_content_line_height ) / 2);
        padding-left: 0.385rem;
        padding-right: 0.385rem;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 0;

    }
    .has-stripe-background-color,
    .mark-stripe{
        background:repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
    }
    .mark-success,
    .mark-cool{
        background:rgba(52, 152, 219,.4);
    }
    .mark-notice{
        background:rgba(163, 140, 8,.4);
    }
    .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;
    }
    .has-gray-color{
        color:#727477;
    }
    .has-white-color{
        color:#ffffff;
    }
    .has-alert-color{
        color:rgba(231, 76, 60, 1);
    }
    .has-notice-color{
        color:rgba(163, 140, 8, 1);
    }
    .has-info-color{
        color:rgba(22, 160, 133, 1);
    }
    .has-cool-color{
        color:rgba(52, 152, 219, 1);
    }
    p[class|="mark"]{
        padding:1em;
        box-sizing:border-box;
    }
    [class^="color"]{
        padding:1em;
    }
    figure{
        max-width:100%;
    }
    .amp-wp-header{
        background:var(--thm_header_bg_color);
        color:var(--thm_header_text_color);
        a{
            color:var(--thm_header_link_color);
            a:hover{
                color:var(--thm_header_text_color);
            }
        }
    }
    .amp-wp-article-featured-image{
        display:table;
        margin-left:auto;
        margin-right:auto;
    }
    .amp-wp-content{
        min-height:100vh;
        width:var(--thm_content_width);
        max-width:100%;
        color:var(--thm_general_text_color);
        a{
            color:var(--thm_general_link_color);
            a:hover{
                color:var(--thm_general_text_color);
            }
        }
        .amp-wp-title{
            color:var(--thm_general_text_color);
        }
        .amp-wp-meta{
            color:var(--thm_general_link_color);
            li{
                list-style-type:none;
            }
        }
    }
    [class|="wp-block"],
    p,div,aside,section,{
        margin-top:1.5rem;
        margin-bottom:.75rem;
    }
    .i-amphtml-slide-item,
    .amp-carousel-slide,
    .i-amphtml-slides-container{
                margin-top:0;
        margin-bottom:.75rem;
    }
    /**
     * font size classes
     */
    @for $i from 13 through 48 {
        .f-#{$i}{
            font-size:#{$i}px;
        }
    }
    /**
     * 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-media-text__media{
        margin-top:0;
    }
    .wp-block-cover{
        color:#fff;
        min-height:calc(var(--thm_content_width) * .5625);
        background-size:cover;
        position:relative;
        display:flex;
        flex-direction: column;
        justify-content:safe center;
        align-items:safe center;
        &.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;
        }
    }
    .wp-block-latest-posts{
        .wp-block-latest-posts__post-full-content{
            .wp-block-cover{
                @extend .wp-block-cover;
            }
        }
    }
    .wp-block-pullquote{
        clear:both;
        float:none;
    }
    .alignnone{
        display:block;
        width:100%;
    }
    .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);
            }
        }
    }
}