/* =========================
   BASE CONTAINER
========================= */

.ih-container{
    max-width:1340px;
    margin:50px auto;
    padding:50px 20px;
	clear:both;
}


/* =========================
   HEADER
========================= */

.ih-blog-header{
    margin-bottom:40px;
}

.ih-blog-title{
    font-size:2rem;
    font-weight:700;
    margin:0;
}

.ih-blog-title a{
    color:#1b1b1b;
    text-decoration:none;
    transition:.3s;
}

.ih-blog-title a:hover{
    color:#1F4E3D;
}

/* خط زیر تیتر */
.ih-blog-line{
    width:100%;
    height:2px;
    background:#1F4E3D;
    margin-top:12px;
    border-radius:2px;
}


/* =========================
   LAYOUT (70 / 30)
========================= */

.ih-blog-layout{
    display:grid;
    grid-template-columns: 70% 30%;
    gap:20px;
    align-items:start;
}


/* =========================
   BLOG CONTENT
========================= */

.ih-blog-content{
    display:flex;
    flex-direction:column;
}


.ih-blog-content .ih-blog-list{
    display:grid;
    gap:30px;
}

.ih-single-sidebar {
    min-width: 280px; 
		box-sizing: border-box;}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

    .ih-blog-layout{
        grid-template-columns:1fr;
    }

       .ih-blog-title{
        font-size:1.6rem;
    }
}