/* ------------------------------------------------
   List */

.b3-posts-list .post {
    margin-bottom:75px;
    padding-bottom:75px;
    border-bottom:solid thin #999;
}

.b3-posts-list .post.no-divider {
    border-bottom: none;
}

.b3-posts-list .post:last-child {
    border-bottom:none
}

.b3-posts-list .post-content .post-thumbnail {
    overflow: hidden;
}

.b3-posts-list .post-content .post-thumbnail img {
    width:100%;
    display: block;
}

.b3-posts-list .entry-meta {
    font-size:80%;
    opacity:0.9;
}

.b3-posts-list .b3-content-items a {
    border-bottom:none;
}

.b3-posts-list .btn {
    
}

@media (min-width:767px) {
    .b3-posts-list.side .post-content {
        display:flex;
    }

    .b3-posts-list.side .post-content .post-thumbnail {
        width:30%;
        padding-right:3%;
    }

    .b3-posts-list.side .post-content .content-inner {
        width:65%;   
    }

    .b3-posts-list .post-content .content-inner.no-image {
        width:100%;
    }

    .b3-posts-list .post-content h3 {
        margin-top:0;
        font-size:2rem;
    }
}

/* ------------------------------------------------
   Grid */

.b3-posts-grid {

}

.b3-posts-grid .b3-content-items {
    display: grid;
    justify-content: center;
    gap:30px;
    grid-template-columns: repeat(1, 12fr);
    margin-bottom:30px;
}

.b3-posts-grid a {
    color:#333;
}

.b3-posts-grid .post-content {
    padding:10px 25px;
}

.b3-posts-grid .post-link {
    border-radius: 25px;
    overflow: hidden;
    transition:all 0.5s ease;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.b3-posts-grid .post-link:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin:-10px 0 10px 0;
}

.b3-posts-grid .page-subhead {
    padding-bottom:0;
}

.b3-posts-grid .entry-title {
    text-align: center;
    font-size:100%;
}

.b3-posts-grid .b3-content-items > a {
    display:block;
}

.b3-posts-grid .post-link img {
    width:100%;
    max-height:250px;
    object-fit: cover;
    object-position: center;
}

@media (min-width:767px) {
    .b3-posts-grid .b3-content-items {
        grid-template-columns: repeat(3, 4fr);
    }
}

@media (max-width:1025px) and (min-width:768px) {
    .b3-posts-grid .b3-content-items {
        grid-template-columns: repeat(2, 6fr);
    }
}

/* ------------------------------------------------
   Pagination styles */

.post-list-pagination {
    text-align:center;
}

.post-list-pagination > * {
    display:inline-block;
    margin:0 2px;
    padding:4px 4px 6px;
    border-radius:5px;
    border:solid thin #6e6d98;
    transition:all 0.5s;
    color: #333;
    background:white;
    line-height:1em;
    cursor: pointer;
}

.post-list-pagination > *:hover {
    background-color:#6e6d98; 
    color:white;
}