/**
 * Theme Scheme
 * Use the gutenberg layout feature with is-layout-flow is-layout-constrained
 *
 * If Use Gutengerg features is set, the theme will only use the following CSS for blocks
 * and the CSS generated by theme.json, no matter what the Theme Operation Mode Setting is set to.
 */
/**
 * Core fix
 * text elements
 * Header
 * color
 * Inline element directly under wp-block-post-content
 * Button face links
 * Theme Scheme Relate Styles
 * height
 * Center content
        * @extend %centered_spacing;
 * header main footer linkage style
 * horizontal margin
        * .is-style-start-content
        * .is-style-start-wide
        * .is-style-end-content
        * .is-style-end-wide
        * .is-style-fit-wide
            * .is-style-shrink
 * paragraph indent
        * .has-fluid-children change to .is-layout-flow,
 * Preset Margins
         * VARIATION
 * Content Margin Padding
         * @extend %content_spacing;
 * Layout Block Margin Padding
 * A wrapper block containing content (eg p h* ul ol table)
        * @extend %structure_spacing;
    * Fix flex container push
        * @extend %fix-flex-container-push;
 * Content wrapper to be placed horizontally
        * @extend %flex-container;
 * Block content is displayed in the center, and if the number of characters exceeds one line, it is displayed as a left-aligned tile.
        * @extend %center-short-sentences;
        * emulsion-block-pattern-list-tab
        * .emulsion-panel
        * .dropdown-on-hover
        * .dropdown-on-click
        * .modal
        * .is-style-sticky
        * .is-style-list-style-inline
 * Misc
 */

body{
    box-sizing:border-box;
    padding:0;
    margin:0;
    overflow-x:hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    line-height:var(--wp--custom--line-height--common);
    word-break:break-word;
    overflow-wrap:break-word;
    --wp--style--block-gap:var(--wp--custom--margin--gap);
    --wp--style--gallery-gap-default:var(--wp--custom--margin--gap);
    --gallery-block--gutter-size:var(--wp--custom--margin--gap);
}
body *{
    box-sizing:border-box;
    max-width:100%;
}
body > [id].nojq *{
    /* means adminbar
       The adminbar id was forbidden in the theme directory */
    max-width:none;
}
blockquote{
    border-left:1px solid;
    padding-left:40px;
    cite{
        font-size:var(--wp--preset--font-size--small);
    }
}
figure{
    padding:0;
    width: calc(var(--wp--custom--width--content, 720px) - var(--wp--custom--padding--content,.75rem) * 2);
    max-width: calc(100% - var(--wp--custom--padding--content,.75rem) * 2);
}
/**
 * Core fix
 */
body{
    p.has-background,
    h1.has-background,
    h2.has-background,
    h3.has-background,
    h4.has-background,
    h5.has-background,
    h6.has-background{
        padding:var(--wp--custom--margin--gap);
    }
    :where(.wp-block-columns.has-background),
        :where(.wp-block-group.has-background) {
        padding: revert;
    }

    .wp-site-blocks > * + *{
        margin-block-start:revert;
    }
    .wp-block-group{
        overflow:hidden;
    }
    .wp-block-pullquote:not(#specificity){
        border-left:none ! important;
        border-right:none ! important;
        blockquote{
            p{
                text-align:left;
                width:-moz-fit-content;
                width:fit-content;
            }
        }
    }
    [class*="wp-container-"][class*="wp-container-"]{
        gap:var(--wp--style--block-gap);
    }
}
/**
 * text elements
 */
.align,
.aligndefault{
    width: var(--wp--style--global--content-size);
    padding:0;
    margin:var(--wp--custom--margin--block);
}
.is-flex-container,
.is-layout-flex{
    & > .aligndefault,
    & > nav,
    & > h1,
    & > h2,
    & > h3,
    & > h4,
    & > h5,
    & > h6,
    & > p,
    & > extarea{
        width: auto;
        font-family:var(--wp--preset--font-family--system-font);
        font-size:revert;
    }
    &.wp-block-gallery{
        flex-wrap:wrap!important;
    }
    li,figcaption{
        width: auto;
    }
}
.is-grid{
    .wp-block-latest-posts__post-title,
    .wp-block-rss__item-title a{
        display:block;
        font-family:var(--wp--preset--font-family--system-font);
        text-decoration:none;
        font-weight: var(--wp--custom--font-weight--heading);
        line-height: var(--wp--custom--line-height--heading,1.15);
        margin: var(--wp--custom--margin--block, 1.5rem auto);
        text-transform: var(--wp--custom--text-transform--heading);
        font-size:1.5rem;

    }
}
.relate-posts a{
    font-family:var(--wp--preset--font-family--system-font);
    text-decoration:none;
    font-weight: var(--wp--custom--font-weight--heading);
    line-height: var(--wp--custom--line-height--heading,1.15);
    text-transform: var(--wp--custom--text-transform--heading);
    font-size:1.5rem;
}

li{
    padding:.75rem;
    margin:auto;
}
.wp-block-navigation-item{
    margin:0;
}
img{
    height:auto;
}

.wrap-emulsion_relate_posts,
.wp-block-post-featured-image,
.wp-block-comments-query-loop,
.post-header-content,
.fse-header-content{
    margin:var(--wp--custom--margin--container);
}
.is-layout-constrained > .wp-block-post-featured-image{
    margin-block-start:0;
    margin-top:0;
}
.wp-block-template-part{
    clear:both;
    float:none;
}
.wp-block-post-template{
    li{
        padding:0;
    }
}
.wp-block-post-date{
    max-width:fit-content;
    display:inline-block;
}
.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright{
    max-width:revert;
}
.wp-block-template-part-taxsonomy{
    padding:0 var(--wp--custom--padding--content, 75rem);
}

