/*
  File name: astra-default-theme.css
  Author: Astra
  Website: https://astra.red
  Contact email: hola@astra.red
  License: Creative Commons Attribution 4.0 International (CC BY 4.0), https://creativecommons.org/licenses/by/4.0/
  You may share, adapt, and use this file for any purpose, including commercial use, as long as proper credit is given to the original author.
*/

:root {
    /* Main font */
    --fuente: 'Karla', sans-serif;

    /* Colors */
    --ocre: #bf4f06;            /* Institutional color */
    --ocre-claro: #f0c0a0;      /* Institutional color, light tone */
    --negro: #000000;           /* Background color for buttons, general text color */
    --gris: #F2F2F2;            /* Background color for the entire site */
    --blanco: #ffffff;          /* Contrast background color */
    --verde: #8db030;           /* ORCID-style link color */
    --gris-oscuro: #dbdbdb;     /* Background color for some elements, contrasts with site background */
    --negro-claro: #525252;     /* Text color for ToC metadata */
    --gris-intermedio: #cbd2d9; /* Gray for breadcrumb separator symbol */
    --blue: #006798;            /* OJS default blue */
}

html, body, * {
    font-family: var(--fuente) !important;
    font-size: 1rem;
}

.pkp_structure_head {
    background-color: var(--ocre) !important;
}

.pkp_structure_page {
    background-color: var(--gris);
}

@media (min-width: 992px) {
    .pkp_site_nav_menu {
        display: block;
        width: 70%;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .pkp_navigation_user_wrapper {
        width: 100%;
        padding-top: 10px;
    }
}

ul.pkp_navigation_user li a, ul.pkp_navigation_user li a:hover {
    background-color: var(--blanco);
    color: var(--negro);
    border-radius: 3px;
}

@media (min-width: 1200px) {
    .has_site_logo .pkp_head_wrapper {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .pkp_navigation_user>li>a .task_count {
        display: inline-block;
        background-color: var(--blanco);
        color: var(--ocre);
    }
}

@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: fit-content;
    }
}

@media (min-width: 1200px) {
    .pkp_site_name_wrapper, .pkp_navigation_primary_wrapper, .pkp_navigation_user, .pkp_search_mobile, .pkp_structure_content, .pkp_structure_footer {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .pkp_structure_main {
        width: 75%;
    }
}

@media (min-width: 992px) {
    .pkp_structure_sidebar {
        float: right;
        width: 25%;
    }
}

@media (min-width: 992px) {
    .pkp_structure_main {
        padding: 0 2.143rem 6.429rem 0;
    }
}

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

@media (min-width: 1200px) {
    .obj_article_details .main_entry {
        width: 70%;
    }
}

@media (min-width: 768px) {
    .obj_article_details .entry_details {
        width: 25%;
    }
}

.page_index_journal, article.obj_article_details {
    text-align: justify;
}

section.homepage_about {
    background-color: var(--negro);
    color: var(--blanco);
    padding: 5rem !important;
    border-radius: 5px;
}

.homepage_about a {
    color: var(--ocre-claro);
    text-decoration: none;
    font-weight: 400;
}

.homepage_about p {
    font-size: 1.2rem;
}

.current_issue > .obj_issue_toc > .galleys > ul > li > a.obj_galley_link.pdf {
    font-size: 2rem;
    padding: 1rem 10rem;
    background-color: var(--negro);
    color: var(--blanco);
}

h3#issueTocGalleyLabel {
    display: none;
}

.obj_issue_toc .galleys_links {
    margin-top: 1rem;
}

.current_issue h2 {
    text-align: right;
    border-bottom: 10px solid;
    padding-bottom: 1rem;
    margin-top: 6rem;
}

.current_issue_title {
    background-color: var(--gris-oscuro);
    margin: 1rem 0 !important;
    color: var(--negro);
    font-weight: 400 !important;
    padding: 2rem;
    text-align: center;
    font-size: 2rem;
}

.page_index_journal h2 {
    font-size: 2.4375rem;
}

.current_issue .obj_issue_toc .sections {
    border: 1px solid var(--gris-oscuro);
    padding: 0 3rem 48px;
}

.obj_issue_toc > .galleys {
    margin: auto !important;
    text-align: center;
}

@media (min-width: 768px) {
    .obj_issue_toc .galleys:before, .obj_issue_toc .section:before {
        border-top: 1px solid transparent;
    }
}

.obj_article_summary>.title a, .obj_article_summary>.title a:hover {
    font-weight: 500;
    line-height: 1.5;
    font-size: 1.3rem;
    color: var(--negro);
}

a.obj_galley_link {
    background-color: var(--blanco);
    color: var(--negro);
    border: 1px solid var(--negro);
    font-weight: 300;
}

a.obj_galley_link:hover, .obj_galley_link:focus {
    background: var(--negro);
    color: var(--blanco);
    border: 1px solid var(--negro);
}

@media (min-width: 768px) {
    .obj_issue_toc .galleys:before, .obj_issue_toc .section:before {
        top: 53px;
    }
}

@media (min-width: 768px) {
    .obj_issue_toc .galleys>h2, .obj_issue_toc .section>h2, .obj_issue_toc .galleys>h3, .obj_issue_toc .section>h3 {
        color: var(--negro);
        border: 0;
        background-color: transparent;
        font-weight: 700;
        padding: 0;
        font-size: 1.5rem;
    }
}

