/*!
Theme Name: News Bulban V4
Theme URI: https://bulbandigital.com/
Author: bulbandigital.com
Author URI: https://bulbandigital.com/
Description: Description
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bulban-digital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/

:root {
    --bs-bg-danger: #FF0004; 
}

.text-bg-danger {
    background-color: var(--bs-bg-danger) !important;
}


::-webkit-scrollbar{width: 10px;height: 10px;}::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 100px;}::-webkit-scrollbar-thumb{background: #bebebe;border-radius: 100px;}::-webkit-scrollbar-thumb:hover{background: #8b8b8b;}
.blur-up{-webkit-filter: blur(15px);filter: blur(15px);transition: filter 0ms, -webkit-filter 0ms, opacity 0ms, transform 0ms;opacity: 0.2;transform: scale(0);}.blur-up.lazyloaded{-webkit-filter: blur(0);filter: blur(0);transition: filter 1500ms, -webkit-filter 1500ms, opacity 1500ms ease-in-out, transform 1500ms ease-in-out;opacity: 1;transform: scale(1);}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em;}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em;}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em;}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;} 
 

/* embed,iframe,object{max-width:100%;}img{height:auto;max-width:100%;}figure{margin 0;}table{margin:0;width:100%;} */
iframe {
    max-width: 100%;
}
img {
    height: auto;
    max-width: 100%;
}

small {
    font-size: 13px !important;
}

/* Captions
--------------------------------------------- */
.wp-caption{margin-bottom:1.5em;max-width:100%;}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}.wp-caption .wp-caption-text{margin:.8075em 0;}.wp-caption-text{text-align:center;}
/* Galleries
--------------------------------------------- */
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em;}.gallery-item{display:inline-block;text-align:center;width:100%;}.gallery-columns-2{grid-template-columns:repeat(2,1fr);}.gallery-columns-3{grid-template-columns:repeat(3,1fr);}.gallery-columns-4{grid-template-columns:repeat(4,1fr);}.gallery-columns-5{grid-template-columns:repeat(5,1fr);}.gallery-columns-6{grid-template-columns:repeat(6,1fr);}.gallery-columns-7{grid-template-columns:repeat(7,1fr);}.gallery-columns-8{grid-template-columns:repeat(8,1fr);}.gallery-columns-9{grid-template-columns:repeat(9,1fr);}.gallery-caption{display:block;}

.swiper-button-next, .swiper-button-prev {
    background: rgba(255, 255, 255, 0.4);
    width: 42px;
    height: 42px;
    border-radius: 100px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 24px;
    color: #333;
}

.swiper-pagination-bullet {
    background-color: rgba(183, 183, 183, 0.4);
    opacity: 1;
}
.swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 10px;
    background-color: #b7b7b7;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}


.text-truncate-2,
.text-truncate-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-truncate-2 {
    -webkit-line-clamp: 2;
}
.text-truncate-3 {
    -webkit-line-clamp: 3;
}



/* thumbnail */
.post-thumbnail, 
a.post-thumbnail { 
    overflow: hidden;
    max-width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
    height: 0;
    padding-bottom: 60%; 
    overflow: hidden;
    /* background-color: var(--accent-primary-dark); */
}
.post-thumbnail.thumbnail-small {
    padding-bottom: 100%;
    width: 80px;
}
.post-thumbnail img, 
a.post-thumbnail img { 
    position: absolute;
    inset: 0; 
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transition: all ease 0.5s;
}







aside .wp-block-heading::before,
.widget-title:before {
    width: 6px;
    height: 20px;
    background: var(--bs-bg-danger) !important;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    border-radius: 10px;
}
aside .wp-block-heading,
.widget-title {
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    font-size: 14px;
    padding-left: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.widget-title .btn-indeks {
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: underline !important;
}



.widget_recent_entries {}

.wp-block-latest-posts,
.widget_recent_entries ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.wp-block-latest-posts li,
.widget_recent_entries ul li {
    position: relative;
    counter-increment: count;
}

.wp-block-latest-posts li::before,
.widget_recent_entries ul li:before {
    content: counter(count) ". ";
    font-weight: bold;
    margin-right: 10px;
    position: absolute;
    min-width: 40px;
    display: inline-block;
    font-size: 2em;
    line-height: 40px;
    font-family: serif;
    font-style: italic;
    opacity: 0.5;
}
.wp-block-latest-posts li a,
.widget_recent_entries ul li a {
    display: block;
    padding-left: 40px;
}
.widget_recent_entries ul li span {
    display: block;
    font-size: 14px;
    opacity: 75%;
    margin-top: 0.5em;
    padding-left: 40px;
}

.list-post article {
    /* border-bottom: solid 1px var(--bs-border-color); */
    margin-bottom: 24px;
    /* padding-bottom: 14px; */
}
.list-post .post-entry:last-of-type article {
    /* border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; */
}


.nav.navigation.pagination {}

.navigation.post-navigation .nav-links {
    display: flex;
    gap: 14px;
    flex-direction: column;
}
.page-numbers {
    display: inline-block;
    min-width: 24px;
    text-align: center;
    border-bottom: solid 1px rgba(153, 153, 153, 0);
}
span.page-numbers.current.active {
    border-bottom: solid 1px #999999;
}

@media (min-width: 576px) {
    .container {

    }
}

@media (min-width: 768px) {
    .container {
        max-width: 640px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 860px !important;
    }
/*     
    .post-thumbnail.thumbnail-slider {
        height: 0;
        padding-bottom: 50%;
    } */
}
 
@media (min-width: 1200px) {
    .container {
        max-width: 1100px !important;
    }
    .post-thumbnail.thumbnail-slider {
        /* height: 450px; */
        padding-bottom: 60%;
    }
}
 



@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 576px) {

}