@charset "UTF-8";
/*******************************************
* 1. - VARIÁVEIS SCSS - CSS  
*******************************************/
/*******************************************
* 2. - GLOBAL - ASPECTOS GERAIS DO SITE 
*******************************************/
/************
/* 2.0 - TOOLBAR USER /*

/* 2.0.1 - CORRIGIR LARGURA DA BARRA DE FERRAMENTAS DO USUÁRIO */
#toolbar-item-user {
  min-width: auto !important;
}

/* 2.1 - ASPECTOS GERAIS */
/* 2.1.1 - MARGEM E ESPAÇAMENTO */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* 2.1.2 - LARGURA DAS PÁGINAS - ATÉ 1200 PX */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1200px) {
  .main-content {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .sidebar {
    width: 25%;
  }
}
/* 2.1.3 - FONTES UTILIZADAS NO SITE */
body, p, .sidebar ul li, .sidebar ul li a, a, .page-vocabulary-noticias {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
}

/* 2.1.4 - ALINHAMENTO DE TEXTO */
p {
  text-align: justify;
}

/* 2.1.5 - LINKS NO CONTEÚDO DO SITE */
a, .node--view-mode-teaser h2 a {
  color: #900000;
  text-decoration: none;
  font-weight: bold;
}

/* 2.1.6 - LINKS COM FOCO E SOBREPOSTOS NO CONTEÚDO DO SITE */
a:focus, a:hover, .node--view-mode-teaser h2 a:focus, .node--view-mode-teaser h2 a:hover {
  text-decoration: underline !important;
}

/* 2.1.7 - FONTES EM CAIXAS COLORBOX */
/* 2.1.7.A - TÍTULOS */
.ui-dialog-titlebar h2 {
  color: #514741;
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
}

/* 2.1.7.B - TEXTO */
.adv-lightbox p {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  color: #514741 !important;
}

/* 2.1.7.C - LINKS */
.adv-lightbox a {
  color: #900000 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

/* 2.1.7.D - TÍTULOS COM LINKS */
.adv-lightbox .art-destaquesubtit a {
  color: #514741 !important;
}

/* 2.1.7.E - LINKS ATIVOS/SOBREPOSTOS */
.adv-lightbox a:focus, .adv-lightbox a:hover {
  text-decoration: underline !important;
}

/************
/* 2.2. - BREADCRUMBS */
/* 2.2.1 - MARGEM, ESPAÇAMENTO, ESTILO, COR DE FUNDO E BORDAS */
.breadcrumb {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-top: 10px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #DFDBD9;
  border-radius: 4px;
}

/* 2.2.3 - COR DO LINK */
#block-france-st-breadcrumbs ol li a {
  color: #A0948D !important;
  text-decoration: none !important;
}

/* 2.2.4 - COR DO LINK SOBREBOSTO OU EM FOCO */
#block-france-st-breadcrumbs ol li a:hover,
#block-france-st-breadcrumbs ol li a:focus {
  color: #900000 !important;
  text-decoration: underline !important;
}

/* 2.2.5 - COR DO LINK ATIVO */
#block-france-st-breadcrumbs ol li a:active {
  color: #514741 !important;
  text-decoration: underline;
}

/* 2.2 - FIM BREADCRUMBS */
/************
/* 2.3 - IMAGEM */
/* 2.3.1 - CENTRALIZAÇÃO DE IMAGENS EM TABELAS */
.art-ic {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 2.3.2 - AJUSTE DA BORDA DAS IMAGENS */
img {
  border-style: none;
}

/* 2.3.2 - AJUSTE DA LARGURA E ALTURA DAS IMAGENS - HOMEPAGE */
#views-bootstrap-internas-block-3 .field-content img,
#views-bootstrap-noticias-block-5 .field-content img,
#views-bootstrap-noticias-block-6 .field-content img {
  width: 100% !important;
  height: auto !important;
}

/************
/* 2.4 - CONFIGURAÇÕES DE ALINHAMENTO */
/* 2.3.1 - ALINHAMENTO À ESQUERDA */
.art-left, .align-left {
  float: left;
  margin-right: 5px;
}

/* 2.3.2 - ALINHAMENTO À DIREITA */
.art-right, align-right {
  float: right;
  margin-left: 5px;
}

/* 2.3.3 - ALINHAMENTO DO TEXTO - ESQUERDA */
.rteleft, .text-align-left, .left {
  text-align: left !important;
}

/* 2.3.4 - ALINHAMENTO DO TEXTO - CENTRALIZADO */
.rtecenter, .text-align-center, .center {
  text-align: center !important;
}

/* 2.3.5 - ALINHAMENTO DO TEXTO - DIREITA */
.rteright, .text-align-right, .right {
  text-align: right !important;
}

/* 2.3.6 - ALINHAMENTO DO TEXTO - JUSTIFICADO */
.rtejustify, .text-align-justify, .justify {
  text-align: justify !important;
}

/* 2.3 - FIM */
/************
/* 2.4 - FIVESTAR

/* 2.4.1. - DECORAÇÃO E POSICIONAMENTO - AVALIAR CONTEÚDO */
.field.field--name-field-avaliar-conteudo.field--type-fivestar.field--label-above,
.field.field--name-field-avaliar-conteudo.field--type-fivestar.field--label-above.quickedit-field {
  border: 1px solid #514741;
  border-radius: 5px;
  box-shadow: 0.5em 0.5em 0.3em #999999;
  clear: both;
  color: #514741;
  font-style: normal;
  font-weight: 400;
  margin: 30px 10px 30px 0px !important;
  overflow: auto;
  padding: 10px 10px 10px 38px !important;
  position: relative; /* makes blockquote not to align behind the image if they are in the same line */
}

/* 2.4.2. - COR DO TEXTO - VOTOS CONTABILIZADOS */
.fivestar-summary.fivestar-summary-average-count {
  color: #900000 !important;
}

/* 2.4 - FIM AVALIAR CONTEÚDO */
/************
/* 4.12.0. - CONTEÚDO RELACIONADO */
/* 4.12.1. - DESTAQUES (HOME) E CONTEÚDO RELACIONADO - CORTAR TEXTO - LARGURA: MIN: 320px,  MÁX: 540PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .block-views-blockrelacionado-block-1 .owl-carousel .owl-stage .views-field .field-content, .block-views-blockareas-block-1 .owl-carousel .owl-stage .views-field .field-content {
    max-width: 15ch;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* 4.12.2. - CONTEÚDO RELACIONADO - COR DE FUNDO E BORDAS */
div#block-zircon-views-block-relacionado-block-1 {
  margin-top: 20px;
  background-color: #f5f5f5;
  padding: 5px;
  border: 1px solid #514741;
  border-radius: 5px;
  box-shadow: 0.5em 0.5em 0.3em #999999;
  clear: both;
  overflow: auto;
  position: relative;
}

/* 4.12.0. - FIM */
/* 9.1.1. - ALINHAMENTO HORIZONTAL */
.field--name-field-palavras-chave {
  height: 100%;
  vertical-align: baseline;
  display: inline-flex;
  margin-top: 25px;
}

/* 9.1.2. - ESPAÇAMENTO ENTRE OS TERMOS */
.field--name-field-palavras-chave .field--label,
.field--name-field-palavras-chave .field__label {
  margin-right: 15px;
  text-transform: uppercase;
}

/* 9.1.3. - BG E BORDAS TAGS - NODE COMPLETO */
.field--name-field-palavras-chave .field--item,
.field--name-field-palavras-chave .field__item {
  border-radius: 3px;
  border: 1px solid #514741;
  list-style: none;
  display: inline-block;
  margin: 0 3px 3px 3px;
  padding: 0 3px 3px 3px;
  background-color: #514741;
}

/* 9.1.4. - LINKS - TAXONOMIA */
.field--name-field-palavras-chave .field--item a,
.field--name-field-palavras-chave .field__item a {
  color: #ffffff !important;
  background-color: #514751;
  font-weight: bold;
}

/* 9.1.5. - LINKS SOBREPOSTOS - TAXONOMIA */
.field--name-field-palavras-chave .field--item a:hover,
.field--name-field-palavras-chave .field__item a:hover {
  color: #E9E3E0 !important;
}

/* 9.1.6. - TAXONOMY TOOLTIP - LINK DAS DICAS */
.taxonomy-tooltip-element {
  font-weight: bold;
}

/* 9.1.7. - TAXONOMY NEWSLETTER */
.page-taxonomy-term-1753 .view-taxonomy-term .col-1.col-first,
.page-taxonomy-term-1753 .view-taxonomy-term .col-2.col-last,
.page-taxonomy-term-1753 .view-taxonomy-term .col-2,
.page-taxonomy-term-1753 .view-taxonomy-term .col-3.col-last,
.page-taxonomy-term-1753 .view-taxonomy-term .col-3,
.page-taxonomy-term-1753 .view-taxonomy-term .col-4.col-last,
.page-boletim-todos .view-taxonomy-term .col-1.col-first,
.page-boletim-todos .view-taxonomy-term .col-2.col-last,
.page-boletim-todos .view-taxonomy-term .col-2,
.page-boletim-todos .view-taxonomy-term .col-3.col-last,
.page-boletim-todos .view-taxonomy-term .col-3,
.page-boletim-todos .view-taxonomy-term .col-4.col-last {
  text-align: center !important;
  padding: 5px !important;
}

