.blog-page .columns ol, .blog-page .columns ul, .blog-page .columns li {
    list-style-type: none;
}

.blog-page .sidebar h2, .blog-page .sidebar a {
    color: black;
}

.blog-page .sidebar h2:hover, .blog-page .sidebar a:hover {
    color: #0071bb;
    text-decoration: none;
}

.blog-page .columns a:hover {
    text-decoration: underline;
}

.blog-page h2.post-title .post-item-link {
    color: black;
}

.blog-page .post-featured {
    display: flex;
    margin-bottom: 50px;
}

.blog-page .post-featured img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
}

.blog-page .post-featured .post-featured-txt {
    width: 100%;
    padding: 17px;
    background-color: #333;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.blog-page .post-featured .post-featured-txt span {
    text-align: center;
    margin-bottom: 20px;
}

.blog-page .post-featured .post-featured-txt .post-featured-title {
    font-size: 25px;
}

.blog-page .post-featured .post-featured-txt a {
    color: #fff;
}

.blog-page-list .post-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-page-list .post-list li {
    width: 31%;
    background-color: #fff;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog-page-list .post-list li .post-content {
    min-height: 570px;
}

.blog-page-list .post-list li .post-title {
    margin: 0;
    border: 0;
    min-height: 52px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.blog-page-list .post-list li .post-info {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.blog-page-list .post-list li .post-info .post-posed-date {
    padding: 5px 0;
}

.blog-page-list .post-list li .post-info .post-categories {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.blog-page-list .post-list li .post-info .post-categories a {
    background-color: #0071bb;
    padding: 5px 10px;
    margin: 5px 0;
    color: white;
    display: none;
}

.blog-page-list .post-list li .post-info .post-categories a:first-of-type {
    display: block;
}

.blog-page-list .post-list li .post-info .post-categories span,
.blog-page-list .post-list li .post-info .post-categories .label {
    display: none;
}

.blog-page-list .post-list li .post-content {
    text-align: justify;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog-page-list .post-list li .post-content img {
    height: 240px;
    width: 100%;
    object-fit: cover;
}

.blog-page-list .post-list li .post-read-more {
    padding-bottom: 20px;
    text-align: left;
    margin-top: auto;
    display: block;
}

.blog-page .block.block-categories ul {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 15px 0;
}

.blog-page .block.block-categories li {
    margin: 10px 10px 10px 0;
    flex-grow: 1;
    text-align: center;
}

.blog-page .block.block-categories a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    border: solid 1px black;
    padding: 5px 10px;
    border-radius: 5px;
    color: black;
    transition: 300ms;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.blog-page .block.block-categories a:hover,
.blog-page .block.block-categories a.active {
    background-color: #f5f5f5;
    color: #0071bb;
}

.blog-page .post-view .post-info .post-posed-date {
    padding: 10px 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.blog-page .post-view .post-content {
    margin: 0 auto;
    text-align: justify;
}

.blog-page .post-view .post-content .post-description img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blog-page .post-view .item.post-categories {
    padding: 10px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.block.related.related-posts .post-list li .post-content:hover img {
    filter: opacity(0.2);
    transition: all ease 0.2s;
}

.block.related.related-posts .post-list li .post-content:hover a {
    color: #0071bb;
}

.block.related.related-posts .post-list li h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin: 15px auto auto auto;
}

.block.related.related-posts .post-list li img {
    height: 240px;
    width: 100%;
    object-fit: cover;
}

.post-list-wrapper.blog-widget-recent .title {
    text-align: center;
    margin: 20px auto;
    font-size: 24px;
    text-transform: uppercase;
    color: #0071bb;
}

.post-list-wrapper.blog-widget-recent .post-list {
    display: flex;
    list-style: none;
}

.post-list-wrapper.blog-widget-recent .post-list > li {
    flex: 1;
    margin: 1%;
}

.post-list-wrapper.blog-widget-recent .post-list > li:hover img {
    filter: opacity(0.2);
    transition: all ease 0.2s;
}

.post-list-wrapper.blog-widget-recent .post-list > li:hover a {
    color: #0071bb;
    transition: all ease 0.2s;
}

.post-list-wrapper.blog-widget-recent .post-content img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.post-list-wrapper.blog-widget-recent .post-content img.no-image {
    background-color: #0071bb;

}

.post-list-wrapper.blog-widget-recent .post-footer .post-title {
    text-align: center;
    margin: 15px auto auto auto;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

@media (max-width: 1000px) {
    .blog-page .post-list li {
        width: 48%;
    }

    .blog-page .post-list li .post-content {
        min-height: 600px;
    }
}

@media (max-width: 767px) {
    .blog-page .block.block-categories {
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .blog-page .block.block-categories::-webkit-scrollbar {
        display: none;
    }

    .blog-page .block.block-categories ul {
        width: 600px;
    }

    .blog-page .post-featured {
        flex-direction: column;
        margin-bottom: 55px;
    }

    .blog-page .block.filter {
        position: relative;
        margin-bottom: 15px;
        border: none;
    }

    .blog-page .post-featured .post-featured-txt {
        width: auto;
    }

    .blog-page .post-list {
        flex-direction: column;
    }

    .blog-page .post-list li {
        width: 100%;
    }

    .blog-page .post-list li .post-content {
        min-height: auto;
    }

    .blog-page .post-list li .post-content img {
        max-width: 100%;
    }

    .post-list-wrapper.blog-widget-recent .post-list > li:not(:first-child) {
        display: none;
    }
}