.wp-site-blocks{
    .alignleft,
    .alignright{
        &.is-resized{
            width:auto;
        }
    }
}

/**
 * Header
 */

.rich-header{
    .custom-logo-link,
    .wp-block-site-logo{
        box-sizing:border-box;
        width:-moz-fit-content;
        width:fit-content;
        padding-right:var( --wp--custom--padding--content, .75rem );
        padding-left:var( --wp--custom--padding--content, .75rem );
        margin:1.5rem auto 0;
    }
    .wp-block-site-title{
        box-sizing: border-box;
        width: calc(var(--wp--custom--width--content, 720px ) - var(--wp--custom--padding--content, .75rem) * 2);
        max-width: calc(100% - var(--wp--custom--padding--content, .75rem) * 2);
        padding: 0 var(--wp--custom--padding--content);
        margin: var(--wp--custom--margin--block, 1.5rem auto);
        font-family: var(--wp--preset--font-family--hoefler-times-new-roman);
        font-size:clamp(var(--wp--preset--font-size--extra-large), calc( 100vw / 72 * 3), var(--wp--preset--font-size--huge));
        font-weight: var(--wp--custom--font-weight--heading);
        line-height: var(--wp--custom--line-height--heading, 1.15);
        text-transform: var(--wp--custom--text-transform--heading);

    }
}
.fse-header-content{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    flex-wrap:nowrap;
    gap:var(--wp--style--block-gap, 3px);
    align-items: center;
    margin:auto;
    @media screen and (min-width: 768px){
        width:var(--wp--style--global--content-size);
    }
    --wp--style--block-gap:var(--wp--custom--margin--gap, 3px);
    .wp-block-site-logo{
        width:fit-content!important;
        padding-left:var(--wp--custom--padding--content);
    }
    .fse-header-text:not(#specificity){
        display:flex;
        flex:1 1 auto;
        flex-direction:column;
        width:100%;
        overflow:hidden;
        .wp-block-site-title{
            font-size:var(--wp--preset--font-size--large);
            margin:0;
        }
        .wp-block-site-tagline{
            margin:0;
        }
    }
}
.wp-block-site-title, .wp-block-site-logo, .posted-on p, .posted-on div{
    display: inline-block;
    width: fit-content;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
}
.rich-header {
    .wp-block-site-logo,
    .wp-block-site-title{
        display:block;
    }
}
/**
 * color
 */
.page,
.single{
    &.is-fse-light,
    &.fse-scheme-default{
        .wp-block-post-featured-image{
            background:var(--wp--custom--color--featured-image-bg);
        }
    }
    &.is-fse-dark{
        .wp-block-post-featured-image{
            background:var(--wp--custom--color--dark-featured-image-bg);
        }
    }
    .wp-block-post-featured-image{
        width:100%;
        max-width:100%;
        background:var(--wp--custom--color--featured-image-bg);
        img{
            display:block;
            box-sizing:border-box;
            width:var(--wp--custom--width--content);

            max-width:100%;
            padding:0;
            margin:var(--wp--custom--margin--container);
            &[style]{
                padding:0;
            }
        }
    }
}
.has-background{
    nav,a,
    h1,h2,h3,h4,h5,h6,p,textarea{
        color:inherit;
    }
}

/**
 * Inline element directly under wp-block-post-content
 *
 * In the block editor, there is a problem that the layout cannot be kept
 * when inline elements are written using custom HTML blocks etc.
 * directly under wp-block-post-content.
 * Technically it should be in a block, but we'll add some CSS to the rescue.
 */
.editor-styles-wrapper .is-root-container,
.emulsion.has-block{

    .wp-block-post-content > :where(a,abbr,b,big,button,canvas,cite,code,data,datalist,em,embed,i,img,input,ins,kbd,label,mark,picture,q,ruby,s,small,span,time,u,tt,var){
        box-sizing:border-box;
        display:block;
        width:-moz-fit-content;
        width:fit-content;
        padding-right:var( --wp--custom--padding--content, .75rem );
        padding-left:var( --wp--custom--padding--content, .75rem );
        margin: var(--wp--custom--margin--block, 1.5rem auto);
        margin-left:0!important;
        @media (min-width: 768px){
            margin-left:calc(50% - var(--wp--style--global--content-size) / 2 )!important;
        }
    }
}
.wp-block-post-content > [style*="inline-block"],
.wp-block-post-content > [style*="inline-flex"],
.wp-block-post-content > [style*="inline-grid"]{
    margin-right:auto;
    margin-left:auto;
    max-width:calc(100% - var(--wp--custom--margin--start-content) - var(--wp--custom--padding--content, .75rem) * 2);
    @media (min-width: 768px){
        position:static;
        margin-left:var(--wp--custom--margin--start-content);
        max-width: calc(100% - var(--wp--custom--padding--content,.75rem) * 2);

    }
}
.wp-block-comment-template .is-layout-flex,
.wp-block-comments-pagination.is-layout-flex{
    justify-content:flex-start;
    align-items: center;
}
.wp-block-comment-edit-link,
.wp-block-comment-reply-link{
    width:-moz-fit-content;
    width:fit-content;
}
.wp-block-post-author__avatar{
    margin-right:0;
}
.comment-wrapper > .wp-block-group{
    margin:0 auto;
}
/**
 * Button face links
 */

