.has-custom-logo{

    .site-title-text,
    .site-description{

        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);

    }
}
/**
 * header
 * ========================================================================== */
.header-layer{
    width:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;

    &.header-video-active{

        .entry-text{
            z-index:2;
            a{
                z-index:2;
            }
        }

        .site-description{
            z-index:2;
            a{
                z-index:2;
            }
        }

        .header-text{
            z-index:2;
            a{
                z-index:2;
            }
        }

        .site-description{
            z-index:2;
        }

    }
    .header-text{

        .site-title{

            padding-top:0;
        }

        .site-description{
            padding-left:var(--thm_content_gap, 24px);
            padding-right:var(--thm_content_gap, 24px);
            padding-bottom:0;
            display:inline-block;
        }
    }

    div.entry-text{

        margin-left:auto;
        margin-right:auto;
        max-width:100%;

        .entry-meta{
            padding-bottom:.75rem;
        }
    }

    &:not(.cta-layer-active){

        .page-title-block{
            min-height:25vh;
        }
    }

    div.page-title-block{

        margin-left:auto;
        margin-right:auto;
        overflow:hidden;
        max-width:100%;

        h2{
            @include font_size(2);
            margin-top:0;
            margin-left:auto;
            margin-right:auto;
            padding-bottom:.75em;
            padding-top:.75em;// not rem
            margin-bottom:0;
        }

        .taxonomy-description{

            @extend %block;
            margin:0 auto 24px;
            padding-left:0;
            padding-right:0;

            p{
                width: -moz-fit-content;
                width:fit-content;
            }

            p:first-child{
                margin-top:0;
            }

            p:last-child{
                margin-bottom:0;
            }
        }

    }
    &.cta-layer-active{

        div.page-title-block{

            h2{

                &:first-child:last-child{
                    // not exists taxonomy-description
                    padding-top:1em;
                    padding-bottom:1em;
                    margin-bottom:0;
                }
            }
        }
    }
    &.header-image-active{

        &.cta-layer-active{

            .wp-custom-header{

                height:var(--thm_header_media_max_height, 75vh);

                img{
                    height:var(--thm_header_media_max_height, 75vh);
                }
            }
        }

        .site-description,
        .header-text a{

            z-index:auto;
        }

        img{

            object-fit:cover;
        }

        .entry-text{

            z-index:3;
            padding-bottom:0;
            a{
                z-index:3;
            }
        }

        div.page-title-block{

            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            position:absolute;
            color:var(--thm_header_text_color);
            z-index:5;
            margin:auto auto 0 auto;
            top:100px;
            right:0;
            bottom:0;
            left:0;

            a{
                color:var(--thm_header_text_color);
            }
        }

        .header-layer-nav-menu{

            nav > ul > li > a{
                color:var(--thm_white_color);
            }
            .nav-menu-child-opener-label:before{
                //@since 1.2.9 move to style.css background:url('#{$theme_image_dir}svg/arrow-down.svg#white');
                background-size:contain;
            }
            .nav-menu-child-opener[type="checkbox"]:checked ~ label:before {
                //@since 1.2.9 move to style.css background:url('#{$theme_image_dir}svg/arrow-up.svg#white');
                background-size:contain;
            }
        }
    }
    /**
     * template-part-self.php
     * ========================================================================== */
    &.template-part-header-self{

        overflow:hidden;

        .entry-title{
            @extend %block;
            text-align:center;
        }

        .posted-on{
            @extend %block;
            text-align:center;
        }

        .entry-meta{
            @extend %block;
            text-align:center;
        }

        .is-user-header{

            left:0;
            width:100%;
            height:100%;
            position:relative;

            & > div,
            & > .alignfull{
                width:calc(100vw - 17px);
            }

            .shortcode-wrapper{
                width:100%;

                margin-top:0;
                margin-bottom:0;
            }
        }
    }
    /**
     * template-part-header.php
     * ========================================================================== */
    &.template-part-header{

        display:flex;
        flex-wrap:wrap;
        position:relative;
        flex-direction:column;

        .header-layer-site-title-navigation{

            .menu{

                .children,
                .sub-menu{
                    li{
                        box-sizing:border-box;
                    }
                }
            }
        }

        &.header-image-active{

            overflow:hidden;

            .wp-post-image{
                max-width:100%;
                -o-object-fit:cover;
                object-fit:cover;
                margin-top:0;
                display:block;
                position:absolute;
                top:0;
                left:0;
                width:100vw;
                height:var(--thm_header_media_max_height, 75vh);
            }
        }

        .header-layer-nav-menu{

            padding-right:24px;
            z-index:6;
            display:inline-block;
            text-align:right;
            flex:1 1 auto;

            ul.wp-nav-menu{
                &.top-right[data-direction="vertical"]{
                    margin-right:0;
                }
                &.top-right[data-direction="horizontal"]{
                    margin-right:0;
                }
            }
            nav{

                padding-top:.685rem;
                text-align:left;

                .menu{
                    margin-right:auto;
                    margin-left:auto;
                    &[data-direction="vertical"]{
                        margin-top:-.685rem;
                    }
                }
            }
        }

        .header-text{

            flex:1 1 auto;
            width:auto;
            min-width:298px;
            text-align:left;

            .site-title{
                position:static;
                width:auto;
                max-width:100%;
                margin:0;
                padding-top:11px;
            }
            .site-description{
                @include font_size(5,no-margin);
                width:auto;
                max-width:100%;
                margin-top:0;
                margin-bottom:0;
            }
        }

        .entry-text{

            flex:1 1 auto;
            text-align:center;

            .entry-title{
                margin-left:auto;
                margin-right:auto;
                width: -moz-fit-content;
                width:fit-content;
            }

            .posted-on{
                margin-left:auto;
                margin-right:auto;
                width: -moz-fit-content;
                width:fit-content;
            }

            .entry-meta{

                ul{
                    margin-left:auto;
                    margin-right:auto;
                }
            }

            .emulsion-scroll{
                margin-left:auto;
                margin-right:auto;
            }
        }

        .custom-logo-wrap img{
            width:auto;
            max-width: 100%;
            max-height:60px;
            vertical-align: middle;
            // transform: translate(0, -.5rem);
        }
    }
    /**
     * template-part-header-custom.php
     * ========================================================================== */
    &.template-part-header-custom{

        overflow:visible;

        &.password-required{

            .entry-text{
                position:static;
                overflow-y:visible;
                margin-bottom:0;
                padding-bottom:4rem;
            }
        }

        &.no-header-media{

            height:auto;
            min-height:70px;

            .header-text{
                position:static;
                z-index: 3;
            }
            .page-title-block,
            .entry-text{
                position:static;
                overflow-y:visible;
            }
        }

        .header-text{

            width:100%;
            top:0;
            left:0;
            z-index: 4;

            .site-title{
                margin-top:0;
                margin-right:0;
                margin-bottom:0;
                margin-left:0;
                padding-top:var(--thm_content_gap, 24px);
                padding-left:var(--thm_content_gap, 24px);
                z-index:3;

            }

            .site-description{
                margin-top:0;
                margin-bottom:0;
                padding-left:var(--thm_content_gap, 24px);
                // position:relative;
                z-index:7;
                padding-bottom:.75rem;
            }

            .site-title-link{
                position:relative;
                z-index:7;
            }

            .wp-custom-logo .site-title-text{
                position: absolute;
                clip: rect(1px, 1px, 1px, 1px);
            }

            .custom-logo-wrap img{
                max-width: 100%;
                vertical-align: middle;
                width:auto;
            }
        }

        .wp-post-image{
            max-width:100%;
            -o-object-fit:cover;
            object-fit:cover;
            margin-top:0;
            display:block;
            position:relative;
            top:0;
            left:0;
            width:100vw;
            height:var(--thm_header_media_max_height, 75vh);
        }

        .wp-custom-header{

            //header image video wrapper
            position:relative;
            text-align:center;

            video#wp-custom-header-video{
                display:block;
                margin-left:auto;
                margin-right:auto;
                object-fit:contain;
                width:auto;
                height:var(--thm_header_media_max_height, 75vh);
            }

            iframe#wp-custom-header-video,
            img{
                display:block;
                margin-left:auto;
                margin-right:auto;
                object-fit:cover;
                width: 100vw;
                height: var(--thm_header_media_max_height, 75vh);
            }
        }

        .entry-text{

            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            text-align:center;
            overflow-y:auto;
            overflow-x:hidden;
            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:flex-start;
            -ms-flex-direction:column;
            flex-direction:column;
            box-sizing:border-box;
            min-height:25vh;

            & > div{
                //  flex:1 1 auto;
                max-width:100%;
                width:var(--thm_main_width);
            }

            div .entry-title{
                width: -moz-fit-content;
                width:fit-content;
                overflow:hidden;

            }

            .entry-meta{
                @extend %block;
                @include font_size(5);
            }

            .posted-on{
                @extend %block;
                @include font_size(5);
                width: -moz-fit-content;
                width:fit-content;
            }

            .entry-title{
                @extend %block;
            }
        }
    }

    &.header-image-active{

        img{
            -webkit-transition:  filter 1s ease;
            transition: filter 1s ease;
            position:relative;
            z-index:1;
        }
        .header-text,
        .taxonomy-description{
            transition: background 1s ease;
        }
        .entry-text{

            -webkit-transition:  background 1s ease; /* Safari */
            transition: background 1s ease;
            justify-content:center;

            & > div{
            }

            &:before{
                content:' ';
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
                background:var(--thm_header_image_dim);
                z-index:-1;
            }

            .entry-title{
                z-index:2;
            }

            .entry-meta{
                li{
                    z-index:2;
                }
            }
        }

    }

}
body:not(.home){
    .header-image-active{
        img{
            z-index:1;
        }
        &:hover{
            .header-text{
                transition: all 1s ease;
                background:var(--thm_header_image_dim);
            }
        }
    }
}
body.single .header-layer.cta-layer-active,
body.page .header-layer.cta-layer-active{
    .entry-text{
        min-height:0;

    }
}
/**
* Site Title Only Home
*/
.home:not(.paged){
    .header-layer{
        &.template-part-header-custom{
            &.header-image-active{
                .header-text{
                    transition:none;
                    .site-title-text{
                        color:var(--thm_white_color);

                    }
                    .site-description{
                        color:var(--thm_white_color);
                    }

                    &:before{
                        content:' ';
                        position:absolute;
                        top:0;
                        left:0;
                        width:100%;
                        height:100%;
                        background:var(--thm_header_image_dim);
                        z-index:-1;
                    }
                }

            }
        }
    }
}

