/* =================================
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,
.page_title,
.rb-block-title,
.rb-sdg-title,
.homepage_about h2{
    color:#1f6f4a !important;
    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;
}

/* =================================
TOPBAR
================================= */

.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;
}

.pkp_page_index .current_issue{
    display:none !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;
}

.metric-value{
    font-size:30px !important;
    font-weight:400 !important;
    color:#2a6ebb !important;
}

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

.pkp_search,
.block_make_submission{
    display:none !important;
}

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

.pkp_structure_footer_wrapper{
    background:#ececec !important;
    border-top:1px solid #dde3e8 !important;
    padding:34px 0 !important;
}

.pkp_structure_footer{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    gap:90px !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:14px 40px 2px !important;
    background:transparent !important;
}

.pkp_footer_content{
    width:auto !important;
    min-width:720px !important;
    margin:0 !important;
    text-align:left !important;
    font-size:12px !important;
    line-height:1.6 !important;
    color:#7c8792 !important;
    opacity:.82 !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_structure_footer .pkp_footer_content a[href*="abes"]{
    display:none !important;
}

.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;
}

.block_information,
.block_web_feed{
    display:none !important;
}

/* =================================
FOOTER EDITORIAL LINKS
================================= */

.rb-footer-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:14px auto 0 !important;
    padding-top:14px;
    padding-bottom:0 !important;
    border-top:1px solid #e5ebf1;
    font-size:14px;
    opacity:.92;
}

.rb-footer-links::before,
.rb-footer-links::after{
    display:none !important;
    content:none !important;
}

.rb-footer-links a{
    color:#2457B5;
    text-decoration:none;
    transition:color .18s ease;
}

.rb-footer-links a:hover{
    color:#1f6f4a;
}

.rb-footer-links span{
    color:#b8c1cc;
}

/* =================================
PAGE FOOTER / ADDITIONAL CONTENT
================================= */

.page_footer{
    text-align:center !important;
    padding:34px 20px 40px !important;
    background:#ffffff !important;
}

.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;
}

/* =================================
HOW TO CITE
================================= */

.citation_display,
.citation_display p,
.item.citation,
.article-details .item.citation,
.obj_article_details .item.citation{
    font-size:15px !important;
    line-height:1.8 !important;
    color:#344454 !important;
}

.obj_article_details .item.citation .value{
    font-size:15px !important;
    line-height:1.8 !important;
    color:#344454 !important;
}

.obj_article_details .item.citation .value a{
    font-size:15px !important;
    word-break:break-word;
}

.obj_article_details .item.citation h2{
    font-size:24px !important;
    color:#1f6f4a !important;
    margin-bottom:14px !important;
}

/* =================================
CITATION COUNTERS / CROSSREF
================================= */

div[id*="cite"] span,
div[class*="cite"] span,
div[class*="scopus"] span,
div[class*="crossref"] span,
div[class*="crossref"] div,
div[id*="crossref"] div{
    background:#f1f6f2 !important;
    border:1px solid #d8e6dc !important;
    border-radius:10px !important;
    padding:8px 10px !important;
    color:#1f6f4a !important;
}

div[class*="crossref"] *,
div[id*="crossref"] *{
    color:#1f6f4a !important;
}

/* =================================
EDITORIAL TEAM
================================= */

.pkp_page_about .page_editorial_team,
.page-about .description,
.page-about .item,
.page-about .content{
    max-width:980px !important;
    margin:0 auto !important;
    line-height:1.6 !important;
    color:#334155 !important;
}

.page-about h2,
.page-about h3,
.page_editorial_team strong{
    color:#1f6f4a !important;
    font-size:28px !important;
    font-weight:700 !important;
    margin-top:54px !important;
    margin-bottom:26px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid #dfe7e2 !important;
}

.page-about p,
.page_editorial_team p{
    margin-bottom:16px !important;
    font-size:17px !important;
    line-height:1.7 !important;
}

/* ORCID */

.page_editorial_team a[href*="orcid.org"]{
    display:inline-block !important;
    margin-top:10px !important;
    padding:4px 10px !important;
    border-radius:999px !important;
    background:#f4f6f5 !important;
    color:#5f6b65 !important;
    font-size:12px !important;
    font-weight:500 !important;
    text-decoration:none !important;
    border:1px solid #e3e8e5 !important;
}

.page_editorial_team a[href*="orcid.org"]::before{
    content:"ORCID";
    display:inline-block;
    margin-right:7px;
    padding:1px 7px;
    border-radius:999px;
    background:#dfe8e2;
    color:#466556;
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
}

/* EMERITUS */

.emeritus-wrapper{
    border:1px solid #d6c18d !important;
    border-radius:18px !important;
    padding:28px !important;
    margin:42px 0 !important;
    background:#fdfcf9 !important;
}

.emeritus-wrapper strong{
    color:#6f5a2e !important;
}

.emeritus-editor{
    background:#ffffff !important;
    border:1px solid #ece6d7 !important;
    border-radius:12px !important;
    padding:18px 22px !important;
    margin-bottom:16px !important;
    color:#5f584d !important;
    box-shadow:none !important;
}

/* =================================
PÁGINAS INSTITUCIONAIS / ÉTICA
================================= */

.page p > strong:first-child{
    font-size:18px !important;
    font-weight:700 !important;
    color:#374151 !important;
    line-height:1.5 !important;
    display:inline-block;
    margin-top:18px !important;
    margin-bottom:6px !important;
}

.page h4{
    font-size:32px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#374151 !important;
    margin-top:34px !important;
    margin-bottom:18px !important;
}

/* ITEM ESPECÍFICO */

h4{
    scroll-margin-top:80px;
}

/* =================================
PDF VIEWER
================================= */

body.pkp_op_view #pdfCanvasContainer + div{
    display:none !important;
}

/* =================================
HOME — COMPACTAÇÃO
================================= */

.rb-home-grid{
    margin-top:18px !important;
    margin-bottom:26px !important;
}

.rb-sdg-section{

    margin-top:72px !important;

    margin-bottom:26px !important;

}

.rb-sdg-bibliometric-source{
    margin-bottom:14px !important;
}

.rb-sdg-grid{
    gap:22px !important;
}

.rb-cfp-section{
    margin-top:20px !important;
    margin-bottom:10px !important;
}

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

@media(max-width:980px){

    .pkp_structure_main{
        padding:20px !important;
    }

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

    .pkp_structure_footer{
        flex-direction:column !important;
        gap:30px !important;
        text-align:center !important;
    }

    .pkp_footer_content{
        min-width:0 !important;
        text-align:center !important;
    }

    .pkp_brand_footer{
        margin:0 auto !important;
    }

    .rb-banner-actions{
        min-width:auto !important;
        width:100% !important;
        padding:0 20px !important;
        bottom:24px !important;
    }

    .rb-banner-actions a{
        font-size:15px !important;
        padding:0 12px !important;
    }
}

}