/* =================================
RBCIAMB — CSS LIMPO E ESTÁVEL
================================= */

/* =================================
TYPOGRAPHY — SOURCE SANS 3
================================= */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap');

html,
body,
.pkp_page,
.pkp_structure_page,
.pkp_structure_main,
.pkp_site_name,
.pkp_navigation_primary,
.pkp_navigation_user,
.pkp_block,
.pkp_footer_content,
.obj_article_summary,
.obj_article_summary *,
.homepage_about,
.homepage_about *,
.rb-topbar,
.rb-topbar *,
.rb-sdg-section,
.rb-sdg-section *,
.rb-home-grid,
.rb-home-grid *,
button,
input,
textarea,
select{
    font-family:'Source Sans 3',sans-serif !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
    text-rendering:optimizeLegibility !important;
}

/* =================================
BASE
================================= */

body{
    color:#2b2b2b;
    line-height:1.72;
    background:#ffffff;
    font-size:16px;
    font-weight:400;
}

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

a{
    color:#1a5fb4;
    text-decoration:none;
    transition:.2s ease;
    font-weight:500;
}

a:hover{
    color:#1f6f4a;
    text-decoration:underline;
}

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

h1,h2,h3,h4,h5,h6{
    color:#1f6f4a;
    font-weight:700 !important;
    letter-spacing:-0.02em;
    line-height:1.18;
}

/* =================================
HEADER / BANNER
================================= */

.pkp_site_name_wrapper{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 !important;
    height:auto !important;
    position:relative !important;
}

.pkp_site_name{
    margin:0 !important;
    padding:0 !important;
    height:auto !important;
}

.pkp_site_name a.is_img{
    display:block !important;
}

.pkp_site_name img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    max-height:none !important;
}

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

.rb-topbar-inner{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
}

.rb-topbar-left{
    display:flex !important;
    align-items:center !important;
    gap:26px !important;
}

.rb-topbar-right{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
}

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

.pkp_navigation_primary_wrapper{

    display:flex !important;

    justify-content:center !important;

    background:#eef2f4 !important;

    border-top:1px solid rgba(0,0,0,.04);

    border-bottom:1px solid rgba(0,0,0,.08);

    box-shadow:
        0 1px 0 rgba(255,255,255,.65) inset;
}

.pkp_navigation_primary{

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:8px !important;

    flex-wrap:nowrap !important;

    margin:0 auto !important;
}

.pkp_navigation_primary > li{
    flex:0 0 auto;
}

.pkp_navigation_primary > li > a{

    position:relative;

    color:#25313c !important;

    font-size:17px !important;

    font-weight:500 !important;

    letter-spacing:-0.01em;

    padding:24px 18px 22px !important;

    white-space:nowrap;

    transition:
        color .2s ease,
        transform .2s ease;
}

.pkp_navigation_primary > li > a:hover{

    color:#1f6f4a !important;

    transform:translateY(-1px);
}

.pkp_navigation_primary > li > a::after{

    content:"";

    position:absolute;

    left:18px;
    right:18px;
    bottom:8px;

    height:2px;

    background:#1f6f4a;

    transform:scaleX(0);

    transition:transform .22s ease;
}

.pkp_navigation_primary > li > a:hover::after{
    transform:scaleX(1);
}

/* =================================
BANNER ACTIONS
================================= */

.rb-banner-actions{

    position:absolute !important;

    left:50% !important;
    bottom:58px !important;

    transform:translateX(-50%) !important;

    display:flex !important;

    justify-content:center !important;
    align-items:center !important;

    min-width:520px !important;

    background:transparent !important;

    box-shadow:none !important;

    border:none !important;
}

.rb-banner-actions a{

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:19px !important;

    font-weight:500 !important;

    padding:0 40px !important;

    transition:all .2s ease;
}

.rb-banner-actions a:hover{
    color:#f2c66d !important;
}

.rb-banner-actions span{

    width:1px;

    height:34px !important;

    background:rgba(255,255,255,.28);

    display:block;

    margin:0 18px !important;
}

/* =================================
CONTAINER PRINCIPAL
================================= */

.pkp_structure_content,
.pkp_structure_main{

    max-width:1120px !important;

    margin:0 auto !important;

    width:100% !important;

    float:none !important;

    border:none !important;
}

