/* custom periodicos css */
/* estilo de fonte */
@font-face{ 
	font-family: 'padrao';
	src: url('font/barlow-regular.ttf');
}
h1,h2,h3,h4,h5,h6,li {
	font-family: padrao;	
}
a {
    text-decoration: none;
}
.toolbar-menu-administration .menu-item,
.toolbar-tray ul li a {
    font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif !important;
}
h1.title {
	margin-bottom: 30px;
    padding: 10px 0 15px 25px;
    /* padding: 0 0 15px 25px; */
	font-family: padrao;
    font-size: 1.429em;
    font-weight: bold;
    color: #000 !important;
    line-height: 1.4;
	background: url(../images/bck-titulos.png) left bottom no-repeat;	
}
.block-views-blockperiodicos-block-1 h2 {
    margin-bottom: 30px;
    padding: 10px 0 15px 25px;
    /* padding: 0 0 15px 25px; */
	font-family: padrao;
    font-size: 1.429em;
    font-weight: bold;
    color: #000 !important;
    line-height: 1.4;
	background: url(../images/bck-titulos.png) left bottom no-repeat;
}
.content p a {
    color: #f60;
}

/* backgrounds de fundo (padrao) */
body.page-view-frontpage,
body.toolbar-fixed,
body.node--type-page,
body.path-user,
body.node--type-noticias,
body.layout-no-sidebars {
    background: transparent url("../images/fundo-home.jpg") center top no-repeat;
    background-size: 100%;
}

/* barra topo */
#barra_topo {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto; 
    max-width: 1290px;
}
#barra_topo .nav {
    display: block !important; 
}
#barra_topo .row {
    display: block !important;
}
#block-bootstrap-seletordeidioma,
#block-bootstrap-menudecontadeusuario {
    display: inline;
    float: inline-start;
    width: 276px;
}

/* barra topo - seletor de idioma */
header .block-language span {
    float: left;
    padding-top: 3px;
}
header .block-language a {
    display: block;
    font-family: padrao;
    font-size: 0.9em;
    color: #fff;
    text-decoration: none;
    transition: color ease-in-out 0.3s;
}
header .block-language .nav-link {
    padding-top: 5px;
    padding-left: 4px;
}
header .block-language .is-active,
header .block-language a:hover {
    color: burlywood !important;
}

#barra_topo .block-language .sf-menu a {
    display: block;
    font-size: 0.9em;
    font-family: padrao;
    transition: color ease-in-out 0.3s;
}

/* barra topo - meu de usuario */
#block-bootstrap-menudecontadeusuario li {
    margin-left: 15px;
}
#block-bootstrap-menudecontadeusuario .sf-menu a {
    font-size: 1em;
    padding-left: 5px !important;
    padding: 9px 0 5px 0 !important;
    font-family: padrao !important;
}
    

/* header */
header#header {
    background-image: url("../images/fundo_marrom_header.png") !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
    background-repeat: repeat !important;
}
.content-header {
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1290px;
}
.content-header .navbar-brand {
    float: left;    
}
.content-header #block-bootstrap-a11y {
    float: right;
    width: 320px;   
}
.content-header .block-language {
    float: right;
    width: 255px;   
}
/* para aumentar a largura do bloco quando ativa dislexia */
body.a11y-opendyslexic .content-header #block-bootstrap-a11y {
    width: 330px;
}
.content-header .search-block-form,
#block-bootstrap-linkbuscaavancadaheader {
    float: right;
    width: 225px;
}
#block-bootstrap-linkbuscaavancadaheader a {
    display: block;
    padding-top: 5px;
    color: #fff;
    font-size: 1em;
    transition: color ease-in-out 0.3s;
}
#block-bootstrap-linkbuscaavancadaheader a:hover {
    color: burlywood;
}
.navbar.bg-primary {
    background-image: none !important;
    background-color: transparent !important;
} 
.bg-primary {
    background-color: transparent !important;
}
header a.navbar-brand {
    display: inline-block;
}
header a.navbar-brand img {
    width: auto !important;
    height: auto !important;
}

