/* ==================================================
EQUALITA PURPLE ELEGANT THEME
OJS 3.x Bootstrap Default
================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

:root{
--primary:#7B2CBF;
--primary-dark:#5A189A;
--soft:#F5F0FF;
--soft-hover:#FBF9FF;
--border:#DCC9FF;
--text:#2B2B2B;
--bg:#FCFAFF;
}

/* ==================================================
GLOBAL
================================================== */

body{
font-family:'Playfair Display',serif;
background:var(--bg);
color:var(--text);
line-height:1.8;
}

.pkp_structure_page{
background:var(--bg);
}

/* ==================================================
HEADER
================================================== */

.pkp_site_name a{
color:var(--primary)!important;
font-weight:700;
}

.pkp_navigation_primary > li > a{
color:#444!important;
font-weight:600;
}

.pkp_navigation_primary > li > a:hover{
color:var(--primary)!important;
}

/* ==================================================
ARTICLE CARDS
BAGIAN PALING PENTING
================================================== */

.obj_article_summary,
.article-summary,
.cmp_article_list > li,
.issue_toc_article,
.media{

```
background:var(--soft)!important;

border:2px solid var(--primary)!important;

border-radius:22px!important;

padding:22px!important;

margin-bottom:25px!important;

box-shadow:
    0 4px 14px rgba(123,44,191,.08);

transition:all .3s ease;
```

}

.obj_article_summary:hover,
.article-summary:hover,
.cmp_article_list > li:hover,
.issue_toc_article:hover,
.media:hover{

```
background:var(--soft-hover)!important;

box-shadow:
    0 12px 28px rgba(123,44,191,.15);

transform:translateY(-3px);
```

}

/* ==================================================
ARTICLE TITLE
================================================== */

.obj_article_summary .title a,
.article-summary h3 a,
.issue_toc_article .title a,
.media-heading a{

```
color:#4A148C!important;

font-weight:700;

font-size:1.15rem;
```

}

.obj_article_summary .title a:hover,
.article-summary h3 a:hover,
.issue_toc_article .title a:hover,
.media-heading a:hover{

```
color:var(--primary)!important;

text-decoration:none;
```

}

/* ==================================================
ARTICLE META
================================================== */

.authors,
.published,
.pages,
.doi,
.date{

```
color:#666!important;
```

}

/* ==================================================
ABSTRACT
================================================== */

.item.abstract,
.summary{

```
color:#444;
```

}

/* ==================================================
BUTTONS
================================================== */

.obj_galley_link,
.cmp_button,
.btn,
.btn-primary{

```
background:var(--primary)!important;

border:none!important;

color:#fff!important;

border-radius:10px!important;

padding:8px 16px!important;
```

}

.obj_galley_link:hover,
.cmp_button:hover,
.btn:hover,
.btn-primary:hover{

```
background:var(--primary-dark)!important;
```

}

/* ==================================================
SIDEBAR
================================================== */

.pkp_block{

```
background:#fff;

border:1px solid var(--border);

border-radius:18px;

overflow:hidden;

margin-bottom:20px;
```

}

.pkp_block .title{

```
background:linear-gradient(
    135deg,
    #7B2CBF,
    #9D4EDD
);

color:#fff!important;

padding:12px;

text-align:center;

font-weight:700;
```

}

.pkp_block .content{

```
padding:15px;
```

}

/* ==================================================
LINKS
================================================== */

a{
color:var(--primary);
}

a:hover{
color:var(--primary-dark);
}

/* ==================================================
FORM
================================================== */

input,
textarea,
select{

```
border:1px solid var(--border)!important;

border-radius:10px!important;
```

}

input:focus,
textarea:focus,
select:focus{

```
border-color:var(--primary)!important;

box-shadow:
    0 0 0 4px rgba(123,44,191,.15)!important;
```

}

/* ==================================================
PAGINATION
================================================== */

.cmp_pagination_link{

```
border-radius:10px!important;
```

}

.cmp_pagination_link.current{

```
background:var(--primary)!important;

color:#fff!important;
```

}

/* ==================================================
FOOTER
================================================== */

.pkp_structure_footer_wrapper{

```
background:#F5F0FF;

border-top:4px solid var(--primary);
```

}

.pkp_footer_content{

```
color:#555;
```

}

/* ==================================================
FORCE ARTICLE BORDER
Jika selector OJS berbeda
================================================== */

.pkp_page_index article,
.pkp_page_issue article,
.pkp_page_search article{

```
background:#F5F0FF!important;

border:2px solid #7B2CBF!important;

border-radius:22px!important;

padding:22px!important;

margin-bottom:25px!important;
```

}