/*!
Theme Name: News Bulban V1
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.

*/


::-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);}


.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;} 
 


pre,
dl, ol, ul {
    margin-bottom: 1.5rem;
}


.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: #ebebeb;
    /* background-color: var(--bs-primary); */
}
.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;
}

.pb-50p {
    padding-bottom: 50%;
}



.cover-thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ebebeb;
    z-index: 1;
    opacity: 1;
    transition: opacity 1500ms;
}



:root {
    --white : #fff;
    --warning : #ffaa2b;
    --warning-old : #fe9901;
    --warning-soft : #ffb74c;
    --primary :#0149AA;
    --primary-bg :rgba(144, 33, 255, 0.06);
    --primary-old : #013d8b;
    --primary-soft: #F6EDFF;
    --success : #20b2aa;
    --success-old : #1c948e;
    --dark: #000;
    --gray: #888888;
    --darkgray: #a9a9a9;
}


.bg-primary-soft {background-color: var(--primary-soft);}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary);
}
 
.btn-warning { border-color: var(--warning) !important; }

.text-bg-warning, .bg-warning, .btn-warning { 
    background-color: var(--warning) !important; }

.btn-warning:hover { 
    background-color: var(--warning-old) !important; 
    border-color: var(--warning-old) !important;
}

.text-bg-primary, 
.bg-primary, 
.btn-primary {
    background-color: var(--primary) !important;
}
.btn-primary, 
.btn-outline-primary {
    border-color: var(--primary) !important;
}
.btn-primary {
    color: var(--white);
}
.btn-primary:hover {
    background-color: var(--primary-old) !important;
    border-color: var(--primary-old) !important;
}

.text-primary,
.link-primary,
.btn-outline-primary {
    color: var(--primary) !important;
}
.link-primary:hover {
    color: var(--primary-old) !important;
}
.btn-outline-primary:hover {
    color: var(--white) !important;
    border-color: var(--primary-old) !important;
    background-color: var(--primary-old) !important;
}


.btn-success {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: var(--white) !important;
}
.btn-success:hover {
    background-color: var(--success-old) !important;
    border-color: var(--success-old) !important;
}

a {
    color: var(--dark);
    text-decoration: none;
}




.text-link {
    color: var(--primary) !important;
}

pre {
    /* background: var(--primary-soft); */
    padding: 24PX;
    overflow: auto;
    /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
    border: dashed 2px var(--primary);
}







p {
    margin-top: 0;
    /* margin-bottom: 1.5rem; */
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /* margin-bottom: 1.5rem; */
    /* margin-bottom: 1rem; */
    line-height: 1.3;
    font-weight: 600;
}

a:hover,
.entry-title a:hover {
    color: var(--primary);
}


/* HEADER */

.site-header {
    position: relative;
    z-index: 9;
    /* background-color: var(--white); */
}
.main-header {
    /* background-color: var(--white); */
}






/* SINGLE */







/* ================== KOMENTAR CSS */

.comment-form label {
    font-weight: 600;
}
/* .comments-area {
    position: relative;
    border-top: solid 1px #dee2e6;
    padding-top: 24px;
} */
/* .comments-area:before {
    content: '';
    border-top: solid 2px #dee2e6;
    position: absolute;
    width: 100%;
    top: -4px;
} */

.comments-area .comments-title span {}
.comments-area .comment-list {
    padding: 0;
    margin-bottom: 30px;
}
.comments-area .comment-list li {
    list-style: none;
    margin: 15px 0;
}
.comment-body, div#respond {
    margin-bottom: 2rem;
}
footer.comment-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}
.comment-metadata {
    font-size: 12px;
    opacity: 0.8;
} 






   














/* SIDEBAR */


aside .widget-title {
    /* font-weight: bold;
    border-left: solid 4px var(--primary);
    padding: 0 15px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--primary);
    line-height: normal;
    margin-bottom: 24px; */
}


/* WIDGET */

.widget_recent_entries {}
.widget_recent_entries ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.widget_recent_entries ul li {
    list-style: none;
}
.widget_recent_entries ul li a {
    display: block;
    color: var(--dark);
    font-weight: 500;
}
.widget_recent_entries ul li a:hover {
    color: var(--primary);
}
.widget_recent_entries ul li span {
    font-size: 14px;
    color: var(--gray);
}


figure {
    margin: 0;
}




/* @media (min-width: 1400px) {
    .kc-container,
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1100px;
    }
} */