/*
 * REVISTA INOVA CIÊNCIA — OJS 3.5
 * Folha de estilos — versão 3
 *
 * Foco principal desta versão:
 * FORÇAR a justificação dos parágrafos das páginas
 * institucionais, inclusive quando o editor do OJS
 * gravar alinhamento inline.
 */

/* =========================================================
   IDENTIDADE VISUAL
   ========================================================= */

:root {
    --inova-petroleo: #00627A;
    --inova-petroleo-escuro: #004D60;
    --inova-azul: #087FA3;
    --inova-azul-claro: #DFF3F8;
    --inova-cinza: #5F6B73;
    --inova-cinza-claro: #F4F8FA;
    --inova-branco: #FFFFFF;
    --inova-borda: #D7E4E9;
}

/* =========================================================
   LINKS
   ========================================================= */

body a {
    color: var(--inova-petroleo);
}

body a:hover,
body a:focus {
    color: var(--inova-petroleo-escuro);
}

/* =========================================================
   CABEÇALHO
   ========================================================= */

.pkp_structure_head {
    border-bottom: 4px solid var(--inova-petroleo);
}

/* =========================================================
   MENU
   ========================================================= */

.pkp_navigation_primary > li > a {
    color: var(--inova-petroleo-escuro);
    font-weight: 600;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: var(--inova-azul);
}

/* =========================================================
   TÍTULOS
   ========================================================= */

h1,
h2,
h3,
h4 {
    color: var(--inova-petroleo-escuro);
}

h1.page_title {
    border-bottom: 2px solid var(--inova-borda);
    padding-bottom: 0.45em;
}

/* =========================================================
   JUSTIFICAÇÃO — REGRA PRINCIPAL
   =========================================================
   O !important é proposital.
   Ele impede que uma formatação de alinhamento gravada
   pelo editor do OJS no próprio parágrafo prevaleça.
   ========================================================= */

/* Páginas institucionais do OJS */
.pkp_page_about .page_content p,
.pkp_page_submissions .page_content p,
.pkp_page_index .page_content p,
.pkp_page_static .page_content p,
.page .page_content p,

/* Estruturas alternativas utilizadas pelo OJS */
.pkp_page_about .pkp_page_content p,
.pkp_page_submissions .pkp_page_content p,
.pkp_page_index .pkp_page_content p,
.pkp_page_static .pkp_page_content p,
.pkp_page_content .page_content p {
    text-align: justify !important;
    line-height: 1.5 !important;
    text-indent: 1.25cm !important;
    margin-top: 0 !important;
    margin-bottom: 1em !important;
}

/* Regra adicional para páginas cujo conteúdo está diretamente
   dentro de .page */
.page p {
    text-align: justify !important;
    line-height: 1.5 !important;
}

/* =========================================================
   TÍTULOS NÃO DEVEM SER JUSTIFICADOS NEM RECUADOS
   ========================================================= */

.pkp_page_about .page_content h1,
.pkp_page_about .page_content h2,
.pkp_page_about .page_content h3,
.pkp_page_about .page_content h4,
.pkp_page_submissions .page_content h1,
.pkp_page_submissions .page_content h2,
.pkp_page_submissions .page_content h3,
.pkp_page_submissions .page_content h4,
.pkp_page_index .page_content h1,
.pkp_page_index .page_content h2,
.pkp_page_index .page_content h3,
.pkp_page_index .page_content h4,
.page .page_content h1,
.page .page_content h2,
.page .page_content h3,
.page .page_content h4 {
    text-align: left !important;
    text-indent: 0 !important;
    line-height: 1.3 !important;
}

/* =========================================================
   LISTAS
   ========================================================= */

.page .page_content ul,
.page .page_content ol,
.pkp_page_about .page_content ul,
.pkp_page_about .page_content ol,
.pkp_page_submissions .page_content ul,
.pkp_page_submissions .page_content ol {
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-left: 2.2em;
}

.page .page_content li,
.page .page_content li p,
.pkp_page_about .page_content li,
.pkp_page_about .page_content li p,
.pkp_page_submissions .page_content li,
.pkp_page_submissions .page_content li p {
    text-align: justify !important;
    line-height: 1.5 !important;
    text-indent: 0 !important;
    margin-bottom: 0.35em !important;
}

/* =========================================================
   CITAÇÕES
   ========================================================= */

.page .page_content blockquote,
.pkp_page_about .page_content blockquote,
.pkp_page_submissions .page_content blockquote {
    margin: 1.5em 0;
    padding: 1em 1.25em;
    border-left: 4px solid var(--inova-petroleo);
    background: var(--inova-cinza-claro);
}

.page .page_content blockquote p,
.pkp_page_about .page_content blockquote p,
.pkp_page_submissions .page_content blockquote p {
    text-align: justify !important;
    text-indent: 0 !important;
}

/* =========================================================
   TABELAS
   ========================================================= */

.page .page_content table,
.pkp_page_about .page_content table,
.pkp_page_submissions .page_content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
}

.page .page_content th,
.page .page_content td,
.pkp_page_about .page_content th,
.pkp_page_about .page_content td,
.pkp_page_submissions .page_content th,
.pkp_page_submissions .page_content td {
    border: 1px solid var(--inova-borda);
    padding: 0.65em 0.8em;
    vertical-align: top;
}

/* =========================================================
   BOTÕES
   ========================================================= */

.cmp_button,
.pkp_button,
button,
input[type="submit"] {
    background: var(--inova-petroleo);
    border-color: var(--inova-petroleo);
}

.cmp_button:hover,
.cmp_button:focus,
.pkp_button:hover,
.pkp_button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: var(--inova-petroleo-escuro);
    border-color: var(--inova-petroleo-escuro);
}

/* =========================================================
   BLOCOS
   ========================================================= */

.pkp_block {
    border-top: 3px solid var(--inova-petroleo);
}

.pkp_block .title {
    color: var(--inova-petroleo-escuro);
}

/* =========================================================
   RODAPÉ
   ========================================================= */

.pkp_structure_footer_wrapper {
    border-top: 3px solid var(--inova-petroleo);
}

/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 768px) {
    .page .page_content p,
    .pkp_page_about .page_content p,
    .pkp_page_submissions .page_content p,
    .pkp_page_index .page_content p,
    .pkp_page_static .page_content p {
        text-align: justify !important;
        line-height: 1.5 !important;
        text-indent: 1em !important;
    }
}