/* Developed by PKP|PS
This CSS template allows you to make additional customizations to the OJS Default Theme on OJS 3.3
You can change the colors (e.g. color: #CC0733;) below.
The text shown in grey (such as this) are informational guide letting you know what that piece of code does. */

/* An Alphabetical List of Font Awesome CSS Content Values, https://seehowsupport.com/font-awesome/ */


/* Global variables */
:root {
    --primary-color: #CC0733;
 /* Red color, shiny tone, for About the Journal, Current Issue, and other labels */
    --secondary-color: #A61A2E;
 /* Red color, dark tone, for the main header and main menu, among others */
    --border-color: #DDDDDD;
 /* Gray color, for the border of the main containers such as the side blocks */
    --link-color: #212121;
 /* Color for the links, in normal status, of the Primary Navigation Menu and User Navigation Menu */
    --gray-color: #F2F2F2;
 /* Gray background color for About the Journal, side blocks and Current Issue */
    --white-color: #FFFFFF;
 /* White color for text and another components */
    --dark-gray-color: #414042;
 /* Dark gray background color for footer */
    --orcid-color: #98bc34;
 /* Green color for ORCiD links */
}


/* Begin - Heading styles */
.pkp_structure_head {
    background-color: var(--secondary-color);
}

.pkp_site_nav_menu {
    background: var(--secondary-color);
    padding: 0.5rem 1rem;
}

.pkp_navigation_primary_row {
        background: var(--secondary-color);
        padding-left: 2.143rem;
        padding-right: 2.143rem;
    }

.pkp_nav_list ul a {
    border-left: 0px;
    color: var(--link-color);
}
#navigationPrimary>li>a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
    color: var(--white-color);
}

    .pkp_navigation_search_wrapper a {
        padding-bottom: 6px;
        border-bottom-width: 4px;
        color: var(--white-color);
    }

.pkp_nav_list ul a:hover,.pkp_nav_list ul a:focus {
    background: var(--gray-color);
    color: var(--primary-color);
}

@media (min-width: 992px) {
    .pkp_navigation_primary>li:last-child a {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
        .pkp_page_index .homepage_image {
        margin-top: -1rem;
    }
}

@media (min-width: 768px) {
    .pkp_structure_main:before, .pkp_structure_main:after {
        background: none;
    }
}

@media (min-width: 768px) {
    .obj_article_summary .authors {
        color: var(--dark-gray-color);
    }
}
/* End - Heading styles */

/* Begin - Breadcrumb styles */
.cmp_breadcrumbs ol {
    margin-bottom: 0;
}

nav.cmp_breadcrumbs {
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 0.5em;
    margin: 2em 0;
    border-radius: 3px;
    background-color: var(--gray-color);
}
/* End - Breadcrumb styles */

/* Begin - Styles for galley buttons */
.cmp_button_wire, .obj_galley_link {
    color: var(--dark-gray-color);
    background: linear-gradient(to right, var(--white-color) 50%, var(--dark-gray-color) 50%);
    background-size: 200%;
    border: none;
    border-radius: unset;
    transition: .5s ease;
    cursor: pointer;
    padding: 0 1em;
    border: 1px solid var(--dark-gray-color);
    border-radius: 3px;
    font-size: .93rem;
    text-decoration: none;
}

.cmp_button_wire:hover, .cmp_button_wire:focus, .obj_galley_link:hover, .obj_galley_link:focus {
    background: var(--dark-gray-color);
    color: var(--white-color);
}

.obj_galley_link:hover {
    background-position: right bottom;
}

@media (min-width: 992px) {
    .pkp_block {
        padding: 0;
    }
}
/* End - Styles for galley buttons */

/* Begin - Styles for side blocks */
.pkp_block {
    padding: 0;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    margin: 2em 1em;
}

.pkp_block > h2.title {
    background: var(--gray-color);
    padding: 0.5em;
    font-weight: normal !important;
    font-size: 14px;
    color: var(--dark-gray-color);
}

.pkp_block > .content {
    padding: 0.5em 1em;
}
/* End - Styles for side blocks */

/* Begin - Styles for the current issue and table on contents */
section.current_issue > .current_issue_title {
    background-color: var(--primary-color);
    padding: 1em;
    position: relative;
    top: 45px;
    left: 20px;
    width: 50%;
    color: var(--white-color);
    font-weight: normal !important;
}

.obj_issue_toc >.heading {
    border-radius: 3px;
    border: 1px solid var(--border-color);
    padding: 5em 1em 1em 1em;
    background-color: var(--gray-color);
}

.section > h3, .galleys > h3#issueTocGalleyLabel {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    font-weight: normal !important;
    border-radius: 3px;
}
/* End - Styles for the current issue and table on contents */

