/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1781210034
Updated: 2026-06-11 20:33:54

*/

.category-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:25px;
}

.category-item{
    text-align:center;
}

.category-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
    display:block;
}

.category-title{
    margin-top:12px;
    font-size:20px;
}

.category-title a{
    text-decoration:none;
    color:#222;
}

.category-title a:hover{
    color:#0073aa;
}

.no-image{
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eee;
    border-radius:10px;
}


.blog-archive{

    padding:80px 0;

}

.container{

    max-width:1200px;
    margin:auto;
    padding:0 20px;

}


/* Tabs */

.blog-tabs{

    display:flex;
    flex-wrap:wrap;
    gap:40px;

    margin-bottom:60px;

    border-bottom:1px solid #ddd;

    padding-bottom:20px;

}

.blog-tabs a{

    text-decoration:none;

    color:#555;

    font-size:18px;

    position:relative;

    padding-bottom:10px;

}

.blog-tabs a.active{

    color:#00879E;

}

.blog-tabs a.active:after{

    content:"";

    position:absolute;

    bottom:-21px;

    left:0;

    width:100%;

    height:3px;

    background:#00879E;

}


/* Grid */

.posts-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:60px;

    justify-content:center;

}


/* if only one card */

.posts-grid:has(.post-card:first-child:last-child){

    grid-template-columns:minmax(450px,600px);

    justify-content:center;

}


.post-card{

    max-width:560px;

}


.post-card img{

    width:100%;

    height:330px;

    object-fit:cover;

    display:block;

}


.post-meta{

    margin-top:25px;

    color:#666;

    text-transform:uppercase;

    font-size:15px;

    letter-spacing:1px;

}


.post-card h2{

    margin:20px 0;

    font-size:42px;

    line-height:1.2;

}

.post-card h2 a{

    color:#222;

    text-decoration:none;

}


.read-more{

    color:#00879E;

    text-decoration:none;

    font-size:28px;

}


/* pagination */

.navigation.pagination{

    margin-top:80px;

    text-align:center;

}

.page-numbers{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:50px;

    height:50px;

    border:1px solid #ddd;

    text-decoration:none;

    margin:5px;

}

.page-numbers.current{

    background:#00879E;

    color:#fff;

}


@media(max-width:768px){

.posts-grid{

grid-template-columns:1fr;

}

.blog-tabs{

gap:20px;

}

.post-card h2{

font-size:32px;

}

}