.blog-list-archive-block {
    margin: 50px 0;
}

.blog-list-archive-block .blog-category-select {
    margin-bottom: 30px;
}

.blog-list-archive-block .blog-list-body {
    gap: 1.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog-list-archive-block .blog-list-body.blog-grid-view .image {
    object-fit: cover;
}

.blog-list-archive-block .blog-item {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    flex: 0 1 calc(33% - 1.5rem);
}

.blog-list-archive-block .blog-item-wrapper {
    gap: 1.5rem;
}

.blog-list-archive-block .blog-item-image-wrapper {
    flex-basis: 40%;
    overflow: hidden;
}

.blog-list-archive-block .blog-item-category:after {
    content: '/';
    padding: 0 5px;
}

.blog-list-archive-block .blog-item-category:last-child::after {
    content: none;
}

.blog-list-archive-block .item .description .category a {
    z-index: 1;
    position: relative;
}

@media (prefers-reduced-motion: no-preference) and (pointer: fine) {

    /*use zoom-effect for images on hover if chosen*/
    .blog-list-archive-block.zoomeffect .item img,
    .blog-list-archive-block.zoomeffect .item:hover img {
        transition: transform 600ms ease-in-out;
    }

    .blog-list-archive-block.zoomeffect .item:hover img {
        transform: scale(1.1);
    }

}

@media screen and (max-width:991px) {
    
    .blog-list-archive-block .blog-item .image {
        height: 285px;
    }
    
}

@media screen and (max-width:767px) {
    
    .blog-list-archive-block .blog-item {
        margin-top: 15px;
        margin-bottom: 15px;
        flex-basis: calc(50% - 1.5rem);
    }

    .blog-list-archive-block .blog-item .image {
        height: 215px;
    }
    
}

@media screen and (max-width:575px) {
    
    .blog-list-archive-block .blog-item {
        margin-top: 15px;
        margin-bottom: 15px;
        flex-basis: 100%;
    }

    .blog-list-archive-block .blog-item .image {
        height: 215px;
    }
    
}