.wp-block-query-pagination a,
.comment-edit-link,
.comment-reply-link,
.wp-block-comments-pagination-numbers span,
.wp-block-comments-pagination-numbers span,
.wp-block-post-excerpt__more-text a,
.wp-block-read-more{
    box-sizing:border-box;
    padding:var( --wp--custom--padding--content, .75rem );
    text-align:center;
    text-decoration: none;
    border-radius:5px;
    color:var(--wp--custom--color--button-text);
    background:var(--wp--custom--color--button-bg);
    width:-moz-fit-content;
    width:fit-content;
}
.is-fse-dark{
    .wp-block-query-pagination a,
    .comment-edit-link,
    .comment-reply-link,
    .wp-block-comments-pagination-numbers span,
    .wp-block-comments-pagination-numbers span,
    .wp-block-post-excerpt__more-text a,
    .wp-block-read-more{
        color:var(--wp--custom--color--dark-button-text);
        background:var(--wp--custom--color--dark-button-bg);
    }
}

/**
 * Theme Scheme Relate Styles
 */

.is-presentation-transitional{
    .wp-site-blocks{
        & > header,
        & > footer{
            display:none;
        }
    }
    #emulsion_theme_svgs{
        display:none;
    }
}
.is-presentation-theme{
    &.emulsion .post-navigation,
    .navigation.pagination{
        display:block;
    }
}
.emulsion-not-found{
    visibility:hidden;
}
.search-no-results .emulsion-not-found{
    visibility:visible;
}

/**
 * height
 */

/**
 * Center content
        * @extend %centered_spacing;
 */

