.blog-section{
    width: 100%;
}

.blog-cats{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 60px;

    
}

.blog-cats a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 24px;
    border-radius: 100px;

    text-align: center;
    font-size: 16px;
    background-color: #F6F6F6;
    color: rgba(0, 0, 0, 0.7);
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover){
    .blog-cats a:hover{
        background-color: var(--wd-link-color-hover);
        color: #fff
    };
}

.blog-cats a.curr-link{
    background-color: var(--wd-link-color-hover);
    font-weight: 400;
    color: #fff !important;
}

.blog-list{
    line-height: 1.2;
    color: var(--wd-title-color);
}

.blog-list ul,
.blog-list li{
    list-style: none;
}

.blog-list li{
    line-height: 1.1;
}

.blog-list-body > li{
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 24px;
}

.blog-list .category-list{
    padding-left: 0;
}

.blog-list-body{
    /* display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px 26px; */
    padding-left: 0;
    margin-bottom: -24px;

    -moz-column-count: 2;
    -moz-column-gap: 24px;
    -webkit-column-count: 2;
    -webkit-column-gap: 24px;
    column-count: 2;
}

.blog-section-nogrid .blog-list-body {
    display: block;
    -moz-column-count: unset;
    -moz-column-gap: unset;
    -webkit-column-count: unset;
    -webkit-column-gap: unset;
    column-count: unset;
    margin-bottom: unset;
}

.category-list-heading{
    padding: 28px;
    border-radius: 24px;
    border: 1px solid #D4D1D1;
    margin-bottom: 0;
}

.category-list,
.subcategory-list{
    margin-top: 0;
}

.subcategory-list{
    margin-top: 28px;
    padding-left: 10px;
}

.category-list  > :not(:last-child),
.subcategory-list  > :not(:last-child){
    margin-bottom: 12px;
}

.blog-list .category-list li:not(.category-list-heading),
.blog-list .subcategory-list li:not(.subcategory-list-heading)  {
    text-decoration: underline;
}



.blog-list .category-list li:not(.category-list-heading) a,
.blog-list .subcategory-list li:not(.subcategory-list-heading) a{
    font-size: 20px;
    font-weight: 300;
    color: var(--wd-text-color);
    text-decoration: none;
}

@media (any-hover: hover) {
    .blog-list li:hover {
        color: var(--wd-link-color-hover);
    }

    .blog-list li a:hover {
        color: var(--wd-link-color-hover) !important;
    }
}

.category-list-heading h3,
.subcategory-list-heading h4{
    margin-bottom: 28px;
}

 
.category-list-heading h3{
    font-size: 32px;
}

.subcategory-list-heading h4 {
    font-size: 24px;
}

.category-list:has(.no-parent-cat) > .has-parent-cat{
    display: none;
} 

.category-list-heading a:has(.icon){
    display: flex;
    align-items: center;
}

.category-list-heading a .icon{
    max-width: 67px;
    max-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex: 0 0 auto;
}

.category-list-heading a .icon img,
.category-list-heading a .icon svg{
    max-width: 100%;
    display: block;
}

@media (max-width:768.98px){
    .category-list-heading a .icon {
        height: 26px;
    }

    .category-list-heading a .icon img,
    .category-list-heading a .icon svg {
        height: 100%;
        width: auto;
        max-width: none;
    }

    .blog-cats a{
        font-size: 14px;
        padding: 7.5px 20px; 
    }

    .blog-cats{
        margin-bottom: 44px;
    }

    .blog-list-body{
        display: block;
        gap: 0;
        margin-bottom: 0;

        -moz-column-count: unset;
        -moz-column-gap: 0;
        -webkit-column-count: unset;
        -webkit-column-gap: 0;
        column-count: unset;
    }

    .blog-list-body > li {
        page-break-inside: unset;
        break-inside: unset;
    }

    .blog-list-body > :not(:last-child){
        margin-bottom: 24px;
    }

    .blog-list-body > :last-child {
        margin-bottom: 0;
    }

    .category-list-heading h3 {
        font-size: 18px;
    }

    .blog-list .category-list li:not(.category-list-heading) a,
    .blog-list .subcategory-list li:not(.subcategory-list-heading) a{
        font-size: 14px;
    }

    .subcategory-list-heading h4{
        font-size: 16px;
        margin-bottom: 20px;
    }

}