/*
 IJOMRC - Professional OJS Journal Style Sheet
 Journal: International Journal of Multidisciplinary Research Configuration
 ISSN (Online): 2582-8649
*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: Georgia, "Times New Roman", serif;
    color: #1d2b3a;
    background: #ffffff;
}

a {
    color: #075f9e;
    transition: all 0.25s ease-in-out;
}

a:hover,
a:focus {
    color: #c89418;
}

/* HEADER: LOGO + JOURNAL TITLE + ISSN */

.pkp_site_name {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 155px !important;
    padding: 20px 30px !important;
    background: #0b4775 !important;
}

.pkp_site_name img {
    display: block !important;
    max-height: 125px !important;
    width: auto !important;
    object-fit: contain !important;
}

.pkp_site_name::after {
    content: "International Journal of Multidisciplinary Research Configuration (IJOMRC)";
    display: block !important;
    max-width: 780px !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    order: 1 !important;
}

/* SMALL, GOLD ISSN LINE */
.pkp_site_name::before {
    content: "ISSN (Online): 2582-8649";
    display: block !important;
    order: 2 !important;
    align-self: center !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
    color: #f4d36c !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* PRIMARY NAVIGATION */

.pkp_navigation_primary {
    background: #12679b !important;
    border-bottom: 4px solid #e4b83e !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 18px 22px !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #ffffff !important;
    background: #0b4775 !important;
}

.pkp_navigation_primary .dropdown-menu {
    background: #ffffff !important;
    border-top: 3px solid #e4b83e !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15) !important;
}

.pkp_navigation_primary .dropdown-menu a {
    color: #075f9e !important;
    font-weight: 600 !important;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    color: #ffffff !important;
    background: #12679b !important;
}

/* PAGE HEADINGS */

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", serif;
    color: #123f70;
    font-weight: 700;
}

h1 { font-size: 34px; }
h2 { font-size: 28px; }
h3 { font-size: 23px; }

/* CONTENT */

.pkp_structure_content {
    line-height: 1.75;
}

.pkp_page_index .homepage_about {
    padding-top: 20px;
}

.pkp_page_index .current_issue {
    border-top: 4px solid #e4b83e;
    padding-top: 20px;
}

/* SIDEBAR */

.pkp_block {
    border-top: 3px solid #12679b;
    padding-top: 12px;
    margin-bottom: 25px;
}

.pkp_block .title {
    color: #123f70 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.pkp_block a {
    color: #075f9e !important;
}

.pkp_block a:hover {
    color: #c89418 !important;
}

/* BUTTONS */

.btn, button, input[type="submit"], input[type="button"] {
    border-radius: 24px !important;
    font-weight: 700 !important;
    transition: all 0.25s ease-in-out !important;
}

.btn-primary, button.btn-primary {
    color: #ffffff !important;
    background: #12679b !important;
    border-color: #12679b !important;
}

.btn-primary:hover, .btn-primary:focus {
    color: #ffffff !important;
    background: #0b4775 !important;
    border-color: #e4b83e !important;
}

.btn-secondary {
    color: #123f70 !important;
    background: #ffffff !important;
    border: 2px solid #12679b !important;
}

.btn-secondary:hover, .btn-secondary:focus {
    color: #ffffff !important;
    background: #12679b !important;
}

/* TABLES */

table {
    width: 100%;
    border-collapse: collapse;
}

table th {
    color: #ffffff;
    background: #12679b;
    border: 1px solid #d8e3ec;
    padding: 10px;
}

table td {
    border: 1px solid #d8e3ec;
    padding: 10px;
}

table tr:nth-child(even) {
    background: #f5f9fc;
}

/* FORMS */

input, select, textarea {
    border: 1px solid #b8c9d8 !important;
    border-radius: 5px !important;
}

input:focus, select:focus, textarea:focus {
    border-color: #12679b !important;
    box-shadow: 0 0 0 2px rgba(18, 103, 155, 0.15) !important;
}

/* FOOTER */

.pkp_structure_footer_wrapper {
    background: #0b4775 !important;
    border-top: 4px solid #e4b83e !important;
    color: #ffffff !important;
}

.pkp_structure_footer_wrapper a {
    color: #f4d36c !important;
}

.pkp_structure_footer_wrapper a:hover {
    color: #ffffff !important;
}

/* TABLET */

@media (max-width: 1024px) {
    .pkp_site_name {
        gap: 18px !important;
        padding: 18px 20px !important;
        min-height: 140px !important;
    }

    .pkp_site_name img {
        max-height: 110px !important;
    }

    .pkp_site_name::after {
        max-width: 650px !important;
        font-size: 23px !important;
        line-height: 1.35 !important;
    }

    .pkp_site_name::before {
        font-size: 12px !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 15px 14px !important;
    }
}

/* MOBILE */

@media (max-width: 768px) {
    .pkp_site_name {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 18px 10px !important;
        min-height: auto !important;
        text-align: center !important;
    }

    .pkp_site_name img {
        max-height: 100px !important;
        max-width: 100% !important;
    }

    .pkp_site_name::after {
        max-width: 100% !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    .pkp_site_name::before {
        font-size: 12px !important;
        margin-top: 2px !important;
    }

    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }

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

    .pkp_structure_content {
        font-size: 15px;
    }
}

/* SMALL MOBILE */

@media (max-width: 480px) {
    .pkp_site_name::after {
        font-size: 16px !important;
    }

    .pkp_site_name::before {
        font-size: 11px !important;
    }

    .pkp_site_name img {
        max-height: 85px !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 10px !important;
        font-size: 14px !important;
    }
}