/* =========================
   OJS3 Custom Theme - Universitas Pamulang
   ========================= */

/* =========================
   1. Global Styles & Variables
========================= */
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

:root {
    --bg-primary: #276be0;
    --bg-lighter: #c2e4f0;
    --bg-bronze: #6689b2;
    --bg-yellow: #024af1;
    --bg-purple: #1789e6;
    --bg-blue: #2730e0;
}

a {
    color: var(--bg-primary);
    text-decoration: none;
    transition: all linear .2s;
}

a:hover {
    color: var(--bg-purple);
}

body {
    background: var(--bg-lighter);
}

/* =========================
   2. Header & Navigation
========================= */
.pkp_structure_head {
    background-color: var(--bg-lighter);
    border-bottom: none;
    background-size: cover;
}

.pkp_navigation_primary_row {
    background: var(--bg-blue);
    border-radius: 10px;
    padding: 5px 20px;
    margin: 20px 0 10px;
}

@media (max-width: 991px) {
    .pkp_site_nav_menu {
        background: var(--bg-primary);
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .pkp_navigation_primary_row {
        background: var(--bg-primary) !important;
    }
}

.pkp_navigation_user>li>a {
    display: block;
    padding: 5px 10px;
    border: 1px solid var(--bg-lighter);
    margin: 10px 0 0 10px;
    border-radius: 5px;
    color: #FFF;
    transition: all linear .2s;
}

.pkp_navigation_user>li>a:hover {
    background: #FFF;
    border-color: #FFF;
    color: var(--bg-primary);
}

/* =========================
   3. Main Content & Sidebar
========================= */
.pkp_structure_main {
    padding: 0;
}

@media (min-width: 480px) {
    .pkp_structure_main {
        padding: 20px 0;
    }
}

@media (min-width: 992px) {
    .pkp_structure_main {
        float: left;
        padding: 0 20px 20px 0;
        width: 652px;
    }
}

@media (min-width: 1200px) {
    .pkp_structure_main {
        width: 860px;
    }
}

.page_index_journal section {
    background: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

/* =========================
   4. Sidebar & Blocks
========================= */
.pkp_block {
    padding: 30px 20px;
    font-size: 14px;
    background: #FFF;
    margin-bottom: 20px;
    border-radius: 5px;
}

.pkp_block .title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    background: var(--bg-primary);
    padding: 10px;
    border-radius: 20px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.pkp_nav_list ul li {
    border-bottom: 1px dashed #ccc;
}

.pkp_nav_list ul a {
    display: block;
    padding-left: 10px;
    color: var(--bg-primary);
}

.pkp_nav_list ul li a:hover {
    color: var(--bg-purple);
}

/* =========================
   5. Footer
========================= */
.pkp_footer_content {
    background: #85d6e4;
    color: #fff;
    padding: 30px;
    text-align: left;
    font-size: 0.8em;
    font-family: "Montserrat", sans-serif;
    display: grid;
    gap: 10px;
}

.pkp_footer_content div a {
    text-decoration: none;
    color: #f0d7c2;
    font-family: "Montserrat", sans-serif;
}

.pkp_footer_content div ul {
    margin: 0;
    padding: 0;
}

.pkp_footer_content div ul li {
    list-style: none;
}

.pkp_structure_footer_wrapper {
    background: #adfffb;
}

.pkp_brand_footer {
    padding: 0;
    display: none;
}

/* =========================
   6. Buttons & Forms
========================= */
.cmp_button,
.cmp_form .buttons button,
.pkp_search button[type="submit"],
.page_lost_password .buttons button,
.page_search .submit button,
.block_make_submission a {
    display: inline-block;
    padding: 5px 15px;
    background: var(--bg-primary);
    border: 0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    cursor: pointer;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.pkp_search button[type="submit"]:hover,
.block_make_submission a:hover {
    background: var(--bg-yellow);
    color: black;
}

/* =========================
   7. Breadcrumbs
========================= */
.cmp_breadcrumbs {
    display: block;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.cmp_breadcrumbs .current {
    display: inline-block;
    padding: 5px 10px;
    background: var(--bg-primary);
    color: #FFF;
    border-radius: 5px;
}

/* =========================
   8. Articles & Issues
========================= */
.obj_article_summary {
    padding: 10px;
    margin-bottom: 3px;
    border-bottom: 1px solid #EBEBEB;
}

.obj_article_summary .authors:before {
    content: '\f2c0';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.obj_article_summary .pages:before {
    content: '\f0f6';
    font-family: 'FontAwesome';
    padding-right: 8px;
}