/* Developed by PKP|PS
This CSS template allows you to make additional customizations to the OJS Manuscript Theme on OJS 3.3
You can change the colors and font type.
The text shown in grey (such as this) are informational guide letting you know what that piece of code does.
*/


/* Global variables */
:root {
    --font-family-montserrat: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    /* Font type for the entire journal */
    --white: #fff;
    /* White color for the background of the main structure, the background of the side blocks, and the color of the links when they have a colored background (menu and buttons) */
    --lavender: #eef1fa;
    /* Lavender color for the background of the whole page */
    --orange: #fdbf3f;
    /* Orange color for the background of the main menu */
    --burnt-red: #a70c2d;
    /* Burnt orange color for the main menu kinks and user menu links */
    --gunmetal: #424952;
    /* Gunmetal color for the top and bottom headbands. Also as footer background */
    --gainsboro: #d2d2d2;
    /* Gainsboro color for the bottom border of the header title of the side blocks and the left border of the header titles of the Table of Contents sections */
    --gray: #5b5b5b;
    /* Aquamarine color for the mouse-over effect when hovering over the Read More and View All Issues buttons */
    --black: #000;
    /* Turquoise color for the background of the Read More and View All Issues buttons */
    --electric-pink: #fb5172;
    /* Pink color for the Current Issue header title of the home page, color of links throughout the site */
    --light-coral: #f58a9e;
    /* Coral color for the mouse-over effect on the links throughout the site */
    --ghost-white: #f6f8fc;
    /* Gray background color for About the Journal, Current Issue description, Additional Information, from home page sections */
    --citrus: #8ebc15;
    /* Green color for contributors' ORCiD type links on the article landing page */
    --mantis: #a1c837;
    /* Green color for mouse-over effect for ORCiD links of contributors on the article landing page */
    --smoke: #f8f8f8;
    /* Smoke color for the background of the area displaying the titles of the different sections of the Table of Contents */
    --crimson-red: #ce0e34;
    /* Pink color for the background of the full-text buttons */
    --silver-gray: #bcbcbc;
    /* Gray color for the text inside the footer */
}

/* Base styles for the whole site: main color background, typography, general structure, breadcrumb */
html, * {
    font-family: var(--font-family-montserrat);
}

html {
    background: var(--gunmetal);
}

body {
    background-color: var(--lavender);
}

.pkp_structure_page {
    box-shadow: none !important;
}

.pkp_structure_head {
    background-color: var(--white);
}

.cmp_breadcrumbs {
    text-transform: none;
}

.has_site_logo .pkp_site_name, .has_site_logo .pkp_navigation_primary_wrapper {
    text-align: center;
}

/* Styles for the main menu and user menu: links, background color, mouse-over effects, breadcrumbs */
@media (min-width: 992px) {
    .pkp_navigation_user_wrapper a {
        color: var(--burnt-red);
    }
    .pkp_navigation_search_wrapper a {
        color: var(--white);
    }
    .pkp_navigation_search_wrapper a:hover {
        border-color: var(--white);
    }
    .pkp_nav_list ul a {
      border-left: 0;
      color: var(--burnt-red);
    }
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        background: var(--burnt-red);
        color: var(--white);
    }
    .pkp_navigation_user>li>a, .pkp_navigation_user>li>a, .pkp_navigation_user>li.in_focus>a, .pkp_navigation_user>li>a:hover, .pkp_navigation_user>li>a:focus {
        color: var(--burnt-red);
    }
    #navigationPrimary a {
        color: var(--white);
        text-transform: none;
        font-weight: normal;
    }
    #navigationPrimary a:hover, #navigationPrimary a:focus {
        color: var(--white);
    }
    #navigationPrimary ul {
        background: var(--white);
    }
    #navigationPrimary ul a {
        color: var(--burnt-red);
    }
    .pkp_navigation_primary>li:last-child a {
        margin-right: 0;
    }
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        background: var(--burnt-red);
    }
    .pkp_navigation_primary>li>a:focus {
        background: none;
    }
    .obj_issue_toc .cover {
        margin-bottom: 0;
    }
    .pkp_navigation_primary_row {
        background: var(--burnt-red);
    }
}

/* Styles for site links, ORCID links, full-text buttons: mouse-over effects */
a {
    color: var(--crimson-red);
    font-weight: normal;
    text-decoration: none;
}