/* header - acessibilidade ay11 */
.block-a11y {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    text-align: left;
}
.a11y-control {
    background-color: transparent !important;
    border: none !important;
}
.a11y-control img {
    display: none;
}
.a11y-control label {
    font-family: padrao !important;
    font-size: 1em !important;
    color: #fff !important;
    transition: color ease-in-out 0.3s;
}
.a11y button {
    color: #fff;
    transition: color ease-in-out 0.3s;
}
.a11y button:hover {
    color: burlywood !important;
}
.a11y button.is-active svg,
.a11y button.is-active label {
    color: burlywood !important;
}
 
/* header - busca */
#block-bootstrap-search-form-wide .form-control {
    padding: 0 5px;
    border-radius: 0;
    background-color: #ccc;
    border: 1px solid #ccc;
    font-size: 1em;
}
/* para diminuir o tamanho da fonte do campo de busca para não quebrar quando ativar a dislexia */
body.a11y-opendyslexic #block-bootstrap-search-form-wide .form-control {
    padding-top: 5px;
    font-size: 13px;
}
/* header - busca */
#block-bootstrap-search-form-wide .form-submit {
    margin-left: 5px;
    margin-right: 0;
    height: 25px;
    width: 34px;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px;
    font-size: 0.929em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 1em;
    color: #3a3a3a;
    border-color: #e4e4e4 #d2d2d2 #b4b4b4;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #b4b4b4;
    border-radius: 15px;
    background-image: url(../images/search-button.png);
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
}
#block-bootstrap-search-form-wide .form-submit:hover {
    background-position: center bottom;
}

/* header - menu principal */
.menu-principal {
    clear: both;
    display: block;
    max-width: 1290px;
}
.menu-principal .justify-content-end {
    justify-content: flex-start !important;
}
ul.sf-menu a {
    padding: 1em;
    font-size: 1.05em;
    color: #fff;
    transition: color ease-in-out 0.3s;
}
ul.sf-menu li:nth-child(1) a {
    padding-left: 0;
}
ul.sf-menu a:hover { 
    color: burlywood;
}
ul.sf-menu a.is-active {
    color: burlywood;
}

/* CORPO - CONTEÚDO PRINCIPAL */
/* 3 blocos da home e das páginas internas (estrutura principal) */
/* bloco principal do meio */
.row {
    display: block !important;
}
main#content {
    float: left;
    margin: 20px 0 20px 0 !important;
    padding: 5px 30px 30px;
    /* max-width: 49.5% !important; */
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    background-color: #fff;
    max-width: 70% !important; /* depois modificar */
}
body.page-view-frontpage.user-logged-in main#content {
    /* max-width: 49.5% !important; */
}
.featured-bottom {
  margin-top: 100px;  
}

/* bloco destaque home */
.block-views-blockdestaque-da-pagina-inicial-block-1 {
    margin-top: 106px !important;
    padding: 30px 15px 15px 15px !important;
    font-family: padrao;
    font-size: 15px;
    background: #FFF;
    border: 2px solid #eda143 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.sidebar .block-views-blockdestaque-da-pagina-inicial-block-1 h2 {
    position: absolute;
    display: inline-block;
    margin-top: -50px !important;
    padding: 10px 20px;
    color: #fff;
    font-size: 1.1em;
    text-shadow: 0 1px 0 #fff;
    background: #000;
    border-radius: 15px;
    line-height: 1.2;
    z-index: 2;
}
.block-views-blockdestaque-da-pagina-inicial-block-1 a {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: bold;
}
.block-views-blockdestaque-da-pagina-inicial-block-1 p {
    display: block;
    color: #333;
    font-size: 1.2em;
    font-weight: normal;
}


/* página de login - página de registro de usuário */
body.page-user-login main#content,
/* body.user-logged-in main#content, */
body.page-user-register main#content {
    display: block;
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

body.page-user-login main#content section,
body.page-user-register main#content section,
body.user-logged-in main#content section,
body.path-frontpage main#content section {
    padding: 20px 30px;
}