.pkp_structure_main{
    padding:24px 40px 70px !important;
}

.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_content:before,
.pkp_structure_content:after{
    display:none !important;
}

/* =================================
HOME
================================= */

.pkp_page_index .homepage_about{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* =================================
ARTIGOS
================================= */

.obj_article_summary .title a{

    color:#2b2b2b !important;

    font-weight:400 !important;

    line-height:1.58 !important;

    transition:.2s ease;
}

.obj_article_summary .title a:hover{
    color:#1f6f4a !important;
}

/* =================================
CARDS
================================= */

.rb-block,
.rb-item,
.metric-item,
.rb-sidebar-cited > div,
.homepage_about > div:last-child > div > div{

    background:#ffffff !important;

    border:1px solid #e5eaef !important;

    border-radius:16px !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;

    box-shadow:
        0 1px 2px rgba(0,0,0,.03);
}

.rb-block:hover,
.rb-item:hover,
.metric-item:hover,
.rb-sidebar-cited > div:hover,
.homepage_about > div:last-child > div > div:hover{

    transform:translateY(-4px);

    border-color:#d5dee7 !important;

    box-shadow:
        0 10px 28px rgba(15,23,42,.07),
        0 2px 8px rgba(15,23,42,.04);
}

/* =================================
MÉTRICAS
================================= */

.rb-metrics{

    background:#ffffff;

    border:1px solid #e6ece8;

    border-top:3px solid rgba(31,111,74,.55);

    border-radius:14px;

    padding:28px;
}

/* =================================
REMOVE ELEMENTOS
================================= */

.pkp_search{
    display:none !important;
}

.block_make_submission{
    display:none !important;
}

/* =================================
FOOTER
================================= */

.pkp_structure_footer_wrapper{

    background:#ececec !important;

    border-top:1px solid #dde3e8 !important;

    padding:36px 48px !important;
}

.pkp_structure_footer{

    display:flex !important;

    justify-content:space-between !important;

    align-items:flex-start !important;

    gap:40px !important;

    max-width:1280px !important;

    margin:0 auto !important;

    padding:0 !important;

    background:transparent !important;
}

.pkp_structure_footer .pkp_footer_content a[href*="abes"]{
    display:none !important;
}

.pkp_footer_content{

    display:block !important;

    width:auto !important;

    max-width:760px !important;

    margin:0 !important;

    padding:0 !important;

    color:#444 !important;

    font-size:15px !important;

    line-height:1.75 !important;
}

.pkp_footer_content *{
    display:none !important;
}

.pkp_footer_content::before{

    content:
    "Revista Brasileira de Ciências Ambientais\A\
Brazilian Journal of Environmental Sciences\A\
ISSN Online: 2176-9478\A\
ISSN Print: 1808-4524";

    white-space:pre-line;

    display:block;
}

.pkp_brand_footer{

    width:95px !important;

    margin-left:auto !important;

    opacity:.38 !important;

    transform:translateY(6px);
}

.pkp_brand_footer img{

    max-width:95px !important;

    height:auto !important;
}

/* =================================
RESPONSIVO
================================= */

@media (max-width:900px){

    .pkp_structure_main{
        padding:20px !important;
    }

    .pkp_navigation_primary{
        flex-wrap:wrap !important;
    }

    .pkp_structure_footer{
        flex-direction:column !important;
        gap:20px;
    }

    .rb-banner-actions{

        min-width:auto !important;

        width:100% !important;

        padding:0 20px !important;
    }

    .rb-banner-actions a{

        font-size:15px !important;

        padding:0 12px !important;
    }
}
/* REMOVE CURRENT ISSUE */

.pkp_page_index .current_issue{
    display:none !important;
}
/* =================================
RBCIAMB — FOOTER FINAL LIMPO
================================= */

/* BLOCO CINZA */

.pkp_structure_footer_wrapper{

    background:#ececec !important;

    border-top:1px solid #dde3e8 !important;

    padding:34px 0 !important;
}

/* GRID */

.pkp_structure_footer{

    max-width:180px !important;

    margin:0 auto !important;

    padding:0 40px !important;

    display:grid !important;

    grid-template-columns:
        1fr
        220px
        260px !important;

    align-items:center !important;

    gap:50px !important;
}

/* TEXTO ESQUERDO */

.pkp_footer_content{

    font-size:15px !important;

    line-height:1.9 !important;

    color:#444 !important;

    margin:0 !important;
}

/* REMOVE TEXTO ORIGINAL */

.pkp_footer_content *{
    display:none !important;
}

/* TEXTO NOVO */

.pkp_footer_content::before{

    content:
    "Revista Brasileira de Ciências Ambientais\A\
Brazilian Journal of Environmental Sciences\A\
ISSN Online: 2176-9478\A\
ISSN Print: 1808-4524";

    white-space:pre-line;

    display:block;
}

/* LOGO PKP */

.pkp_brand_footer{

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    margin:0 auto !important;

    opacity:.65 !important;
}

.pkp_brand_footer img{

    max-width:170px !important;

    height:auto !important;
}

/* COLUNA DIREITA */

.pkp_structure_footer .pkp_block{

    margin:0 !important;
}

.pkp_structure_footer .title{

    font-size:18px !important;

    margin-bottom:14px !important;

    color:#555 !important;
}

.pkp_structure_footer a{

    color:#2457B5 !important;

    text-decoration:none !important;

    line-height:2 !important;
}

/* REMOVE RSS */

.block_make_submission,
.block_information + .block{
    display:none !important;
}

/* =================================
BLOCO BRANCO ABAIXO
================================= */

.page_footer{

    text-align:center !important;

    padding:34px 20px 40px !important;

    background:#ffffff !important;
}

/* REDUZ ESPAÇOS */

.page_footer p{
    margin:10px 0 !important;
}

.page_footer img{

    max-height:48px !important;

    width:auto !important;

    margin:10px 18px !important;

    vertical-align:middle !important;
}

/* RESPONSIVO */

@media(max-width:980px){

    .pkp_structure_footer{

        grid-template-columns:1fr !important;

        text-align:center !important;

        gap:30px !important;
    }

}
/* =================================
RBCIAMB — FOOTER ALINHAMENTO REAL
================================= */

.pkp_structure_footer{

    display:flex !important;

    justify-content:flex-start !important;

    align-items:flex-start !important;

    gap:220px !important;

    max-width:1180px !important;

    margin:0 auto !important;

    padding:0 40px !important;
}

/* TEXTO */

.pkp_footer_content{

    width:auto !important;

   min-width:720px !important;

    margin:0 !important;

    text-align:left !important;
}

/* PKP */

.pkp_brand_footer{

    width:auto !important;

    margin:0 !important;

    display:flex !important;

    justify-content:flex-start !important;

    align-items:flex-start !important;

    opacity:.65 !important;
}

.pkp_brand_footer img{

    max-width:75px !important;

    height:auto !important;
}

/* BLOCO DIREITA */

.pkp_structure_footer .pkp_block{

    margin-left:auto !important;
}

/* RESPONSIVO */

@media(max-width:980px){

    .pkp_structure_footer{

        flex-direction:column !important;

        gap:40px !important;
    }

    .pkp_structure_footer .pkp_block{

        margin-left:0 !important;
    }
/* =================================
/* =================================
RBCIAMB — SIDEBAR INLINE REAL
================================= */

/* CONTAINER */

.pkp_structure_sidebar.left{

    width:100% !important;

    max-width:1180px !important;

    margin:0 auto !important;

    padding:30px 40px !important;

    display:flex !important;

    flex-wrap:nowrap !important;

    justify-content:flex-start !important;

    align-items:flex-start !important;

    gap:80px !important;
}

/* BLOCOS */

.pkp_structure_sidebar.left .pkp_block{

    float:none !important;

    width:auto !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    display:block !important;
}

/* REMOVE LARGURA FORÇADA */

.pkp_structure_sidebar.left .block_information,
.pkp_structure_sidebar.left .block_web_feed{

    width:auto !important;
}

/* TITLES */

.pkp_structure_sidebar.left .title{

    margin-bottom:18px !important;
}

/* RSS */

.block_web_feed ul{

    margin:0 !important;

    padding:0 !important;
}

.block_web_feed li{

    margin-bottom:12px !important;

    list-style:none !important;
}

/* RESPONSIVO */

@media(max-width:980px){

    .pkp_structure_sidebar.left{

        flex-direction:column !important;

        gap:40px !important;
    }

}
