.block-type-header.image-wrapper.bg-overlay:before {
  opacity: 0.95;
  background: #023876;
}
@media (max-width: 768px) {
    #post-header{
        height:fit-content!important;
        min-height:fit-content!important;
    }
    #post-header .column h2{
        font-size:24px!important;
    }
    #post-header .column p{
        font-size:14px!important;
    }
}
@media (min-width: 768px) {
    #post-header{
        min-height:;
        background-position:center center;
    }
    #post-list>.container>.row>.col-md-9{
        width:70%!important;
    }
    #post-list>.container>.row>.col-md-3{
        width:30%!important;
    }
}
#post-header .breadcrumb-item+.breadcrumb-item::before{
    color:var(--bs-secondary);
    content: "\e94c";
}
#post-header .image-wrapper.bg-overlay:before{
    background:!important;
    opacity:!important;
}

.post-side .post-header {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
}
.side-posts figure img{
    aspect-ratio:1/1!important;
    object-fit:cover;
}
.side-post-date{
    font-size:12px!important;
}
.side-3 hr:last-child{
   display:none; 
}
#post-list .widget-parent img{
    width:100%;
}
@media(max-width:768px) {
    .widget-title{
        font-size:14px!important;
    }
    .right-side-text{
        font-size:12px!important;
    }
    .side-post-date{
        font-size:12px!important;
    }
}
.posts-body .body,
.posts-header a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (min-width:768px) {
    .posts-item .posts-button a{
        transform: translateX(10px);
    } 
    .posts-item:hover .posts-button a{
        transform: translateX(0px);
        color: var(--bs-secondary)!important;
    } 
    .posts-item:hover .posts-button i{
        color: var(--bs-secondary)!important;
    }
    .posts-item .posts-button i{
        opacity:0!important;
    }
    .posts-item:hover .posts-button i{
        opacity:1!important;
    }
}
@media(max-width:768px) {
    .image-wrapper.bg-cover {
        min-height: fit-content!important;
    }
    .posts-item .posts-header a{
        font-size:14px!important;
    }
    .posts-item .posts-body p{
        font-size:12px!important;
    }
    .posts-item :is(.posts-button a, .posts-button i, .posts-category a, .posts-date ){
        font-size:10px!important;
    }
    .posts-item {
        grid-template-columns: 30% 70%!important;
        border-radius: 0px!important;
        border-bottom: 1px solid #E0E0E1!important;
        border-top-width: 0!important;
        border-left-width: 0!important;
        border-right-width: 0!important;
        padding-bottom: 1rem;
    }
    .posts-header a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .posts-body p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #pagination .page-link,
    #pagination span.span{
        font-size:10px!important;
    }
}
.posts-item{
    grid-template-columns:30% 70%!important;
    border: 1px solid #E0E0E1;
    transition:all .3s;
}
.posts-item:hover .posts-header a{
    color: var(--bs-secondary)!important;
}
.posts-item figure img{
    aspect-ratio: 1/1!important;
    object-fit: cover;
}

.pagination .page-link {
    border: 0!important;
    width: fit-content!important;
    padding: 9px 15px!important;
    font-size: 14px!important;
    color: var(--gray-g-400, #9B9C9E)!important;
    font-weight:400!important;
}
.pagination .page-link i {
    font-size: .5rem!important;
}
li.page-item.active .page-link {
    color: #fff!important;
    font-weight: bold!important;
}