/* =========================================================
   IJIBAR - RESPONSIVE JOURNAL WEBSITE STYLESHEET
   OJS 3.5.0.5 - Default Theme
   ========================================================= */

html {
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
}

.pkp_structure_page {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
}

/* Journal header and existing banner */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name a {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.pkp_site_name a {
    display: block !important;
}

.pkp_site_name img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.pkp_head_wrapper {
    width: 100% !important;
    background: #073763 !important;
}

.pkp_site_name_wrapper {
    background: #ffffff !important;
}

/* Navigation */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    width: 100% !important;
    background: #073763 !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

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

.pkp_navigation_primary ul {
    background: #073763 !important;
}

.pkp_navigation_primary ul a {
    color: #ffffff !important;
}

.pkp_navigation_primary ul a:hover {
    color: #f5c451 !important;
}

/* Main content */
.pkp_structure_content {
    width: 100% !important;
    max-width: 100% !important;
}

.pkp_structure_main {
    min-width: 0 !important;
}

.page {
    max-width: 100% !important;
}

/* Headings */
h1, h2, h3, h4 {
    overflow-wrap: break-word;
}

.page h1,
.page h2 {
    color: #073763;
}

.page h2 {
    border-bottom: 2px solid #16815b;
    padding-bottom: 8px;
}

/* Announcements */
.obj_announcement_summary {
    border-left: 4px solid #16815b;
    background: #f3f8fc;
    padding: 18px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.obj_announcement_summary h2,
.obj_announcement_summary h3 {
    color: #073763;
}

.obj_announcement_summary a {
    color: #07558a;
    font-weight: 600;
}

.obj_announcement_full {
    line-height: 1.8;
    overflow-wrap: break-word;
}

/* Sidebar */
.pkp_structure_sidebar {
    min-width: 0 !important;
    overflow-wrap: break-word;
}

.pkp_block {
    margin-bottom: 25px;
}

.pkp_block .title {
    color: #073763;
    font-weight: 700;
}

/* Images and media */
img {
    max-width: 100%;
    height: auto;
}

iframe, video {
    max-width: 100%;
}

/* Tables */
table {
    max-width: 100%;
}

.pkp_page_content table {
    display: block;
    width: 100%;
    overflow-x: auto;
}

/* Tablet */
@media screen and (max-width: 1024px) {
    .pkp_structure_page,
    .pkp_site_name_wrapper,
    .pkp_site_name,
    .pkp_site_name a {
        width: 100% !important;
    }

    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    html, body {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .pkp_structure_page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .pkp_head_wrapper {
        width: 100% !important;
    }

    .pkp_site_name_wrapper {
        width: 100% !important;
        padding: 4px !important;
        margin: 0 !important;
    }

    .pkp_site_name,
    .pkp_site_name a {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .pkp_site_name img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary {
        width: 100% !important;
        max-width: 100% !important;
    }

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

    .pkp_structure_content {
        width: 100% !important;
        padding: 0 12px !important;
    }

    .pkp_structure_main {
        width: 100% !important;
        padding: 15px 0 !important;
    }

    .page {
        width: 100% !important;
    }

    body {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    h1 { font-size: 24px !important; }
    h2 { font-size: 21px !important; }
    h3 { font-size: 18px !important; }

    .obj_announcement_summary {
        padding: 14px !important;
        margin-bottom: 15px !important;
    }

    .pkp_structure_sidebar {
        width: 100% !important;
        padding: 10px 12px !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Small mobile screens */
@media screen and (max-width: 480px) {
    .pkp_site_name_wrapper {
        padding: 3px !important;
    }

    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }

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

    h1 { font-size: 22px !important; }
    h2 { font-size: 19px !important; }

    .pkp_structure_content {
        padding: 0 10px !important;
    }
}

/* Accessibility */
a:focus,
button:focus {
    outline: 2px solid #16815b;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* END OF IJIBAR RESPONSIVE STYLESHEET */