@layer template forced short_template short_template_forced;

@layer short_template {
    body {
        background-color: #f3f3f3;
    }

    .inner_page {
    }

    .header {
        padding: 10px 0 5px;
        box-shadow: 0 3px 20px 0px rgb(56 142 60 / 36%);
    }

    .header .h_logo {
    }

    .header .hl_title {
        font-size: 2em;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .header .hl_title a {
        border: none;
        color: inherit;
        position: relative;
    }

    .header .hl_title a:after {
        content: attr(data-label);
        right: -3px;
        transform: translate(100%, 0px);
        top: 0;
        color: white;
        font-weight: 500;
        letter-spacing: 0.3px;
    }

    .hl_title span {
        /* bottom: auto; */
        /* right: -3px; */
        /* transform: translate(100%, 0px); */
        /* top: 0; */
    }

    .hl_title:before {
        position: relative;
        display: block;
        transform: none;
        margin: 0;


    }

    .hl_title:after {
        top: 7px;
        transform: translate(60px, 0px);
    }

    .short_content {
        /* padding-top: 10px; */
    }

    .batiskaf_navchain {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        font-size: 0.85em;
        align-items: center;
        padding-top: 15px;
    }

    .batiskaf_navchain a {
        color: var(--text-color);
    }


    .batiskaf_navchain ins {
        background-color: #388E3C;
        width: 4px;
        height: 4px;
        border-radius: 10px;
    }
}

@layer short_template_forced {
    .c_l_pad {
        padding-left: 30px;
        /* font-size: 0.8em; */
    }

    .batiskaf_navchain {
        /*padding-left: 83px;*/
    }

    .header {
        background-color: #77CD8E;
        box-shadow: 0 3px 20px 0px rgb(213 206 206);
    }
}