.drawer-is-active{

    .header-layer{
        &.header-image-active{
            &:hover{
                .header-text{
                    transition:none;
                    background:transparent;
                }
            }
        }
    }
    .header-layer{
        &.template-part-header-custom{
            &.header-image-active{
                .header-text{
                    transition:none;
                    background:transparent;
                }
            }
        }
    }
    &.home:not(.paged){

        .header-layer{
            &.template-part-header-custom{
                &.header-image-active{
                    &:hover{
                        background:transparent;
                    }
                    .header-text{
                        transition:none;
                        background:transparent;
                        &:before{
                            display:none;
                        }
                        .site-title-text{
                            color:var(--thm_header_text_color);
                        }
                        .site-description{
                            color:var(--thm_header_text_color);
                        }

                    }
                }
            }
        }
    }
}


.page{

    .header-layer{

        &.header-image-active{

            .entry-text{

                & > div{
                    margin-top:0;
                }
            }
        }
    }

    article{

        .show-post-image{

            .entry-title{
                margin-top:0;
            }
        }
    }
}

.home{

    .header-layer{

        &.template-part-header-custom{

            &.header-image-active{

                .header-text{
                    .site-title{
                        padding-top:0;
                        z-index:3;
                    }
                }
            }
        }
    }
}
/**
 * CSS sequence
 * ========================================================================== */