/* FIM TAXONOMIA */
/* BARRA LATERAL */
/* ESTILO E COR DOS TÍTULOS */
.sidebar h2 {
  font-weight: bold;
  color: #514741;
  text-transform: uppercase;
  text-shadow: none !important;
}

/* COR DOS LINKS DE NAVEGAÇÃO - MENU DO USUÁRIO E DEMAIS MENUS */
.nav-link {
  color: #514741;
  font-weight: bold;
}

li .nav-item a:hover,
li .nav-item a:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-link:hover,
.nav-link:focus {
  color: #900000;
  font-weight: bold;
  text-decoration: underline;
}

li .nav-item a:active,
.nav-tabs .nav-link.active,
.nav-link.active,
.nav-link:active {
  color: #900000;
}

/*******************************************
* 3. - BARRAS LATERAIS 
*******************************************/
/* 3.1 - BARRA LATERAL - HOME PAGE */
/* 3.1.1 - COR, BORDA E ESPAÇAMENTO - BARRA LATERAL - HOME PAGE */
.layout__region--second .block.block-search-form-block,
.layout__region--second .block.block-views-blockconteudo-popular-block-1,
.layout__region--second .block.block-views-blockconteudo-popular-block-2 {
  background-color: #dfdbd9;
  border-color: #dfdbd9;
  border-style: solid;
  border-width: 1px;
  padding: 15px 15px;
  margin: 0 0 20px;
  border-radius: 4px;
}

/* 3.1.2 - ESTILO DE FONTES - BARRA LATERAL - HOME PAGE */
.layout__region--second .block.block-search-form-block h2,
.layout__region--second .block.block-views-blockconteudo-popular-block-1 h2,
.layout__region--second .block.block-views-blockconteudo-popular-block-2 h2 {
  font-size: 1.071em;
  text-transform: uppercase;
  font-weight: bold;
}

/* 3.1.3 - TIPO E TAMANHO DE FONTES - BARRA LATERAL - HOME PAGE */
.layout__region--second .block.block-views-blockconteudo-popular-block-1 .link-views a,
.layout__region--second .block.block-views-blockconteudo-popular-block-2 .link-views a {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.sidebar ul li a {
  color: #900000 !important;
}

/* 3.1.4 - EXIBIÇÃO E ESPAÇAMENTO - MARCADORES - HOME PAGE */
.view-conteudo-popular .item-list ul li {
  display: block; /* garante quebra de linha */
  margin-bottom: 0.5rem; /* espaço entre itens */
  position: relative;
  padding-left: 1.5rem; /* espaço para o marcador customizado */
  margin-right: 8px;
}

/* 3.1.5 - MARCADOR PERSONALIZADO - LISTAS - HOME PAGE */
.view-conteudo-popular .item-list ul li::before {
  content: "»"; /* marcador desejado */
  position: absolute;
  left: 0;
  color: #514741; /* cor do marcador */
  font-weight: bold;
}

/* 3.2 - BARRA LATERAL - PÁGINAS DE CONTEÚDO */
/* 3.2.1 - BORDA DOS BLOCOS DA BARRA LATERAL */
.sidebar .block {
  border-radius: 4px;
}

/* 3.3 - BLOCO DO USUÁRIO - PÁGINAS DE CONTEÚDO */
/* 3.3.1 - ALINHAMENTO E MARGENS */
#block-france-st-olacurrentuserdisplayname ul.nav {
  display: block !important; /* força lista vertical */
  flex-wrap: nowrap !important; /* evita quebra estranha */
  list-style: none; /* remove marcador padrão */
  padding-left: 0;
  margin: 0;
}

/* 3.3.2 - LISTA */
#block-france-st-olacurrentuserdisplayname ul.nav li {
  display: block; /* cada item em linha separada */
  margin-bottom: 0.5rem; /* espaço entre itens */
  position: relative;
  padding-left: 1.5rem; /* espaço para marcador customizado */
}

/* 3.3.3 - MARCADOR PERSONALIZADO - LISTAS */
#block-france-st-olacurrentuserdisplayname ul.nav li::before {
  content: "»"; /* marcador desejado */
  position: absolute;
  left: 10px;
  color: #514741; /* cor do marcador */
  font-weight: bold;
  padding-top: 7px;
}

/* 3.4 - MARCADORES DE CONTEÚDO - BLOCOS DE VIEWS */
/* 3.4.1 - ESTILO BÁSICO PARA LISTAS */
.sidebar ul {
  list-style: none; /* remove marcadores padrão */
  padding-left: 0; /* remove recuo padrão */
  margin: 0;
}

/* 3.4.2 - QUEBRA DE LINHAS E ESPAÇAMENTO */
.sidebar ul li {
  display: block; /* garante quebra de linha */
  margin-bottom: 0.5rem; /* espaço entre itens */
  position: relative;
  padding-left: 1.5rem; /* espaço para o marcador customizado */
}

/* 3.4.3 - MARCADOR PERSONALIZADO: ASPAS ANGULARES DUPLAS */
.sidebar ul li::before {
  content: "»"; /* marcador desejado */
  position: absolute;
  left: 0;
  color: #514741; /* cor do marcador */
  font-weight: bold;
}

/* 3.5 - BLOCO ÁREAS DE ATUAÇÃO */
/* 3.5.1 - MARGEM DIREITA TEXTO DAS ÁREAS DE ATUAÇÃO */
.sidebar p {
  margin-right: 35px;
}

/* 3.5.2 - TAMANHO DA IMAGEM */
.sidebar .image-style-home {
  max-width: 100%;
  height: auto;
}

/*******************************************
* 4. - CONTEÚDO 
*******************************************/
/************
/* 4.1.0 - NODES ARTIGOS E NOTÍCIAS */
/* 4.1.1 - LARGURA CAMPO DE IMAGENS
.block-system-main-block .field.field--name-field-colorbox-gallery {
  min-width: 100% !important;
} */
/* 4.1.2 - LARGURA DAS IMAGENS - NODES ARTIGOS E NOTÍCIAS */
.block-system-main-block .field.field--name-field-colorbox-gallery .colorbox img {
  width: 100%;
  height: auto !important;
}

/* 4.1.3 - LARGURA DAS IMAGENS - CONTEÚDO COLORBOX - TERMOS E CONDIÇÕES */
.adv-lightbox .ui-dialog-content img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/*4.1.4 - NODES NÃO PUBLICADOS */
.node--unpublished {
  background-color: #FFFF99;
}

/************
/* 4.2.0 - PÁGINAS DE TAXONOMIA - BORDAS E SOMBREAMENTO */
/* 4.2.1 - PÁGINAS DE TAXONOMIA - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS DE 320 A 540px */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .not-front #main .container .content .views-row {
    background: #ececec;
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999;
    clear: both;
    color: #514741;
    margin: 10px;
    overflow: auto;
    padding: 10px;
    width: auto;
  }
  .not-front .field--type-image .image-style-home {
    margin-bottom: 10px;
    min-width: 100%;
  }
}
/* 4.2.2 - PÁGINAS DE TAXONOMIA - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS ACIMA DE 540px */
@media only screen and (min-width: 541px) {
  .not-front #main .container .content .art-conteudo .views-row {
    background-color: #ececec;
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999;
    max-width: 48%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-right: 10px;
    float: left;
    padding: 10px;
    min-height: 360px;
  }
  .not-front #main .container .content .views-row .image-style-home {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
/* 4.2.3 - PÁGINAS DE TAXONOMIA - OCULTAR BORDAS E SOMBREAMENTO */
.attachment-after .art-artigos.views-row {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* 4.2.4 - MARGENS NO BLOCO DE EXIBIÇÃO */
#block-france-st-content {
  margin-left: 15px;
  margin-block: 15px;
  padding-left: auto;
  padding: auto;
}

/* 4.2 - FIM */
/************
/* 4.3.0 - PAGINADORES */
/* 4.3.1 - DECORAÇÃO DO PAGINADOR - CENTRALIZAR */
.view-boletins-mensais nav .pagination,
.view-taxonomy-term nav .pagination,
.view.view-artigos.view-id-artigos nav .pagination,
.view.view-noticias.view-id-noticias nav .pagination {
  justify-content: center;
  padding-top: 25px;
}

/* 4.3.2 - DECORAÇÃO DO PAGINADOR ATIVO QUANDO SOBREPOSTO */
.page-item.active .page-link:active, .page-item.active .page-link:hover {
  color: #fff;
  text-decoration: underline;
}

/* 4.3 - FIM */
/************
/* 4.4.0 - FALE CONOSCO - WHATSAPP */
/* 4.4.1 - TAMANHO DA IMAGEM */
.azap {
  width: 384px !important;
  height: auto;
}

