/* Global variables */
:root {
    --principal-font-family: "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 */
    --primary-color: #ee5937;
    /* Burnt orange color for the main menu kinks and user menu links */
    --secondary-color: #11103e;
    /* 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 */
    --medium-aquamarine: #79dcc8;
    /* Aquamarine color for the mouse-over effect when hovering over the Read More and View All Issues buttons */
    --medium-turquoise: #2ddab7;
    /* Turquoise color for the background of the Read More and View All Issues buttons */
    --tertiary-colour: #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-pink: #e13f5f;
    /* 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(--principal-font-family);
}

html {
    background: var(--secondary-color);
}

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

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

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

.cmp_breadcrumbs {
    text-transform: none;
}

/* 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(--primary-color);
    }
    .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(--primary-color);
    }
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        background: var(--primary-color);
        color: var(--white);
    }
    #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(--primary-color);
    }
    .pkp_navigation_primary>li:last-child a {
        margin-right: 0;
    }
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        background: var(--primary-color);
    }
    .pkp_navigation_primary>li>a:focus {
        background: none;
    }
    .obj_issue_toc .cover {
        margin-bottom: 0;
    }
    .pkp_navigation_primary_row {
        background: var(--primary-color);
    }
}

/* Styles for site links, ORCID links, full-text buttons: mouse-over effects */
a {
    color: var(--tertiary-colour);
    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(--primary-color);
}

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

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

.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-pink);
    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(--tertiary-colour);
}

/* 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_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;
}

/* Styles for Read More and View All Issues buttons */
a.read_more {
    background-color: var(--medium-turquoise);
    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(--medium-aquamarine);
}

/* 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(--tertiary-colour);
    font-size: 1.285rem;
    line-height: 2.143rem;
    color: var(--tertiary-colour);
}

section.homepage_about {
  margin: 3rem 0 0 0;
  border: 0;
  padding: .5rem 2rem;
  border-left: 4px solid var(--secondary-color);
  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(--secondary-color);
    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(--secondary-color);
    text-transform: none;
}

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

.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(--secondary-color);
    color: var(--silver-gray);
}

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