a:hover, a:focus {
    color: var(--light-coral);
}

a.pkp_search.pkp_search_desktop:hover {
    color: var(--white);
}

.pkp_navigation_user_wrapper a {
    font-weight: normal;
}

.pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus {
    color: var(--burnt-red);
}

#navigationPrimary>li>a:hover, #navigationPrimary>li>a:focus {
    border-color: var(--white);
}

.cmp_announcements .date:before {
    color: var(--gunmetal);
}

.obj_article_details .authors .orcid a {
    color: var(--citrus);
    font-size: 12px;
}

.obj_article_details .authors .orcid a:hover {
    color: var(--mantis);
    text-decoration: none;
}

.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    font-weight: normal;
    background: var(--crimson-red);
    color: var(--white);
}

.cmp_manuscript_button:hover, .cmp_manuscript_button:focus, .block_make_submission a:hover, .block_make_submission a:focus, .obj_galley_link:hover, .obj_galley_link:focus {
    background: var(--crimson-red);
}

/* Styles for side blocks */
.pkp_structure_sidebar .pkp_block {
    box-shadow: 0 0 20px 0 rgba(0, 12, 32, 0.04), 0 10px 16px 0 rgba(10, 31, 68, 0.06);
    border-radius: 20px;
    padding: 20px 30px;
    margin: 1rem;
}

.pkp_block .title {
    display: block;
    text-transform: none;
    border-bottom: 1px solid var(--gainsboro);
}

.pkp_structure_sidebar .pkp_block h2.title {
    font-size: 14px;
}

.pkp_block a {
  font-size: 13px;
}

.pkp_structure_sidebar .pkp_block h2.title, .pkp_structure_main h2, .pkp_page_index .current_issue .current_issue_title, .pkp_page_index .current_issue h2 {
    font-weight: normal;
}

.block_custom .content a img {
    max-width: 60%;
}

div#twitter {
    text-align: center;
}

/* Styles for Read More and View All Issues buttons */
a.read_more {
    background-color: var(--black);
    color: var(--white) !important;
    text-transform: none !important;
    font-weight: normal !important;
    padding: 0 .5rem 0 1rem;
    border-radius: 5px;
    float: right;
}

a.read_more:hover {
    background-color: var(--gray);
}

/* Styles for About the Journal, Current Issue, Additional Information contents: header titles and table of contents */
.pkp_page_index .current_issue h2 {
    text-transform: none;
    font-weight: normal;
    border-bottom: 5px solid var(--crimson-red);
    font-size: 1.285rem;
    line-height: 2.143rem;
    color: var(--crimson-red);
}

section.homepage_about {
  margin: 3rem 0 0 0;
  border: 0;
  padding: .5rem 2rem;
  border-left: 4px solid var(--gunmetal);
  background-color: var(--ghost-white);
}

.obj_issue_toc .heading {
    margin: 3rem 0 0 0;
    border: 0;
    border-radius: 10px;
    padding: 2rem;
    background-color: var(--ghost-white);
}

.obj_issue_toc .cover {
    margin-bottom: 0;
}

.page_index_journal .additional_content {
    margin: 3rem 0 0 0;
    border: 0;
    padding: .5rem 2rem;
    border-left: 4px solid var(--gunmetal);
    background-color: var(--ghost-white);
}

.pkp_site_name_wrapper {
    background: var(--white);
}

/* Styles for header titles in article details such as Abstract and Author Biographies, and header titles in table of contents sections */
.obj_article_details .main_entry .label {
    display: block;
    border-bottom: 3px solid var(--gunmetal);
    text-transform: none;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
    border-bottom: 3px solid var(--gunmetal);
}

.current_issue .obj_issue_toc .sections .section h3, .obj_issue_toc>.galleys h2, .obj_issue_toc .section h2 {
    border-left: 3px solid var(--gainsboro);
    text-transform: none;
    font-weight: normal;
    display: block;
    padding: .5rem;
    background-color: var(--smoke);
    border-bottom: 0;
    width: fit-content;
}

/* Styles for the footer */
.pkp_structure_footer_wrapper {
    border-bottom: 0;
    background-color: var(--gunmetal);
    color: var(--silver-gray);
}

.pkp_brand_footer a img {
    width: 300px;
    height: auto;
    filter: invert(100%);
}

.pkp_brand_footer {
    display: none;
}