div.part-catview {

}

div.part-catview .clear {
    display:none;
}

div.part-catview .component-body {
    display:grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap:64px;
}

div.part-catview .content-blog-category:empty {
    display:none;
}

div.part-catview .content-blog-list {
    background-color:#ffffff;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    transition:0.3s;
    display:flex;
    flex-direction:column;
}

div.part-catview .content-blog-list:hover {
    box-shadow:0 20px 20px rgba(0,0,0,0.2);
}

div.part-catview .content-blog-list .img-wrap {
    height:214px;
}

div.part-catview .content-blog-list a.img-wrap {
    display:block;
}

div.part-catview .content-blog-list .img-wrap img {
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}

div.part-catview .content-blog-list .img-wrap.noimage {
    background-repeat:no-repeat;
    background-image:url('../../../gfx/noimg.svg');
    background-size:cover;
    background-position:center center;
}

div.part-catview .content-blog-list .content-wrap {
    padding:20px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
}

div.part-catview .content-blog-list .content-wrap .clear {
    display:block;
    flex-grow:1;
}

div.part-catview .content-blog-list .content-wrap a.read-more {
    align-self:flex-end;
    font-size:14px;
    text-transform:uppercase;
    color:var(--pri);
    font-weight:bold;
    background-repeat:no-repeat;
    background-position:right 10px top 3px;
    background-image:url('../gfx/chevron.svg');
    transition:0.5s;
    padding-right:36px;
}

div.part-catview .content-blog-list .content-wrap a.read-more:hover {
    background-position:right 0 top 3px;
}

div.part-catview .lead {
    position:relative;
    max-height:220px;
    overflow:hidden;
    margin-bottom:20px;
}

div.part-catview .lead::after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50%;
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

div.part-catview .lead img,
div.part-catview .lead table,
div.part-catview .lead iframe,
div.part-catview .lead video {
    display:none !important;
}

div.part-catview .lead *:not(h2.lead-title) {
    margin:0;
    padding:0;
    font-size:inherit !important;
    font-weight:normal !important;
    text-transform:none;
    text-align:left !important;
}

div.part-catview .lead h2.lead-title,
div.part-catview .lead h2.lead-title a {
    font-size:24px;
    margin-bottom:10px;
    text-align:left;
    font-weight:bold !important;
}

div.part-catview .pager-bottom {
    grid-column: 1/4;
}

@media only screen and (min-width:994px) and (max-width:1323px) {

    div.part-catview .component-body {
        grid-template-columns: repeat(2,1fr);
    }

    div.part-catview .content-blog-list .img-wrap {
        height:253px;
    }
    
    div.part-catview .pager-bottom {
        grid-column: 1/3;
    }
}

@media only screen and (max-width:993px) {
    div.part-catview .component-body,
    div.part-catview .content-blog-list,
    div.part-catview .content-blog-list .content-wrap {
        display:block;
    }
    
    div.part-catview .content-blog-category {
        margin-bottom:64px;
    }

    div.part-catview .content-blog-list {
        margin-bottom:64px;
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    div.part-catview .content-blog-list {
        width:auto;
    }

    div.part-catview .content-blog-list .img-wrap {
        height:350px;
    }
}

@media only screen and (max-width:639px) {
    div.part-catview .content-blog-list {
        width:auto;
        margin-bottom:20px;
    }

    div.part-catview .content-blog-list .img-wrap {
        height:53vw;
    }
}



.pager-bottom a, .pager-bottom span {
    padding: 6px 13px;
}

.pager-bottom span.page-numbers.current {
    background-color: var(--blk);
    color: #ffffff;
    position: relative;
    top: 3px;
}