div#sidebar_first {
    float: left;
    margin: 0 !important;
    width: 25% !important;
}
div#sidebar_second {
    float: left;
    margin: 0 !important;
    width: 25% !important;
}
div#sidebar_first .block,
div#sidebar_second .block {
    border: none;
}

/* home - bloco periódicos home (capas) */
.page-view-frontpage .bloco-periodicos-home .row {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 72px;
}
.page-view-frontpage .bloco-periodicos-home .views-row {
    display: inline-block;
    padding: 0;
    margin: 11px;
    width: 160px;
    height: 127px;
    border: 1px solid #efefef;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.page-view-frontpage .bloco-periodicos-home .views-row div, 
.page-view-frontpage .bloco-periodicos-home .views-row div {    
    display: block !important;
    width: 158px;
    height: 125px;
}
.page-view-frontpage .bloco-periodicos-home .views-row a {
    display: block !important;
    width: 158px;
    height: 125px;
}
.page-view-frontpage #block-bootstrap-views-block-periodicos-bloco-period-1 h2 {
    margin-bottom: 5px;
    padding: 0 0 20px 17px;
    font-family: padrao;
    font-size: 1.429em;
    font-weight: bold;
    color: #000 !important;
    line-height: 1.4;
    background: #fff url(../images/img-titulo-dest-revista.png) 0 30px no-repeat;
}



/* bloco lista noticias home */
.lista-destaque-home .view-content  {
    display: flex !important;
    margin-bottom: 80px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    gap: 30px 0;
}
.lista-destaque-home .view-content .views-row {
    width: 290px;
    padding: 0 !important;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px 0 0 0;
    overflow: hidden;
}
.block-views-blockdestaque-da-pagina-inicial-block-2 h2 {
    position: relative;
    margin: 0 0 30px 0 !important;
    padding: 0 0 15px 22px !important;
    width: 100%;
    color: #000 !important;
    font-size: 1.3em;
    font-family: padrao;
    font-weight: bold;
    /* background: #FFF url(../images/barra_titulos.png) 21px bottom no-repeat; */
}
.block-views-blockdestaque-da-pagina-inicial-block-2 h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 31px; /* Alinha verticalmente com o texto */
    width: 15px;
    height: 15px;
    border: 2px solid #ec8e2c; /* cor da borda da bolinha */
    border-radius: 50%;
    background: white; /* ou transparente */
}
.block-views-blockdestaque-da-pagina-inicial-block-2 h2::after {
    content: '';
    position: absolute;
    left: 13px;
    top: 38px; /* ligeiramente abaixo da bolinha */
    height: 2px;
    width: 100%;
    background: #ec8e2c; /* mesma cor da borda da bolinha */
}
.lista-destaque-home .views-field-title a {
    display: block;
    padding: 10px;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.1em;
    color: #666;
    transition: color 0.5s ease;
}
.lista-destaque-home .views-field-title a:hover {
    color: #392104;
}
.lista-destaque-home .views-field-field-chamada p {
    padding: 0 10px;
    font-size: 1em;
    line-height: 1.1em;
}
/* lista todas noticias */
.lista-todas-noticias .views-row {
    margin-bottom: 20px;
}
.lista-todas-noticias .views-field-title a {
    margin-bottom: 10px;
    color: #be5430;
    font-family: padrao;
    font-weight: bold;
    font-size: 1.5em;
    transition: color 0.5s ease-in-out;
}
.lista-todas-noticias .views-field-title a:hover,
.lista-todas-noticias .views-field-title a:active {
    color: #6d2912 !important;
}
.lista-todas-noticias .views-field-field-chamada p {
    font-family: padrao;
    margin-bottom: 3px;
}
.lista-todas-noticias .views-field-field-data-de-publicacao {
    font-family: padrao;
    font-size: 0.9em;
    color: #666;
}

/* Indexadores da home */
#block-bootstrap-indexadoreshomeicones-2,
#block-bootstrap-parceriasiconeshome {
    /* margin-bottom: 30px; */
    max-width: 1278px !important;
    margin: 0 30px 30px 20px;
}
#block-bootstrap-indexadoreshomeicones-2 h2,
#block-bootstrap-parceriasiconeshome h2 {
    padding: 0 0 10px 0 !important;
    margin-bottom: 30px;
    color: #333;
    font-size: 1.2em;
    font-family: padrao; 
    font-weight: bold;
    background: none;
    border-bottom: 1px solid #dedcdc;
}
.indexadores-home {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 0;
}
.parceiros-home {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 20px;
}