body{
    &.blog{
        .breadcrumbs{
            display:none;
        }
    }

    /**
     * Type Page
     * 404 file not found, fail search.
     */
    &.search-no-results,
    &.error404{

        .breadcrumbs{
            display:none;
        }

        .page-wrapper{

            margin-top:0;
            margin-bottom:0;

            .emulsion-failed{
                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;
                min-height:calc(100vh - 14rem);
            }
        }
    }

    /**
     * Type Paged
     * diaable Header Image
     */
    &[class*="paged-"]{

        .header-image-active{

            &.template-part-header-custom{
                min-height:75px;
            }
        }

        .hero-content{
            // same .entry-text
            display:none;
        }
    }

    .toc > ul{
        max-height:80vh;
        overflow-y:auto;
        list-style-type:disc;
    }

    .template-part-header{

        .header-layer-site-title-navigation{

            display:flex;
            width:100%;
            z-index:9999;

            .header-text{
                flex:1 1 auto;
                position:relative;
            }
            .header-layer-nav-menu{
                flex:1 1 auto;
                position:relative;
            }
        }
    }
    /**
     * When Scroll
     * ========================================================================== */
    &.on-scroll{

        .header-image-active{

            &.template-part-header{

                .header-layer-site-title-navigation{
                    display:flex;
                    width:100%;
                    z-index:3;
                    position:fixed;
                }
            }
            .entry-text{
                height:100%;
            }
        }
        .header-image-active + .page-wrapper{
            padding-top:0;
        }
    }
    /**
     * Type Singular
     * ========================================================================== */
    &.page,
    &.single{

        .template-part-header-custom{

            &.header-image-active{

                .header-text{
                    position:absolute;
                }
            }
        }

        .template-part-header{

            &.header-image-active{

                .header-text{
                    z-index:4;
                }
            }
        }
    }
    /**
     * When has header image
     * ========================================================================== */
    .header-image-active{

        &.template-part-header{

            .header-layer-site-title-navigation{

                .header-text{
                    .site-description{
                        display:block;
                    }
                }
            }
        }
    }

    .header-image-active + .page-wrapper{
        padding-top:70px;
    }

    .wp-custom-header{
        max-height:var(--thm_header_media_max_height, 75vh);
        img{
            width:100vw;
            // height: calc( 100vw * #{$header_image_ratio} );
            height:var(--thm_header_media_max_height, 75vh);
        }
    }

    .header-video-active{

        iframe#wp-custom-header-video{
            width:100vw;
            height:var(--thm_header_media_max_height, 75vh);
            margin-top:0;
        }
    }

    &.enable-alignfull{

        iframe#wp-custom-header-video{
            width:100vw;
            height:var(--thm_header_media_max_height, 75vh);
            margin-top:0;
        }
    }


    &.admin-bar{
        header{
            .header-text{
                flex:1 1 auto;
            }
        }
    }
}

