/* =========================================================
   AL-AMĪN (FAIṢALĀBĀD)
   Pastel Academic Journal Theme
   ========================================================= */

:root {
    --cream: #fbf8f1;
    --ivory: #fffdf8;
    --sage: #a8bfa3;
    --sage-dark: #71866c;
    --dusty-blue: #aebfd1;
    --lavender: #c9bdd8;
    --rose: #d9b8b5;
    --peach: #e7c6a5;
    --gold: #c9ad72;
    --text: #3f4642;
    --muted: #737873;
    --border: #e3ded3;
    --shadow: 0 8px 25px rgba(70, 70, 60, 0.10);
}

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

.pkp_structure_sidebar {
    background: transparent;
    padding: 12px;
}

.pkp_block {
    background: var(--ivory);
    border: 1px solid var(--border);
    border-radius: 16px;
    margin-bottom: 18px;
    padding: 18px;
    box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
}

.pkp_block:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(70,70,60,0.14);
}

/* =========================================================
   MOVING PASTEL COLOR PLATE
   ========================================================= */

.pkp_block::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80px;
    width: 150px;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(201,173,114,0.12),
        transparent
    );
    transform: skewX(-20deg);
    transition: left 0.7s ease;
}

.pkp_block:hover::before {
    left: 110%;
}

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

.pkp_block_title {
    font-family: "Times New Roman", Georgia, serif;
    color: var(--sage-dark);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 2px solid #e8e1d4;
}

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

.pkp_block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_block li {
    margin: 6px 0;
}

.pkp_block li a {
    display: block;
    padding: 10px 13px;
    border-radius: 10px;
    color: var(--text);
    text-decoration: none;
    font-family: "Times New Roman", Georgia, serif;
    font-size: 0.98rem;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        padding-left 0.3s ease,
        box-shadow 0.3s ease;
}

/* Moving slide effect */

.pkp_block li a:hover {
    background: #eef3eb;
    color: var(--sage-dark);
    padding-left: 21px;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(100,120,90,0.10);
}

/* =========================================================
   PASTEL COLOR PLATES
   ========================================================= */

.pkp_block:nth-child(1) {
    border-left: 5px solid var(--sage);
}

.pkp_block:nth-child(2) {
    border-left: 5px solid var(--dusty-blue);
}

.pkp_block:nth-child(3) {
    border-left: 5px solid var(--lavender);
}

.pkp_block:nth-child(4) {
    border-left: 5px solid var(--rose);
}

.pkp_block:nth-child(5) {
    border-left: 5px solid var(--peach);
}

/* =========================================================
   ANIMATED FEATURE PLATES
   ========================================================= */

.amm-feature-plate {
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin: 18px 0;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: linear-gradient(
        135deg,
        #fffdf8,
        #f4f0e8
    );
    box-shadow: var(--shadow);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.amm-feature-plate:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(70,70,60,0.14);
}

/* Sliding light */

.amm-feature-plate::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.55),
        transparent
    );
    transform: skewX(-20deg);
    transition: left 0.8s ease;
}

.amm-feature-plate:hover::after {
    left: 130%;
}

/* =========================================================
   PASTEL SLIDE CARDS
   ========================================================= */

.amm-slide-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 17px 20px;
    margin: 12px 0;
    border-radius: 15px;
    background: var(--ivory);
    border: 1px solid var(--border);
    box-shadow: 0 5px 18px rgba(70,70,60,0.08);
    transition: all 0.4s ease;
}

.amm-slide-card:hover {
    transform: translateX(10px);
    box-shadow: 0 10px 25px rgba(70,70,60,0.13);
}

/* Different pastel plates */

.amm-slide-card.sage {
    background: #edf3ea;
}

.amm-slide-card.blue {
    background: #edf2f7;
}

.amm-slide-card.lavender {
    background: #f2eef6;
}

.amm-slide-card.rose {
    background: #f7eeee;
}

.amm-slide-card.peach {
    background: #faf0e5;
}

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

