/**
 * UnCommon Theme - Adaptado para OJS 3.3 (Apenas Capa do Portal)
 */

/* ============================================
   RESET E ELEMENTOS BASE (RESTRITOS)
   ============================================ */

.pkp_page_index.pkp_view_index {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

.pkp_page_index.pkp_view_index div {
    line-height: 140%;
    text-align: left;
}

.pkp_page_index.pkp_view_index table {
    border: 0;
    border-spacing: 0;
    font-size: 1.0em;
}

.pkp_page_index.pkp_view_index a { text-decoration: none; }
.pkp_page_index.pkp_view_index a:link { color: #006699; }
.pkp_page_index.pkp_view_index a:active { color: #3399CC; }
.pkp_page_index.pkp_view_index a:visited { color: #006699; }
.pkp_page_index.pkp_view_index a:hover { color: #eee; background: #006699; }

.pkp_page_index.pkp_view_index input.textField, 
.pkp_page_index.pkp_view_index select.selectMenu, 
.pkp_page_index.pkp_view_index textarea.textArea {
    background-color: #ffffff;
    border: 1px solid #006699;
}

/* ============================================
   ESTRUTURA PRINCIPAL OJS 3.3
   ============================================ */

.pkp_page_index.pkp_view_index .pkp_structure_page {
    max-width: 1280px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.pkp_page_index.pkp_view_index .pkp_structure_head {
    background-color: #006699;
    padding: 0;
}

.pkp_page_index.pkp_view_index .pkp_structure_main {
    width: 100%;
    padding: 20px;
}

.pkp_page_index.pkp_view_index footer.footer {
    background: #004020 !important;
    color: #fff !important;
    padding: 30px 0 15px 0;
}

/* ============================================
   HEADINGS E TÍTULOS
   ============================================ */

.pkp_page_index.pkp_view_index .pkp_structure_main h2,
.pkp_page_index.pkp_view_index .pkp_structure_main h3 {
    color: #006699;
    font-family: Verdana, Arial, sans-serif;
}

/* ============================================
   BLOCO DA BARRA LATERAL (SIDEBAR)
   ============================================ */

.pkp_page_index.pkp_view_index .pkp_block {
    border-top: 5px solid #006699;
    border-bottom: 1px solid #006699;
    margin-bottom: 20px;
}

.pkp_page_index.pkp_view_index .pkp_block .pkp_block_title {
    color: #006699;
    text-transform: uppercase;
}

/* ============================================
   LISTAGEM DE PERIÓDICOS (JOURNALS)
   ============================================ */

.pkp_page_index.pkp_view_index .journals .page-header h2 {
    color: #004020;
}

.pkp_page_index.pkp_view_index .media-list .media-heading a {
    color: #004020;
    font-weight: bold;
}

.pkp_page_index.pkp_view_index .media-list .nav li a {
    background: #004020;
    color: #fff;
}

/* ============================================
   SEÇÃO SOBRE O SITE (ABOUT SITE)
   ============================================ */

.pkp_page_index.pkp_view_index .about_site {
    padding: 20px;
    background: linear-gradient(#E4E4E4 10%, #FFFFFF);
    margin-bottom: 30px;
}

/* ============================================
   MEDIA QUERIES - RESPONSIVIDADE (RESTRITAS)
   ============================================ */

@media screen and (min-width: 1000px) {
    .pkp_page_index.pkp_view_index .pkp_structure_head {
        background: url(../../public/site/revistas_header.png) repeat-x bottom, 
                    linear-gradient(#000000, #004020);
        height: 400px;
    }

    .pkp_page_index.pkp_view_index .navbar-header,
    .pkp_page_index.pkp_view_index #nav-menu {
        position: absolute;
        width: 1000px;
        left: 50%;
        margin-left: -500px !important;
    }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 999px) {
    .pkp_page_index.pkp_view_index .pkp_structure_head {
        height: 400px;
        background: linear-gradient(#000000, #004020);
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .pkp_page_index.pkp_view_index .pkp_structure_head {
        height: auto;
        min-height: 200px;
    }
    
    .pkp_page_index.pkp_view_index .media-list .media {
        margin: 15px 0;
    }
}