/* 4.3 - FIM */
/************
/* 4.4.0 - BLOCKQUOTE E TEXTOS COM DESTAQUES */
/* 4.4.1 - DECORAÇÃO E POSICIONAMENTO - BLOCKQUOTE */
blockquote, q {
  background: #FFFFFF url(http://www.france.adv.br/sites/default/files/conteudo/postquote.png) no-repeat;
  background-position: 0% 0%;
  border: 1px solid #514741;
  border-radius: 5px;
  box-shadow: 0.5em 0.5em 0.3em #999999;
  clear: both;
  color: #514741;
  font-style: normal;
  font-weight: 400;
  margin: 30px 10px 30px 0px !important;
  overflow: auto;
  padding: 10px 10px 10px 38px !important;
  position: relative; /* makes blockquote not to align behind the image if they are in the same line */
  font-style: italic;
}

/* 4.4.2 - LINKS - BLOCKQUOTE */
blockquote a,
blockquote a:link {
  font-weight: bold;
  color: #900000;
  font-style: italic;
}

/* 4.4.3 - LINKS ATIVOS - BLOCKQUOTE */
blockquote a:visited,
blockquote a:hover {
  color: #900000;
  text-decoration: underline;
  font-style: italic;
}

/* 4.4.4 - ESPAÇAMENTO PARÁGRAFOS - BLOCKQUOTE */
blockquote p {
  width: 90%;
  margin: 10px 10px 10px 15px;
  font-style: italic;
}

/* 4.4 - FIM */
/************
/* 4.5.0. - CONTEÚDO RELACIONADO */
/* 4.5.1. - DESTAQUES (HOME) E CONTEÚDO RELACIONADO - CORTAR TEXTO - LARGURA: MIN: 320px,  MÁX: 540PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .block-views-blockrelacionado-block-1 .owl-carousel .owl-stage .views-field .field-content, .block-views-blockareas-block-1 .owl-carousel .owl-stage .views-field .field-content {
    max-width: 15ch;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* 4.5.2. - CONTEÚDO RELACIONADO - COR DE FUNDO E BORDAS */
div#block-france-st-views-block-relacionado-block-1 {
  margin-top: 20px;
  background-color: #f5f5f5;
  padding: 5px;
  border: 1px solid #514741;
  border-radius: 5px;
  box-shadow: 0.5em 0.5em 0.3em #999999;
  clear: both;
  overflow: auto;
  position: relative;
  margin-bottom: 20px;
}

/* 4.5.2. - CONTEÚDO RELACIONADO - ALTURA DAS IMAGENS */
.owl-carousel .owl-item img {
  height: auto;
}

/* 4.5 - FIM */
/************
/* 4.6.0. - TABELAS COM CONTEÚDO ESPECIAL */
/* 4.6.1. - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaque,
.field--type-link-tree .field__label {
  background: #ececec;
  border-radius: 3px;
  border: #514741 1px solid;
  padding: 10px;
  text-align: justify;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #514741 !important;
  overflow: auto;
  clear: both;
}

/* 4.6.2. - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaque p {
  margin: 5px 5px 5px 10px !important;
  color: #514741 !important;
}

/* 4.6.3. - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaque a {
  font-weight: bold;
  color: #900000;
  text-decoration: none !important;
}

/* 4.6.4. - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaque a:hover,
.art-destaque a:focus,
.art-destaque a:visited:hover,
.art-destaque a:visited:focus {
  font-weight: bold;
  text-decoration: underline !important;
  color: #514741;
}

/* 4.6 - FIM */
/************
/* 4.7.0 - ASSINATURA */
/* 4.7.1 - */
.art-assinatura {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #514741;
}

/* 4.7 - FIM */
/************
/* 4.8.0 - BOTÃO SUBIR */
/* 4.8.1 - DECORAÇÃO DO BOTÃO SUBIR */
.art-sobe,
.art-sobe a {
  background: #900000;
  border-radius: 3px;
  border: #900000 1px solid;
  padding: 5px 10px 5px 10px;
  overflow: auto;
  clear: both;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #ffffff !important;
  font-weight: bold;
  text-decoration: none;
  text-align: right !important;
  display: table;
  float: right;
}

/* 4.8.2 - DECORAÇÃO DO BOTÃO SUBIR */
.btn-btt {
  background: #c01700 !important;
}

/* 4.8.3 - BOTÃO SUBIR - SOBREPOSTO */
.art-sobe a:hover {
  text-decoration: underline;
}

/* 4.8.4 - BACKGROUND BOTÃO SUBIR - TODAS AS PÁGINAS */
#myBtn {
  background-color: #a0948d;
}

/* 4.8 - FIM */
/************
/* 4.9.0 - BOTÃO SUBTÍTULO */
/* 4.9.1 - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaquesubtit {
  background-color: #ececec;
  border: 1px #514741 solid;
  border-radius: 3px;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #514741 !important;
  overflow: auto;
  clear: both;
  font-weight: bold;
  display: table;
  width: 100%;
  margin-top: 10px;
  font-size: 20px;
}

/* 4.9.2 - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaquesubtit p {
  margin: 5px 5px 5px 10px !important;
  color: #514741 !important;
}

/* 4.9.3 - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaquesubtit a {
  font-weight: bold;
  color: #514741;
  text-decoration: none !important;
}

/* 4.9.4 - DESTAQUES E ATUALIZAÇÕES DE CONTEÚDO */
.art-destaquesubtit a:hover,
.art-destaquesubtit a:focus,
.art-destaquesubtit a:visited:hover,
.art-destaquesubtit a:visited:focus {
  font-weight: bold;
  text-decoration: none !important;
  color: #514741;
}

/* 4.9 - FIM */
/************
/* 4.10.0 - TÍTULOS EM DESTAQUE */
/* 4.10.1 - TÍTULO DE CONTEÚDO EM DESTAQUE */
.art-destaquetit {
  background-color: #514741;
  border: 1px solid #514741;
  border-radius: 3px;
  clear: both;
  color: #ffffff !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
  font-weight: 700;
  overflow: auto;
  padding: 10px;
  text-align: justify;
  display: table;
  width: 100%;
  font-size: 24px;
}

/* 4.10.2 - TÍTULO DE CONTEÚDO EM DESTAQUE */
.art-destaquetit p {
  margin: 5px 5px 5px 10px !important;
  color: #514741 !important;
}

/* 4.10.3 - TÍTULO DE CONTEÚDO EM DESTAQUE */
.art-destaquetit a, .art-destaquetit a:link, .art-destaquetit a:hover, .art-destaquetit a:focus, .art-destaquetit a:active {
  text-decoration: none !important;
  color: #ffffff !important;
}

/* 4.10.4 - TÍTULO PARA ATUALIZAÇÕES */
.art-destaqueupdate {
  background-color: #900000;
  border: 1px solid #900000;
  border-radius: 3px;
  clear: both;
  color: #ffffff !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
  font-weight: bold;
  overflow: auto;
  padding: 10px;
  display: table;
  text-align: center !important;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 20px;
}

/* 4.10.5 - LINK DO TÍTULO PARA ATUALIZAÇÕES */
.art-destaqueupdate a {
  color: #ffffff !important;
}

/* 4.10 - FIM */
/************
/* 4.11.0 - CITAÇÃO DE LEGISLAÇÃO */
/* 4.11.1 - CITAÇÃO DE LEGISLAÇÃO */
.art-destaquecit {
  background-color: #ececec;
  border: 1px solid #514741;
  border-radius: 5px;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  color: #514741;
  text-align: justify;
  overflow: auto;
  clear: both;
  margin: 10px 0px 10px 50px !important;
  padding: 5px 15px 5px 28px !important;
}

/* 4.11.2 - CITAÇÃO DE LEGISLAÇÃO */
.art-destaquecit a {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  font-weight: bold;
  color: #900000;
}

/* 4.11.3 - CITAÇÃO DE LEGISLAÇÃO */
.art-destaquecit a:focus,
.art-destaquecit a:visited:hover,
.art-destaquecit a:visited:focus {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  color: #900000;
  font-weight: bold;
  text-decoration: underline !important;
}

/* 4.11 - FIM */
/************
/* 4.12.0. - DESTAQUE ATENÇÃO */
/* 4.12.1 - DESTAQUE ATENÇÃO */
.art-destaqueatt {
  background-color: #fef5f1;
  border: 1px solid #ed541d;
  border-radius: 3px;
  clear: both;
  color: #8c2e0b !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
  font-weight: normal;
  overflow: auto;
  padding: 10px;
  text-align: justify;
}

/* 4.12.2 - DESTAQUE ATENÇÃO */
.art-destaqueatt a {
  text-decoration: underline;
  font-weight: bold;
  color: #FF0000;
}

/* 4.12 - FIM */
/************
/* 4.13.0 - DESTAQUE SUCESSO */
/* 4.13.1 - DESTAQUE SUCESSO */
.art-destaquesuc, .webform-confirmation__message {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-color: #f3faef;
  border: 1px solid;
  box-shadow: -8px 0 0 #77b259;
  border-radius: 3px;
  clear: both;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
  overflow: auto;
  padding: 10px;
  text-align: justify;
}

/* 4.13.2 - DESTAQUE SUCESSO */
.art-destaquesuc a {
  text-decoration: underline;
  font-weight: bold;
  color: #00CC00;
}

