/*
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.3.0.1739174591
Updated: 2025-02-10 11:03:11

*/

:root{
    --main-color: #204b04;
    --secondary-color: #2B65BF;
}


.pis-posts.grid{
    display: grid;
    gap: 20px;
    justify-content: start;
}
.pis-posts.grid1{
    grid-template-columns: repeat(auto-fit, 100%);
}
.pis-posts.grid3{
    grid-template-columns: repeat(auto-fit, 31%);
}
.pis-posts.grid4{
    grid-template-columns: repeat(auto-fit, 23%);
}
.pis-posts.grid .listing-item{
    border: 1px solid #e5e5e5;
}

.pis-posts.grid .listing-item img{
    object-fit: cover;
}
.pis-posts.grid:not(.grid1) .listing-item img{
    height: 150px;
}
.pis-posts .listing-item a.title,
.pis-posts .listing-item span.date{
    display: block;
}

.pis-posts.grid .listing-item a.title,
.pis-posts.grid .listing-item span.date{
    padding: 10px;
}
.pis-posts .listing-item a.title{
    text-decoration: none;
    color: #000;
}
.pis-posts .listing-item span.date{
    font-size: .9em;
    color: #60666d;
}
.pis-posts .listing-item span.date::before{
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 5px;
}

.pis-posts.list .listing-item{
    margin-bottom: 10px;
    padding-bottom: 10px;
    /* border-bottom: 1px dotted #d9d9d9; */
}
.pis-posts.list .listing-item a.title,
.pis-posts.list .listing-item span.date{
    padding-bottom: 3px;
}



#is-sidemenu ul li{
    border: 1px solid var(--main-color);
    padding: 10px;
    margin-bottom: 21px;
}


@media (max-width: 768px) {
    .pis-posts.grid,
    .archive .page-content{
        grid-template-columns: repeat(auto-fit, 48%) !important;
    }
}
@media (max-width: 540px) {
    .pis-posts.grid,
    .archive .page-content{
        grid-template-columns: repeat(auto-fit, 100%) !important;
    }
}




.page-header h1{
    font-size: 1.2em;
}



.archive .page-content{
    display: grid;
    grid-template-columns: repeat(auto-fit, 31%);
    gap: 20px;
}
.archive .page-content .post{
    display: grid;
}
.archive .page-content .post h2{
    font-size: 1em;
    order: 30;
}
.archive .page-content .post h2 a{
    color: #000;
}
.archive .page-content .post a img{
    order: 10;
    height: 200px;
    object-fit: cover;
}


[type=button], [type=submit], button{
    color: var(--main-color);
    border: 1px solid var(--main-color);
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
    background-color: var(--main-color);
}