/* =========================================================
JOURNAL OF TROPICAL NATURAL RESOURCES
CUSTOM OJS CSS

COLOR PALETTE
Dark Green   : #0B3D2E
Forest Green : #145A32
Leaf Green   : #2E7D32
Gold         : #C8A951
Light Green  : #F4F8F4
========================================================= */

/* =========================================================
HEADER
========================================================= */

.pkp_structure_head {
    background-attachment: fixed;
    background-size: cover;
    background-color: #0B3D2E;
    display: block;
    height: 100%;
    width: 100%;
}

/* =========================================================
JOURNAL HEADER IMAGE / LOGO
========================================================= */

.pkp_site_name .is_img img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

/* =========================================================
HEADER WRAPPER
========================================================= */

.pkp_head_wrapper {
    background: #0B3D2E;
    width: 100%;
}

/* =========================================================
PRIMARY NAVIGATION
========================================================= */

.pkp_navigation_primary_row {
    background: #0B3D2E;
    color: #ffffff;
}

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

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #C8A951 !important;
}

.pkp_navigation_primary ul {
    background: #145A32 !important;
}

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

.pkp_navigation_primary ul a:hover {
    background: #2E7D32 !important;
    color: #ffffff !important;
}

/* =========================================================
SEARCH
========================================================= */

.pkp_search {
    color: #ffffff !important;
}

.pkp_search_desktop .search_prompt {
    color: #ffffff !important;
}

.pkp_search_desktop .search_prompt:hover {
    color: #C8A951 !important;
}

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

.pkp_structure_footer_wrapper {
    background: #F4F8F4;
    border-top: 4px solid #0B3D2E;
    border-bottom: 8px solid #C8A951;
}

.pkp_brand_footer {
    padding: 0;
    float: right;
    display: block;
    max-width: 0;
    overflow: hidden;
}

/* =========================================================
BODY
========================================================= */

body {
    background-attachment: fixed;
    background-size: cover;
    min-width: 130px !important;
    color: #333333;
}

/* =========================================================
SIDEBAR / MENU ICONS
========================================================= */

.pkp_structure_main .content .hvr-underline-from-center img {
    max-width: 100%;
    width: 25px;
    height: 25px;
    object-fit: contain;
}

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

.pkp_structure_main .content img {
    max-width: 100%;
}

/* =========================================================
COLUMN
========================================================= */

.column {
    float: left;
    width: 33.33%;
}

/* =========================================================
CUSTOM SIDE MENU
========================================================= */

.badan {
    margin-top: -15px;
}

.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #D4E3D8;
    background: #F4F8F4;
    color: #0B3D2E !important;
    text-align: left;
    text-decoration: none;
    transition: all 0.25s ease;
}

.badan a:hover {
    background: #145A32;
    color: #ffffff !important;
    font-weight: bold;
    padding-left: 15px;
}

/* =========================================================
TABLE OF CONTENT / ARTICLE LIST
========================================================= */

.obj_article_summary {
    box-shadow: 3px 3px 8px rgba(11,61,46,0.18);
    padding: 20px;
    border-radius: 10px;
    background: #F4F8F4;
    padding-bottom: 10px !important;
    border-bottom: solid 4px #2E7D32 !important;
    font-size: 12px;
    transition: all 0.25s ease;
}

.obj_article_summary:hover {
    background: #ffffff;
    box-shadow: 4px 5px 12px rgba(11,61,46,0.22);
    transform: translateY(-2px);
}

/* =========================================================
ARTICLE TITLES
========================================================= */

.obj_article_summary .title a {
    color: #0B3D2E !important;
    font-weight: 700;
}

.obj_article_summary .title a:hover {
    color: #2E7D32 !important;
}

/* =========================================================
MAIN HEADINGS
========================================================= */

.pkp_structure_main h1 {
    font-weight: 600;
    font-size: 20px;
    color: #0B3D2E;
}

.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    color: #0B3D2E;
}

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

.pkp_structure_main a {
    color: #145A32 !important;
}

.pkp_structure_main a:hover {
    color: #2E7D32 !important;
}

/* =========================================================
GALLEY BUTTON - PDF / HTML
========================================================= */

.obj_galley_link {
    font-weight: 700;
    text-transform: capitalize !important;
    background: #145A32 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px;
    transition: all 0.25s ease;
}

.obj_galley_link:hover {
    background: #0B3D2E !important;
    color: #ffffff !important;
}

/* =========================================================
ISSUE / ARCHIVE LINKS
========================================================= */

.obj_issue_summary .title a,
.obj_issue_toc .heading .title {
    color: #0B3D2E !important;
}

/* =========================================================
PRIMARY BUTTONS
========================================================= */

.cmp_button,
.cmp_form .buttons button,
.pkp_button,
button.submit {
    background: #145A32 !important;
    border-color: #145A32 !important;
    color: #ffffff !important;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.pkp_button:hover,
button.submit:hover {
    background: #0B3D2E !important;
    border-color: #0B3D2E !important;
    color: #ffffff !important;
}

/* =========================================================
NOTIFICATIONS / INFORMATION BOXES
========================================================= */

.cmp_notification {
    background: #F4F8F4;
    border-left: 5px solid #2E7D32;
    color: #333333;
}

/* =========================================================
BREADCRUMB
========================================================= */

.cmp_breadcrumbs a {
    color: #145A32 !important;
}

.cmp_breadcrumbs a:hover {
    color: #2E7D32 !important;
}

/* =========================================================
PAGINATION
========================================================= */

.cmp_pagination a {
    color: #145A32 !important;
}

.cmp_pagination a:hover {
    color: #2E7D32 !important;
}

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

.current_issue {
    display: block;
}

.current_issue .current_issue_title {
    color: #0B3D2E;
}

/* =========================================================
ARTICLE PAGE
========================================================= */

.obj_article_details .page_title {
    color: #0B3D2E;
}

/* =========================================================
ABSTRACT
========================================================= */

.main_entry .item.abstract {
    text-align: justify;
}

/* =========================================================
SECTION TITLES
========================================================= */

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 30px;
}

.obj_issue_toc .section > h2 {
    color: #0B3D2E;
    border-bottom: 3px solid #C8A951;
    padding-bottom: 7px;
}

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

.pkp_block {
    border-radius: 8px;
}

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

/* =========================================================
USER NAVIGATION
========================================================= */

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

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

/* =========================================================
FOCUS / ACTIVE ELEMENT
========================================================= */

a:focus,
button:focus {
    outline-color: #C8A951;
}

/* =========================================================
SELECTION
========================================================= */

::selection {
    background: #145A32;
    color: #ffffff;
}

/* =========================================================
RESPONSIVE TABLE / MOBILE
========================================================= */

@media (max-width: 991px) {
    .homepage_about {
        margin-top: 30px;
    }
}

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

@media (max-width: 600px) {
    .homepage_about {
        width: 100%;
    }

    .column {
        width: 100%;
        float: none;
    }

    .obj_article_summary {
        padding: 15px;
    }
}

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

@media (max-width: 360px) {
    .homepage_image {
        width: 90%;
        margin: 0;
    }

    .homepage_about {
        margin-top: 0;
    }
}

/* =========================================================
HOMEPAGE TEXT
========================================================= */

.homepage_about p {
    text-align: justify;
}