/* 
Estos estilos son para personalizar y arreglar errores en ciertos estilos de la interfaz del tema CLASSIC de PKP/OJS
 */
 :root {
     font-size: 17px;
    --emphasis-color: rgb(32, 36, 255); /* Color default para pressmark: #FFD120 */
}

h1, h2, h3, h4, h5, h6 {
    margin: 1.5rem 0 !important;
}

form.cmp_form.login input[type="text"]#username:hover,
form.cmp_form.login input[type="password"]#password:hover,
.form-control:hover,
.form-control:focus {
    box-shadow: none !important;
}

section.flex_container.description_cover > div.issue_cover_block {
    padding-left:30px;
    box-sizing: border-box !important;
    /* La linea de abajo fuerza alineación izquierda de la portada del número */
    /* text-align: left !important; */
}
div.issue_cover_block img.cover_image {
    max-width: 100% !important;
    height: auto !important;
    width: 50%;
}

/* Color blanco de los links en el encabezado de "Acerca de" */
section.container.journal_summary a {
    color: white !important;
}

/* Corrección en efecto hover */
a.btn.galley-link.obj_galley_link:hover,
.btn.btn-primary:hover,
a.register.btn:hover,
a.login.btn.register-button:hover {
    background-color: var(--emphasis-color) !important;
    color: white !important;
}

/* Botón de cerrar modal en encabezado de modal */
div.modal-dialog > div.modal-content > div.modal-header > button[type="button"].close {
    background-color: #000 !important;
    color: white !important;
    outline: none;
    border: none;
    display: inline-block;
}
div.modal-content {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

footer.site-footer > div.container-footer > div.sidebar_wrapper h2.title {
    margin-top: 0 !important;
}
div.user-page-footer table {
    border: none !important;
}
/* 
El logo de PKP/OJS en el footer es negro; con este filtro se vera blanco. 
Comenta esta sección si cambias el color de acento del tema a uno claro 
*/
img.footer-brand-image {
    filter: invert();
}

form.cmp_form.register div.form-row {
    display: grid !important;
    row-gap: 1em !important;
    margin-bottom: 1.5em;
}

div.form-row div.form-group {
    margin-bottom: 0;
}
p.forgotten-password {
    margin: 1rem 0 !important;
}