/*==================================================
PROGRESNEWS THEME
Sidebar Module
Version : 1.0
==================================================*/
/* =====================================
   SIDEBAR
===================================== */

.sidebar-news-card{
    margin-bottom:20px;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:20px;
}

.sidebar-news-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:6px;
    margin-bottom:10px;
}

.sidebar-card-content h4{
    margin:0 0 8px;
    font-size:14px;
    line-height:1.5;
    font-weight:600;
}

.sidebar-card-content h4 a{
    color:#222;
}

.sidebar-card-content h4 a:hover{
    color:#0f2f97;
}

.sidebar-date{
    display:block;
    font-size:12px;
    color:#777;
}

/*==================================================
WIDGET
==================================================*/
.widget{
    background:#fff;
    padding:15px;
    margin-bottom:20px;
    border-radius:8px;
}

.widget-title{
    font-size:18px;
    margin-bottom:15px;
    border-bottom:2px solid #1544D9;
    padding-bottom:10px;
}

/*==================================================
SIDEBAR POST
==================================================*/
.sidebar-post{
    margin-bottom:15px;
}

.sidebar-post a{
    display:flex;
    gap:10px;
    color:#222;
}

.sidebar-post img{
    width:90px;
    height:65px;
    object-fit:cover;
}

.sidebar-post span{
    font-size:14px;
}

/*==================================================
RESPONSIVE
==================================================*/
@media(max-width:768px){

    .sidebar{
    width:320px;
    }
    
/* =================================
   MOBILE FIX PROGRESNEWS
================================= */
    .sidebar{
    width:100%;
    margin-top:30px;
    }
}

/*
==========================================
Progres Categories Widget
==========================================
*/

.progres-category-list{
    list-style:none;
    margin:0;
    padding:0;
}

.progres-category-list li{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:10px 0;

    border-bottom:1px solid #ececec;

}

.progres-category-list li:last-child{

    border-bottom:none;

}

.progres-category-list a{

    color:#222;
    text-decoration:none;
    font-weight:500;

    transition:.2s;

}

.progres-category-list a:hover{

    color:var(--menu-hover-color);

}

.progres-category-count{

    color:#777;

    font-size:13px;

    font-weight:600;

}