/* ==========================================================
   MODULE 014
   HOMEPAGE JOURNAL LAYOUT
========================================================== */

.lqw-home-journal{

    padding:70px 0;

}

.lqw-home-magazine{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:30px;

    align-items:start;

    margin:35px 0 40px;

}

.lqw-home-featured{

    display:block;

}

.lqw-home-side{

    display:grid;

    grid-template-rows:1fr 1fr;

    gap:24px;

    height:100%;

}

.lqw-home-news-grid{

    display:grid;

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

    gap:28px;

    margin-top:35px;

}

.lqw-home-journal-footer{

    margin-top:45px;

    text-align:center;

}

/* ==========================================================
   FEATURED CARD ONLY
========================================================== */

.lqw-home-featured .lqw-journal-card{

    display:flex;

    flex-direction:column;

}

.lqw-home-featured .lqw-journal-image img{
    height:280px;
    width:100%;
    object-fit:cover;
}

.lqw-home-featured .lqw-journal-content{

    padding:24px;

}

.lqw-home-featured h3{

    font-size:28px;

    line-height:1.25;

    margin-bottom:12px;

}

.lqw-home-featured p{

    font-size:16px;

    line-height:1.7;

}

/* ==========================================================
   SIDE CARD
========================================================== */

.lqw-home-side .lqw-journal-card{

    height:100%;

    display:flex;

    flex-direction:column;

}

.lqw-home-side .lqw-journal-image img{

    height:160px;

    object-fit:cover;

}

.lqw-home-side .lqw-journal-content{

    padding:18px;

}

.lqw-home-side h3{

    font-size:20px;

    line-height:1.35;

}

.lqw-home-side p{

    display:none;

}

.lqw-home-side .lqw-button{

    display:none;

}

.lqw-home-side .lqw-journal-content{

    display:flex;

    flex-direction:column;

    flex:1;

}

.lqw-home-side .lqw-journal-button{

    margin-top:auto;

}

/* ==========================================================
   GRID
========================================================== */

.lqw-home-news-grid .lqw-journal-image img{

    height:220px;

    object-fit:cover;

}

/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .lqw-home-magazine{

        grid-template-columns:1fr;

    }

    .lqw-home-side{

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

    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:768px){

    .lqw-home-magazine{

        grid-template-columns:1fr;

    }

    .lqw-home-side{

        grid-template-columns:1fr;

    }

    .lqw-home-news-grid{

        grid-template-columns:1fr;

    }

}