.cc_postlist {
    font-family: "Netto", Sans-serif;
}


.cc_postlist .postlist-wrapper {
    column-gap: 10px;
    margin-left: -5px;
    margin-right: -5px;
}


.cc_postlist .postlist-wrapper.c1 .grid-sizer{
    width: 100%;
}

.cc_postlist .postlist-wrapper.c2 .grid-sizer{
    width: 50%;
}

.cc_postlist .postlist-wrapper.c3 .grid-sizer{
    width: 33.3333%;    
}

.cc_postlist .postlist-wrapper.c4 .grid-sizer{
    width: 25%;    
}

.cc_postlist .postlist-wrapper.c1 .postlist-item{
    width: 100%;
}

.cc_postlist .postlist-wrapper.c2 .postlist-item{
    width: 50%;
}

.cc_postlist .postlist-wrapper.c3 .postlist-item{
    width: 33.3333%;    
}

.cc_postlist .postlist-wrapper.c4 .postlist-item{
    width: 25%;    
}

@media (min-width: 992px) { 

    .cc_postlist .postlist-wrapper {
        column-gap: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
}



@media (min-width: 768px) and (max-width: 992px) { 

    .cc_postlist .postlist-wrapper.t_c1 .grid-sizer{
        width: 100%;
    }
    .cc_postlist .postlist-wrapper.t_c1 .postlist-item{
        width: 100%;
    }
    

    .cc_postlist .postlist-wrapper.t_c2 .grid-sizer{
        width: 50%;
    }
    .cc_postlist .postlist-wrapper.t_c2 .postlist-item{
        width: 50%;
    }


    .cc_postlist .postlist-wrapper.t_c3 .grid-sizer{
        width: 33.33333%;
    }
    .cc_postlist .postlist-wrapper.t_c3 .postlist-item{
        width: 33.33333%;
    }        

}




@media (max-width: 767px) {
    .cc_postlist .postlist-wrapper.m_c1 .grid-sizer{
        width: 100%;
    }
    .cc_postlist .postlist-wrapper.m_c1 .postlist-item{
        width: 100%;
    }
    

    .cc_postlist .postlist-wrapper.m_c2 .grid-sizer{
        width: 50%;
    }
    .cc_postlist .postlist-wrapper.m_c2 .postlist-item{
        width: 50%;
    }


    .cc_postlist .postlist-wrapper.m_c3 .grid-sizer{
        width: 33.33333%;
    }
    .cc_postlist .postlist-wrapper.m_c3 .postlist-item{
        width: 33.33333%;
    }    
    
}



.grid-sizer,.postlist-item {
    width: 33.333%;
}

.postlist-item {
    display:block;
    position: relative;
    break-inside: avoid;
    color: #000;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 5px;
}

.postlist-item .text-wrap {
    position: relative;
    transition: all 0.2s ease;
    top:0px;
    margin-right: -2px;

    background-color: #fff;
    transform: translateZ(0);
}

.postlist-item .text-wrap h4 {
    padding: 0px 10px;
    margin: 0px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3em;
    padding-bottom: 10px;    
}

.postlist-item .text-wrap .meta {
    padding: 10px 10px 0px 10px;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}


.postlist-item .text-wrap .excerpt {
    position: absolute;
    background-color: #fff;
    top: 100%;
    color: #000;
    padding: 0px 10px 20px 10px;
    font-size: 18px;
    pointer-events: none;
    line-height: 1.3em;
}

.postlist-item .image-wrap {
    width: 100%;
    background-color: #f5f5f5;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

.postlist-item .image-wrap img {
    width: 100%;
    height: auto;
    position: relative;
    transition: all 0.2s ease;
    top: 0px;
}


.show_16_9 .postlist-item .image-wrap img.image {
    display:none;
    width: 1px;
    height: 1px;
}

.show_16_9 .postlist-item .image-wrap .wwrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all 0.2s ease;
}

.show_16_9 .postlist-item .text-wrap h4 {
    min-height: 3em;
}


.postlist-item:hover h4 {
    color: #ef3b18;
}

.postlist-item.template {
    display: none;
}

.filter-list {
    list-style: none;
    padding: 10px 50px 20px 50px;
    margin: 0px;
    text-align: center;
    width: 100%;
}

.filter-list .filter-item {
    display: inline-block;
}


.filter-list .filter-item a{
    padding: 5px 30px;
    font-size: 24px;
    color: #a5a5a5;
}

.filter-list .filter-item.selected a{
    color: #f86448;
}

.more_wrap {

    text-align: center;

}

.more_wrap .load_more_button {
    background-image: url('../images/loadMore_normal.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color:#fff;
    padding: 40px;

}

.more_wrap .load_more_button:hover {
    background-image: url('../images/loadMore_hover.svg');
}