.header-layer-site-title-navigation.is-user-header:empty{
    display:none;
}

button.wp-custom-header-video-button{

    margin:.5em;
    display:inline-block;
    background:rgba(188,188,188,.4);
    position:absolute;
    right:auto;
    left:16px;
    bottom:0;
    padding:2px 4px 0;
    border-radius: 0;
    z-index:4;
    outline:none;
    border:none;

    .icon-play,
    .icon-pause{
        width:32px;
        height:36px;
    }
}
@supports ( width:fit-content ) or ( width: -moz-fit-content ){

    body > header .entry-text div .entry-title{
        text-align:left;
        width: -moz-fit-content;
        width:fit-content;
    }

    .emulsion-scroll{
        display:inline-block;
        width: -moz-fit-content;
        width:fit-content;
        max-width:100%;
    }
}

.taxonomy-description{
    @extend %block;
    margin:0 auto 24px;
}
/**
 * drawer
 * ========================================================================== */
.drawer-is-active{

    //conditional setting
    .entry-text{
        display:none!important;
    }

    .page-title-block{
        display:none!important;
    }

    .wp-post-image{
        height:100px!important;
    }

    &.home:not(.paged){

        .header-layer{

            &.header-video-active,
            &.header-image-active{

                &.template-part-header-custom{

                    .header-text{
                        width:90vw;
                        display: block;
                        height: 20vh;
                        margin-left:auto;
                        margin-right:auto;
                        left:0;
                        right:0;
                        .site-title{
                            margin-left:auto;
                            margin-right:auto;
                        }
                        .site-description{
                            margin-left:auto;
                            margin-right:auto;
                            display:block;
                        }
                    }
                }
            }
            &.template-part-header-custom{

                &.header-image-active{

                    .header-text{

                        transition: all 1s ease;

                        .site-title-text{
                            transition: all 1s ease;
                            -moz-text-stroke: 1px rgba(0,0,0,.5);
                            -webkit-text-stroke: 1px rgba(0,0,0,.5);
                        }
                        .site-description{
                            transition: all 1s ease;
                        }
                    }
                }
            }
        }
    }
}