/* 4.13 - FIM */
/************
/* 4.14.0. - DESTAQUE SUCESSO */
/* 4.14.1 - TÍTULO DESTAQUE RECUO */
.art-destaquerecuotit {
  background: #900000;
  border-radius: 3px;
  border: #900000 1px solid;
  padding: 10px;
  text-align: justify;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #ffffff !important;
  overflow: auto;
  clear: both;
  margin-left: 10%;
}

/* 4.14.2 - DESTAQUE RECUO */
.art-destaquerecuo {
  background: #ececec;
  border-radius: 3px;
  border: #514741 1px solid;
  padding: 10px;
  text-align: justify;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #514741 !important;
  overflow: auto;
  clear: both;
  margin: 0 0 20px 10%;
}

/* 4.14 - FIM */
/************
/* 4.15.0 - CONTEÚDO ANTIGO */
/* 4.15.1 - FORMATAÇÃO DO TEXTO */
.art-old {
  background-color: #FFFFCC;
  padding: 15px;
  border-radius: 3px;
  border: #514741 1px solid;
  text-align: justify;
  overflow: auto;
  clear: both;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  color: #514741;
}

/* 4.15 - FIM */
/************
/* 4.16.0 - BOLETINS SIMPLENEWS */
/* 4.16.1 - BOLETINS SIMPLENEWS - EXIBIÇÃO DO CONTEÚDO EM PÁGINAS ACIMA DE 540px */
@media only screen and (min-width: 541px) {
  .container .main-content .content .art-boletim .cols-4 .views-row .col-1, .container .main-content .content .art-boletim .cols-4 .views-row .col-2, .container .main-content .content .art-boletim .cols-4 .views-row .col-3, .container .main-content .content .art-boletim .cols-4 .views-row .col-4 {
    max-width: 23%;
    float: left;
    border: 1px solid #514741;
    background: #ececec;
    border-radius: 5px;
    text-align: center;
    padding: 10px 15px 10px 15px;
    box-shadow: 0.5em 0.5em 0.3em #999;
    min-height: 200px;
    display: block !important;
    margin-left: auto !important;
    margin-right: 10px;
    margin-top: 20px;
  }
}
/* 4.16.2 - TABELAS DOS BOLETINS */
tabela-boletim {
  border-radius: 3px;
  border: #514741 1px solid;
  padding: 10px;
  width: 90%;
  text-align: center;
}

/* 4.16.3 - TABELAS DOS BOLETINS */
tabela-boletim {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 12px;
  color: #514741;
}

/* 4.16.4 - TABELAS DOS BOLETINS */
tabela-boletim a,
tabela-boletim a:link {
  color: #900000;
  font-weight: bold;
}

/* 4.16.5 - TABELAS DOS BOLETINS */
tabela-boletim a:hover,
tabela-boletim a:focus,
tabela-boletim a:visited {
  color: #0099CC;
  text-decoration: underline;
  font-weight: bold;
}

/************
/* 4.17.0 - BOLETINS SIMPLENEWS */
/* 4.17.1. - TABELAS DOS BOLETINS */
.bol-tabela {
  border: 0px !important;
  border-color: transparent !important;
  border-spacing: 0px;
  background-color: #FFFFFF;
}

