/*!
Theme Name: bandrstamping Child
Theme URI: http://underscores.me/
Author: Your Name
Description: Child theme for bandrstamping
Version: 1.0.0
Template: bandrstamping
Text Domain: bandrstamping-child
*/


/* BLOG PAGE LAYOUT */

.blog-container{
    max-width:1400px;
    margin:50px auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:2fr 2fr 1.2fr;
    gap:30px;
    align-items:start;
}

.blog-posts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px;
}

.blog-card{
    background:#fff;
    border:1px solid #e5e5e5;
    overflow:hidden;
}

.blog-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.blog-card h2{
    font-size:20px;
    line-height:1.4;
    margin:15px 20px 10px;
}

.blog-card h2 a{
    text-decoration:none;
    color:#111;
}

.post-date{
    margin:0 20px 15px;
    color:#777;
    font-size:14px;
}

.excerpt{
    margin:0 20px 20px;
    color:#444;
    line-height:1.8;
}

.read-more-btn{
    display:inline-block;
    margin:0 20px 20px;
    background:#005a9c;
    color:#fff;
    padding:12px 25px;
    text-decoration:none;
    border-radius:4px;
}

.blog-sidebar{
    background:#f7f7f7;
    padding:20px;
    border:1px solid #e5e5e5;
}

.blog-sidebar .widget{
    margin-bottom:30px;
}

.blog-sidebar .widget-title{
    font-size:28px;
    margin-bottom:15px;
}

/* TABLET */

@media(max-width:1024px){

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

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

/* MOBILE */

@media(max-width:768px){

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

    .blog-card img{
        height:auto;
    }
}