/*
 * Meuseuraya: Islamic Economic Journal
 * Custom Journal Stylesheet for OJS
 * Navy Blue - Gold - White
 */

:root {
    --meuseuraya-navy: #0B2A5B;
    --meuseuraya-blue: #173F7A;
    --meuseuraya-gold: #D9A11E;
    --meuseuraya-light: #F5F6F8;
    --meuseuraya-dark: #222222;
}

/* Links */
a {
    color: var(--meuseuraya-navy);
}
a:hover,
a:focus {
    color: var(--meuseuraya-gold);
}

/* Header */
.pkp_structure_head {
    background-color: #ffffff;
    border-bottom: 4px solid var(--meuseuraya-gold);
}

.pkp_site_name,
.pkp_site_name a {
    color: var(--meuseuraya-navy);
}

/* Navigation */
.pkp_navigation_primary {
    background-color: var(--meuseuraya-navy);
}

.pkp_navigation_primary > li > a {
    color: #ffffff;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: var(--meuseuraya-gold);
}

/* Homepage */
.homepage_image,
.pkp_page_index .additional_content {
    background-color: var(--meuseuraya-light);
}

/* Headings */
h1, h2, h3, h4 {
    color: var(--meuseuraya-navy);
}

/* Buttons */
.cmp_button,
.pkp_button,
button,
input[type="submit"] {
    background-color: var(--meuseuraya-navy);
    border-color: var(--meuseuraya-navy);
    color: #ffffff;
}

.cmp_button:hover,
.pkp_button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: var(--meuseuraya-gold);
    border-color: var(--meuseuraya-gold);
    color: #ffffff;
}

/* Submission button */
.block_make_submission {
    border-color: var(--meuseuraya-gold);
}

.block_make_submission a {
    background-color: var(--meuseuraya-navy);
    color: #ffffff;
}

.block_make_submission a:hover {
    background-color: var(--meuseuraya-gold);
    color: #ffffff;
}

/* Article and issue titles */
.obj_issue_summary .title,
.title a {
    color: var(--meuseuraya-navy);
}

/* Tables */
table thead th {
    background-color: var(--meuseuraya-navy);
    color: #ffffff;
}

table tbody tr:nth-child(even) {
    background-color: var(--meuseuraya-light);
}

/* Footer */
.pkp_structure_footer_wrapper {
    background-color: var(--meuseuraya-navy);
    border-top: 4px solid var(--meuseuraya-gold);
}

.pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper a {
    color: #ffffff;
}

.pkp_structure_footer_wrapper a:hover {
    color: var(--meuseuraya-gold);
}

/* Mobile */
@media (max-width: 768px) {
    .pkp_site_name {
        font-size: 1.5rem;
    }
}