.journal-title-main {
    display: block;
    font-family: "Times New Roman", Georgia, serif;
    font-size: 2rem;
    font-weight: 700;
    color: #526451;
    text-align: center;
    line-height: 1.2;
}

.journal-title-subtitle {
    display: block;
    margin-top: 7px;
    font-family: "Times New Roman", Georgia, serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    color: #77766f;
    text-align: center;
}

/* =========================================================
   ELEGANT GOLD DIVIDER
   ========================================================= */

.amm-divider {
    width: 85px;
    height: 2px;
    margin: 12px auto 20px;
    background: var(--gold);
    border-radius: 10px;
    position: relative;
}

.amm-divider::before,
.amm-divider::after {
    content: "";
    position: absolute;
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold);
}

.amm-divider::before {
    left: -5px;
}

.amm-divider::after {
    right: -5px;
}

/* =========================================================
   SMOOTH SLIDE ANIMATION
   ========================================================= */

@keyframes gentleSlide {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.amm-slide-card,
.amm-feature-plate {
    animation: gentleSlide 0.7s ease both;
}

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

@media (max-width: 768px) {

    .pkp_block {
        border-radius: 13px;
        padding: 15px;
    }

    .journal-title-main {
        font-size: 1.55rem;
    }

    .journal-title-subtitle {
        font-size: 0.9rem;
    }

    .amm-slide-card {
        padding: 14px;
    }
}
```css
/* ================================================================
AL-AMĪN الامین (FAIṢALĀBĀD)
A Research Journal of Islamic Studies

PREMIUM ACADEMIC JOURNAL THEME
Forest Green • Ivory • Antique Gold
================================================================ */


/* ================================================================
1. GLOBAL PAGE BACKGROUND
================================================================ */

html,
body {
    background: #f3f1e8 !important;
    color: #26342c !important;
}

/* Main OJS page areas */

.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main_wrapper,
.pkp_structure_head,
.pkp_structure_body,
.pkp_structure_footer {
    background-color: #f3f1e8 !important;
}

/* Main journal page */

.pkp_structure_page {
    position: relative !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    box-shadow: 0 0 25px rgba(28, 48, 38, 0.08) !important;
}


/* ================================================================
2. MAIN HEADER
================================================================ */

.pkp_structure_head {
    position: relative !important;
    background: #f7f5ec !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}


/* ================================================================
3. TOP-RIGHT LOGIN / REGISTER / ADMIN

   NO GREEN STRIP
   POSITIONED APPROX. 5 CM FROM RIGHT EDGE
================================================================ */

.pkp_navigation_user_wrapper {
    position: absolute !important;

    top: 8px !important;

    right: 5cm !important;

    z-index: 99999 !important;

    display: block !important;

    width: auto !important;

    min-height: 30px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* User navigation list */

.pkp_navigation_user {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    min-height: 30px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    list-style: none !important;
}


/* User navigation items */

.pkp_navigation_user > li {
    margin: 0 !important;
    padding: 0 !important;
}


/* Login / Register / Admin links */

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:link,
.pkp_navigation_user > li > a:visited {
    display: flex !important;

    align-items: center !important;

    min-height: 30px !important;

    padding: 0 10px !important;

    color: #30483a !important;

    background: transparent !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    opacity: 1 !important;

    text-shadow: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease !important;
}


/* User navigation hover */

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

    background:
        rgba(165,138,76,0.08) !important;

    text-decoration: none !important;

    border-radius: 3px !important;
}


/* Logged-in user / Admin */

.pkp_navigation_user > li:last-child > a {
    color: #234b36 !important;

    font-weight: 700 !important;
}


/* Dropdown arrow */

.pkp_navigation_user .dropdown-toggle::after {
    color: #a58a4c !important;

    margin-left: 5px !important;
}


/* User dropdown */

.pkp_navigation_user .dropdown-menu {
    position: absolute !important;

    right: 0 !important;

    left: auto !important;

    min-width: 170px !important;

    padding: 5px 0 !important;

    margin: 0 !important;

    background: #ffffff !important;

    border:
        1px solid #d5d1c4 !important;

    border-top:
        3px solid #a58a4c !important;

    border-radius:
        0 0 4px 4px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.14) !important;
}


.pkp_navigation_user .dropdown-menu a {
    display: block !important;

    padding: 9px 15px !important;

    color: #30483a !important;

    background: #ffffff !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 14px !important;

    text-decoration: none !important;
}


.pkp_navigation_user .dropdown-menu a:hover {
    color: #234b36 !important;

    background: #eef3ed !important;
}


/* ================================================================
4. JOURNAL MASTHEAD
================================================================ */

.pkp_site_name {
    position: relative !important;

    width: 100% !important;

    min-height: 190px !important;

    margin: 0 !important;

    padding:
        47px 25px 29px !important;

    background:
        linear-gradient(
            180deg,
            #faf9f3 0%,
            #f5f4eb 100%
        ) !important;

    border-bottom:
        1px solid #d8d1bc !important;

    text-align: center !important;

    overflow: hidden !important;
}


/* ================================================================
5. REMOVE DECORATIVE GLOW
================================================================ */

.pkp_site_name::before {
    display: none !important;
}


/* ================================================================
6. HIDE ORIGINAL OJS JOURNAL TITLE
ONLY THE TITLE
================================================================ */

.pkp_site_name > a {
    position: relative !important;

    z-index: 5 !important;

    display: block !important;

    color: transparent !important;

    font-size: 0 !important;

    line-height: 0 !important;

    text-decoration: none !important;

    background: transparent !important;

    text-shadow: none !important;
}


/* ================================================================
7. MAIN JOURNAL NAME
SOLID PROFESSIONAL TYPOGRAPHY
================================================================ */

.pkp_site_name > a::before {
    content:
        "Al-Amīn الامین (Faiṣalābād)" !important;

    display: block !important;

    margin: 0 auto !important;

    color: #234b36 !important;

    -webkit-text-fill-color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 37px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1.25 !important;

    letter-spacing: 0.15px !important;

    text-align: center !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,0.9) !important;

    background: none !important;
}


/* ================================================================
8. JOURNAL SUBTITLE
================================================================ */

.pkp_site_name > a::after {
    content:
        "A Research Journal of Islamic Studies" !important;

    display: block !important;

    margin:
        8px auto 0 !important;

    color: #5b665e !important;

    -webkit-text-fill-color: #5b665e !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 17px !important;

    font-weight: 400 !important;

    font-style: italic !important;

    line-height: 1.4 !important;

    letter-spacing: 0.15px !important;

    text-align: center !important;

    text-shadow: none !important;

    background: none !important;
}


/* ================================================================
9. REFINED GOLD DIVIDER
================================================================ */

.pkp_site_name::after {
    content: "" !important;

    display: block !important;

    width: 92px !important;

    height: 2px !important;

    margin:
        17px auto 0 !important;

    background:
        #a58a4c !important;

    border-radius: 1px !important;

    box-shadow: none !important;
}


/* ================================================================
10. DARK GREEN NAVIGATION STRIP
================================================================ */

.pkp_navigation_primary_wrapper {
    position: relative !important;

    z-index: 50 !important;

    width: 100% !important;

    background:
        #163d2e !important;

    border-top:
        1px solid #2d5943 !important;

    border-bottom:
        3px solid #a58a4c !important;

    box-shadow:
        0 3px 8px rgba(23,50,38,0.14) !important;
}


/* Navigation container */

.pkp_navigation_primary {
    display: flex !important;

    align-items: center !important;

    background: transparent !important;

    margin: 0 auto !important;
}


/* ================================================================
11. NAVIGATION ITEMS
================================================================ */

.pkp_navigation_primary > li > a {
    position: relative !important;

    display: block !important;

    padding:
        14px 16px !important;

    color:
        #f4f1e7 !important;

    background:
        transparent !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size:
        15px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;

    text-decoration:
        none !important;

    text-shadow:
        none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease !important;
}


/* ================================================================
12. NAVIGATION HOVER
================================================================ */

.pkp_navigation_primary > li > a:hover {
    color:
        #e2cc91 !important;

    background:
        #204b38 !important;

    text-decoration:
        none !important;
}


/* ================================================================
13. ACTIVE NAVIGATION
================================================================ */

.pkp_navigation_primary > li > a[aria-current="page"] {
    color:
        #e2cc91 !important;

    background:
        #1d4936 !important;
}


/* Gold active line */

.pkp_navigation_primary > li > a[aria-current="page"]::after {
    content: "" !important;

    position: absolute !important;

    left: 16px !important;

    right: 16px !important;

    bottom: -3px !important;

    height: 3px !important;

    background:
        #c4a968 !important;

    box-shadow: none !important;
}


/* ================================================================
14. NAVIGATION DROPDOWN
================================================================ */

.pkp_navigation_primary .dropdown-menu {
    background:
        #ffffff !important;

    border:
        1px solid #d5d1c4 !important;

    border-top:
        3px solid #a58a4c !important;

    border-radius:
        0 0 3px 3px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.13) !important;
}


.pkp_navigation_primary .dropdown-menu a {
    display: block !important;

    padding:
        10px 16px !important;

    color:
        #30483a !important;

    background:
        #ffffff !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size:
        14px !important;

    text-decoration:
        none !important;
}


.pkp_navigation_primary .dropdown-menu a:hover {
    color:
        #234b36 !important;

    background:
        #f0f3ed !important;
}


/* ================================================================
15. SEARCH
================================================================ */

.pkp_search button {
    color:
        #f2eee3 !important;

    background:
        transparent !important;

    border:
        none !important;
}


.pkp_search button:hover {
    color:
        #e2cc91 !important;

    background:
        #204b38 !important;
}


/* ================================================================
16. PREVENT BLUE NAVIGATION AREAS
================================================================ */

.pkp_navigation_primary_wrapper ul,
.pkp_navigation_primary_wrapper li {
    background-color:
        transparent !important;
}


/* Reapply main navigation background */

.pkp_navigation_primary_wrapper {
    background-color:
        #163d2e !important;
}


/* ================================================================
17. HEADER LINKS
================================================================ */

.pkp_structure_head a {
    text-decoration: none;
}


/* ================================================================
18. DESKTOP
================================================================ */

@media (min-width: 769px) {

    .pkp_site_name > a::before {
        font-size:
            37px !important;
    }

    .pkp_site_name > a::after {
        font-size:
            17px !important;
    }

    /* Login navigation approximately 5 cm from right */
    .pkp_navigation_user_wrapper {
        right:
            5cm !important;
    }
}


/* ================================================================
19. TABLET
================================================================ */

@media (max-width: 768px) {

    .pkp_site_name {
        min-height:
            145px !important;

        padding:
            42px 15px 23px !important;
    }


    .pkp_site_name > a::before {
        font-size:
            29px !important;
    }


    .pkp_site_name > a::after {
        font-size:
            15px !important;
    }


    .pkp_navigation_primary > li > a {
        padding:
            11px 12px !important;

        font-size:
            14px !important;
    }


    .pkp_navigation_user_wrapper {
        min-height:
            30px !important;

        right:
            25px !important;

        top:
            5px !important;

        background:
            transparent !important;

        border:
            none !important;

        box-shadow:
            none !important;
    }


    .pkp_navigation_user {
        min-height:
            30px !important;
    }


    .pkp_navigation_user > li > a {
        min-height:
            30px !important;

        padding:
            0 8px !important;

        font-size:
            12px !important;
    }
}


/* ================================================================
20. MOBILE
================================================================ */

@media (max-width: 480px) {

    .pkp_site_name {
        min-height:
            120px !important;

        padding:
            38px 10px 19px !important;
    }


    .pkp_site_name > a::before {
        font-size:
            22px !important;

        line-height:
            1.3 !important;
    }


    .pkp_site_name > a::after {
        font-size:
            13px !important;
    }


    .pkp_site_name::after {
        width:
            65px !important;

        margin-top:
            12px !important;
    }


    /* Keep Login / Register / Admin TOP-RIGHT */

    .pkp_navigation_user_wrapper {
        position:
            absolute !important;

        top:
            3px !important;

        right:
            12px !important;

        min-height:
            30px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            none !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;
    }


    .pkp_navigation_user {
        min-height:
            30px !important;

        height:
            30px !important;
    }


    .pkp_navigation_user > li > a {
        min-height:
            30px !important;

        height:
            30px !important;

        padding:
            0 7px !important;

        font-size:
            11px !important;
    }
}


/* ================================================================
END — AL-AMĪN JOURNAL THEME
================================================================ */
```
```css
/* ================================================================
3. TOP-RIGHT LOGIN / REGISTER / ADMIN
   VISIBLE • NO GREEN STRIP • 5 CM FROM RIGHT
================================================================ */

.pkp_structure_head {
    position: relative !important;
    overflow: visible !important;
}


/* Main user navigation wrapper */

.pkp_navigation_user_wrapper {
    position: absolute !important;

    top: 10px !important;

    right: 5cm !important;

    z-index: 999999 !important;

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: auto !important;

    height: auto !important;

    min-height: 30px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* User navigation */

.pkp_navigation_user {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    align-items: center !important;

    justify-content: flex-end !important;

    width: auto !important;

    min-height: 30px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    list-style: none !important;
}


/* Navigation items */

.pkp_navigation_user > li {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;
}


/* LOGIN / REGISTER / ADMIN LINKS */

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:link,
.pkp_navigation_user > li > a:visited {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 30px !important;

    padding: 4px 10px !important;

    color: #234b36 !important;

    background: transparent !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    text-shadow: none !important;
}


/* Hover */

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

    background:
        rgba(165,138,76,0.10) !important;

    border-radius: 3px !important;

    text-decoration: none !important;
}


/* Logged-in / Admin */

.pkp_navigation_user > li:last-child > a {
    color: #234b36 !important;

    font-weight: 700 !important;
}


/* Dropdown arrow */

.pkp_navigation_user .dropdown-toggle::after {
    display: inline-block !important;

    color: #a58a4c !important;

    margin-left: 5px !important;
}


/* Dropdown */

.pkp_navigation_user .dropdown-menu {
    position: absolute !important;

    right: 0 !important;

    left: auto !important;

    z-index: 1000000 !important;

    min-width: 170px !important;

    padding: 5px 0 !important;

    margin: 0 !important;

    background: #ffffff !important;

    border:
        1px solid #d5d1c4 !important;

    border-top:
        3px solid #a58a4c !important;

    border-radius:
        0 0 4px 4px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.14) !important;
}


/* Dropdown links */

.pkp_navigation_user .dropdown-menu a {
    display: block !important;

    visibility: visible !important;

    padding: 9px 15px !important;

    color: #30483a !important;

    background: #ffffff !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 14px !important;

    text-decoration: none !important;
}


.pkp_navigation_user .dropdown-menu a:hover {
    color: #234b36 !important;

    background: #eef3ed !important;
}


/* ================================================================
DESKTOP — EXACT TOP RIGHT POSITION
================================================================ */

@media (min-width: 769px) {

    .pkp_navigation_user_wrapper {
        top: 10px !important;

        right: 5cm !important;

        display: block !important;

        visibility: visible !important;
    }
}


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

@media (max-width: 768px) {

    .pkp_navigation_user_wrapper {
        top: 6px !important;

        right: 25px !important;

        min-height: 30px !important;
    }

    .pkp_navigation_user > li > a {
        min-height: 30px !important;

        padding: 3px 8px !important;

        font-size: 12px !important;
    }
}


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


@media (min-width: 769px) {

    .pkp_navigation_user_wrapper {
        top: 10px !important;
        right: 1cm !important;
        display: block !important;
        visibility: visible !important;
    }
}ss
```css
/* ================================================================
ARTICLE / PAPER LOADING PAGE
DARK GREEN PROFESSIONAL ACADEMIC STYLE
PDF • HTML • DOI
================================================================ */


/* ------------------------------------------------
ARTICLE TITLE
------------------------------------------------ */

.page_article .title,
.obj_article_details .title,
.obj_article_details h1,
.obj_article_details .title a {

    color: #234b36 !important;

    -webkit-text-fill-color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 32px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: left !important;

    letter-spacing: 0.1px !important;

    text-decoration: none !important;
}


/* Article title hover */

.obj_article_details .title a:hover {

    color: #163d2e !important;

    -webkit-text-fill-color: #163d2e !important;

    text-decoration: none !important;
}


/* ------------------------------------------------
ARTICLE INFORMATION
AUTHORS / PUBLICATION DETAILS
------------------------------------------------ */

.obj_article_details .authors,
.obj_article_details .authors a,
.obj_article_details .item {

    color: #4f5f55 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* Author links */

.obj_article_details .authors a {

    color: #315c45 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.obj_article_details .authors a:hover {

    color: #a58a4c !important;
}


/* ------------------------------------------------
PDF / HTML / DOI LINKS
------------------------------------------------ */

.obj_article_details .galleys {

    margin-top: 20px !important;

    margin-bottom: 22px !important;
}


/* Gallery buttons */

.obj_article_details .galleys a {

    display: inline-block !important;

    margin-right: 8px !important;

    padding: 9px 17px !important;

    color: #ffffff !important;

    background: #234b36 !important;

    border: 1px solid #234b36 !important;

    border-radius: 4px !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease !important;
}


/* PDF / HTML hover */

.obj_article_details .galleys a:hover {

    color: #ffffff !important;

    background: #163d2e !important;

    border-color: #a58a4c !important;

    text-decoration: none !important;
}


/* ------------------------------------------------
PDF BUTTON
------------------------------------------------ */

.obj_article_details .galleys a[href*="pdf"] {

    background: #234b36 !important;

    border-color: #234b36 !important;
}


.obj_article_details .galleys a[href*="pdf"]:hover {

    background: #163d2e !important;

    border-color: #a58a4c !important;
}


/* ------------------------------------------------
HTML BUTTON
------------------------------------------------ */

.obj_article_details .galleys a[href*="html"] {

    background: #315c45 !important;

    border-color: #315c45 !important;
}


.obj_article_details .galleys a[href*="html"]:hover {

    background: #234b36 !important;

    border-color: #a58a4c !important;
}


/* ------------------------------------------------
DOI
------------------------------------------------ */

.obj_article_details .doi {

    margin-top: 12px !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 14px !important;

    color: #5b665e !important;
}


.obj_article_details .doi a {

    color: #315c45 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.obj_article_details .doi a:hover {

    color: #a58a4c !important;

    text-decoration: underline !important;
}


/* ------------------------------------------------
ARTICLE ABSTRACT HEADING
------------------------------------------------ */

.obj_article_details .abstract h2,
.obj_article_details .section h2 {

    color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 21px !important;

    font-weight: 700 !important;

    border-bottom:
        1px solid #d8d1bc !important;

    padding-bottom: 7px !important;
}


/* ------------------------------------------------
ARTICLE BODY TEXT
------------------------------------------------ */

.obj_article_details .abstract,
.obj_article_details .item.abstract,
.obj_article_details .item.description {

    color: #26342c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 16px !important;

    line-height: 1.7 !important;
}


/* ------------------------------------------------
ARTICLE SIDEBAR / METADATA
------------------------------------------------ */

.obj_article_details .item {

    border-color: #ddd8ca !important;
}


.obj_article_details .label {

    color: #234b36 !important;

    font-weight: 700 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ------------------------------------------------
ARTICLE PAGE LINKS
------------------------------------------------ */

.obj_article_details a {

    color: #315c45 !important;
}


.obj_article_details a:hover {

    color: #a58a4c !important;
}


/* ------------------------------------------------
RESPONSIVE ARTICLE TITLE
------------------------------------------------ */

@media (max-width: 768px) {

    .page_article .title,
    .obj_article_details .title,
    .obj_article_details h1 {

        font-size: 27px !important;

        line-height: 1.3 !important;
    }

    .obj_article_details .galleys a {

        padding: 8px 13px !important;

        font-size: 13px !important;
    }
}


@media (max-width: 480px) {

    .page_article .title,
    .obj_article_details .title,
    .obj_article_details h1 {

        font-size: 23px !important;
    }

    .obj_article_details .galleys a {

        display: block !important;

        width: fit-content !important;

        margin-bottom: 7px !important;
    }
}
```
```css id="q7m3x1"
/* ================================================================
AL-AMĪN — GLOBAL OJS TYPOGRAPHY + ISSUE PAGE
TIMES NEW ROMAN • DARK GREEN ISSUE TITLE
================================================================ */


/* ================================================================
1. GLOBAL FONT — ALL PAGES
================================================================ */

html,
body,
body *,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_main_wrapper,
.pkp_structure_head,
.pkp_structure_body,
.pkp_structure_footer,
.pkp_page,
.pkp_page_content,
.pkp_content_main,
.pkp_content_nav {
    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
2. GENERAL PAGE TEXT
================================================================ */

body {
    color: #26342c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* Paragraphs */

p,
li,
td,
th,
label,
input,
textarea,
select,
button {
    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* Links */

a {
    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
3. ISSUE LOADING PAGE
================================================================ */


/* Issue page container */

.obj_issue_toc,
.obj_issue_toc *,
.obj_issue_summary,
.obj_issue_summary * {
    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
4. ISSUE TITLE — DARK GREEN
================================================================ */

.obj_issue_toc .title,
.obj_issue_toc h1,
.obj_issue_toc h2,
.obj_issue_summary .title,
.obj_issue_summary h1,
.obj_issue_summary h2 {

    color: #234b36 !important;

    -webkit-text-fill-color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 30px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

    text-decoration: none !important;
}


/* Issue title links */

.obj_issue_toc .title a,
.obj_issue_summary .title a {

    color: #234b36 !important;

    -webkit-text-fill-color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* Issue title hover */

.obj_issue_toc .title a:hover,
.obj_issue_summary .title a:hover {

    color: #163d2e !important;

    -webkit-text-fill-color: #163d2e !important;

    text-decoration: none !important;
}


/* ================================================================
5. ISSUE COVER / ISSUE INFORMATION
================================================================ */

.obj_issue_toc .description,
.obj_issue_summary .description,
.obj_issue_toc .published,
.obj_issue_summary .published {

    color: #4f5f55 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 15px !important;

    line-height: 1.6 !important;
}


/* ================================================================
6. ISSUE ARTICLE TITLES
================================================================ */

.obj_issue_toc .obj_article_summary .title,
.obj_issue_toc .obj_article_summary .title a {

    color: #234b36 !important;

    -webkit-text-fill-color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 19px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;
}


/* Article title hover */

.obj_issue_toc .obj_article_summary .title a:hover {

    color: #a58a4c !important;

    -webkit-text-fill-color: #a58a4c !important;
}


/* ================================================================
7. AUTHORS / ISSUE ARTICLE DETAILS
================================================================ */

.obj_issue_toc .obj_article_summary .authors,
.obj_issue_toc .obj_article_summary .authors a {

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    color: #56645b !important;

    font-size: 14px !important;
}


.obj_issue_toc .obj_article_summary .authors a {

    color: #315c45 !important;

    text-decoration: none !important;
}


/* ================================================================
8. ISSUE PAGE HEADINGS
================================================================ */

.pkp_page_content h1,
.pkp_page_content h2,
.pkp_page_content h3,
.pkp_page_content h4,
.pkp_page_content h5,
.pkp_page_content h6 {

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* Main headings */

.pkp_page_content h1,
.pkp_page_content h2 {

    color: #234b36 !important;

    font-weight: 700 !important;
}


/* ================================================================
9. ALL OJS PAGE TITLES
================================================================ */

.pkp_page h1,
.pkp_page h2,
.pkp_content_main h1,
.pkp_content_main h2,
.page h1,
.page h2 {

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    color: #234b36 !important;
}


/* ================================================================
10. ARTICLE PAGE
================================================================ */

.obj_article_details .title,
.obj_article_details h1 {

    color: #234b36 !important;

    -webkit-text-fill-color: #234b36 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-weight: 700 !important;
}


.obj_article_details,
.obj_article_details * {

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
11. NAVIGATION ALSO TIMES NEW ROMAN
================================================================ */

.pkp_navigation_primary,
.pkp_navigation_primary *,
.pkp_navigation_user,
.pkp_navigation_user *,
.pkp_search,
.pkp_search * {

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
12. FOOTER
================================================================ */

.pkp_structure_footer,
.pkp_structure_footer *,
.pkp_footer_content {

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
13. FORMS / BUTTONS
================================================================ */

button,
input,
select,
textarea,
.btn,
.button {

    font-family:
        "Times New Roman",
        Times,
        serif !important;
}


/* ================================================================
14. RESPONSIVE ISSUE TITLE
================================================================ */

@media (max-width: 768px) {

    .obj_issue_toc .title,
    .obj_issue_toc h1,
    .obj_issue_toc h2,
    .obj_issue_summary .title,
    .obj_issue_summary h1,
    .obj_issue_summary h2 {

        font-size: 26px !important;

        line-height: 1.35 !important;
    }

    .obj_issue_toc .obj_article_summary .title,
    .obj_issue_toc .obj_article_summary .title a {

        font-size: 18px !important;
    }
}


@media (max-width: 480px) {

    .obj_issue_toc .title,
    .obj_issue_toc h1,
    .obj_issue_toc h2,
    .obj_issue_summary .title,
    .obj_issue_summary h1,
    .obj_issue_summary h2 {

        font-size: 23px !important;
    }

    .obj_issue_toc .obj_article_summary .title,
    .obj_issue_toc .obj_article_summary .title a {

        font-size: 17px !important;
    }
}


/* ================================================================
END — GLOBAL TIMES NEW ROMAN + GREEN ISSUE TITLE
================================================================ */
```
```css
/* ================================================================
AL-AMĪN HOMEPAGE IMAGE
CENTERED BELOW JOURNAL NAME
ABOVE NAVIGATION
================================================================ */

.alamīn-home-image {

    display: block !important;

    width: 100% !important;

    max-width: 1240px !important;

    margin: 0 auto !important;

    padding: 8px 20px 14px !important;

    background: #f7f5ec !important;

    text-align: center !important;

    position: relative !important;

    z-index: 30 !important;

    box-sizing: border-box !important;
}


.alamīn-home-image img {

    display: block !important;

    width: auto !important;

    max-width: 100% !important;

    height: auto !important;

    max-height: 180px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    border: none !important;

    box-shadow: none !important;

    object-fit: contain !important;
}


/* Keep navigation immediately below picture */

.pkp_navigation_primary_wrapper {

    position: relative !important;

    z-index: 100 !important;

}


/* Mobile */

@media (max-width: 768px) {

    .alamīn-home-image {

        padding: 6px 12px 10px !important;
    }

    .alamīn-home-image img {

        max-width: 100% !important;

        max-height: 130px !important;
    }
}
```
```html
<!-- =========================================================
     AL-AMĪN HOMEPAGE IMAGE
     CENTERED BELOW JOURNAL NAME / ABOVE NAVIGATION
     ========================================================= -->

<div class="alamīn-home-image">
    <img
        src="YOUR-IMAGE-URL-HERE"
        alt="Al-Amīn Journal"
    >
</div>
```