/*==================================================
  Category Listing
==================================================*/

.sv-category-list{
    padding:0;
    background:#fff;
}


.sv-category-list-items{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.sv-category-list .sv-section-header{
    margin-bottom:14px;
}

.sv-category-filter-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px;
}

.sv-category-filter-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border:1px solid #dce3ee;
    border-radius:7px;
    background:#fff;
    color:#344054;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.sv-category-filter-tabs a.is-active,
.sv-category-filter-tabs a:hover{
    color:#fff;
    border-color:#123aff;
    background:linear-gradient(180deg,#3e5efc,#3B5BFF);
}

.sv-category-list-body{
    overflow:hidden;
    /*border:1px solid #dce3ee;*/
    border-radius:8px;
    background:#fff;
}

.sv-category-list-body .views-row,
.sv-category-list-body article,
.sv-category-list-body .node{
    border-bottom:1px solid #e9edf4;
}

.sv-category-list-body .views-row:last-child,
.sv-category-list-body article:last-child,
.sv-category-list-body .node:last-child{
    border-bottom:0;
}

.sv-category-list-body .views-row{
    padding:14px;
}

.sv-category-list-body article,
.sv-category-list-body .node{
    padding:14px;
}

.sv-category-card{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:18px;
    align-items:start;
    background:#fff;
}

.sv-category-card-image{
    width:220px;  /*220px;*/
    height:140px;     /* 124px; 16:9 */
    overflow:hidden;
    border:1px solid #dce3ee;
    border-radius:8px;
    background:#f4f4f4;
    margin-top:0px;
}

.sv-category-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.sv-category-card-category{
    display:inline-flex;
    margin-bottom:8px;
    padding:4px 9px;
    border-radius:6px;
    background:#fff3d9;
    color:#a15c00;
    font-size:12px;
    font-weight:800;
}

.sv-category-card-title{
    margin:0;
    color:#111827;
    font-size:16px;
    line-height:1.35;
    font-weight:800;
}

.sv-category-card-title a{
    color:inherit;
    text-decoration:none;
}

.sv-category-card-summary{
    margin:8px 0 0;
    color:#667085;
    font-size:13px;
    line-height:1.55;
}

.sv-category-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:10px;
    color:#667085;
    font-size:13px;
}

@media (max-width:768px){

    .sv-category-card{

        display:flex;

        flex-direction:column;

        gap:0;

    }

    .sv-category-card-image{

        width:100%;

        height:auto;

        margin-top:0;

        border-radius:8px 8px 0 0;

    }

    .sv-category-card-image img{

        width:100%;

        height:auto;

        min-height:auto;

        aspect-ratio:16/9;

        object-fit:cover;

        display:block;

    }

    .sv-category-card-content{

        padding:18px;

    }

}