/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */

/* Custom latest posts layout styles */
.custom-posts-filter{
    margin-top: -69px;
    padding-bottom: 40px;
}
.custom-posts-container { margin-bottom: 30px; }
.custom-posts-filter { margin-bottom: 12px; }
.custom-posts-cats { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap:wrap; justify-content: end;}
.custom-posts-cats li { display:inline-block; }
.custom-posts-cats .cat-filter { 
    display:inline-block; 
    padding: 6px 10px; 
    border-radius: 4px; 
    text-decoration:none; 
    font-size: 18px;
    color: #777777; 
    border: none; 
    background: none; 
    cursor: pointer; 
}
.custom-posts-cats .cat-filter:focus{
    outline: none !important;
    border: none !important;
}
.custom-posts-cats .cat-filter:hover,
.custom-posts-cats .cat-filter.active { 
    color: #01B251;
    background-image: linear-gradient(90deg, #01B251 , #0C8866 80%, #165F7B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.custom-posts-layout.loading { opacity: 0.55; transition: opacity .2s ease; }
.custom-posts-right { display:flex; flex-direction:column; gap:12px; }
.custom-post-item { display:flex; gap:10px; }
.custom-post-thumb img { display:block; width:100%; height:auto; }

/* Projects grid */
.projects-grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap:20px;
    margin:30px 0;
}
.project-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:4px;
    overflow:hidden;
    transition:box-shadow .15s ease;
}
.project-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.08)}
.project-link{display:block;color:inherit;text-decoration:none}
.project-thumb img{width:100%;height:auto;display:block}
.project-body{padding:12px}
.project-title{font-size:18px;margin:0 0 6px}
.project-excerpt{font-size:14px;color:#666}
.project-meta.small{font-size:12px;color:#999;margin-top:8px}
.archive-pagination{margin:28px 0;text-align:center}