/************************************************
EDUPRESS JOURNALS – HOMEPAGE STYLESHEET
************************************************/

/* GLOBAL */

body{
font-family:"Segoe UI", Arial, sans-serif;
color:#333;
line-height:1.6;
}


/************************************************
HEADER
************************************************/

.pkp_site_name a{
font-size:28px;
color:#1e3a5f;
text-decoration:none;
font-weight:600;
}

.pkp_navigation_primary_row{
background:#ffffff;
border-bottom:1px solid #e5e8ef;
}

.pkp_navigation_primary a{
color:#333;
font-weight:500;
}

.pkp_navigation_primary a:hover{
color:#1e3a5f;
}


/************************************************
HOMEPAGE JOURNAL LIST
************************************************/

.pkp_site_index .journals{
margin-top:40px;
}

.pkp_site_index .journals ul{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
padding:0;
}


/************************************************
JOURNAL CARD
************************************************/

.pkp_site_index .journals li{
background:#ffffff;
border-radius:10px;
padding:25px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all 0.3s ease;
list-style:none;
}

.pkp_site_index .journals li:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}


/************************************************
JOURNAL TITLE
************************************************/

.pkp_site_index .journals h2{
font-size:20px;
color:#1e3a5f;
margin-bottom:10px;
}


/************************************************
JOURNAL DESCRIPTION
************************************************/

.pkp_site_index .journals p{
font-size:14px;
color:#555;
margin-bottom:12px;
}


/************************************************
JOURNAL LOGO
************************************************/

.pkp_site_index .journals img{
width:80px;
height:auto;
margin-bottom:10px;
}


/************************************************
JOURNAL LINKS
************************************************/

.pkp_site_index .journals a{
display:inline-block;
margin-right:10px;
margin-top:8px;
padding:6px 16px;
background:#1e3a5f;
color:#ffffff;
font-size:13px;
border-radius:20px;
text-decoration:none;
}

.pkp_site_index .journals a:hover{
background:#ff7a00;
}


/************************************************
CONTENT AREA
************************************************/

.pkp_structure_content{
background:#ffffff;
border-radius:6px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}


/************************************************
FOOTER
************************************************/

.pkp_structure_footer_wrapper{
background: linear-gradient(135deg, #1e3a8a, #ff7a00);
color:#ffffff;
text-align:center;
border:none;
}

.pkp_structure_footer_wrapper a{
color:#ffffff;
text-decoration:none;
}

.pkp_structure_footer_wrapper a:hover{
text-decoration:underline;
}





/* CENTER HEADER LOGO */

.pkp_head_wrapper{
display:flex;
flex-direction:column;
align-items:center;
}

/* center logo container */

.pkp_site_name_wrapper{
width:100%;
display:flex;
justify-content:center;
align-items:center;
}

/* logo */

.pkp_site_name{
text-align:center;
}

.pkp_site_name img{
display:block;
margin:0 auto;
}

/************************************************
BUTTON STYLE
************************************************/

.button,
.pkp_button{
background:#1e3a5f;
color:#ffffff;
border:none;
border-radius:20px;
padding:8px 18px;
font-size:13px;
}

.button:hover,
.pkp_button:hover{
background:#ff7a00;
}

.pkp_brand_footer{
display:none;
}

.pkp_footer_content{
text-align:center;
}


/************************************************
EDUPRESS JOURNALS – PROFESSIONAL GRID
************************************************/

/* SECTION TITLE */

.journals h2{
text-align:center;
font-size:28px;
margin-bottom:30px;
color:#1e3a5f;
}


/* GRID LAYOUT */

.journals ul{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(380px,1fr));
gap:40px;
padding:0;
margin:0;
list-style:none;
}


/************************************************
JOURNAL CARD
************************************************/

.journals li{
background:#ffffff;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
transition:0.3s;
}

.journals li:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.15);
}


/************************************************
LOGO
************************************************/

.journals .thumb{
margin-bottom:15px;
}

.journals .thumb img{
width:70px;
height:auto;
}


/************************************************
TITLE
************************************************/

.journals h3{
font-size:20px;
line-height:1.4;
margin-bottom:10px;
}

.journals h3 a{
text-decoration:none;
color:#1e3a5f;
}


/************************************************
DESCRIPTION
************************************************/

.journals .description{
font-size:14px;
color:#555;
margin-top:10px;
max-width:420px;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}


/************************************************
BUTTONS
************************************************/

.journals .links{
margin-top:25px;
display:flex;
gap:15px;
list-style:none;
padding:0;
}

.journals .links a{
display:inline-block;
padding:8px 11px;
background:#1e3a5f;
color:white;
border-radius:25px;
text-decoration:none;
font-size:14px;
}

.journals .links a:hover{
background:#ff7a00;
}


/************************************************
LIST SPACING
************************************************/

.pkp_unstyled_list,
.cmp_article_list,
.cmp_breadcrumbs ol,
.cmp_announcements.cmp_announcements,
.pkp_site_nav_menu ul,
.pkp_page_index .journals ul,
.page_catalog_category .subcategories ul,
.page_issue_archive .issues_archive,
.page_register .context_optin .contexts,
.obj_article_details .authors,
.obj_article_details .galleys_links,
.obj_article_details .supplementary_galleys_links,
.obj_article_summary .galleys_links,
.obj_issue_toc .articles,
.obj_issue_toc .galleys_links,
.pkp_block .content ul{
margin-top:20px;
}
.pkp_page_index .journals>ul>li{
margin:0rem !important;
}


.pkp_page_index .journals>ul>li{

margin:0rem !important;
}


/************************************************
RESPONSIVE
************************************************/

@media(max-width:900px){

.journals ul{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.pkp_site_index .journals ul{
grid-template-columns:1fr;
}

.pkp_site_name a{
font-size:22px;
}

}