.drawer-wrapper{

    label[for="c1"]{

        position:absolute;
        right:0;
        top:1rem;
        z-index:4;

        .icon{
            position:absolute;
            top:.5rem;
            right:1.5rem;
            background:transparent;
            fill:var(--thm_header_text_color);
            cursor:pointer;
            z-index:8;
        }

        &.close{
            right:1rem;
        }
    }

    input[id="c1"]{
        visibility:hidden;
        position:absolute;
        right:0;
        top:0;
        margin:0;
        padding:0;
        z-index:1;
    }

    input[id="c1"]:checked~.drawer{
        display:block;
        width:100%;
        /*safari*/ height:775px;
        /*safari */ width:100vw;
        height:auto;
        z-index:6;
    }
}

.header-video-active,
.header-image-active{

    input[id="c1"]:checked~.drawer{
        min-height:100vh;
    }

    label[for="c1"]{

        top:1rem;

        &.close{

            right:1rem;

            .icon{
                fill:var(--thm_header_text_color);
            }
        }
        .icon{
            fill:var(--thm_white_color);
        }
    }

    .drawer{
        color:var(--thm_header_text_color);
        background: var(--thm_header_bg_color);
    }
}

.template-part-search-drawer:focus{

    label[for="c1"]{

        .icon{
            fill:red;
        }
    }
}

.header-video-active{
    min-height:70px;
}

.customize-partial-edit-shortcuts-shown,
.logged-in{

    .no-header-media{

        label[for="c1"]{

            z-index:4;

            .close,
            .icon{
                top:.5rem;
            }
        }
    }
    .header-video-active,
    .header-image-active{

        label[for="c1"]{

            z-index:4;

            .close,
            .icon{
                top:.5rem;
            }
        }
    }
}

.no-header-media{

    label[for="c1"]{

        .icon{
            top:.5rem;
        }
    }
    input[id="c1"]:checked~.drawer{
        min-height:100vh;
    }
}

.emulsion-append-header-layer:not(:empty) ~ .drawer-wrapper .drawer-block{
    margin-top:18rem;
}