/* Periódicos Acordiom página interna principal */


/* página internas básicas */
/* página Sobre */
body.layout-no-sidebars main#content {
    float: none;
    margin: 20px 0 !important;
    padding: 5px 30px 30px;
    max-width: 100% !important;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    background-color: #fff;
}
.perguntas-frequentes h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-weight: bold;
    font-family: padrao;
    font-size: 1.3em;
    /* color: #f60; */
    color: #333;
    border-bottom: 1px solid #e7c06c;
}

/* PERIÓDOCOS - PAGINA BASICA */
.ui-accordion .ui-accordion-header {
    padding: 20px !important;
}
.ui-state-default {
    background: #fff !important;
}
.ui-state-active {
    color: #fff !important;
    background: #3b2a1f !important;
    border-bottom: 3px solid #f60 !important;
}
.ui-accordion .views-field-field-imagem-da-capa {
    float: left !important;
    width: 200px;
}
.ui-accordion .views-field-nothing {
    float: left;
    max-width: 875px;
    font-weight: bold;
    font-size: 1.3em;
}
.ui-accordion .views-field-field-escopo {
    float: left;
    max-width: 875px;
}
.ui-accordion .views-field-field-editores-cientificos {
    clear: both;
    display: block;
    margin-top: 15px;
    margin-left: 200px;
}
.ui-accordion .views-field-field-editores-cientificos .views-label {
    font-weight: bold;
}

.ui-accordion .views-field-field-issn,
.ui-accordion .views-field-field-e-issn {
    clear: both;
    display: block;
    margin-left: 200px;
}
.ui-accordion .views-field-field-issn .views-label,
.ui-accordion .views-field-field-e-issn .views-label {
    font-weight: bold;
}
.ui-accordion .views-field-nothing-1 {
    margin-top: 20px;
    margin-left: 200px;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-top: 1px solid #ccc;
}
.ui-accordion .views-field-nothing-1 a {
    display: inline-block;
    padding: 10px 8px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 0.8em;
    color: rgb(255, 106, 0) !important;
    border: 1px solid rgb(255, 106, 0) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    transition: background 0.4s ease-in-out;           
}
.ui-accordion .views-field-nothing-1 a:hover {
    background: #f4e6e1 !important;
}


/* conteúdo completo revistas */
.node--type-periodicos-revistas .field--name-field-e-issn,
.node--type-periodicos-revistas .field--name-field-issn {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #ccc;
}
.node--type-periodicos-revistas .field--name-field-e-issn .field__label,
.node--type-periodicos-revistas .field--name-field-issn .field__label,
.node--type-periodicos-revistas .field--name-field-editores-cientificos .field__label {
    font-weight: bold;
}
.node--type-periodicos-revistas .field--name-field-editores-cientificos .field__label {
    margin-bottom: 10px;
    font-size: 1.3em;
}
.node--type-periodicos-revistas .field--name-field-editores-cientificos .field__item {
    margin-left: 10px !important;
    line-height: 1.5em;
}
.node--type-periodicos-revistas .field--name-field-editores-cientificos .field__item::before {
    content: "•";  /* Bolinha */
    margin-top: 2px;
    margin-right: 5px;
    font-size: 1.3em;
}
.node--type-periodicos-revistas .field--name-field-editores-cientificos {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #ccc;
}
.node--type-periodicos-revistas .field--name-field-botao-acessar-revista,
.node--type-periodicos-revistas .field--name-field-botao-edicao-atual,
.node--type-periodicos-revistas .field--name-field-botao-enviar-submissao {
    display: inline-block;
}
.node--type-periodicos-revistas .field--name-field-botao-acessar-revista a,
.node--type-periodicos-revistas .field--name-field-botao-edicao-atual a,
.node--type-periodicos-revistas .field--name-field-botao-enviar-submissao a {
    display: inline-block;
    padding: 10px 8px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 0.8em;
    color: #f60 !important;
    border: 1px solid rgb(255, 106, 0) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    transition: background 0.4s ease-in-out;
}
.node--type-periodicos-revistas .field--name-field-botao-acessar-revista a:hover,
.node--type-periodicos-revistas .field--name-field-botao-edicao-atual a:hover,
.node--type-periodicos-revistas .field--name-field-botao-enviar-submissao a:hover {
    background: #f4e6e1 !important;
}

