/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.post-grid.col-thumbnail { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 50px }
.post-grid.col-thumbnail .post-item { -ms-flex-preferred-size: unset; flex-basis: unset; width: calc(33.33% - 20px); -webkit-box-shadow: 0 6px 23px 0 rgba(27, 29, 35, 0.08); box-shadow: 0 6px 23px 0 rgba(27, 29, 35, 0.08); margin-bottom: 25px }
.post-grid.col-thumbnail .post-item:not(:nth-child(3n)) { margin-right: 30px; }
.post-list.col-thumbnail .post-item .post-featured-img { display:none }
.post-grid.col-thumbnail .post-item .post-featured-img { background-size: cover; background-position: top center; height: 200px; display: block }
.post-grid.col-thumbnail .post-item .date-details { font-size: 14px; line-height: 1; font-weight: normal; color: #010101; padding: 0px 30px 0px }
.post-list.col-thumbnail .post-item .date-details { margin: 10px 0px }
.post-grid.col-thumbnail .post-item .date-details .date-time-area .date span { padding: 0 5px 0 0; color: #8f939a }
.post-grid.col-thumbnail .post-item .post-details h3, .post-grid.col-thumbnail .post-item .post-details p { padding: 23px 30px; margin: 0 }
.post-grid.col-thumbnail .post-item .post-details h3 a { font-size: 24px; color: #000; font-weight: 400; line-height: 30px; text-decoration: none }
.post-grid.col-thumbnail .post-item .post-details h3 a:hover { color: #0395c8 }
.post-grid.col-thumbnail .post-item .date-details span.date { position: relative; line-height: 1.8 }
.post-grid.col-thumbnail .post-item .read-more-btn, .post-list.col-thumbnail .post-item .read-more-btn { background-color: #0395c8; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; display: inline-block; padding: 13px 28px; cursor: pointer; text-transform: uppercase; border-radius: 5px; width: 146px; border: 0; text-decoration: none }
.post-grid.col-thumbnail .post-item p.read-more { padding-top: 0px }
.pagination { display: inline-block; text-align: center; width: 100%; margin-bottom: 75px }
.pagination a.prev.page-numbers, .pagination a.next.page-numbers { background: #0395c8; color: #fff; height: 50px; width: 110px }
.pagination a.page-numbers:hover { background: #0395c8; color: #fff }
.pagination .current.page-numbers { background: #0395c8; color: #fff; padding: 10px; font-size: 19px; border-radius: 5px; text-decoration: none; margin-right: 8px; height: 50px; width: 50px; display: inline-block; vertical-align: middle; text-align: center }
.pagination a.page-numbers { background: #fff; color: #363a40; padding: 10px; font-size: 19px; border-radius: 5px; text-decoration: none; margin-right: 10px; height: 50px; width: 50px; display: inline-block; vertical-align: middle; text-align: center }
.pagination a.page-numbers:last-child { margin-right: 0 }

@media screen and (max-width:980px) {
    .post-grid.col-thumbnail .post-item {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }
    /*.post-grid.col-thumbnail .post-item {*/
    /*    margin: 0 30px;*/
    /*}*/
    .post-grid.col-thumbnail .post-item:nth-child(2n) {
        margin-right: 0px;
    }
    .post-grid.col-thumbnail .post-item:not(:nth-child(2n)) {
        margin-right: 30px;
    }
}

@media screen and (max-width:450px) {
    .post-grid.col-thumbnail .post-item {
        width: 100%;
        margin-bottom: 30px;
    }
    .post-grid.col-thumbnail .post-item:not(:nth-child(2n)), .post-grid.col-thumbnail .post-item:not(:nth-child(3n)) {
        margin-right: 0px;
    }

    .page-numbers { margin-bottom: 10px; }
}