/* Begin - Styles for general elements such as links, paragraphs */
a {
    color: var(--primary-color);
    font-weight: normal;
}

a:hover, a:focus {
    color: var(--dark-gray-color);
}

p {
    text-align: justify;
}
/* End - Styles for general elements such as links, paragraphs */

/* Begin - Styles for the Announcements section */
.obj_announcement_summary .read_more, .pkp_page_index .current_issue .read_more {
    color: var(--primary-color);
}

.obj_announcement_summary .read_more:hover, .pkp_page_index .current_issue .read_more:hover, .pkp_page_index .current_issue .read_more:focus {
    color: var(--primary-color);
}

.pkp_page_index .cmp_announcements {
    border: 1px solid var(--border-color);
    border-radius: 3px;
    margin: 2em 1em;
    -webkit-box-shadow: 0px 3px 16px var(--border-color), 10px 10px 0px var(--gray-color);
    box-shadow: 0px 3px 16px var(--border-color), 10px 10px 0px var(--gray-color);
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
        border-left: 0px;
    }
}

.more {
    display: none;
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements > .obj_announcement_summary {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements .more {
        width: 0%;
    }
}
/* End - Styles for the Announcements section */

/* Begin - Styles for About the Journal section */
section.homepage_about > h2 {
    background-color: var(--primary-color);
    color: var(--white-color);
    font-weight: normal;
    padding: 0.5em;
    position: relative;
    top: 45px;
    left: 20px;
    width: 50%;
    border: 1px solid var(--border-color);
}

section.homepage_about > h2::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f05a";
    margin-right: 0.5em;
    font-size: 1.5rem;
    color: var(--white-color);
}
/* Icon for About the Journal label */

section.homepage_about > p {
    border-radius: 3px;
    border: 1px solid var(--border-color);
    padding: 3em 1em 1em 1em;
    background-color: var(--gray-color);
}
/* End - Styles for About the Journal section */

/* Begin - Styles for the article landing page  */
span.orcid > a {
    color: var(--orcid-color);
    text-decoration: none;
    font-size: 14px;
}

ul.authors > li {
    border-left: 2px solid var(--border-color);
    padding: 0 0 0 0.5em;
    margin: 2em 0;
}

.obj_article_details .sub_item {
    margin-bottom: 3rem;
    border-radius: 3px;
    border: 1px solid var(--border-color);
    padding: 0.5rem;
}

section.sub_item h3.label {
    background-color: var(--gray-color);
    padding: .5rem;
    text-align: right;
}

section.sub_item h3 span.affiliation {
    font-weight: normal;
}

.obj_article_details > h1.page_title {
    color: var(--white-color);
    background-color: var(--primary-color);
    padding: 1em;
}

div.entry_details section.sub_item h2.label::before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f05a";
    margin-right: 0.5em;
    font-size: 1.2rem;
    color: #000;
}
/* Icon for each section in the article details, such as Published, Issue, Section */
/* End - Styles for the article landing page  */


/* Begin - Styles for footer */
/*.pkp_brand_footer a {
    float: unset;
    display: inline;
    max-width: none;*/
}

.pkp_structure_footer_wrapper {
    background: var(--dark-gray-color);
    color: var(--white-color);
}

.pkp_brand_footer > a > img {
    filter: brightness(0) invert(1);
}
/* Logo color is inverted */
/* End - Styles for footer */