/* pagina noticia aberta  */
.node--type-noticias h1.title {
    margin-bottom: 0;
}
.node--type-noticias .node__content {
    margin-top: 0;
}
.node--type-noticias .field--name-field-data-de-publicacao,
.node--type-noticias .field--name-field-autor {
    display: inline;
    font-size: 1em;
    color: #999;
}
.node--type-noticias .field--name-field-data-de-publicacao {
    margin-left: 28px;
}
.node--type-noticias .field--name-field-autor {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.node--type-noticias .field--name-body {
    display: block;
    margin-top: 30px;
}
.node--type-noticias .field--name-body a {
    transition: color 0.5s ease-in-out;
    color: #be5430;
}
.node--type-noticias .field--name-body a:hover {
    color: #fa4002;
}
.node--type-noticias .field--name-field-palavras-chave,
.node--type-noticias .field--name-field-link {
    margin-top: 50px
}
.node--type-noticias .field--name-field-palavras-chave .field__label,
.node--type-noticias .field--name-field-link .field__label {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #f59625;
}
.node--type-noticias .field--name-field-palavras-chave .field__label .field__items,
.node--type-noticias .field--name-field-link .field__label .field__label .field__items {
    display: flex;
}
.node--type-noticias .field--name-field-palavras-chave .field__item {
    display: inline-block;
}
.node--type-noticias .field--name-field-palavras-chave .field__items a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ede6d7;
    color: #392104;
    font-weight: bold;
    border-radius: 10px;
    transition: background 0.5s ease;
}
.node--type-noticias .field--name-field-palavras-chave .field__items a:hover {
    background-color: #f9f7f2;
}
.node--type-noticias .field--name-field-link .field__items a {
    display: block;
    margin-bottom: 5px;
    color: #392104;
    transition: color 0.5s ease;
}
.node--type-noticias .field--name-field-link .field__items a:hover {
    color: #864f09;
}
.node--type-noticias .field--name-field-link .field__items a::before {
    content: "▸ ";
    margin-right: 5px; /* espaço entre a bolinha e o texto */
    color: #392104;
    font-weight: bold;
}

#block-bootstrap-licenca {
    margin: 50px 0;
    padding: 0;
    border-top: 1px solid #efefef;
}



/* FOOTER */
.site-footer {
    background-color: #292929 !important;
}
.site-footer .block {
    border: none;
}
footer section.region-footer-first {
    width: 100% !important;
}
.marcas-rodape {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
footer ul.nav li a {
    color: #fff !important;
    transition: color 0.3s ease-in-out;
}
footer ul.nav li a:hover {
    color: #ccc !important;
} 
.ico-portal-footer {
    padding-top: 4px;    
}
.ico-sus-footer {
    display: none;
}
#block-bootstrap-politicadeacessoaberto {
    display: block;
    margin: 20px 13px 20px 13px;
    padding-top: 24px;
    max-width: 1290px;
    color: #fff;
    border-top: 1px solid #333;
}
#block-bootstrap-politicadeacessoaberto p {
    color: #fff !important; 
}
#block-bootstrap-politicadeacessoaberto h2 {
    font-size: 1.5em;
    color: #fff !important;
}

/* classes de apoio */
.reset {
    clear: both;
}
/* esconde busca avancada */
.path-search .search-form,
.path-search .content h2 {
    display: none;
}
.path-search .content h3 a {
    color: #be5430;
    transition: color 0.5s ease-in-out;
}
.path-search .content h3 a:hover,
.path-search .content h3 a:active {
    color: #fa4002;
}