.drawer{

    color:var(--thm_header_text_color);
    background: var(--thm_header_bg_color);
    display:none;
    position:absolute;
    top:0;
    left:0;
    text-align:left;

    li{

        width:auto;
        h4,
        a{
            color:var( --thm_header_text_color );
        }
    }

    .close{
        position:absolute;
        z-index:5;
        cursor:pointer;
    }

    .search-box{
        margin-top:6rem;
        form{
            text-align:center;
        }
    }

    .search-info{

        .taxonomy {

            width:var(--thm_content_width, 720px);

            li{
                list-style:none;
                &.horizontal-list-group{
                    margin-left:auto;
                    margin-right:auto;
                }
            }
            ul{
                width:auto;
            }
        }
    }

    .drawer-block{

        width:var(--thm_main_width);
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
        padding-bottom:20vh;

        .search-info{

            .taxonomy{

                li:before{
                    display:none;
                }
            }
        }
    }
}


.emulsion-layout-has-title{

    .page-title-block{

        position:relative;
        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;
        min-height:25vh;
        box-sizing:border-box;
        margin-left:calc(var(--thm_content_gap, 24px) * -1);
        margin-right:calc(var(--thm_content_gap, 24px) * -1);
    }

}

.home{

    .header-video-active,
    .header-image-active{

        .drawer-block{
            margin-top:25vh;
        }
    }

    &.emulsion-header-has-title,
    &.emulsion-layout-has-title{

        .no-header-media.cta-layer-active.template-part-header-custom{

            .cta-layer{

            }
        }
        .header-video-active.cta-layer-active.template-part-header-custom,
        .header-image-active.cta-layer-active.template-part-header-custom{

            position:relative;

            .cta-layer{
                position:absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }
        }
        &.drawer-is-active{

            .cta-layer-active.template-part-header-custom{

                .cta-layer{
                    top:0;
                    height:25vh;
                }
            }
        }
    }
}

.search-results,
.error404,
.author,
.tag,
.category{

    &.emulsion-header-has-title{

        .cta-layer-active.template-part-header-custom{

            .cta-layer{

            }
        }
        &.drawer-is-active{

            .cta-layer-active.template-part-header-custom{

                .cta-layer{
                    top:3rem;
                }
            }
        }
    }
}

body.single{

    &.emulsion-header-has-title{

        .no-header-media.cta-layer-active.template-part-header-custom{

            .cta-layer{

            }
        }

        .header-video-active.cta-layer-active.template-part-header-custom,
        .header-image-active.cta-layer-active.template-part-header-custom{

            position:relative;

            .cta-layer{
                position:absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }
        }

        &.drawer-is-active{

            .cta-layer-active.template-part-header-custom{

                .cta-layer{
                    top:5.5rem;
                }
            }
        }
    }

}

body.page{

    &.emulsion-header-has-title{

        .header-video-active.cta-layer-active.template-part-header-custom,
        .header-image-active.cta-layer-active.template-part-header-custom{

            position:relative;

            .cta-layer{
                position:absolute;
                bottom: 0;
                left: 0;
                right: 0;

            }
        }
        &.drawer-is-active{

            .cta-layer-active.template-part-header-custom{

                .cta-layer{
                    top:3rem;
                }
            }
        }
    }
}
.cta-layer-active{

    .drawer-block{
        margin-top:240px;
    }

    .cta-layer{

        text-align:center;
        z-index:10;
        min-height:25vh;
        text-align:center;
        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:row;
        flex-direction:row;
        flex-wrap:wrap;
        box-sizing:border-box;

        .skin-button{
            //@1.3.3 margin-bottom:3rem;
            margin:calc(var(--thm_box_gap, 3px) / 2) var(--thm_box_gap, 3px) ;

        }
    }
}

.is-searching-progress{

    .site-title{
        font-size:1rem;
    }
}
input[type="checkbox"][data-skin] + label[for="primary-menu-controll"],
.header-layer-nav-menu input[type="checkbox"][data-skin] + label[for="primary-menu-controll"]{
    margin:0 1em 45px;
    display:block;
    vertical-align:middle;
    clear:both;
    position:relative;
    left:calc(100% - 2rem);
    top:3rem;
}

