/* =========================================================
   Accounting Journal of Ibrahimy (AJI)
   SAFE CUSTOM STYLESHEET - OJS
   Does NOT change the OJS page/container layout.
   ========================================================= */

/* ---------- AJI custom homepage ---------- */
.aji-custom-home,
.aji-custom-home * {
    box-sizing: border-box;
}

.aji-custom-home {
    width: 100%;
    max-width: 1200px;
    margin: 28px auto 35px;
    color: #263740;
    font-family: Arial, Helvetica, sans-serif;
}

.aji-hero {
    position: relative;
    overflow: hidden;
    margin: 0 0 26px;
    padding: 44px 40px;
    border-radius: 14px;
    background: linear-gradient(135deg, #073b4c 0%, #07566a 55%, #087f8c 100%);
    color: #fff;
    box-shadow: 0 10px 28px rgba(7,59,76,.14);
}

.aji-hero::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -95px;
    width: 250px;
    height: 250px;
    border: 2px solid rgba(212,167,44,.30);
    border-radius: 50%;
    pointer-events: none;
}

.aji-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #fff;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
}

.aji-hero p {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 0 20px;
    color: rgba(255,255,255,.92);
    font-size: 16px;
}

.aji-hero .aji-kicker {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 10px;
    color: #f1d36d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.aji-hero a {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 4px 8px 0 0;
    padding: 10px 17px;
    border-radius: 6px;
    background: #d4a72c;
    color: #073b4c !important;
    font-weight: 700;
    text-decoration: none !important;
}

.aji-hero a:hover {
    background: #fff;
    color: #073b4c !important;
}

/* ---------- Sections ---------- */
.aji-about,
.aji-focus,
.aji-identifiers,
.aji-contact {
    margin-bottom: 26px;
    padding: 26px;
    border: 1px solid #e3eaed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(7,59,76,.05);
}

.aji-custom-home h2 {
    margin: 0 0 14px;
    color: #073b4c;
    font-size: 24px;
}

.aji-about-grid {
    display: grid;
    grid-template-columns: minmax(0,1.7fr) minmax(240px,1fr);
    gap: 26px;
    align-items: stretch;
}

.aji-about p {
    margin: 0 0 12px;
}

.aji-stats {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.aji-stat {
    padding: 17px;
    border-radius: 9px;
    background: #f5f8fa;
    border-left: 4px solid #d4a72c;
}

.aji-stat strong {
    display: block;
    color: #073b4c;
    font-size: 21px;
}

.aji-stat span {
    color: #718087;
    font-size: 13px;
}

/* ---------- Focus cards ---------- */
.aji-focus-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}

.aji-focus-card {
    min-height: 105px;
    padding: 18px;
    border: 1px solid #e3eaed;
    border-radius: 9px;
    background: #f8fafb;
    transition: transform .18s ease, box-shadow .18s ease;
}

.aji-focus-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(7,59,76,.09);
}

.aji-focus-card strong {
    color: #073b4c;
}

.aji-focus-card p {
    margin: 5px 0 0;
    color: #718087;
    font-size: 13px;
}

/* ---------- Identifier cards ---------- */
.aji-identifier-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 13px;
}

.aji-identifier {
    display: flex;
    min-height: 118px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border: 1px solid #e3eaed;
    border-radius: 9px;
    background: #fff;
    color: #263740 !important;
    text-align: center;
    text-decoration: none !important;
}

.aji-identifier:hover {
    border-color: #d4a72c;
    box-shadow: 0 7px 18px rgba(7,59,76,.10);
}

.aji-identifier-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #073b4c;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.aji-identifier strong {
    color: #073b4c;
}

.aji-identifier span {
    color: #718087;
    font-size: 12px;
}

