/*=========================================
Container
=========================================*/

.container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}

/*=========================================
Hero + Latest Notifications
=========================================*/

.gjp-home-hero{
    margin:20px 0;
}

.gjp-home-hero-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:24px;
    align-items:stretch;
}

/*=========================================
Current Affairs + Daily Quiz
=========================================*/

.gjp-current-affairs-layout{
    display:grid;
    grid-template-columns:2.3fr 0.9fr;
    gap:24px;
    margin:24px 0;
    align-items:stretch;
}

.gjp-current-affairs-layout > *{
    width:100%;
    height:100%;
}

/*=========================================
Common Two Column Layout
=========================================*/

.gjp-two-column{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:24px;
    margin:24px 0;
    align-items:stretch;
}

/*=========================================
Row 5 Override
(Latest Articles + Motivational Quotes)
=========================================*/

.gjp-home-articles .gjp-two-column{
    grid-template-columns:60% 40%;
    align-items:stretch;
}

/*=========================================
Row 4 Layout
=========================================*/

.gjp-row-four{
    display:grid;
    grid-template-columns:42% 58%;
    gap:24px;
    margin:24px 0;
    align-items:stretch;
}

.gjp-row-four > *{
    width:100%;
}

/*=========================================
Homepage Resources Section
=========================================*/

.gjp-home-resources{
    padding-top:36px;
}

/*=========================================
Common Three Column Layout
=========================================*/

.gjp-three-column{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:24px;
    margin:0;
    align-items:stretch;
}

/*=========================================
Equal Height Cards
=========================================*/

.gjp-three-column > *{
    display:flex;
}

.gjp-mock-card,
.gjp-paper-card,
.gjp-notes-card{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}

.gjp-mock-list,
.gjp-paper-list,
.gjp-notes-list{
    display:flex;
    flex-direction:column;
    flex:1;
}

/*=========================================
Responsive
=========================================*/

@media (max-width:992px){

    .gjp-home-hero-grid,
    .gjp-current-affairs-layout,
    .gjp-two-column,
    .gjp-three-column,
    .gjp-row-four{

        grid-template-columns:1fr;

    }

}