.cmp_article_list > li {
    border-top: 1px solid var(--gris-oscuro);
}

.obj_article_summary {
    margin: 2rem;
}

.obj_article_summary .meta {
    color: var(--negro-claro);
}

.pkp_block {
    background-color: var(--blanco);
    margin-bottom: 2rem;
}

.pkp_block .title {
    color: var(--negro);
}

@media (min-width: 768px) {
    .obj_article_details .row {
        border: 0;
    }
}

.obj_article_details .entry_details .item .label {
    margin: 0 0 10px 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--negro);
}

.galleys > .galleys_links > li > a.obj_galley_link {
    background-color: var(--negro);
    color: var(--blanco);
}

.cmp_breadcrumbs {
    border: 1px solid var(--gris-oscuro);
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
    margin-bottom: 3rem;
  }

.cmp_breadcrumbs li {
    margin-left: -5px;
}
  
  .cmp_breadcrumbs > ol > li > a {
    background: var(--blanco);
    color: var(--negro);
    outline: none;
    padding: 0.75em 0.75em 0.75em 1.25em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
  }
  
  .cmp_breadcrumbs > ol > li > a:hover:after,
  .cmp_breadcrumbs > ol > li > a:hover {
    color: var(--blue);
  }
  
  .cmp_breadcrumbs > ol > li > a:focus:after,
  .cmp_breadcrumbs > ol > li > a:focus,
  .cmp_breadcrumbs > ol > li > a.is-active:focus {
    background: var(--gris);
    color: var(--blanco);
  }
  
  .cmp_breadcrumbs > ol > li > a:after,
  .cmp_breadcrumbs > ol > li > a:before {
    background: var(--blanco);
    bottom: 0;
    clip-path: polygon(50% 50%, -50% -50%, 0 100%);
    content: "";
    left: 100%;
    position: absolute;
    top: 0;
    transition: background 0.2s linear;
    width: 1em;
    z-index: 1;
  }
  
  .cmp_breadcrumbs > ol > li > a:before {
    background: var(--gris-intermedio);
    margin-left: 1px;
  }
  
  .cmp_breadcrumbs > ol > li > a:last-child {
    border-right: none;
  }
  
  .cmp_breadcrumbs > ol > li > a.is-active {
    background: var(--gris-intermedio);
  }
  
  span.separator {
    display: none;
}

li.current > span {
    margin: 0rem 1rem;
}

.cmp_breadcrumbs ol {
    margin-bottom: 0;
    padding: 0;
}

span.orcid a {
    color:var(--verde);
    text-decoration: none;
}

a, a:hover {
    text-decoration: none;
}

.pkp_structure_footer_wrapper {
    background: var(--ocre);
    color: var(--blanco);
    font-weight: 300;
}

@media (min-width: 992px) {
    .pkp_nav_list ul a {
        color: var(--negro);
    }
}

@media (min-width: 992px) {
    .pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {
        border-color: var(--negro);
    }
}

@media (min-width: 992px) {
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        color: var(--negro);
        border-color: var(--negro);
    }
}

.cmp_form .buttons button.submit {
    cursor: pointer;
}
.pkp_page_index .current_issue a.read_more, .page_search .submit button {
    padding: .5em 1em;
    background: var(--negro);
    border: 1px solid var(--negro);
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--blanco) !important;
    text-decoration: none;
    width: 30% !important;
    text-align: center;
    margin: 3rem auto !important;
    display: block !important;
    cursor: pointer;
}

.pkp_page_index .current_issue a.read_more::before {
    content: "\f115";
    font: normal normal normal 14px / 1 FontAwesome;
    margin-right: 15px;
    font-size: 20px;
}

.pkp_page_index .current_issue a.read_more::after {
    display: none;
}

.page_search .submit button::before {
    content: "\f002";
    font: normal normal normal 14px / 1 FontAwesome;
    margin-right: 15px;
    font-size: 20px;
}

.page_search .submit button::after {
    display: none;
}

.pkp_structure_footer_wrapper a {
    color: var(--ocre-claro);
    text-decoration: none;
    font-weight: 400;
}

.pkp_brand_footer {
    display: none;
}

.logos img {
    width: revert-layer;
    max-width: 250px;
}

.logos p, .logos a {
    font-weight: 100;
    font-size: 10pt;
}

.pkp_block .content img {
    width: revert-layer;
}

.fa-search:before {
    content: "\f002";
    font: normal normal normal 14px / 1 FontAwesome;
}

.cmp_button, .cmp_form .buttons button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a {
    padding: .5em 1em;
    background: var(--negro);
    border: 1px solid var(--negro);
    font-size: 1rem;
    font-weight: 400;
    color: var(--blanco);
    text-decoration: none;
    width: 100%;
    text-align: center;
}

a.block_make_submission_link::before {
    content: "\f1d8";
    font: normal normal normal 14px / 1 FontAwesome;
    margin-right: 15px;
    font-size: 20px;
}

.page_login p, .page_login h1, .page_register p, .page_register h1  {
    width: 80%;
    margin: 0 auto;
    background-color: var(--blanco);
    padding: 2rem 0 0 5rem;
}

.page_login .login, .page_register .register {
    margin-bottom: 0;
    background-color: var(--blanco);
    width: 80%;
    padding: 5rem;
    margin: 0 auto;
    max-width: unset;
}

a.register, a.login {
    display: none;
}

.w3c_css {
    text-align: center;
}