/* ---------- Submission ---------- */
.aji-submission {
    margin-bottom: 26px;
    padding: 30px;
    border-radius: 12px;
    background: linear-gradient(135deg,#073b4c,#087f8c);
    color: #fff;
    text-align: center;
}

.aji-submission h2 {
    color: #fff;
    margin-bottom: 8px;
}

.aji-submission p {
    margin: 0 0 15px;
}

.aji-submission a {
    display: inline-block;
    padding: 10px 19px;
    border-radius: 6px;
    background: #d4a72c;
    color: #073b4c !important;
    font-weight: 700;
    text-decoration: none !important;
}

.aji-submission a:hover {
    background: #fff;
}

/* ---------- Contact ---------- */
.aji-contact {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 26px;
}

.aji-contact p {
    margin: 0 0 8px;
}

/* ---------- Small safe enhancements to existing OJS blocks ---------- */
.pkp_block {
    border-radius: 8px;
    border: 1px solid #e3eaed;
    box-shadow: 0 3px 14px rgba(7,59,76,.05);
}

.pkp_block .title {
    color: #073b4c;
}

.pkp_structure_footer_wrapper {
    border-top: 3px solid #d4a72c;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .aji-about-grid,
    .aji-contact {
        grid-template-columns: 1fr;
    }

    .aji-focus-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aji-identifier-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 640px) {
    .aji-custom-home {
        margin-top: 18px;
    }

    .aji-hero {
        padding: 30px 22px;
        border-radius: 10px;
    }

    .aji-hero h1 {
        font-size: 30px;
    }

    .aji-about,
    .aji-focus,
    .aji-identifiers,
    .aji-contact {
        padding: 20px;
    }

    .aji-focus-grid,
    .aji-identifier-grid {
        grid-template-columns: 1fr;
    }

    .aji-stats {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .aji-stats {

    }
}

/* =====================================================
   AJI - MODERN HEADER
   ===================================================== */

.pkp_structure_head {
    background: linear-gradient(
        135deg,
        #052f3d 0%,
        #073b4c 55%,
        #087f8c 100%
    ) !important;

    border-bottom: 4px solid #d4a72c !important;
}

/* Area logo dan nama jurnal */
.pkp_site_name {
    padding: 25px 20px !important;
}

.pkp_site_name a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Logo */
.pkp_site_name img {
    max-height: 90px !important;
    width: auto !important;
}

/* Menu navigasi */
.pkp_navigation_primary_wrapper {
    background: #052f3d !important;
    border-top: 1px solid rgba(255,255,255,0.12);
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

/* Tulisan menu */
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
}

/* Saat mouse diarahkan ke menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #f1d36d !important;
    background: rgba(255,255,255,0.06) !important;
}

/* Search */
.pkp_search button {
    color: #ffffff !important;
}

.pkp_search button:hover {
    color: #f1d36d !important;
}

/* Link login / register */
.pkp_navigation_user > li > a {
    color: #ffffff !important;
}

.pkp_navigation_user > li > a:hover {
    color: #f1d36d !important;
}


/* =====================================================
   AJI HEADER - FINAL REFINEMENT
   ===================================================== */

/* Search di header */
.pkp_search button,
.pkp_search button span,
.pkp_search button:before {
    color: #ffffff !important;
}

.pkp_search button:hover,
.pkp_search button:hover span,
.pkp_search button:hover:before {
    color: #f1d36d !important;
}

/* Kotak search */
.pkp_search .search_prompt {
    color: #ffffff !important;
}

/* Ikon dan area pengguna */
.pkp_navigation_user > li > a {
    color: #ffffff !important;
}

.pkp_navigation_user > li > a:hover {
    color: #f1d36d !important;
}

/* Dropdown About */
.pkp_navigation_primary .dropdown-menu {
    background: #073b4c !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

.pkp_navigation_primary .dropdown-menu a {
    color: #ffffff !important;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    background: #087f8c !important;
    color: #f1d36d !important;
}

/* Garis emas header */
.pkp_structure_head {
    border-bottom: 4px solid #d4a72c !important;
}

/* Sedikit bayangan header */
.pkp_structure_head {
    box-shadow: 0 3px 12px rgba(0,0,0,0.12) !important;
}







/* =====================================================
   AJI - MODERN FOOTER
   ===================================================== */

/* Area footer */
.pkp_structure_footer_wrapper {
    background: #052f3d !important;
    border-top: 4px solid #d4a72c !important;
    margin-top: 40px !important;
}

/* Isi footer */
.pkp_structure_footer {
    background: transparent !important;
    color: #ffffff !important;
}

/* Paragraf footer */
.pkp_structure_footer p {
    color: rgba(255,255,255,0.82) !important;
    line-height: 1.7 !important;
}

/* Link footer */
.pkp_structure_footer a {
    color: #f1d36d !important;
    text-decoration: none !important;
}

.pkp_structure_footer a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

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

.aji-footer-brand {
    text-align: center;
    padding: 35px 20px 20px;
}

.aji-footer-brand h3 {
    margin: 0 0 8px;
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 700;
}

.aji-footer-brand p {
    margin: 5px 0;
    color: rgba(255,255,255,0.78) !important;
}

/* Garis pemisah */
.aji-footer-line {
    width: 70px;
    height: 3px;
    background: #d4a72c;
    margin: 18px auto;
    border-radius: 10px;
}

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

.aji-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 15px 20px;
    text-align: center;
    font-size: 13px;
    color: rgba(255,255,255,0.65);
}

.aji-footer-bottom strong {
    color: #f1d36d;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {

    .aji-footer-brand {
        padding: 25px 15px 15px;
    }

    .aji-footer-brand h3 {
        font-size: 19px;
    }

}

/* =========================================
   AJI FOOTER - MAP
   ========================================= */

.aji-footer-map {
    min-width: 0;
}

.aji-map-wrapper {
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.20);
    background: #ffffff;
    margin-bottom: 12px;
}

.aji-map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.aji-map-link {
    display: inline-block;
    color: #f1d36d !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.aji-map-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/* =========================================
   FOOTER - 4 COLUMNS
   ========================================= */

.aji-footer-inner {
    grid-template-columns: 1.35fr 0.9fr 1fr 1.15fr;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 1100px) {

    .aji-footer-inner {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 600px) {

    .aji-footer-inner {
        grid-template-columns: 1fr;
    }

    .aji-map-wrapper {
        height: 220px;
    }

}











/* =========================================================
   AJI MODERN SIDEBAR
   SIDEBAR / RIGHT COLUMN
   ========================================================= */

/* Area sidebar */
.pkp_structure_sidebar {
    padding-left: 25px;
}

/* Semua blok sidebar */
.pkp_structure_sidebar .pkp_block {
    position: relative;

    margin-bottom: 22px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid #e5ecef;

    border-radius: 16px;

    overflow: hidden;

    box-shadow:
        0 6px 25px rgba(7, 59, 76, 0.07);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

/* Efek ketika mouse diarahkan */
.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-3px);

    border-color: rgba(8, 127, 140, 0.25);

    box-shadow:
        0 14px 35px rgba(7, 59, 76, 0.12);
}


/* =========================================================
   JUDUL BLOK SIDEBAR
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title {
    position: relative;

    margin: 0;

    padding: 17px 20px;

    background:
        linear-gradient(
            135deg,
            #063744,
            #087f8c
        );

    color: #ffffff !important;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.4px;

    text-transform: uppercase;

    line-height: 1.4;
}


/* garis emas kecil */
.pkp_structure_sidebar .pkp_block .title::after {
    content: "";

    position: absolute;

    left: 20px;
    bottom: 0;

    width: 35px;
    height: 3px;

    background: #d4a72c;

    border-radius: 5px;
}


/* =========================================================
   ISI BLOK
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    padding: 18px 20px;

    background: #ffffff;
}


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

.pkp_structure_sidebar .pkp_block ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pkp_structure_sidebar .pkp_block li {
    margin: 0;

    padding: 0;

    border-bottom: 1px solid #edf1f3;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: none;
}


/* Link menu */
.pkp_structure_sidebar .pkp_block li a {
    position: relative;

    display: block;

    padding: 11px 5px 11px 23px;

    color: #40545c;

    font-size: 13.5px;

    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background 0.2s ease;
}


/* bullet modern */
.pkp_structure_sidebar .pkp_block li a::before {
    content: "›";

    position: absolute;

    left: 3px;

    color: #087f8c;

    font-size: 19px;

    font-weight: 700;

    line-height: 1;

    transition: color 0.2s ease;
}


/* hover menu */
.pkp_structure_sidebar .pkp_block li a:hover {
    padding-left: 29px;

    color: #087f8c;

    background:
        linear-gradient(
            90deg,
            rgba(8,127,140,0.07),
            transparent
        );
}

.pkp_structure_sidebar .pkp_block li a:hover::before {
    color: #d4a72c;
}


/* =========================================================
   ADDITIONAL MENU
   ========================================================= */

.pkp_structure_sidebar .pkp_block:first-child .content {
    padding-top: 12px;
    padding-bottom: 12px;
}


/* =========================================================
   IMAGE DALAM SIDEBAR
   ISSN / TEMPLATE / TOOLS / SUPPORTED BY
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content img {
    max-width: 100%;

    height: auto;

    border-radius: 8px;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.pkp_structure_sidebar .pkp_block .content a:hover img {
    transform: scale(1.03);

    opacity: 0.92;
}


/* =========================================================
   ISSN BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content img[alt*="ISSN"],
.pkp_structure_sidebar .pkp_block .content img[title*="ISSN"],
.pkp_structure_sidebar .pkp_block .content img[alt*="E-ISSN"] {
    border: 1px solid #e8edef;

    padding: 5px;

    background: #ffffff;
}


/* =========================================================
   TEMPLATE BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block img[alt="TEMPLATE"] {
    border-radius: 10px;

    box-shadow:
        0 5px 15px rgba(0,0,0,0.08);
}


/* =========================================================
   TOOLS BLOCK
   ========================================================= */

.pkp_structure_sidebar .pkp_block img {
    margin: 4px;

    vertical-align: middle;
}


/* =========================================================
   SUPPORTED BY
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content a {
    color: #087f8c;

    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #d4a72c;
}


/* =========================================================
   VISITOR COUNTER
   ========================================================= */

.pkp_structure_sidebar .pkp_block img[src*="flagcounter"] {
    border-radius: 8px;

    border: 1px solid #e3eaed;

    padding: 4px;

    background: #fafcfd;
}


/* =========================================================
   INFORMATION
   ========================================================= */

.pkp_structure_sidebar
.pkp_block
.content
ul {
    list-style: none;

    padding: 0;

    margin: 0;
}


/* =========================================================
   CURRENT ISSUE
   ========================================================= */

.pkp_structure_sidebar
.pkp_block
.content
a[href*="WebFeedGatewayPlugin"] {
    display: inline-flex;

    align-items: center;

    margin: 3px;

    padding: 7px 10px;

    background: #f5f9fa;

    border: 1px solid #e1eaed;

    border-radius: 8px;

    transition: all 0.2s ease;
}

.pkp_structure_sidebar
.pkp_block
.content
a[href*="WebFeedGatewayPlugin"]:hover {
    background: #087f8c;

    border-color: #087f8c;

    color: #ffffff;
}


/* =========================================================
   EMAIL / CONTACT
   ========================================================= */

.pkp_structure_sidebar
.pkp_block
.content
a[href^="mailto:"] {
    color: #087f8c;

    font-weight: 600;
}


/* =========================================================
   SIDEBAR SCROLL / LONG MENU
   ========================================================= */

.pkp_structure_sidebar .pkp_block:first-child .content {
    max-height: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .pkp_structure_sidebar {
        padding-left: 0;
        margin-top: 30px;
    }

    .pkp_structure_sidebar .pkp_block {
        border-radius: 14px;
    }

}

@media (max-width: 600px) {

    .pkp_structure_sidebar .pkp_block .title {
        padding: 15px 17px;

        font-size: 13px;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 15px 17px;
    }

}

















/* =========================================================
   AJI MODERN PAGE BACKGROUND
   ========================================================= */

body {
    background: #f5f8fa;
}


/* Area konten utama */
.pkp_structure_content {
    position: relative;
}


/* Main content */
.pkp_structure_main {
    background: transparent;
}


/* Artikel / halaman utama */
.obj_article_summary {
    background: #ffffff;

    border: 1px solid #e7edef;

    border-radius: 14px;

    padding: 22px 24px;

    margin-bottom: 18px;

    box-shadow:
        0 5px 20px rgba(7,59,76,0.045);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.obj_article_summary:hover {
    transform: translateY(-2px);

    border-color: rgba(8,127,140,.20);

    box-shadow:
        0 12px 30px rgba(7,59,76,.08);
}


/* Judul artikel */
.obj_article_summary .title {
    color: #073b4c;

    font-weight: 750;

    line-height: 1.45;
}

.obj_article_summary .title a:hover {
    color: #087f8c;
}









/* =========================================================
   AJI - WIDER MODERN LAYOUT
   Main Content 68% | Sidebar 32%
   ========================================================= */

/* Lebarkan container utama */
.pkp_structure_content {
    max-width: 1400px !important;
    width: 94% !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   MAIN CONTENT + SIDEBAR
   ========================================================= */

.pkp_structure_main {
    width: 68% !important;

    padding-right: 30px !important;
}

.pkp_structure_sidebar {
    width: 32% !important;

    padding-left: 10px !important;
}


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

.pkp_structure_sidebar .pkp_block {
    width: 100%;

    border-radius: 18px;

    margin-bottom: 24px;

    box-sizing: border-box;
}


/* =========================================================
   ADDITIONAL MENU - MORE SPACE
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    padding: 20px 24px;
}


/* Link menu lebih lebar dan nyaman */
.pkp_structure_sidebar .pkp_block li a {
    padding: 12px 8px 12px 28px;

    font-size: 14px;

    line-height: 1.55;
}


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

.pkp_structure_sidebar .pkp_block .title {
    padding: 18px 24px;

    font-size: 14px;

    letter-spacing: .5px;
}


/* =========================================================
   IMAGE / LOGO AREA
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content img {
    max-width: 100%;

    height: auto;
}


/* =========================================================
   TOOLS / SUPPORTED BY
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    overflow: hidden;
}


/* Logo jangan terlalu kecil */
.pkp_structure_sidebar
.pkp_block
.content
a img {
    max-width: 100%;

    object-fit: contain;
}


/* =========================================================
   CONTENT WIDTH
   ========================================================= */

.pkp_structure_main .page,
.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .obj_article_details {
    max-width: 100%;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .pkp_structure_content {
        width: 92% !important;
    }

    .pkp_structure_main {
        width: 65% !important;
    }

    .pkp_structure_sidebar {
        width: 35% !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_content {
        width: 92% !important;
    }

    .pkp_structure_main {
        width: 100% !important;

        padding-right: 0 !important;
    }

    .pkp_structure_sidebar {
        width: 100% !important;

        padding-left: 0 !important;

        margin-top: 30px;
    }

}

















/* =========================================================
   AJI SIDEBAR - MODERN LIGHT HEADING
   ========================================================= */

/* Semua judul blok sidebar */
.pkp_structure_sidebar .pkp_block .title {
    position: relative;

    padding: 18px 22px !important;

    background: #ffffff !important;

    color: #183b45 !important;

    border-bottom: 1px solid #e8edef;

    font-size: 14px !important;

    font-weight: 800 !important;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    line-height: 1.4;
}


/* Garis aksen gold */
.pkp_structure_sidebar .pkp_block .title::after {
    content: "";

    position: absolute;

    left: 22px;
    bottom: -1px;

    width: 42px;
    height: 3px;

    background: #d4a72c;

    border-radius: 10px;
}


/* =========================================================
   WARNA KHUSUS TIAP BLOK
   ========================================================= */

/* Additional Menu */
.pkp_structure_sidebar .pkp_block:nth-child(1) .title {
    color: #073b4c !important;
}

/* ISSN */
.pkp_structure_sidebar .pkp_block:nth-child(2) .title {
    color: #087f8c !important;
}

/* Template */
.pkp_structure_sidebar .pkp_block:nth-child(3) .title {
    color: #6b5414 !important;
}

/* Tools */
.pkp_structure_sidebar .pkp_block:nth-child(4) .title {
    color: #31576a !important;
}

/* Supported By */
.pkp_structure_sidebar .pkp_block:nth-child(5) .title {
    color: #45634d !important;
}

/* Journal Visitors */
.pkp_structure_sidebar .pkp_block:nth-child(6) .title {
    color: #735b27 !important;
}

/* Information */
.pkp_structure_sidebar .pkp_block:nth-child(7) .title {
    color: #073b4c !important;
}


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

.pkp_structure_sidebar .pkp_block {
    background: #ffffff !important;

    border: 1px solid #e5ecef !important;

    border-radius: 16px !important;

    overflow: hidden;

    box-shadow:
        0 5px 22px rgba(7, 59, 76, 0.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* Hover card */
.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-2px);

    border-color: rgba(8,127,140,.20) !important;

    box-shadow:
        0 12px 30px rgba(7,59,76,.09);
}


/* =========================================================
   MENU LINK
   ========================================================= */

.pkp_structure_sidebar .pkp_block li {
    border-bottom: 1px solid #eef2f3;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: none;
}

.pkp_structure_sidebar .pkp_block li a {
    color: #52666d !important;

    font-size: 13.5px;

    font-weight: 500;

    transition:
        color .2s ease,
        padding-left .2s ease,
        background .2s ease;
}

.pkp_structure_sidebar .pkp_block li a::before {
    color: #d4a72c !important;
}

.pkp_structure_sidebar .pkp_block li a:hover {
    color: #087f8c !important;

    background:
        linear-gradient(
            90deg,
            rgba(8,127,140,.055),
            transparent
        );

    padding-left: 31px;
}


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

.pkp_structure_sidebar .pkp_block .content {
    background: #ffffff !important;

    padding: 20px 22px !important;
}


/* =========================================================
   LABEL / TEXT
   ========================================================= */

.pkp_structure_sidebar .pkp_block strong {
    color: #183b45;
}

.pkp_structure_sidebar .pkp_block p {
    color: #60747b;

    line-height: 1.7;
}


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

.pkp_structure_sidebar .pkp_block .content a {
    color: #087f8c;

    transition: color .2s ease;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #b68c19;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_sidebar .pkp_block .title {
        padding: 16px 18px !important;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 17px 18px !important;
    }

}













/* =========================================================
   AJI SIDEBAR - MODERN COLOR CARDS
   ========================================================= */

/* CARD SIDEBAR */
.pkp_structure_sidebar .pkp_block {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden;

    background: #ffffff !important;

    box-shadow:
        0 8px 28px rgba(7, 59, 76, 0.09) !important;

    margin-bottom: 24px;

    transition: all .25s ease;
}

.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-3px);

    box-shadow:
        0 15px 38px rgba(7, 59, 76, 0.14) !important;
}


/* =========================================================
   JUDUL BLOK
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title {
    position: relative;

    margin: 0 !important;

    padding: 17px 22px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    letter-spacing: .5px;

    text-transform: uppercase;

    border: none !important;
}


/* =========================================================
   WARNA BLOK
   ========================================================= */

/* ADDITIONAL MENU */
.pkp_structure_sidebar .pkp_block:nth-child(1) .title {
    background:
        linear-gradient(
            135deg,
            #073b4c,
            #087f8c
        ) !important;
}


/* ISSN */
.pkp_structure_sidebar .pkp_block:nth-child(2) .title {
    background:
        linear-gradient(
            135deg,
            #087f8c,
            #10a5a9
        ) !important;
}


/* TEMPLATE */
.pkp_structure_sidebar .pkp_block:nth-child(3) .title {
    background:
        linear-gradient(
            135deg,
            #9b7418,
            #d4a72c
        ) !important;
}


/* TOOLS */
.pkp_structure_sidebar .pkp_block:nth-child(4) .title {
    background:
        linear-gradient(
            135deg,
            #31566b,
            #477d91
        ) !important;
}


/* SUPPORTED BY */
.pkp_structure_sidebar .pkp_block:nth-child(5) .title {
    background:
        linear-gradient(
            135deg,
            #41634d,
            #638c6d
        ) !important;
}


/* JOURNAL VISITORS */
.pkp_structure_sidebar .pkp_block:nth-child(6) .title {
    background:
        linear-gradient(
            135deg,
            #735a26,
            #b68c19
        ) !important;
}


/* INFORMATION */
.pkp_structure_sidebar .pkp_block:nth-child(7) .title {
    background:
        linear-gradient(
            135deg,
            #073b4c,
            #087f8c
        ) !important;
}


/* =========================================================
   GOLD ACCENT LINE
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title::after {
    content: "";

    position: absolute;

    left: 22px;
    bottom: 0;

    width: 45px;
    height: 3px;

    background: #f1d36d;

    border-radius: 10px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content {
    background: #ffffff !important;

    padding: 20px 22px !important;
}


/* =========================================================
   MENU
   ========================================================= */

.pkp_structure_sidebar .pkp_block li {
    border-bottom: 1px solid #edf1f3;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: none;
}

.pkp_structure_sidebar .pkp_block li a {
    display: block;

    padding: 12px 8px 12px 27px;

    color: #4d626a !important;

    font-size: 13.5px;

    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

    transition:
        all .2s ease;
}


/* Bullet */
.pkp_structure_sidebar .pkp_block li a::before {
    content: "›";

    position: absolute;

    margin-left: -20px;

    color: #d4a72c;

    font-size: 18px;

    font-weight: 800;
}


/* Hover */
.pkp_structure_sidebar .pkp_block li a:hover {
    color: #087f8c !important;

    padding-left: 33px;

    background:
        linear-gradient(
            90deg,
            rgba(8,127,140,.06),
            transparent
        );
}


/* =========================================================
   IMAGE
   ========================================================= */

.pkp_structure_sidebar .pkp_block img {
    max-width: 100%;

    height: auto;

    border-radius: 8px;

    transition: transform .25s ease;
}

.pkp_structure_sidebar .pkp_block a:hover img {
    transform: scale(1.03);
}


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

.pkp_structure_sidebar .pkp_block .content a {
    color: #087f8c;

    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #b68c19;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_sidebar .pkp_block .title {
        padding: 16px 18px !important;
    }

    .pkp_structure_sidebar .pkp_block .content {
        padding: 17px 18px !important;
    }

}




/* =========================================================
   AJI SIDEBAR - WARNA KUAT / OVERRIDE OJS
   ========================================================= */

/* SEMUA BLOCK SIDEBAR */
.pkp_structure_sidebar .pkp_block {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}

/* JUDUL BLOCK - PAKSA BERWARNA */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3 {
    display: block !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #063b4c 0%, #008c95 100%) !important;
    padding: 18px 22px !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
}

/* WARNA BERBEDA UNTUK BLOCK */
.pkp_structure_sidebar .pkp_block:nth-of-type(1) .title {
    background: linear-gradient(135deg, #063b4c, #008c95) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(2) .title {
    background: linear-gradient(135deg, #087f8c, #16b3b3) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(3) .title {
    background: linear-gradient(135deg, #8c6815, #d4a72c) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(4) .title {
    background: linear-gradient(135deg, #294d63, #4f8297) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(5) .title {
    background: linear-gradient(135deg, #356046, #6c9875) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(6) .title {
    background: linear-gradient(135deg, #6d4f13, #b98b1d) !important;
}

.pkp_structure_sidebar .pkp_block:nth-of-type(7) .title {
    background: linear-gradient(135deg, #063b4c, #008c95) !important;
}

/* GARIS EMAS DI BAWAH JUDUL */
.pkp_structure_sidebar .pkp_block .title {
    border-bottom: 4px solid #f1d36d !important;
}

/* ISI BLOCK */
.pkp_structure_sidebar .pkp_block .content {
    background: #ffffff !important;
    padding: 20px !important;
}

/* LINK MENU */
.pkp_structure_sidebar .pkp_block .content a {
    color: #36535d !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #008c95 !important;
}

/* LIST */
.pkp_structure_sidebar .pkp_block ul {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block li {
    list-style: none !important;
    border-bottom: 1px solid #e8eef0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block li:last-child {
    border-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block li a {
    display: block !important;
    padding: 12px 8px !important;
}

/* PANAH EMAS */
.pkp_structure_sidebar .pkp_block li a::before {
    content: "›" !important;
    color: #d4a72c !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-right: 8px !important;
}

/* EFEK HOVER */
.pkp_structure_sidebar .pkp_block li a:hover {
    background: #eef9f9 !important;
    padding-left: 14px !important;
    border-radius: 6px !important;
}

/* GAMBAR SIDEBAR */
.pkp_structure_sidebar .pkp_block img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
}

/* LINK GAMBAR */
.pkp_structure_sidebar .pkp_block .content img {
    transition: all .25s ease !important;
}

.pkp_structure_sidebar .pkp_block .content a:hover img {
    transform: scale(1.04) !important;
}

/* MOBILE */
@media (max-width: 768px) {

    .pkp_structure_sidebar {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .pkp_structure_main {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .pkp_structure_sidebar .pkp_block {
        margin-bottom: 18px !important;
    }
}