/* Judul berita rata tengah */
@media (max-width: 768px) {
h1[data-helper-title="Judul"]{
font-size: 20px !important;

    }
}


/* Hide kategori hanya di halaman artikel */
.single-content ._category{
    display:none !important;
}

/* Shareit pindah ke bawah tags */
.tags{
    order:999 !important;
}

.shareit{
    order:1000 !important;
}

/* parent harus flex */
.single-content,
.post-content,
.entry-content{
    display:flex !important;
    flex-direction:column;
}


/* Hide judul breadcrumb terakhir */
.crumbs__current{
    display:none !important;
}

/* Hide judul breadcrumb terakhir */
.crumbs__current{
    display:none !important;
}

/* Judul berita rata tengah */
h1[data-helper-title="Judul"]{
    text-align:center !important;
    margin-left:auto;
    margin-right:auto;
}

/* Detail artikel di tengah */
._detail.flexcon.wrap.col-gap-20.row-gap-10.nolist{
    justify-content:center !important;
    text-align:center;
}


/*Kecilkan Ketegori dalam berita*/
@media (max-width: 768px) {
    /* Item kategori */
    ._category a {
        font-size: 10px !important;
        padding: px 8px !important;
        line-height: 1. !important;
        border-radius: 5px;
        display: inline-block;
        white-space: nowrap;
    }
}

/* Featured image full layar di mobile */
@media(max-width:768px){

    ._featured.relative.ofc{
        width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;

        border-radius:0 !important;
    }

    ._featured.relative.ofc img{
        width:100% !important;
        height:auto !important;
        display:block;
    }

}





/* HILANGKAN JARAK CAPTION */
.single-content ._featured-caption{
    margin-top:-20px !important;
    padding-top:4px !important;
    padding-bottom:0 !important;

    font-size:11px !important;
    line-height:1.4 !important;

    border-bottom:none !important;
}

/* MOBILE */
@media(max-width:768px){

    .single-content ._featured-caption{
        font-size:11px !important;
    }

}

/* DETAIL POST SINGLE */
.single-content ._detail{
    font-size:11px !important;
    gap:8px !important;
}








/* MOBILE ONLY */
@media(max-width:768px){

    /* PANEL FONT SIZE */
    .single-content ._font-size.flexcon.gap-10.align-center.info{

        position: fixed;

        top: 50%;
        right: -220px;

        transform: translateY(-50%);

        width: 220px;

        padding: 10px;

        background: #fff;

        border-radius: 16px 0 0 16px;

        box-shadow: 0 8px 24px rgba(0,0,0,.15);

        z-index: 9998;

        transition: right .3s ease;
    }

    /* SAAT AKTIF */
    .single-content ._font-size.flexcon.gap-10.align-center.info.active{
        right: 0;
    }

    /* TOMBOL PANAH */
    .font-toggle{

        position: fixed;

        top: 50%;
        right: 0;

        transform: translateY(-50%);

        width: 20px;
        height: 60px;

        background: #8c8c8c;

        color: #fff;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 12px 0 0 12px;

        z-index: 9999;

        cursor: pointer;

        font-size: 20px;

        box-shadow: 0 4px 12px rgba(0,0,0,.2);
    }

}


@media(max-width:768px){

    .single-content ._control.flexcon{
        transform: translateX(-15px);
    }

}