/* 4.17.2 -  */
.bol-cabecalho {
  background-color: #514741;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

/* 4.17.3 -  */
.bol-cabecalho a {
  color: #ffffff;
}

/* 4.17.4 -  */
.bol-menu {
  background-color: #38322E;
  text-align: center !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 10px;
}

/* 4.17.5 -  */
.bol-conteudo {
  background-color: #ffffff;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 14px;
  text-align: justify;
  border-color: transparent !important;
}

/* 4.17.6 -  */
.bol-meio {
  background-color: #EEEEEE;
  border-color: transparent !important;
}

/* 4.17.7 -  */
.bol-meiotit {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 11px;
  padding: 2px;
}

/* 4.17.8 -  */
.bol-meiocont {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 10px;
  padding: 10px;
}

/* 4.17.9 -  */
.bol-rdp {
  background-color: #514741;
}

/* 4.17.10 -  */
.bol-rdpconteudo,
.bol-rdpconteudo p {
  background-color: #514741;
  color: #ffffff !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 14px;
}

/* 4.17.11 -  */
.bol-rdpconteudo a {
  color: #ffffff !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 14px;
}

/* 4.17.12 -  */
.bol-etica {
  background-color: #ffffff !important;
  color: #514741 !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
  font-size: 10px !important;
  border-bottom-color: transparent !important;
}

/* 4.18.0 - BOLETIM */
/* 4.18.1 - BACKGROUND BRANCO BOLETIM */
.news-back {
  background-color: #ffffff !important;
  border: 0px #ffffff solid !important;
}

/* 4.18.2 - CABEÇALHO DO BOLETIM */
.news-top {
  text-align: center;
  background-color: #a0948d;
  padding: 20px;
}

/* 4.18.3 - EXCLUIR BORDAS DAS IMAGENS */
.news-noborder {
  border-width: 0;
}

/* 4.18.4 - MENU BOLETIM */
.news-menu {
  background-color: #514741 !important;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}

/* 4.18.5 - LINKS DO MENU BOLETIM */
.news-menu a {
  color: #ffffff;
}

/* 4.18.6 - TEXTO DO BOLETIM */
.news-txt {
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 18px;
  color: #514741;
  text-align: justify;
}

/* 4.18.7 - TEXTO PRECISA DE ADVOGADO */
.news-precisa {
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 18px;
  color: #514741;
  text-align: justify;
  text-align: center;
}

/* 4.18.8 - TEXTO CENTRALIZADO */
.news-center {
  text-align: center;
}

/* 4.18.9 - TEXTO INFERIOR DO BLOETIM */
.news-copyright {
  background-color: #514741 !important;
  color: #ffffff;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 18px;
  padding: 20px;
  border: 0px #514741 solid !important;
}

/* 4.18.10 - LINKS DO TEXTO INFERIOR */
.news-copyright a {
  color: #ffffff;
}

/* 4.18.11 - TEXTO INFERIOR DO BLOETIM */
.news-etica {
  background-color: #ececec;
  padding: 20px;
  text-align: center;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 18px;
  color: #514741;
  border: 0px #ececec solid;
}

/* 4.18.12 - LINKS DO TEXTO INFERIOR */
.news-etica a {
  color: #900000;
}

/* 4.18.13 - TEXTO CÓDIGO DE ÉTICA */
.news-cancela {
  background-color: #ffffff !important;
  color: #514741 !important;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  border-bottom-color: transparent !important;
  text-align: center;
}

/* 4.18.14 - FLUTUAÇÃO E ESPAÇAMENTO DE IMAGENS ALINHADAS À ESQUERDA */
.news-ileft {
  float: left;
  margin-right: 10px;
}

/* 4.18 - FIM BOLETINS MENSAIS */
/************
/* 4.19.0 - CONTEÚDO VÍDEO EMBUTIDO */
/* 4.19.1 - CONTEÚDO - VÍDEO EMBUTIDO */
.field--name-field-media-oembed-video, .media-oembed-content {
  width: 100%;
  max-width: 400px;
  min-width: 200px;
  aspect-ratio: 9/16 !important;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* 4.19.2 - CONTEÚDO - RESUMO VÍDEO EMBUTIDO */
.art-video .views-field-body {
  margin-top: 5px;
  margin-bottom: 3px;
}

/* 4.19.3 - CONTEÚDO - TÍTULO LINK VÍDEO EMBUTIDO */
.art-video .views-field-title {
  margin-bottom: 10px;
  margin-top: 3px;
}

/* 4.19 - FIM */
/*******************************************
* 5. RODAPÉ 
*******************************************/
/************
/* 5.1 BORDAS DE BLOCOS */
/* 5.1.1 - OCULTAR BORDAS NOS BLOCOS DO RODAPÉ */
.site-footer .block {
  border: 0 !important;
  border-color: #514741 !important;
}

/* 5.1.2 - BORDAS DO BLOCO - MADE BY*/
.site-footer__bottom {
  border-color: #514741 !important;
}

/* 5.1 FIM - BORDAS DE BLOCOS */
/************
/* 5.2 - FONTE NO RODAPÉ */
/* 5.2.1 - TIPO DE FONTE NO RODAPÉ */
.site-footer {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* 5.2.2 - COR E TAMANHO DA FONTE - TÍTULOS COM LINK */
.art-footer-titulo a {
  font-size: 15px !important;
  color: #ffffff !important;
  text-decoration: none;
}

/* 5.2.3 - COR E TAMANHO DA FONTE - TÍTULOS COM LINK SOBREPOSTOS */
.art-footer-titulo a:focus,
.art-footer-titulo a:hover {
  text-decoration: underline;
}

/* 5.2.4 - COR E TAMANHO DA FONTE - PARAGRAFOS E LINKS */
.site-footer .content p,
.site-footer .content a {
  font-size: 15px !important;
  color: #ffffff !important;
  text-decoration: none;
  margin: 0;
}

/* 5.2.5 - COR E TAMANHO DA FONTE - LINKS SOBREPOSTOS */
.site-footer .content a:focus,
.site-footer .content a:hover {
  text-decoration: underline;
}

/* 5.2.6 - MARGEM NO TOPO DO CABEÇALHO DO RODAPÉ */
.site-footer {
  margin-top: 50px;
}

/* 5.2.7 - ESPAÇAMENTO DOS BLOCOS DO RODAPÉ  - ATÉ 850PX */
@media (max-width: 850px) {
  .site-footer__top .region:first-child, .site-footer__top .region:second-child, .site-footer__top .region:third-child, .site-footer__top .region:fourth-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* 5.2.8 - LARGURA E ESPAÇAMENTO DOS BLOCOS DO RODAPÉ  - A PARTIR DE 851PX */
@media (min-width: 851px) {
  .site-footer__top .region {
    width: 25% !important;
    padding: 0 0.95% !important;
  }
}
/* 5.2.9 - MARGEM DO CONTAINER DO RODAPÉ ATÉ 1200PX*/
@media only screen and (max-width: 1200px) {
  .site-footer .container {
    margin-right: 0 !important;
  }
}
/* 5.2.10 - MARGEM DO CONTAINER DO RODAPÉ A PARTIR DE 1201PX*/
@media only screen and (min-width: 1201px) {
  .site-footer .container {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
/* 5.2.11 - TAMANHO DAS IMAGENS DO RODAPÉ */
.site-footer img {
  max-width: 100%;
  width: 32px;
  height: auto !important;
}

/* 5.2 - FIM - FONTE NO RODAPÉ */
/************
/* 5.3 - LOGOTIPO - TELAS PEQUENAS */
/* 5.3.1 - EXIBIÇÃO DO LOGOTIPO EM PÁGINAS DE 320PX A 540PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .art-footer-titulo img {
    width: 60% !important;
  }
}
/* 5.3.2 - EXIBIÇÃO DO LOGOTIPO EM PÁGINAS DE 541PX A 820PX */
@media only screen and (min-width: 541px) and (max-width: 820px) {
  .art-footer-titulo img {
    width: 80% !important;
  }
}
/* 5.3.3 - EXIBIÇÃO DO LOGOTIPO EM PÁGINAS ACIMA DE 821PX */
@media only screen and (min-width: 821px) {
  .art-footer-titulo img {
    width: 100% !important;
  }
}
/* 5.3 - FIM - LOGOTIPO - TELAS PEQUENAS */
/*******************************************
* 6. - FORMULÁRIOS 
*******************************************/
/************
/* 6.0 - CAMPO DE SENHA PARA LOGIN /*

/* 6.0.1 - TORNAR O CONTÊINER FLEXÍVEL */
.js-form-type-password {
  display: flex;
  align-items: center; /* alinha verticalmente */
}

/* 6.0.2 - DEFINIR LARGURA DO CAMPO DE SENHA */
.js-form-type-password .required.form-control {
  flex: 1; /* ocupa todo o espaço disponível */
  max-width: 90%; /* limite opcional */
}

/* 6.0.3 - POSICIONAR BOTÃO AO LADO DO CAMPO DE SENHA */
.js-form-type-password button {
  flex: 0 0 auto; /* não cresce nem encolhe */
  margin-left: 8px; /* espaço entre o campo e o botão */
}

/*******************************************
* 7. - CABEÇALHO 
*******************************************/
/************
/* 7.1. LANGUAGE ICONS */
/* 7.1.1 - MARGEM DIREITA ATÉ 541PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .language-switcher-language-url {
    margin-right: 6px;
  }
  .language-switcher-language-url .nav-link {
    padding-right: 2px;
    padding-left: 2px;
  }
}
/* 7.1.2 - MARGEM DIREITA EM PÁGINAS DE 541PX A 712PX */
@media only screen and (min-width: 541px) and (max-width: 712px) {
  .language-switcher-language-url {
    margin-right: 45px;
  }
  .language-switcher-language-url .nav-link {
    padding-right: 2px;
    padding-left: 2px;
  }
}
/* 7.1.3 - MARGEM DIREITA EM PÁGINAS DE 713PX A 820PX */
@media only screen and (min-width: 713px) and (max-width: 820px) {
  .language-switcher-language-url {
    margin-right: 55px;
  }
  .language-switcher-language-url .nav-link {
    padding-right: 2px;
    padding-left: 2px;
  }
}
/* 7.1.4 - MARGEM DIREITA EM PÁGINAS DE 821PX A 1100PX */
@media only screen and (min-width: 821px) and (max-width: 1100px) {
  .language-switcher-language-url {
    margin-right: 75px;
  }
  .language-switcher-language-url .nav-link {
    padding-right: 2px;
    padding-left: 2px;
  }
}
/* 7.1.5 - MARGEM DIREITA EM PÁGINAS DE A PARTIR DE 1101PX */
@media only screen and (min-width: 1101px) {
  .language-switcher-language-url {
    margin-right: 52px;
  }
  .language-switcher-language-url .nav-link {
    padding-right: 2px;
    padding-left: 2px;
  }
}
/************
/* 7.2 - LOGOTIPO */
/* 7.2.1 - OCULTAR TEXTO DO LOGOTIPO */
.navbar-brand, .navbar-brand a {
  font-size: 0 !important;
  color: transparent !important;
}

/* 7.2.2 - MANTER IMAGEM NORMAL */
.navbar-brand img {
  font-size: initial; /* mantém imagem normal */
  color: initial;
}

/* 7.2.3 - GARANTIR VISIBILIDADE DA IMAGEM */
.navbar-brand img {
  font-size: initial;
  color: initial;
  text-indent: 0;
  overflow: visible;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
}

/* 7.2.4 - TAMANHO DO LOGOTIPO - EXIBIÇÃO EM PÁGINAS DE 320 A 412PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .navbar-brand img {
    width: 265px !important;
    height: auto !important;
  }
}
/* 7.2.5 - TAMANHO DO LOGOTIPO - EXIBIÇÃO EM PÁGINAS DE 541PX A 799PX */
@media only screen and (min-width: 541px) and (max-width: 799px) {
  .navbar-brand img {
    width: 300px !important;
    height: auto !important;
  }
}
/* 7.2.6 - TAMANHO DO LOGOTIPO - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS DE 800PX A 1000PX */
@media only screen and (min-width: 800px) and (max-width: 1299px) {
  .navbar-brand img {
    width: 90% !important;
    height: auto !important;
  }
}
/* 7.2.7 - TAMANHO DO LOGOTIPO - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS ACIMA DE 1300PX */
@media only screen and (min-width: 1300px) {
  .navbar-brand img {
    width: 100% !important;
    height: auto !important;
  }
}
/************
/* 7.3 - POSICIONAMENTO DO LOGOTIPO */
/* 7.3.1 - MARGEM ESQUERDA EM PÁGINAS DE 320 A 412PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .navbar-brand {
    margin-left: 4%;
  }
}
/* 7.3.2 - MARGEM ESQUERDA EM PÁGINAS DE 541PX A 799PX */
@media only screen and (min-width: 541px) and (max-width: 799px) {
  .navbar-brand {
    margin-left: 15%;
  }
}
/* 7.3.3 - MARGEM ESQUERDA EM PÁGINAS DE 800PX A 1000PX */
@media only screen and (min-width: 800px) and (max-width: 1100px) {
  .navbar-brand {
    margin-left: 11%;
  }
}
/* 7.3.4 - MARGEM ESQUERDA EM PÁGINAS DE 1101PX A 1919PX */
@media only screen and (min-width: 1101px) and (max-width: 1919px) {
  .navbar-brand {
    margin-left: 1%;
    margin-right: 0 !important;
  }
}
/* 7.3.5 - MARGEM ESQUERDA EM PÁGINAS DE 1440PX A 2500PX */
@media only screen and (min-width: 1920px) and (max-width: 2500px) {
  .navbar-brand {
    margin-left: 16%;
  }
}
/* 7.3.6 - TMARGEM ESQUERDA EM PÁGINAS A PARTIR DE 2501PX */
@media only screen and (min-width: 2501px) {
  .navbar-brand {
    margin-left: 32%;
  }
}
/* 7.3 - FIM - POSICIONAMENTO DO LOGOTIPO */
/*******************************************
* 8. - HOME - ASPECTOS DAS HOME PAGES 
*******************************************/
/************
/* 8.1 - ESPAÇAMENTO DO TÍTULO */
.page-node-1227 .main-content .title {
  padding-top: 8px;
  margin-top: 20px;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

/************
/* 8.2. - CARROSEL - SLIDESHOW - ÁREAS DE ATUAÇÃO */
/* 8.2.1. - CARROSEL - LARGURA MÍNIMA DA CAIXA DE TEXTO */
.owl-stage-outer {
  min-width: 100% !important;
  height: auto !important;
}

/* 8.2.2. - CARROSEL - CONFIGURAÇÕES DA CAIXA DE TEXTO */
.art-slideshow .views-field-body .field-content,
.owl-item .views-field-body p {
  margin-top: -150px;
  max-width: 80%;
  display: inline-block !important;
  background-color: #E9E3E0;
  opacity: 0.7;
  color: #514741;
  padding: 20px 20px 10px 20px;
  position: absolute;
  left: 10%;
  border: 1px solid #E9E3E0;
  border-radius: 5px;
}

/* 8.2.3. - CARROSEL - OCULTAR SUMÁRIO EM EXIBIÇÕES PEQUENAS */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .art-slideshow .views-field-body .field-content {
    max-width: 30ch;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -70px !important;
    left: 15%;
  }
}
/* 8.2 - FIM CARROSEL - SLIDESHOW */
/************
/* 8.3 - PAGINADORES OWLCAROUSEL */
/* 8.2.1. - CORES DOS PAGINADORES */
.owl-theme .owl-dots .owl-dot span,
.carousel-indicators li {
  background: #E9E3E0 !important;
  background-color: #E9E3E0 !important;
  border: 1px solid #E9E3E0 !important;
}

/* 8.3.2. - INDICADOR ATIVO DO OWLCAROUSEL */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.carousel-indicators .active {
  background-color: #900000 !important;
  border: 1px solid #900000 !important;
}

/* 8.3 - FIM - INDICADORES OWLCAROUSEL */
/************
/* 8.4 - EXIBIÇÃO ÚLTIMOS ARTIGOS */
/* 8.4.1 - DEFINIÇÃO DO GRID PRINCIPAL */
.view-display-id-block_5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

/*  8.4.2 - COLUNA ESQUERDA */
.view-display-id-block_5 > .view-content {
  grid-column: 1;
}

/*  8.4.3 - REMOVE WIDTH DO BOOTSTRAP NO ARTIGO 1 */
.view-display-id-block_5 > .view-content > .views-row {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/*  8.4.4 - DEFINIÇÃO DA COLUNA DIREITA */
.view-display-id-block_5 > .attachment-after {
  grid-column: 2;
}

/*  8.4.5 - EMPILHA ARTIGOS 2 E 3 */
.view-display-id-attachment_1 .view-content {
  display: flex !important;
  flex-direction: column;
  /* gap: 20px; */ /*Espaço superior */
}

/*  8.4.6 - REMOVE WIDTH 50% DO BOOTSTRAP */
.view-display-id-attachment_1 .views-row,
.view-display-id-attachment_1 .col-lg-6 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/*  8.4.7 - IMAGENS */
.view-id-artigos img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 8.4.8 - IMAGENS PEQUENAS */
.image-style-v-pequeno {
  width: 100px !important;
  height: auto;
}

/*  8.4.9 - ARTIGOS 2 E 3 - IMAGENS PEQUENAS À ESQUERDA */
.col-sm12 .views-field-field-colorbox-gallery .field-content img {
  float: left;
  margin: 0 10px 10px 0;
}

/* 8.4.10 - ARTIGOS 2 E 3 - DEFINIR LARGURA MÁXIMA DOS TÍTULOS */
.attachment .art-artigos .views-field.views-field-title {
  padding-right: 30px;
  margin-right: -30px;
}

/* 8.4.11 - ARTIGOS 2 E 3 - LARGURA MÁXIMA DOS RESUMOS */
.view-display-id-block_5 > .view-content p,
.attachment .col-lg-6 p {
  margin-right: 10px;
}

/************
/* DISPOSITIVOS MÓVEIS */
/*  8.4.12 - ATÉ 991PX - TODOS OS ARTIGOS EMPILHADOS EM UMA COLUNA */
@media (max-width: 991px) {
  .view-display-id-block_5 {
    display: block !important; /* remove grid */
  }
  /*  8.4.13 -  */
  .view-display-id-block_5 > .view-content,
  .view-display-id-block_5 > .attachment-after {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* 8.4.14 - Último artigo ocupa 100% com imagem grande */
  .view-display-id-block_5 > .view-content .views-row:first-child img {
    width: 100% !important;
    height: auto !important;
  }
  /* 8.4.15 - Penúltimo e antepenúltimo também ocupam 100%, mas com imagens menores */
  .view-display-id-attachment_1 .views-row img {
    height: auto !important;
    display: block;
    margin: 0 auto; /* centraliza a imagem */
  }
}
/* 8.4 - FIM ÚLTIMOS ARTIGOS */
/************
/* 8.5.0. - ÚLTIMAS NOTÍCIAS */
/* 8.5.1 -  */
.row::after {
  clear: both;
}

/* 8.5.2 -  */
.row::before, .row::after {
  display: table;
  content: " ";
}

/* 8.5.3 -  */
@media (min-width: 992px) {
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
/* 8.5.4 -  */
.col-lg-3 .field-content a {
  font-weight: bold;
  font: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

/* 8.5.5 - ÚLTIMAS NOTÍCIAS - ALINHAMENTO DO TÍTULO DO BLOCO */
.views-element-container._none.contextual-region.block.block-views.block-views-blocknoticias-block-6 {
  text-align: justify;
  float: left;
}

/* 8.5.6 - ÚLTIMAS NOTÍCIAS - EXIBIÇÃO EM BLOCO COM MARGEM SUPERIOR*/
.views-element-container._none.block.block-views.block-views-blocknoticias-block-5,
.views-element-container._none.contextual-region.block.block-views.block-views-blocknoticias-block-5 {
  display: inline-block;
  margin-top: 20px;
}

/* 8.5.7 - ÚLTIMAS NOTÍCIAS - MARGEM INFERIOR APÓS TÍTULO DO CONGTEÚDO */
#views-bootstrap-noticias-block-5 .views-field.views-field-title,
.block-views .views-view-grid .col-sm-6 .views-field-title {
  padding-bottom: 15px;
}

/* 8.5.8 - ÚLTIMAS NOTÍCIAS - ALTURA MÍNIMA DE CADA BOX DE NOTÍCIA */
.layout__region--first .views-view-grid .col-md-3,
.layout__region--first .views-view-grid .col-lg-3 {
  min-height: 215px !important;
}

/************
/* 8.6 - PAGER - ÚLTIMAS NOTÍCIAS */
/* 8.6.1 - line 228, ../sass/partials/_page.scss */
.pager .pager__items {
  text-align: right;
  border-top: 1px solid #dadada;
  border-top-style: dotted;
  padding-top: 15px;
  padding-left: 0;
}

/* 8.6.2 - line 241, ../sass/partials/_page.scss */
.pager .pager__items li > a,
.pager .pager__items li > span {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 10px !important;
  color: #514741;
  background: #E9E3E0 !important;
  border: none;
}

/* 8.6.3 - line 250, ../sass/partials/_page.scss */
.pager .pager__items li > a:hover, .pager .pager__items li > a:focus,
.pager .pager__items li > span:hover,
.pager .pager__items li > span:focus {
  background: #900000 !important;
  color: #fff;
  text-decoration: underline;
}

/* 8.6.4 - line 259, ../sass/partials/_page.scss */
.pager .pager__items .is-active a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 10px !important;
  color: #fff;
  background: #900000 !important;
  border: none;
  padding: 0;
  border: none;
}

/* 8.6.5 - line 264, ../sass/partials/_page.scss */
.pager .pager__items .is-active a:hover, .pager .pager__items .is-active a:focus {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 10px !important;
  color: #fff;
  background: #514741 !important;
  border: none;
  text-decoration: underline;
}

/* 8.6 - FIM ÚLTIMAS NOTÍCIAS */
/************
/* 8.7.0. - ARTIGOS ANTERIORES */
/* 8.7.1. - REMOVE MARGEM ESQUERDA */
.block-views-blockartigos-block-4 .row {
  --bs-gutter-x: 0 !important;
}

/* 8.7.2. - REMOVE MARGEM ESQUERDA */
.view-artigos-carousel .row {
  --bs-gutter-x: 0 !important;
}

/* 8.7.3. - REMOVE MARGEM ESQUERDA */
._none.bs-mt-2.bs-mb-3 .col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 8.7.4. - TEXTO EM NEGRITO */
.car-txt {
  font-weight: bold;
}

/* 8.7.0 - FIM ARTIGOS ANTERIORES */
/************
/* 8.8.0. - NOTÍCIAS ANTERIORES */
/* 8.8.0. - ÚLTIMAS NOTÍCIAS  - DEFINIR LARGURA E ELIMINAR MARGEM ESQUERDA E DIREITA */
._none.bs-mt-2.bs-mb-2 .container-fluid, #views-bootstrap-noticias-block-5 {
  min-width: 100%;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 8.8.1. - ÚLTIMAS NOTÍCIAS  - CARROSSEL E PAGINADOR EM ÚNICA COLUNA*/
.view.view-noticias.view-id-noticias.view-display-id-block_5 {
  grid-template-columns: 1fr !important;
}

/* 8.8.2. - ÚLTIMAS NOTÍCIAS  - CENTRALIZAR PAGINADOR*/
.contextual-region.view.view-noticias.view-id-noticias.view-display-id-block_5 nav .pagination {
  display: flex;
  justify-content: center; /* centraliza os itens */
  width: 100%; /* ocupa toda a largura */
}

/* 8.8.0 - FIM ÚLTIMAS NOTÍCIAS */
/************
/* 8.9.0. - INTERNAS */
/* 8.9.1. - INTERNAS  - DEFINIR LARGURA E ELIMINAR MARGEM ESQUERDA E DIREITA */
#views-bootstrap-internas-block-3 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 8.9.0. - FIM INTERNAS */
/************
/* 8.10.0. - INTERNAS */
/* 8.10.1. - TEXTO EM NEGRITO */
.link-views {
  font-weight: bold;
}

/* 8.10.0. - FIM INTERNAS */
/*******************************************
* 9. - MENUS 
*******************************************/
/************
/* 9.1.0 - MENU PRINCIPAL - SUPERFISH */
/************
/* 9.1 - SUPERFISH MENU - NORMAL */
/* 7.3 - MENU */
/* 7.3.1 - ESPAÇAMENTO DO MENU */
#block-france-st-main-menu {
  margin-right: 8%;
}

/* 7.3.2 - COR E ESTILO DOS LINKS DO MENU */
.menu--main .nav-link {
  color: #514741;
  font-weight: bold;
}

/* 9.1.1 - REMOVER MARGEM INFERIOR DO SUPERFISH MENU */
ul.sf-menu.sf-style-default {
  margin-bottom: 0 !important;
}

/* 9.1.2 - LARGURA DO BLOCO DO SUPERFISH MENU */
.block-superfish {
  width: 86% !important;
}

/************
/* 9.2 - SUPERFISH MENU - TELAS PEQUENAS */
/* 7.2.2. - EXIBIÇÃO DO MENU EM PÁGINAS DE 320PX A 540PX */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .navbar-toggler.collapsed,
  .navbar-toggler {
    margin-right: 3%;
  }
}
/* 7.2.3. - EXIBIÇÃO DO MENU EM PÁGINAS DE 541PX A 820PX */
@media only screen and (min-width: 541px) and (max-width: 820px) {
  .navbar-toggler.collapsed,
  .navbar-toggler {
    margin-right: 7%;
  }
}
/* 7.2.3. - EXIBIÇÃO DO MENU EM PÁGINAS ACIMA DE 821PX */
@media only screen and (min-width: 821px) {
  .navbar-toggler.collapsed,
  .navbar-toggler {
    margin-right: 10%;
  }
}
/* 9.2.3 - MARGEM ESQUERDA A PARTIR DE 992PX */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* 9.2.4 - MARGEM ESQUERDA ENTRE 820PX ATÉ 991PX */
@media (min-width: 820px) and (max-width: 991px) {
  .navbar-expand-lg .navbar-collapse {
    margin-left: 65px !important;
  }
}
/************
/* 9.3 - MENU BARRA LATERAL */
/* 9.3.1 - LARGURA DA BARRA LATERAL - A PARTIR DE 768PX */
@media (min-width: 768px) and (max-width: 800px) {
  .col-md-3 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/************
/* 9.4 - IMAGENS - ÁREA DE ATUAÇÃO */
/* Compactos (até 360px) */
@media (max-width: 360px) {
  .sidebar .field__item img.image-style-home {
    width: 265px !important;
    height: auto !important;
  }
}
/* Compactos (até 375px) */
@media (min-width: 361px) and (max-width: 375px) {
  .sidebar .field__item img.image-style-home {
    width: 300px !important;
    height: auto !important;
  }
}
/* Médios (376px a 389px) */
@media (min-width: 376px) and (max-width: 389px) {
  .sidebar .field__item img.image-style-home {
    width: 340px !important;
    height: auto !important;
  }
}
/* MÉDIOS ALTOS - 390px a 412px */
@media (min-width: 390px) and (max-width: 412px) {
  .sidebar .field__item img.image-style-home {
    width: 298px !important;
    height: auto !important;
  }
}
/* Grandes (413px a 430px) */
@media (min-width: 413px) and (max-width: 430px) {
  .sidebar .field__item img.image-style-home {
    width: 320px !important;
    height: auto !important;
  }
}
/*******************************************
* 10. - SIMPLENEWS 
*******************************************/
/*******************************************
* 11 - TABELAS 
*******************************************/
/*******************************************
* 11.0 TABELAS E BLOCOS DE VIEWS
*******************************************/
/************
/* 11.0.0. - LARGURA DAS TABELAS */
/* 11.0.1. - TABELA 90% */
/************
/* 11.1.0. - TABELAS PADRÃO */
/* 11.1.1. - TABELA COM FUNDO BRANCO */
.art-table-w {
  border: 0 #ffffff hidden;
  border-spacing: 0;
  background: #ffffff;
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}

/* 11.1.2. - CÉLULAS DAS TABELAS COM FUNDO BRANCO - JUSTIFICADO */
.art-table-wc {
  background-color: #ffffff;
  text-align: justify;
}

/* 11.1.3. - CÉLULAS DAS TABELAS COM FUNDO BRANCO - CENTRALIZADO */
.art-table-wcc {
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle !important;
}

/* 11.1.4. - CONFIGURAÇÕES DAS TABELAS PADRÃO */
.art-table, .table, table {
  border: 1px solid #514741;
  background: #ececec;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
  width: 100%;
}

/* 11.1.5. - TABELA/CÉLULA TEXTO CENTRALIZADO - TAC */
.art-tac {
  text-align: center !important;
}

/************
/* 11.2.0 - TABELAS COM DESTAQUES - À ESQUERDA */
/* 11.2.1. - TABELAS COM FUNDO BEGE - ALINHAMENTO ESQUERDO - 55% */
.art-table-left {
  background: #dfdbd9;
  margin-left: 15px;
  width: 55% !important;
  float: left;
}

/* 11.2.2. - ESPAÇAMENTO ESQUERDO DAS LISTAS NAS TABELAS */
.art-table-left li {
  margin-right: 15px;
}

/************
/* 11.3.0 - TABELAS COM DESTAQUES - À DIREITA */
.text-formatted table tr td {
  background-color: #dfdbd9;
  border: none;
}

/* 11.3.1. - TABELAS COM FUNDO BEGE - ALINHAMENTO DIREITO - 35% */
.art-table-right {
  background: #dfdbd9;
  margin-left: 15px;
  width: 35% !important;
  float: right;
}

/* 11.3.2. - ESPAÇAMENTO ESQUERDO DAS LISTAS NAS TABELAS */
.art-table-right li {
  margin-left: 5px;
}

/* 11.3.3. - CÉLULAS DAS TABELAS COM BORDA MARROM */
.art-cell-bc {
  border: 1px #514741 solid;
}

/************
/* 11.4.0. - TÍTULO DAS TABELAS */
/* 11.4.1. - CONFIGURAÇÃO DO TÍTULO DAS TABELAS */
.art-table-title, .table-title {
  border: 1px solid #514741;
  background-color: #CFC8C4;
  text-align: center;
  font-weight: bold;
  font-size: large;
  color: #514741;
  text-transform: uppercase !important;
}

/************
/* 11.5.0. - CÉLULAS DAS TABELAS */
/* 11.5.1. - CÉLULAS CENTRALIZADAS HORIZONTALMENTE - CINZAS */
.art-table-cell, .table-cell {
  border: 1px solid #514741;
  background: #ececec;
  text-align: justify;
  padding: 5px;
  vertical-align: top;
}

/* 11.5.2. - CÉLULAS CENTRALIZADAS HORIZONTALMENTE - ESCURAS */
.art-table-celle, .table-celle {
  border: 1px solid #514741;
  background: #514741;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
}

/* 11.5.3. - CÉLULAS - KINHA INFERIOR BRANCA */
.art-table-lib, .table-lib {
  border-bottom: 1px #ffffff solid;
}

/* 11.5.4. - CÉLULAS CENTRALIZADAS HORIZONTALMENTE - CLARAS */
.art-table-cellc, .table-cellc {
  border: 1px solid #514741;
  background: #CFC8C4;
  text-align: justify;
  padding: 10px;
  vertical-align: middle;
}

/* 11.5.5. - CÉLULAS CENTRALIZADAS VERTICALMENTE */
.art-table-middle {
  vertical-align: middle !important;
  text-align: center;
}

/* 11.5.6. CÉLULAS PADRÃO - À ESQUERDA */
td {
  border: 1px solid #514741;
  background: #ececec;
  color: #514741;
  margin-left: 4px;
  padding: 2px;
}

/* 11.5.11. - ALINHAMENTO HORIZONTAL */
th, tr, td {
  vertical-align: middle;
}

/************
/* 11.6.0. - TABELAS COM CONTEÚDO ESPECIAL */
/* 11.6.1. - CONFIGURAÇÃO - CONTEÚDOS ESPECIAIS */
.art-especiais {
  border: 1px solid #514741;
  border-radius: 5px;
  box-shadow: 0.5em 0.5em 0.3em #999999;
  background: #514741;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #ffffff !important;
  overflow: auto;
  clear: both;
  margin: 10px 10px 10px 50px !important;
  padding: 10px 10px 10px 28px !important;
}

/* 11.6.2. - ESPAÇAMENTO E COR DE TEXTO - CONTEÚDOS ESPECIAIS */
.art-especiais p {
  margin: 10px 10px 10px 15px !important;
  color: #ffffff !important;
}

/* 11.6.3. - COR, E DECORAÇÃO DE LINKS - CONTEÚDOS ESPECIAIS */
.art-especiais a {
  font-weight: normal;
  color: #ffffff;
  text-decoration: none !important;
}

/* 11.6.4. - DECORAÇÃO DE LINKS SOBREPOSTOS - CONTEÚDOS ESPECIAIS */
.art-especiais a:hover,
.art-especiais a:focus {
  font-weight: normal;
  text-decoration: underline !important;
  color: #ffffff;
}

/* 11.6.5. - COR DO LINK VISITADO - CONTEÚDOS ESPECIAIS */
.art-especiais a:visited {
  color: #CFC8C4;
}

/* 11.6.6. - MARGEM - CONTEÚDOS ESPECIAIS */
.art-especiais-margin {
  margin-left: -6px;
}

/************
/* 11.11.0. - TABELAS BOLETINS MENSAIS */
/* 11.11.1. - ALINHAMENTO IMAGEM E TEXTO */
.col-sm-12xxx .view-boletins-mensais .field-content {
  text-align: center;
  margin: auto;
  display: block;
  width: 41%;
}

/************
/* 11.12.0. - PUBLICAÇÕES - ARTIGOS E NOTÍCIAS POR ÁREA - ITENS POR LINHA */
/* 11.12.1. - ARTIGOS E NOTÍCIAS POR ÁREA - DOIS ITENS POR LINHA - TELAS GRANDES */
@media (min-width: 992px) {
  .view-taxonomy-term .view-content {
    display: flex;
    flex-wrap: wrap;
  }
  .view-taxonomy-term .view-content .views-row {
    flex: 0 0 calc(50% - var(--bs-gutter-x)); /* metade da largura menos o gutter */
    max-width: calc(50% - var(--bs-gutter-x));
    box-sizing: border-box;
  }
}
/* 11.12.3. - ARTIGOS E NOTÍCIAS POR ÁREA - UM ITENM POR LINHA - TELAS PEQUENAS */
/* Em telas pequenas: um teaser por linha */
@media (max-width: 991px) {
  .view-taxonomy-term .view-content .views-row {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/************
/* 11.12.0. - PUBLICAÇÕES - ARTIGOS E NOTÍCIAS POR ÁREA - EXIBIÇÃO E DECORAÇÃO */
/* 11.12.1. - PÁGINAS DE TAXONOMIA - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS DE 320 A 540px */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  .col-sm-12xxx .view-boletins-mensais .col-1, .col-sm-12xxx .view-boletins-mensais .col-2, .col-sm-12xxx .view-boletins-mensais .col-3, .col-sm-12xxx .view-boletins-mensais .col-4 {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px;
    clear: both;
    color: #514741;
    overflow: auto;
    padding: 10px;
    width: auto;
  }
  .art-artigos .col-lg-6.col-sm12.views-row, .views-row .node--type-noticias.node--view-mode-teaser {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
    padding-right: 25px;
    width: 96%;
  }
  .art-artigos .col-lg-6.col-sm12.views-row img, .views-row .node--type-noticias.node--view-mode-teaser img {
    width: 100px;
    height: auto;
    padding-top: 10px;
    padding-right: 10px;
    float: left;
  }
}
/* 11.12.2. - PÁGINAS DE TAXONOMIA - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS ACIMA DE 540px */
@media only screen and (min-width: 541px) and (max-width: 709px) {
  .col-sm-12xxx .view-boletins-mensais .col-1, .col-sm-12xxx .view-boletins-mensais .col-2, .col-sm-12xxx .view-boletins-mensais .col-3, .col-sm-12xxx .view-boletins-mensais .col-4 {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px;
    margin-right: 7px;
    width: 23% !important;
    min-height: 200px;
  }
  .art-artigos .col-lg-6.col-sm12.views-row, .views-row .node--type-noticias.node--view-mode-teaser {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    width: 48%;
    margin-top: 20px;
    padding: 20px;
    float: left;
    margin-right: 7px;
    min-height: 275px;
  }
  .art-artigos .col-lg-6.col-sm12.views-row img {
    width: 100px;
    height: auto;
    padding-top: 10px;
  }
}
/* 11.12.3. - PÁGINAS DE TAXONOMIA - EXIBIÇÃO DE CONTEÚDO EM PÁGINAS ACIMA DE 710px */
@media only screen and (min-width: 710px) {
  .col-sm-12xxx .view-boletins-mensais .col-1, .col-sm-12xxx .view-boletins-mensais .col-2, .col-sm-12xxx .view-boletins-mensais .col-3, .col-sm-12xxx .view-boletins-mensais .col-4 {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px;
    margin-right: 7px;
    width: 23% !important;
    min-height: 200px;
  }
  .views-row .node--type-noticias.node--view-mode-teaser, .views-row .node--type-artigos.node--view-mode-teaser {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    float: left;
    margin-right: 7px;
    min-height: 360px;
  }
  .art-artigos .col-lg-6.col-sm12.views-row {
    border: 1px solid #514741;
    border-radius: 5px;
    box-shadow: 0.5em 0.5em 0.3em #999999;
    background: #ececec;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    width: 48%;
    margin-top: 20px;
    padding: 20px;
    float: left;
    margin-right: 15px;
    min-height: 360px;
  }
  .art-artigos .col-lg-6.col-sm12.views-row img, .views-row .node--type-noticias.node--view-mode-teaser img {
    padding-right: 10px;
    float: left;
  }
}
/* 11.12.3. - PÁGINAS DE TAXONOMIA - ESPAÇAMENTO TÍTULO DO TEASER */
.node--view-mode-teaser h2 {
  padding-top: 0 !important;
}

/* 11.12.0. - FIM - TABELAS BOLETINS MENSAIS */
/* 11.11.1. - ALINHAMENTO IMAGEM E TEXTO */
/************
/* 11.8.0. - TABELAS SIMPLES */
/* 11.8.1. - TABELA COM 90% DE LARGURA, CENTRALIZADA */
.art-tab90pc {
  width: 90%;
  margin: auto;
}

/* 11.8.1. - TABELA COM 80% DE LARGURA, CENTRALIZADA */
.art-tab80pc {
  width: 80%;
  margin: auto;
}

/* 11.8.0. - FIM TABELAS SIMPLES */
/************
/* 11.9.0. - CELULAS */
/* 11.9.1. - CELULA COM 300PX DE LARGURA */
.art-cell300 {
  width: 300px;
}

/* 11.9.2. - CELULA COM 80% DE LARGURA */
.art-cell80pc {
  width: 80%;
  vertical-align: top;
}

/* 11.9.3. - CELULA COM 20% DE LARGURA */
.art-cell20pc {
  width: 20%;
  vertical-align: top;
}

/* 11.9.4. - CELULA COM 70% DE LARGURA */
.art-cell70pc {
  width: 70%;
  vertical-align: top;
}

/* 11.9.5. - CELULA COM 30% DE LARGURA */
.art-cell30pc {
  width: 30%;
  vertical-align: top;
}

/* 11.9.6. - CELULA COM 75% DE LARGURA */
.art-cell75pc {
  width: 75%;
  vertical-align: top;
}

/* 11.9.6. - CELULA COM 50% DE LARGURA */
.art-cell50pc {
  width: 50%;
  vertical-align: top;
}

/* 11.9.11. - CELULA COM 25% DE LARGURA */
.art-cell25pc {
  width: 25%;
  vertical-align: top;
}

/* 11.9.8. - CELULA COM COM TEXTO JUSTIFICADO */
.art-celltxt {
  text-align: justify;
  padding: 10px;
  vertical-align: top;
}

/* 11.9.0. - FIM CELULAS */
/************
/* 11.10.0. - TABELA FALE CONOSCO - TFC */
/* 11.10.1. - BORDAS E COR DE FUNDO DA TABELA */
.art-tfc {
  border: 1px solid #514741;
  background-color: #C0C0C0;
}

/* 11.10.2. - ALINHAMENTO CENTRALIZADO, ESPAÇAMENTO, BORDA, MAIÚSCULAS E NEGRITO - TÍTULO */
.art-tfc-1 {
  text-align: center;
  padding: 8px;
  border: 1px solid #000000;
  font-weight: bold;
  text-transform: uppercase;
}

/* 11.10.3. - ALINHAMENTO JUSTIFICADO, BORDAS E ESPAÇAMENTO */
.art-tfc-2 {
  text-align: justify;
  border: 1px solid #000000;
  padding: 8px;
}

/* 11.10.4. - ALINHAMENTO CENTRALIZADO, FUNDO BRANCO, NEGRITO, BORDAS E ESPAÇAMENTO */
.art-tfc-3 {
  text-align: center;
  border: 1px solid #000000;
  padding: 8px;
  background-color: #ffffff;
}

/* 11.10.5. - ALINHAMENTO JUSTIFICADO, FUNDO BRANCO, NEGRITO, BORDAS, E ESPAÇAMENTO */
.art-tfc-4 {
  text-align: justify;
  border: 1px solid #000000;
  padding: 8px;
  background-color: #ffffff;
}

/* 11.10.0. - FIM TABELA FALE CONOSCO - TFC */

/*# sourceMappingURL=style.css.map */