/*
=================================
AT BLOG CARDS
=================================
*/


/* Main Grid */

.at-blog-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

}



/*
Desktop / Tablet / Mobile
Columns controlled by data attributes
*/

.at-blog-grid[data-desktop="1"]{
    grid-template-columns:repeat(1,1fr);
}

.at-blog-grid[data-desktop="2"]{
    grid-template-columns:repeat(2,1fr);
}

.at-blog-grid[data-desktop="3"]{
    grid-template-columns:repeat(3,1fr);
}

.at-blog-grid[data-desktop="4"]{
    grid-template-columns:repeat(4,1fr);
}

.at-blog-grid[data-desktop="5"]{
    grid-template-columns:repeat(5,1fr);
}

.at-blog-grid[data-desktop="6"]{
    grid-template-columns:repeat(6,1fr);
}





/*
Card Link
*/

.at-blog-link{

    display:block;

    text-decoration:none;

    color:inherit;

}





/*
Card
*/

.at-blog-card{

    overflow:hidden;

    background:#ffffff;

    box-shadow:
    0 10px 30px rgba(0,0,0,.30);

    transition:none;

}





/*
Featured Image
*/

.at-blog-image{

    width:100%;

    overflow:hidden;

}



.at-blog-image img{

    width:100%;

    height:240px;

    object-fit:cover;

    display:block;

}





/*
Content
*/

.at-blog-body{

    padding:22px;

}




/*
Category Badge
*/

.at-blog-category{

    display:inline-block;

    padding:6px 14px;

    background:#c300ff;

    color:#ffffff;

    border-radius:50px;

    font-size:13px;

    margin-bottom:12px;

}





/*
Title
*/

.at-blog-body h3{

    margin:0;

    font-size:22px;

    line-height:1.4;

    color:#222222;

    transition:.2s ease;

}



.at-blog-link:hover h3{

    color:#c300ff;

}





/*
Excerpt
*/

.at-blog-body p{

    margin-top:12px;

    color:#666;

    line-height:1.7;

}





/*
Pagination
*/

.at-blog-pagination{

    margin-top:45px;

    text-align:center;

}



.at-blog-pagination a,
.at-blog-pagination span{


    display:inline-block;


    padding:10px 16px;


    margin:4px;


    border-radius:10px;


    background:#f2f2f2;


    color:#222;


    text-decoration:none;


}





.at-blog-pagination .current{


    background:#c300ff;


    color:#fff;


}




.at-blog-pagination a:hover{


    background:#c300ff;


    color:#fff;


}







/*
Tablet
*/

@media(max-width:1024px){


    .at-blog-grid[data-tablet="1"]{

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

    }


    .at-blog-grid[data-tablet="2"]{

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

    }


    .at-blog-grid[data-tablet="3"]{

        grid-template-columns:
        repeat(3,1fr);

    }


}







/*
Mobile
*/

@media(max-width:767px){


    .at-blog-grid[data-mobile="1"]{

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

    }



    .at-blog-grid[data-mobile="2"]{

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

    }


}