%centered_spacing{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.fse-header:not(.wp-block-template-part-header-rich),
.fse-footer{
    @extend %centered_spacing;
    min-height:var(--wp--custom--min-height--eighth);
}
.fse-header-content{
    min-height:var(--wp--custom--min-height--eighth);
}
.wp-block-rss__item-excerpt{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: var(--wp--custom--max-height--excerpt-lines);
    -webkit-box-orient: vertical;
}
.wp-block-post-excerpt{
    p{
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: var(--wp--custom--max-height--excerpt-lines);
        -webkit-box-orient: vertical;
    }
}
.wp-block-post-featured-image + .wp-block-post-excerpt{
    display:none;
}
.pattern-sticky-posts{
    .wp-block-query-pagination{
        display:none;
    }
}
/**
 * header main footer linkage style
 */

.emulsion{
    /**
      * If the content of the post uses the alignwide, alignfull class, the width of the header and footer will be aligned.
      * .keep-align-wide, .keep-align-wide are defined in body_class
      */
    &.single,
    &.page{
        .wp-block-post-featured-image img{
            box-sizing:border-box;
            width:var(--wp--custom--width--content);
            max-width:100%;
            margin:var(--wp--custom--margin--container);
            &[style]{
                padding:0;
            }
        }
    }
    &.keep-align-wide{
        .wp-block-post-title,
        .posted-on,
        .wp-block-post-featured-image img,
        .wp-block-post-navigation,
        .fse-footer p,
        .post-header-content,
        .wp-block-group.fse-header-content{
            width:var(--wp--custom--width--wide, 920px);
            max-width:100%;
            margin-right:auto;
            margin-left:auto;
            overflow:auto;
        }
    }
    &.keep-align-full{
        .wp-block-post-title,
        .posted-on,
        .wp-block-post-featured-image img,
        .wp-block-post-navigation,
        .fse-footer p,
        .post-header-content,
        .wp-block-group.fse-header-content{
            width:var(--wp--custom--width--full, 1280px);
            max-width:100%;
            margin-right:auto;
            margin-left:auto;
            overflow:auto;
        }
        .wp-block-post-featured-image{
            padding:0;

            img{
                padding:0;
            }
        }
    }
    .emulsion-block-pattern-relate-posts,
    .wrap-emulsion_relate_posts{
        li{
            padding:0;
        }
    }
}

/**
 * horizontal margin
 */

.editor-styles-wrapper .block-editor-block-list__layout.is-root-container,
.emulsion.page .wp-site-blocks,
.emulsion.single .wp-site-blocks{
    /**
     * Increased the specificity so that it works even when @extend %fix-flex-container-push is used
     * example wp-block-gallery
     */
    .is-layout-flow,
    .has-fluid-children,
    .is-style-fluid-children{
        &.is-style-start-content{
            max-width:calc(100% - var(--wp--custom--margin--start-content) - var(--wp--custom--padding--content, .75rem) * 2);
            @media (max-width: 768px){
                max-width: calc(100% - var(--wp--custom--padding--content,.75rem) * 2);
            }
        }
        .is-style-start-content{
            max-width:calc(100% - var(--wp--custom--margin--start-content) - var(--wp--custom--padding--content, .75rem));
        }
        &.is-style-start-wide{
            max-width:calc(100% - var(--wp--custom--margin--start-wide) - var(--wp--custom--padding--content, .75rem) * 2);
            @media (max-width: 768px){
                max-width: calc(100% - var(--wp--custom--padding--content,.75rem) * 2);
            }
        }
        .is-style-start-wide{
            max-width:calc(100% - var(--wp--custom--margin--start-wide) - var(--wp--custom--padding--content, .75rem));
        }
    }
    /**
        * .is-style-start-content
     */
    .is-style-start-content{
        margin-right:auto;
        margin-left:auto;
        @media (min-width: 768px){
            position:static;
            margin-left:var(--wp--custom--margin--start-content);

        }
    }
    /**
        * .is-style-start-wide
     */
    .is-style-start-wide{
        margin-right:auto;
        margin-left:auto;
        @media (min-width: 768px){
            position:static;
            margin-left:var(--wp--custom--margin--start-wide);
        }
    }

    /**
        * .is-style-end-content
     */

    .is-style-end-content{
        margin-right:auto;
        margin-left:auto;
        @media (min-width: 768px){
            position:static;
            margin-right:var(--wp--custom--margin--start-content);
        }
    }

    /**
        * .is-style-end-wide
     */

    .is-style-end-wide{
        margin-right:auto;
        margin-left:auto;
        @media (min-width: 768px){
            position:static;
            margin-right:var(--wp--custom--margin--start-wide);
        }
    }

    /**
        * .is-style-fit-wide
     */

    .is-style-fit-wide{
        &.alignleft{
            width:calc( var(--wp--custom--width--wide, 920px ) / 2 - var(--wp--custom--padding--content, .75rem) - .375rem);
            margin-top:var(--wp--custom--padding--content, .75rem);
            margin-bottom:var(--wp--custom--padding--content, .75rem);
            margin-left: calc((100% - var(--wp--custom--width--wide, 920px )) / 2 + var(--wp--custom--padding--content, .75rem));
            &.size-thumbnail{
                width:150px;
                padding:0;
            }
            &.wp-block-image{
                figcaption{
                    margin-right:auto;
                    margin-left:auto;
                }
            }
            figure{
                width:100%;
            }
            @media screen and (max-width: 720px) {
                width:auto;
                margin-right:auto;
                margin-left:auto;
            }

        }

        &.alignright{
            width:calc( var(--wp--custom--width--wide, 920px ) / 2 - var(--wp--custom--padding--content, .75rem) - .375rem);
            margin-top:var(--wp--custom--padding--content, .75rem);
            margin-right: calc((100% - var(--wp--custom--width--wide, 920px )) / 2 + var(--wp--custom--padding--content, .75rem));
            margin-bottom:var(--wp--custom--padding--content, .75rem);
            &.size-thumbnail{
                width:150px;
                padding:0;
            }
            &.wp-block-image{
                figcaption{
                    margin-right:auto;
                    margin-left:auto;
                }
            }
            figure{
                width:100%;
            }
            @media screen and (max-width: 720px) {
                width:auto;
                margin-right:auto;
                margin-left:auto;
            }

        }
    }

    /**
            * .is-style-shrink
     */

    .is-style-shrink{

        &.alignleft{

            width:calc( var(--wp--custom--width--content, 720px ) / 2 - var(--wp--custom--padding--content, .75rem) - .375rem);
            margin-left: calc((100% - var(--wp--custom--width--content, 720px )) / 2 + var(--wp--custom--padding--content, .75rem));

            &.size-thumbnail{
                width:150px;
                padding:0;
            }
            &.wp-block-image{
                figcaption{
                    margin-right:auto;
                    margin-left:auto;
                }
            }
            figure{
                width:100%;
            }
            @media screen and (max-width: 720px) {
                width:auto;
                margin-right:auto;
                margin-left:auto;
            }

        }

        &.alignright{

            width:calc( var(--wp--custom--width--content, 720px ) / 2 - var(--wp--custom--padding--content, .75rem) - .375rem);
            margin-right: calc((100% - var(--wp--custom--width--content, 720px )) / 2 + var(--wp--custom--padding--content, .75rem));

            &.size-thumbnail{
                width:150px;
                padding:0;
            }
            &.wp-block-image{
                figcaption{
                    margin-right:auto;
                    margin-left:auto;
                }
            }
            figure{
                width:100%;
            }
            @media screen and (max-width: 720px) {
                width:auto;
                margin-right:auto;
                margin-left:auto;
            }
        }
    }
}


/**
 * paragraph indent
 */

.emulsion .is-root-container,
.emulsion{
    .is-style-indent-5rem{
        padding-left:calc(1rem * 5 + var(--wp--custom--padding--content, .75rem) );
        @media screen and ( max-width : 720px ) {
            padding-left:var(--wp--custom--padding--content, .75rem);
        }
    }
    .is-style-indent-10rem{
        padding-left:calc(1rem * 10 + var(--wp--custom--padding--content, .75rem));
        @media screen and ( max-width : 720px ) {
            padding-left:var(--wp--custom--padding--content, .75rem);
        }
    }
    .is-style-indent-15rem{
        padding-left:calc(1rem * 15 + var(--wp--custom--padding--content, .75rem));
        @media screen and ( max-width : 720px ) {
            padding-left:var(--wp--custom--padding--content, .75rem);
        }
    }
    .is-style-indent-20rem{
        padding-left:calc(1rem * 20 + var(--wp--custom--padding--content, .75rem));
        @media screen and ( max-width : 720px ) {
            padding-left:var(--wp--custom--padding--content, .75rem);
        }
    }
}
/**
        * .has-fluid-children change to .is-layout-flow,
 */

.emulsion:not(#specificity){
    .is-layout-flow:not(.is-root-container),
        .is-style-layout-flow:not(.is-layout-flex),
        .is-style-fluid-children:not(.is-layout-flex),
        .is-style-layout-flow.is-vertical,
        .has-fluid-children{
        & > *{
            --thm_wide_width:100%;
            --wp--custom--width--wide:100%;
            --thm_content_width:100%;
            --wp--custom--width--content:100%;
            --wp--custom--width--float:calc(100% - var(--wp--custom--margin--gap) * 2);
            --wp--custom--margin--alignleft:var(--wp--custom--margin--gap);
            --wp--custom--margin--alignright:var(--wp--custom--margin--gap);
            position:static;
            overflow:hidden;
            max-width:100%;
        }
        .is-layout-flex,
        .wp-block-rss.is-grid,
        .wp-block-latest-posts  *{
            --thm_wide_width:100%;
            --wp--custom--width--wide:100%;
            --thm_content_width:100%;
            --wp--custom--width--content:100%;
            --wp--custom--width--float:calc(100% - var(--wp--custom--margin--gap) * 2);
            --wp--custom--margin--alignleft:var(--wp--custom--margin--gap);
            --wp--custom--margin--alignright:var(--wp--custom--margin--gap);
            float:none;
            padding-left:0;
            margin: var(--wp--custom--margin--block, 1.5rem auto);
            clear:both;
            max-width:100%;
            &:where(ol,ul){
                padding-left:40px;
            }
            &.is-grid,
            &.is-layout-flex{
                padding-left:0;
            }
            &.wp-block-gallery{
                display:flex;
                .wp-block-image{
                    margin:0;
                    img{
                        margin:0;
                    }
                }
            }
            li{
                width:100%;
            }
            .has-background{
                padding-left:var(--wp--custom--margin--gap);
            }

        }
        .is-style-shrink{
            width:100%;
        }
        .alignleft,
        .alignright{
            float:none;
            margin: var(--wp--custom--margin--block, 1.5rem auto);
            clear:both;
        }
        .wp-block-image{
            text-align:center;
        }
        & > :where(h1,h2,h3,h4,h5,h6,p,ul,ol){
            width:100%;
        }
    }
}

/**
 * Experimental setting
 */

.prefers-color-scheme-dark{
    background:var(--wp--custom--color--dark-mode-bg, #1b262c);
    --wp--custom--color--link:#fff;
    --wp--custom--color--button-bg:#333;
    --wp--custom--color--button-text:#fff;
    .wp-block-navigation:not(.has-background),
        .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        color: #fff;
        background-color: #000;
    }
    &:where(body){

        color:#fff;
        &.is-presentation-theme .footer-layer:not(.html-header),
            .relate-content-wrapper:not(#specificity),
            .comment-wrapper:not(#specificity),
            article.post  *:not(#specificity):not(.show-post-image){
            color:currentColor!important;
            background:transparent!important;
            background-color:transparent!important;
            &[style*="background"] *,
            &[style*="background"]{
                background:transparent!important;

            }
            a{
                color:#fff;
            }
        }
        .has-background{
            color:revert;
            background-color:revert;
        }
        [style*="background"]{
            color:revert;
            background-color:revert;
            & > *{
                color:revert;
            }
        }
        article{
            a{
                color:#fff;
            }
        }
        .wp-block-button__link,
        .wp-block-code{
            border:1px solid;
        }
    }
}
.emulsion.fse-scheme-daybreak:not(.prefers-color-scheme-dark){
    .wp-block-navigation:not(.has-background),
        .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        color: #000;
        background-color: #fff;
    }

}
.fse-scheme-daybreak{
    --wp--custom--color--banner-bg:linear-gradient(90deg, #82ccdd, #f8c291);
    .footer-layer,
    .header-layer{
        background:var(--wp--custom--color--banner-bg);
        color:#000;
        a{
            color:#000;
        }
    }
}
.emulsion.fse-scheme-default{
    .wp-block-navigation:not(.has-background),
        .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        color: #000;
        background-color: #fff;
    }
}
.emulsion.fse-scheme-midnight{
    .wp-block-navigation:not(.has-background),
        .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        color: #fff;
        background-color: #000;
    }

}

/**
 * Preset Margins
 */

$spacings: 40,50,60,70;

@each $space in $spacings {
    [style*="margin-left:var(--wp--preset--spacing--#{$space})"]:not(#specificity){
        max-width:calc(100% - var(--wp--preset--spacing--#{$space}) );
        @media (min-width: 768px){
            width: auto;

            margin-left:calc(var(--wp--custom--margin--start-content) + var(--wp--preset--spacing--#{$space}) ) !important;
        }
    }
    [style*="margin-right:var(--wp--preset--spacing--#{$space})"]:not(#specificity){
        max-width:calc(100% - var(--wp--preset--spacing--#{$space}) );
        @media (min-width: 768px){
            width: auto;
            margin-right:calc(var(--wp--custom--margin--start-content) + var(--wp--preset--spacing--#{$space}) ) !important;
        }
    }
    [style*="margin-left:var(--wp--preset--spacing--#{$space})"][style*="margin-right:var(--wp--preset--spacing--#{$space})"]:not(#specificity){
        max-width:calc(100% - var(--wp--preset--spacing--#{$space}) * 2 );
        @media (min-width: 768px){
            width: auto;
            margin-right:calc(var(--wp--custom--margin--start-content) + var(--wp--preset--spacing--#{$space}) ) !important;
        }
    }
    .alignwide[style*="margin-left:var(--wp--preset--spacing--#{$space})"]:not(#specificity){
        max-width:calc(100% - var(--wp--preset--spacing--#{$space}) );
        @media (min-width: 920px){
            width: auto;
            margin-left:calc(var(--wp--custom--margin--start-wide) + var(--wp--preset--spacing--#{$space}) ) !important;
        }
    }
    .alignwide[style*="margin-right:var(--wp--preset--spacing--#{$space})"]:not(#specificity){
        max-width:calc(100% - var(--wp--preset--spacing--#{$space}) );
        @media (min-width: 920px){
            width: auto;
            margin-right:calc(var(--wp--custom--margin--start-wide) + var(--wp--preset--spacing--#{$space}) ) !important;
        }
    }
    .alignwide[style*="margin-left:var(--wp--preset--spacing--#{$space})"][style*="margin-right:var(--wp--preset--spacing--#{$space})"]:not(#specificity){
        max-width:calc(100% - var(--wp--preset--spacing--#{$space}) * 2);
        @media (min-width: 920px){
            width: auto;
            margin-right:calc(var(--wp--custom--margin--start-wide) + var(--wp--preset--spacing--#{$space}) ) !important;
        }
    }
}
[style*="margin-left:0"]:not(#specificity){
    @media (min-width: 768px){
        margin-left:auto !important;
    }
}

[style*="margin-right:0"]:not(#specificity){
    @media (min-width: 768px){
        margin-right:auto !important;
    }
}
/**
         * VARIATION
 */

/**
 * Content Margin Padding
 * eg h* ul ol table
         * @extend %content_spacing;
 */

%content_spacing{
    box-sizing:border-box;
    padding-right:var( --wp--custom--padding--content, .75rem );
    padding-left:var( --wp--custom--padding--content, .75rem );
    margin: var(--wp--custom--margin--block, 1.5rem auto);
}
/**
 * Layout Block Margin Padding
 * A wrapper block containing content (eg p h* ul ol table)
        * @extend %structure_spacing;
 *
 */

%structure_spacing{
    box-sizing:border-box;
    padding:0 0 0 0;
    margin:var(--wp--custom--margin--container);
    overflow:visible;
}
/**
    * Fix flex container push
        * @extend %fix-flex-container-push;
 */

%fix-flex-container-push{
    @media (min-width: 768px){
        &:not(.specificity){

            max-width:calc( 100% - var(--wp--custom--padding--content,.75rem) * 2);
            margin-right: calc(50% - var(--wp--custom--width--content) / 2 );
            margin-left: calc(50% - var(--wp--custom--width--content) / 2 );
            &.is-layout-flow:not(.is-root-container),
                &.has-fluid-children{
                margin-right:auto;
                margin-left:auto;
            }

            &.alignleft{
                width:var(--wp--custom--width--float);
                max-width:100%;

                margin:var(--wp--custom--margin--alignleft);

            }
            &.alignright{
                width:var(--wp--custom--width--float);
                max-width:100%;
                margin:var(--wp--custom--margin--alignright);
            }

            &.aligncenter{
                // @extend %aligncenter;
                margin-right:auto;
                margin-left:auto;
            }
            .wp-block-columns{
                max-width:100%;
                margin:auto;

                .wp-block-column{
                    max-width:100%;
                    .wp-block-separator{
                        max-width:100%;
                        margin:auto;
                        border:1px solid;

                    }
                    .wp-block-buttons{

                        margin:auto;
                    }
                }
            }

            & > .alignfull,
            & > .alignwide{
                max-width:100%;
                margin:auto;
            }
        }
    }
    @media (min-width: 968px){
        &:not(.specificity){
            &.alignwide{
                max-width:var(--wp-custom--width--wide,920px);
                margin-right:calc(50% - var(--wp-custom--width--wide,920px) / 2 + var(--wp--custom--padding--content, .75rem));
                margin-left:calc(50% - var(--wp-custom--width--wide,920px) / 2 + var(--wp--custom--padding--content, .75rem));
                & > .alignfull,
                & > .alignwide{
                    max-width:100%;
                    margin:auto;
                }
            }
        }
    }

    &:not(.specificity){
        &.alignfull{
            float:none;
            width:auto;
            max-width:100%;
            margin:var(--wp--custom--margin--container);
            clear:both;

            & > .alignfull,
            & > .alignwide{
                max-width:100%;
                margin:auto;
            }
        }
    }
}
/**
 * Content wrapper to be placed horizontally
        * @extend %flex-container;
 */

%flex-container{
    display:flex;
    flex-wrap:wrap;
    .columns-default{
        flex-wrap:nowrap;
    }
    gap:var(--wp--style--block-gap, 3px);
    --wp--style--block-gap:var(--wp--custom--margin--gap, 3px);
}
/**
 * Block content is displayed in the center, and if the number of characters exceeds one line, it is displayed as a left-aligned tile.
        * @extend %center-short-sentences;
 */

%center-short-sentences{
    width:-moz-fit-content;
    width:fit-content;

    text-align:left;
}

/**
        * emulsion-block-pattern-list-tab
 * front end only style
 * class that transforms a nested list into a tab view
 */

.editor-styles-wrapper .emulsion-block-pattern-list-tab.is-selected{
    border:1px dashed;
    &:before{
        display:inline-block;
        padding:var( --wp--custom--padding--content, .75rem );
        margin-bottom:1rem;
        color:white;
        content:'emulsion block pattern list tab';
        background:#333;
    }
}

.list-style-tab{
    // @extend %block;
    margin:1.5rem auto .75rem;
    &.success-js{
        position:relative;
        margin-top:1.5rem;
        margin-bottom:.75rem;
        overflow:hidden;
        list-style:none;
        & > li{
            width:auto;
            box-sizing:border-box;
            float:left;
            padding:.75rem 1rem;
            margin-top:0;
            margin-right:3px;
            margin-bottom:0;
            clear:none;
            text-indent:0;
            list-style:none;
            visibility:visible;
            border:var(--wp--custom--border--common);
            &:before{
                visibility:hidden;
                outline:none;
            }
            &:hover{
                cursor:pointer;
            }
            &:focus,
                &.active{
                visibility:visible;
                outline:none;
            }
            &:after{
                position:absolute;
                top:calc(var(--wp--preset--font-size--normal) * 3);
                right:0;
                left:0;
                box-sizing:inherit;
                display:block;
                content:'';
                border-top:var(--wp--custom--border--common);
            }
            ol,
            ul{
                position:absolute;
                left:0;
                box-sizing:border-box;
                width:100%;
                padding:var( --wp--custom--padding--content, .75rem );
                margin-top:.75rem;
                list-style-type:none;
                visibility:hidden;


                li{
                    text-indent:0;
                    &:before{
                        display:none;
                    }
                }
            }
            &:focus{
                ul{
                    top:calc(clamp(var(--wp--preset--font-size--normal), calc( 100vw / 72 * 1.5), var(--wp--preset--font-size--medium)) * 3);
                    visibility:visible;
                    &:before,
                        &:after {
                        display: table;
                        content: " ";
                    }
                    &:after {
                        clear: both;
                    }
                }
            }
        }
        &.has-background{
            & > li{
                &:after{
                    top:4rem;
                }
            }
        }
    }
}
.list-style-tab.success-js{
    & > li{
        &.active{
            background:rgba(188, 188, 188, 0.5);
        }
    }
}
.emulsion{
    .wp-block-column:not(.is-style-main)  .list-style-tab > li{
        padding:.75rem 1rem;
    }
}

/**
        * .emulsion-panel
 */

.wp-block-group.emulsion-panel{

    position:relative;
    width:calc(var(--thm_content_width, 720px) - var(--wp--custom--padding--content, .75rem) * 2);
    overflow:hidden;
    border:var(--wp--custom--border--common);
    @extend %content_spacing;
    padding:0;
    .emulsion-panel-title{
        width:100%;
        margin:var(--wp--custom--margin--container);
        padding:.75rem;
        border-bottom:var(--wp--custom--border--common);
    }
    .emulsion-panel-content{
        @extend %structure_spacing;

    }
    &.has-background{
        padding:0;
    }
}
/**
        * .dropdown-on-hover
 */

.emulsion:not(.block-editor-page){
    .dropdown-on-hover{
        position:relative;
        width:calc(var(--thm_content_width, 720px) - var(--wp--custom--padding--content, .75rem) * 2);
        padding:0;
        margin:1.5rem auto;
        border:var(--wp--custom--border--common);

        &:focus-within,
            &:active,
            &:focus,
            &:hover{
            position:static;
            .dropdown-on-hover-content:not(#specificity){
                position:relative;
                visibility:visible;
                border:var(--wp--custom--border--common);
            }
            .dropdown-on-hover-title{
                margin:var(--wp--custom--margin--container);
                margin-bottom:0;
                border:var(--wp--custom--border--common);
            }
        }
        .dropdown-on-hover-content:not(#specificity){
            position:absolute;
            box-sizing:border-box;
            display:block;
            visibility:hidden;
            border-top:none;
            @extend %structure_spacing;
        }
        .dropdown-on-hover-title{
            position:relative;
            box-sizing:border-box;
            display:block;
            padding:.5em var(--wp--custom--padding--content, .75rem);
            margin:var(--wp--custom--margin--container);
            font-weight:700;
            visibility:visible;
            &:hover{
                cursor:pointer;
            }

            &:after{
                display: inline-block;
                width: 13px;
                height: 13px;
                margin: 0 5px;
                margin-left:.5rem;
                vertical-align: middle;
                content: " ";
                background: url(../images/svg/arrow-down.svg);
                filter: none;
                background-repeat: no-repeat;
                background-size: contain;
                background-size: contain;
                transition: all 1s ease-in-out;
            }
        }
    }
}
/**
        * .dropdown-on-click
 */

[amp]{
    .emulsion:not(.block-editor-page){
        .dropdown-on-click{
            .dropdown-on-click-title{
                &:after{
                    display:none;
                    content:'';
                }
            }
            .dropdown-on-click-content{
                position:relative;
                box-sizing:border-box;
                display:block;
                visibility:visible;
                border-top:none;
            }
        }
    }
}

.emulsion:not(.block-editor-page){
    .wp-block-post-content{
        .dropdown-on-click{
            margin:1.5rem auto;
        }
    }
    .dropdown-on-click{
        position:relative;
        width:calc(var(--thm_content_width, 720px) - var(--wp--custom--padding--content, .75rem) * 2);
        padding:0;
        overflow:visible;
        border:var(--wp--custom--border--common);
        outline:none;
        @extend %content_spacing;

        &:focus-within,
            &:active,
            &:focus{
            position:static;
            .dropdown-on-click-content:not(#specificity){
                position:relative;
                margin:0;
                visibility:visible;
                border:var(--wp--custom--border--common);
            }
            .dropdown-on-click-title{
                margin:0;
                border:var(--wp--custom--border--common);
                border-bottom:none;

            }
        }
        .dropdown-on-click-content:not(#specificity){
            position:absolute;
            box-sizing:border-box;
            display:block;
            visibility:hidden;
            border-top:none;
        }
        .dropdown-on-click-title{
            position:relative;
            box-sizing:border-box;
            display:block;
            margin:0;
            font-weight:700;
            visibility:visible;
            padding:.75rem;
            &:hover{
                cursor:pointer;
            }

            &:after{
                display: inline-block;
                width: 13px;
                height: 13px;
                margin: 0 5px;
                margin-left:.5rem;
                vertical-align: middle;
                content: " ";
                background: url(../images/svg/arrow-down.svg);
                filter: none;
                background-repeat: no-repeat;
                background-size: contain;
                background-size: contain;
                transition: all 1s ease-in-out;
            }
        }

    }
}

/**
        * .modal
 */

.emulsion:not(.block-editor-page){
    &:not(.agent-mobile-phone){
        .modal-open-link + .modal,
        [id|="modal-group"].is-opened,
        [id|="modal-group"].modal{
            visibility:hidden;

            .emulsion-modal-title{
                visibility:visible;
            }
            .modal-close-link{
                visibility:hidden;
            }
        }
        .modal-open-link a{
            pointer-events:none;
        }

        .modal-open-link:focus-within + .modal,
            [id|="modal-group"].is-opened,
            [id|="modal-group"]:target.modal{

            position:fixed;
            top:100px;
            right:0;
            bottom:auto;
            left:0;
            z-index:10000;
            max-height:var(--wp--custom--min-height--3-quarters, 75vh);
            overflow-y:auto;
            visibility:visible;
            filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));

            &.alignwide{
                position:fixed;
            }
            &.alignfull{
                position:fixed;
            }
            .modal-close-link{
                visibility:visible;
            }
        }
    }
    &.agent-mobile-phone{
        .modal-open-link{
            display:none;
        }
        .wp-block-group.modal{
            position:static;
            overflow:visible;
            visibility:visible;

            .emulsion-modal-title{
                display:none;
            }
        }

    }
    .wp-block-group.modal{
        position:absolute;
        left:-9999px;
        padding:0;
        overflow:hidden;
        color:#333;
        visibility:hidden;
        background:#fff;
        border:1px solid;


        .emulsion-modal-title{
            width:100%;
            padding:.5rem;
            margin:var(--wp--custom--margin--container);
            border:none;
            border-color:transparent;
            .modal-close-link{
                padding-left:24px;
                &:hover{
                    cursor:pointer;
                }
            }
        }
        .emulsion-modal-content{
            width:100%;
            margin-top:0;


        }
    }
}
[amp]{
    .emulsion{
        .modal-open-link{
            display:none;
        }
        &:not(.block-editor-page):not(.agent-mobile-phone) [id|="modal-group"].modal{
            visibility:visible;
            .emulsion-modal-title{
                display:none;
            }
        }
        .wp-block-group.modal{
            position:relative;
            left:0;
            padding:0;
            overflow:hidden;
            color:#333;
            visibility:visible;
            background:#fff;
        }
    }
}
/**
        * .is-style-sticky
 */

.interface-interface-skeleton__content [data-block].is-style-sticky,
.is-style-sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-self: flex-start;
    margin:0;
    @media screen and (max-width: 600px) {
        position:static;
    }
}
.on-scroll{
    .is-style-sticky{
        top: 6rem;
        @media screen and (max-width: 600px) {
            position:static;
        }
    }
}
#wp--skip-link--target:target{
    padding-top:3rem;
    margin-top:-3rem;
}
.is-style-list-style-none{
    list-style:none;
    ul,ol{
        list-style:none;
    }
}

/**
        * .is-style-list-style-inline
 */

ul .is-style-list-style-inline:not(.specificity),
ol .is-style-list-style-inline:not(.specificity){
    max-width:100%;
}
.wp-block-post-content{
    & > .is-style-list-style-inline{
        @extend %fix-flex-container-push;
    }
}
.is-style-list-style-inline{
    @extend %flex-container;
    @extend %content_spacing;
    align-items: center;
    justify-content: center;

    li{
        @extend %center-short-sentences;
        box-sizing:border-box;
        padding:var( --wp--custom--padding--content, .75rem );
        text-align:center;
        text-decoration: none;
        //border radius :Conflicts with site editor global style
        border-radius:5px;
        z-index:2;
        display:inline-block;
        flex:1 1 auto;
        list-style:none;
        border:var(--wp--custom--border--common,1px solid #ccc);
    }

}
.wp-block-column{
    .wp-block-image{

    }
    .is-style-list-style-inline{
        max-width:100%;
        margin:1.5rem auto;
        overflow-x:auto;
    }
}

/**
 * Misc
 */
.relate-posts{
    list-style:none;
    padding-left:var(--wp--custom--padding--content);
    li{
        width:100%;
        line-height:48px;
        margin-bottom:var(--wp--custom--padding--content);
        .relate-post-no-icon,
        img{
            margin-right:var(--wp--custom--padding--content);
            vertical-align:middle;
            width:46px;
            height:46px;
        }
        a{
            vertical-align:middle;
            text-decoration:none;
        }
        .relate-post-no-icon{
            display:inline-block;
            background:var(--wp--preset--color--white);
            border:var(--wp--custom--border--common);
            display:inline-block;
            width:46px;
            height:46px;
            padding:0;
            line-height:46px;
            text-align:center;
            text-transform: uppercase;
            vertical-align:middle;
            border:var(--wp--custom--border--common);
            position:relative;
            &:before{
                position: absolute;
                top: 0;
                left: 0;
                z-index:2;
                width: 100%;
                height: 100%;
                content: "";
                background-image: linear-gradient(to right bottom, transparent 49.9%, #ccc 50%, transparent 50.1%);
            }
        }
    }
}
.main-query{
    .is-flex-container {
        gap:var(--wp--style--block-gap);
        li{
            border:var(--wp--custom--border--common);
        }
    }
    ul.is-flex-container{
        .wp-block-post-featured-image{
            margin-bottom:0;
        }
    }
}
.logged-in .debug{
    border:1px solid red ! important;
}
.edit-site-sidebar-navigation-screen__content{
    overflow-y: auto;
    overflow-x:hidden;
    height: 50vh;
}