.emulsion-no-sidebar input[type="checkbox"][data-skin] + label[for="primary-menu-controll"],
.emulsion-no-sidebar .header-layer-nav-menu input[type="checkbox"][data-skin] + label[for="primary-menu-controll"]{
    left:100%;
}
.header-layer-nav-menu input[type="checkbox"][data-skin] {
    display:none;
}
input[type="checkbox"][id="toc-toggle"]{
    visibility:hidden;
    display:none;
}

input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span{
    margin:-30px 45px 0 0;
    display:inline-block;
    vertical-align: middle;
    cursor:pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background:var(--thm_gray_color);
    position: absolute;
    content: '';
}
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span {
    margin:0 45px 0 0;
    display:inline-block;
    vertical-align: middle;
    cursor:pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background:var(--thm_gray_color);
    position: absolute;
    content: '';
}
input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span,
input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:before,
input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:after{
    cursor: pointer;
    border-radius: 1px;
    height: 6px;
    width: 35px;
    background:var(--thm_gray_color);
    position: absolute;
    display: block;
    content: '';
}
input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:before,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:before{
    top: -10px;
}

input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:after,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:after{
    bottom: -10px;
}

input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span,
input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:before,
input[type="checkbox"][data-skin="hamburger"] + label[for="primary-menu-controll"] span:after{
    transition: all 500ms ease-in-out;
}
input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span {
    background-color: transparent;
}
input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:before,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:before,
input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:after {
    top: 0;
}
input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:before,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:before{
    transform: rotate(45deg);
}
input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:after,
.header-layer-nav-menu input[type="checkbox"][data-skin="hamburger"]:checked + label[for="primary-menu-controll"] span:after{
    transform: rotate(-45deg);
}
.header-layer-nav-menu input[type="checkbox"][data-skin] + label[for="primary-menu-controll"]{
    display:none;
}
html[style^="overflow"] .template-part-header-custom ~ .primary-menu-wrapper input[type="checkbox"][data-skin] + label[for="primary-menu-controll"]{
    // sticky column
    //visibility:hidden;
    //
    // position:absolute;
    @media screen and ( min-width : 780px ) {
        display:none;
    }
}
.emulsion-prepend-page-wrapper{

    @extend %block;
    margin-left:auto;
    margin-right:auto;
}
.emulsion-prepend-page-wrapper:empty{
    display:none;
}
.emulsion-prepend-page-wrapper:not(:empty){

    & ~ main{
        .grid,
        .stream{
            margin-top:0;
        }
    }
}
/**
 * Home Site Title ( not paged )
 * ========================================================================== */
.home:not(.paged){

    .header-layer{

        &.header-video-active,
        &.header-image-active{

            &.template-part-header-custom{

                .header-text{

                    height:100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    position:absolute;

                    .site-title{
                        @include font_size(1, no-margin;
                        text-align:center;
                        font-weight:normal;
                    }

                    .site-description{
                        text-align:center;
                    }
                }
            }
        }
        &.template-part-header-custom{

            &.header-image-active{

                .header-text{

                    //transition: all 1s ease;

                    .site-title-text{
                        transition: all 1s ease;
                        -moz-text-stroke: 1px rgba(0,0,0,.5);
                        -webkit-text-stroke: 1px rgba(0,0,0,.5);
                    }
                    .site-description{
                        transition: all 1s ease;
                    }
                }
            }
        }

        .custom-logo-wrap{
            img{
                height:48px;
                height: clamp(32px, calc( 100vw / 72 * 3), 48px);
            }

        }

    }
    &.drawer-is-active{
        .header-text{
            transform:translateY(72px);
        }
    }
}

.menu-inactive{

    #primary-menu-controll,
    *{
        display:none;
    }
}