/* =====================================================
   ISLAMICATE INSTITUTE JOURNAL PORTAL
   Simple 3 Column Journal Cards
   OJS 3.3.0.8
====================================================== */

/* Page Width */

.page_index_site{
    max-width:1400px;
    margin:0 auto;
    padding:40px 20px;
}

/* Section Title */

.page_index_site .journals h2{
    text-align:center;
    font-size:34px;
    font-weight:700;
    color:#1E4691;
    margin-bottom:40px;
}

/* 3 Column Grid */

.page_index_site .journals > ul{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    list-style:none;
    margin:0;
    padding:0;
}

/* Card */

.page_index_site .journals > ul > li{

    background:#ffffff;

    border:1px solid #e6ebf2;

    border-radius:12px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

}

/* Cover */

.page_index_site .thumb{

    background:#f8f9fb;

    padding:25px;

    text-align:center;

    border-bottom:1px solid #edf2f7;

}

.page_index_site .thumb img{

    width:160px;

    max-width:100%;

    height:auto;

}

/* Body */

.page_index_site .body{

    padding:20px;

    display:flex;

    flex-direction:column;

    flex:1;

}

/* Journal Title */

.page_index_site .body h3{

    font-size:20px;

    text-align:center;

    margin-bottom:15px;

    line-height:1.4;

}

.page_index_site .body h3 a{

    color:#1E4691;

    text-decoration:none;

}

/* Description */

.page_index_site .description{

    font-size:14px;

    line-height:1.7;

    color:#666;

    text-align:justify;

    flex:1;

    margin-bottom:20px;

}

/* Buttons */

.page_index_site .links{

    display:flex;

    justify-content:center;

    gap:10px;

    list-style:none;

    padding:0;

    margin:0;

}

.page_index_site .links li{

    margin:0;

}

.page_index_site .links a{

    display:inline-block;

    background:#1E4691;

    color:#ffffff;

    padding:10px 16px;

    border-radius:6px;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

}

.page_index_site .links .current a{

    background:#2F80ED;

}

/* Remove bullets */

.page_index_site ul{

    list-style:none;

}

/* Responsive */

@media (max-width:991px){

.page_index_site .journals > ul{

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

}

}

@media (max-width:768px){

.page_index_site .journals > ul{

grid-template-columns:1fr;

}

.page_index_site .thumb img{

width:130px;

}

.page_index_site .body{

padding:18px;

}

}