@import url('../fonts/fonts.css');

:root {
  --background: #FBFBFB;
  --black: #474A4D;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto-Regular' !important;
  background-color: var(--background);
  scroll-behavior: smooth;
}

a,
a:hover {
  color: #474A4D;
  text-decoration: none;
}

hr {
  border: 1px solid rgba(144, 147, 149, 0.3);
  margin-right: 0;
  /* width: 65%; */
}

img {
  object-fit: contain;
  margin-inline: auto;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 13px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--background);
  border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--Primary0);
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--Primary0);
}

.scrollbar-color::-webkit-scrollbar-thumb {
  background-color: #474A4D !important;
}

.contrast .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #474A4D !important;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0 !important;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.justify-content-center {
  justify-content: center;
}

.justify-content {
  justify-content: flex-end;
}

.justify-content-end {
  justify-content: end;
}

.justify-content-space-beetween {
  justify-content: space-between;
}

.justify-content-space-beetween::after,
.justify-content-space-beetween::before {
  display: none;
}

.align-items-flex-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-content-center {
  align-items: center;
}

.align-content-space-between {
  align-content: space-between;
}

.flex-flow {
  flex-flow: wrap;
}

.margin-auto {
  margin: 0 auto;
}

.mt-3 {
  margin-top: 3vh;
}

/* Cor de Fundo */

.back-primary0 {
  background-color: var(--Primary0);
}

.back-primary1 {
  background-color: var(--Primary1);
}

.back-primary2 {
  background-color: var(--Primary2);
}

.back-cinza {
  background: rgba(238, 238, 238, 0.4);
}

.back-cinza2 {
  background: #eee;
}

.back-white {
  background-color: white;
}

.back-dark {
  background-color: #102530;
}

.no-background {
  background-color: transparent !important;
}

/* Botões Padrões */
.botao {
  font-family: 'Roboto-Bold';
  font-size: 16px;
  border-radius: 6px;
  padding: 8px 16px;
  display: inline-block;
  transition: all .3s;
  border: 2px solid var(--Primary0);
}

.botao-noticia {
  color: var(--Primary0);
  border: 2px solid var(--Primary0);
  background-color: transparent;
}

.botao-noticia:focus,
.botao-noticia:active,
.botao-noticia:hover {
  background-color: var(--Primary0);
  color: white;
}

.botao-newsletter {
  /* border-color: 2px solid var(--Primary0); */
  background-color: var(--Primary0);
  color: white;
  margin: 0;
  border-radius: 6px;
}

.botao-newsletter:active,
.botao-newsletter:focus,
.botao-newsletter:hover {
  background-color: transparent;
  color: var(--Primary0);
  border: 2px solid var(--Primary0);
}

.botao-primary0 {
  color: white;
  background-color: var(--Primary0);
  border: 2px solid var(--Primary0);
}

.botao-primary0:hover,
.botao-primary0:active,
.botao-primary0:focus {
  background-color: transparent;
  color: var(--Primary0);
}

.botao-primary1 {
  color: white;
  background-color: var(--Primary1);
  border: 2px solid var(--Primary1);
}

.botao-primary1:hover,
.botao-primary1:active,
.botao-primary1:focus {
  background-color: transparent;
  color: var(--Primary1);
}

.botao-primary2 {
  color: white;
  background-color: var(--Primary2);
  border: 2px solid var(--Primary2);
}

.botao-primary2:hover,
.botao-primary2:active,
.botao-primary2:focus {
  background-color: transparent;
  color: var(--Primary2);
}

.botao-light {
  background-color: white;
  border: 2px solid white;
  color: var(--Primary0);
}

.botao-light:hover,
.botao-light:active,
.botao-light:focus {
  background-color: transparent;
  color: white;
}

.botao-alerta {
  background-color: #FFD24D;
  border: 2px solid #FFD24D;
  color: #474A4D;
}

.botao-alerta:hover,
.botao-alerta:active,
.botao-alerta:focus {
  background-color: transparent;
  color: #FFD24D;
}

/* Bloco Alinhado */

@media screen and (min-width: 768px) {
  .bloco-vertical-middle {
    display: flex;
    align-items: center;
  }

  .bloco-vertical-bottom {
    display: flex;
    align-items: flex-end;
  }

  .bloco-space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1200px) {

  .bloco-middle-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bloco-center {
    display: flex;
    justify-content: center;
  }
}

/* Pace.JS */
.pace-progress {
  height: 5px !important;
}

.pace-activity {
  width: 20px !important;
  height: 20px !important;
}

/* Padding Padrão */

.top1 {
  padding-top: 1vh;
}

.top2 {
  padding-top: 2vh;
}

.top3 {
  padding-top: 3vh;
}

.top4 {
  padding-top: 4rem;
}

.top5 {
  padding-top: 5vh;
}

.top6 {
  padding-top: 6vh;
}

.top7 {
  padding-top: 7vh;
}

.top8 {
  padding-top: 8vh;
}

.top9 {
  padding-top: 9vh;
}

.top10 {
  padding-top: 10vh;
}

.top11 {
  padding-top: 11vh;
}

.top14 {
  padding-top: 14vh;
}

.bot1 {
  padding-bottom: 1vh;
}

.bot2 {
  padding-bottom: 2vh;
}

.bot3 {
  padding-bottom: 3vh;
}

.bot4 {
  padding-bottom: 4rem;
}

.bot5 {
  padding-bottom: 5vh;
}

.bot6 {
  padding-bottom: 6vh;
}

.bot7 {
  padding-bottom: 7vh;
}

.pad-left-0 {
  padding-left: 0;
}

.pad-left-2 {
  padding-left: 2vw;
}

.pad-left-3 {
  padding-left: 3vw;
}

.pad-left-4 {
  padding-left: 4vw;
}

.pad-left-5 {
  padding-left: 5vw;
}

.pad-right-0 {
  padding-right: 0;
}

.padding-left {
  padding-left: 30px;
}

.px-1 {
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
}

.px-2 {
  padding-top: 2vh !important;
  padding-bottom: 2vh !important;
}

.px-3 {
  padding-top: 4vh !important;
  padding-bottom: 4vh !important;
}

div.light_rounded .pp_next:hover,
div.light_rounded .pp_previous:hover {
  /* background-image: none !important; */
}

.pp_gallery li {
  display: none !important;
}

h2 {
  font-size: 21px;
  font-family: 'Roboto-Bold';
  line-height: 1.5;
  margin-bottom: 0;
}

h3 {
  font-size: 18px;
  font-family: 'Roboto-Bold';
  line-height: 1.5;
}

h4 {
  font-family: 'Roboto-Bold';
  font-style: normal;
  /* font-weight: 500; */
  font-size: 16px;
  line-height: 1.3;
  margin-top: 0;
}

h5 {
  font-size: 14px;
  line-height: 1.3;
}

h6 {
  font-size: 12px;
  line-height: 1.3;
}

p {
  font-size: 16px;
  line-height: 1.5;
}

/* LOADER */

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid var(--Primary0);
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.contrast .loader {
  border-top: 16px solid var(--black);
}

#body_mask {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 25px;
  text-align: center;
  position: fixed;
  z-index: 999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-items: center;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#preloader {
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: var(--background);
  color: #fff;
  position: fixed;
  z-index: 999999999;
  top: 0;
}

#preloader.loaded {
  transition: opacity .8s linear;
  opacity: 0;
}

#preloader .loaders {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#preloader .loaders .preloader {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%;
  height: 200px;
  align-items: center;
  justify-content: center;
  perspective: 500px;
}

#preloader .ball-clip-rotate>div {
  width: 50px;
  height: 50px;
  border: 2px solid var(--Primary2);
  border-bottom-color: transparent;
}

/**
 * Util classes
 */
.left {
  float: left;
}

.right {
  float: right;
}


/* Bloco Sombra */
.bloco-sombra {
  box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
}

.bloco-sombra:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

/* ============================= */

/* Titulos */
.titulo {
  color: #474A4D;
  position: relative;
  margin-bottom: 20px;
  position: relative;
}

.titulo h2 {
  margin: 0;
  display: inline-block;
}

.contrast .titulo h2 {
  border-color: white;
}

/* Imagens */
.imagem {
  overflow: hidden;
  /* display: flex; */
  /* border-radius: 10px; */
  /* align-items: center; */
}

.imagem img {
  object-fit: cover;
  object-position: center;
}

/* ======= */

/* Bloco Breadcrumb das Páginas */
.breadcrumb a {
  /* color: white; */
  font-size: 16px;
  text-transform: capitalize;
}

.breadcrumb li {
  list-style-image: url('../img/icone_seta_direita.svg');
  font-size: 16px;
  text-transform: capitalize;
}

.breadcrumb {
  display: inline-flex;
  margin-top: 20px;
  padding-left: 20px;
  flex-flow: wrap;
}

/* ============================= */


/* Páginas */
.panel-primary {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.panel-primary>.panel-heading,
.btn-primary,
.btn-info {
  background-color: var(--Primary1);
  border-color: var(--Primary1);
}

.panel-primary .panel-title {
  color: white;
  display: flow-root;
}

.panel img {
  max-width: 100%;
}

.panel-primary,
.panel-body table[border='0'],
.panel-body table[border='0'] td,
.panel-body table[border='0'] tr {
  border: none;
}

.auto-caption img {
  height: auto !important;
}

.tabela-titulo {
  background-color: #656D78;
  color: white;
}

.comissao .imagem {
  height: 150px;
  display: flex;
}

.comissao .imagem img {
  min-width: unset;
  height: auto;
}

.panel-body .formulario {
  background: #eee;
  padding: 10px 10px 0;
  margin-top: -15px;
  margin-bottom: 30px;
}

/* /.Página de Busca */


/* ACESSIBILIDADE */
#acessibilidade {
  background-color: var(--Primary0);
  min-height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}

#acessibilidade a {
  background-color: transparent;
  color: var(--background);
  font-size: 12px;
  cursor: pointer;
  padding: 8px;
  margin-right: 0;
}

#acessibilidade a span {
  background-color: var(--background);
  color: var(--Primary0);
  padding: 2px 6px;
  font-weight: 700;
  border-radius: 4px;
}

#acessibilidade .open a:focus,
#acessibilidade .open a:active {
  background-color: transparent;
}

#acessibilidade .dropdown-menu a {
  color: #474A4D !important;
  font-family: 'Roboto-Bold';
  padding-left: 15px;
}

@media screen and (min-width: 768px) {

  #acessibilidade .dropdown-menu {
    background-color: white !important;
  }

  #acessibilidade .dropdown-menu li a:hover {
    background-color: #f5f5f5;
  }

  #acessibilidade #MENU-ACESSIBILIDADE {
    display: flex;
    padding: 0;
    justify-content: space-between;
  }

  #acessibilidade #MENU-ACESSIBILIDADE::after,
  #acessibilidade #MENU-ACESSIBILIDADE::before {
    display: none;
  }

  #acessibilidade #MENU-ACESSIBILIDADE ul.navbar-right {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {

  #acessibilidade #MENU-ACESSIBILIDADE {
    max-height: max-content;
  }

  #acessibilidade .navbar-toggle span {
    background-color: white;
  }

  #acessibilidade .navbar-toggle:hover span {
    background-color: var(--Primary1);
  }

  #acessibilidade .navbar-toggle:hover {
    /* color: var(--Primary1); */
  }

  #acessibilidade ul .dropdown-menu a {
    color: white !important;
  }
}

/* ============================= */

/* Bloco Logo */
#bloco-logo {
  min-height: 160px;
  display: grid;
  align-items: center;
  /* background-image: url(../img/background_topo.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#bloco-logo img {
  margin-left: 0;
  max-height: 115px !important;
  height: auto;
  padding: 0;
}

#bloco-logo ul {
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-end;
}

#bloco-logo ul li {
  position: relative;
  padding: 0;
  left: 0;
  display: block;
  margin: 5px;
}

#bloco-logo ul li a {
  padding: 10px 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  display: block;
  font-weight: unset;
  font-family: 'Roboto-Bold';
  position: relative;
}

#bloco-logo ul li a:hover,
#bloco-logo ul li a:focus,
#bloco-logo ul li a:active {
  background-color: transparent;
}

#bloco-logo ul li a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: white;
  transition: all .3s;
  visibility: hidden;
  text-align: center;
}

#bloco-logo ul li a:hover:after {
  visibility: visible;
  left: 0;
  width: 100%;
}

#bloco-logo ul:first-of-type li:last-of-type:after,
#bloco-logo ul:first-of-type li.btn-success::after {
  /* background-color: transparent; */
}

#bloco-logo ul li.btn-success {
  background-color: var(--Primary1);
}

#bloco-logo ul li.btn-success a {
  color: white;
}

#bloco-logo form {
  margin: 0;
  /* transition: all .3s; */
  padding-right: 0;
  /* padding-left: 15px; */
}

#bloco-logo label,
#newsletter label,
#bloco-logo legend,
#newsletter legend {
  display: none;
}

.form-padrao input {
  border: 2px solid var(--Primary0);
  border-radius: 6px 0 0 6px;
  border-right: 0;
  height: auto;
  padding: 8px 12px;
  line-height: 24px;
}

.form-padrao .input-group-btn {
  width: auto;
}

.form-padrao button {
  font-size: 18px;
  border: 2px solid var(--Primary0);
  border-left: 0;
  transition: all .2s;
  padding: 0 12px;
  color: var(--Primary0);
  background-color: transparent;
}

.form-padrao button:hover,
.form-padrao button:active,
.form-padrao button:focus {
  background-color: var(--Primary0);
  color: white;
  border-color: var(--Primary0);
}

#bloco-logo button.botao-busca {
  font-size: 18px;
  height: 40px;
  width: 40px;
  /* border-radius: 50%; */
  border-color: transparent;
  background-color: transparent;
  padding: 5px;
}

#bloco-logo ul:first-of-type li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  height: 2px;
  background-color: var(--Primary1);
  transition: all .5s;
}

#bloco-logo ul:first-of-type li:hover::after,
#bloco-logo ul:first-of-type li:focus::after,
#bloco-logo ul:first-of-type li:active::after {
  width: 100%;
}

.contrast #bloco-logo {
  filter: grayscale(1);
}

.contrast #bloco-logo ul:first-of-type li::after {
  background-color: white;
}

.contrast #bloco-logo ul li.btn-success {
  background-color: transparent;
  border-color: white;
}

.contrast #bloco-logo ul.dropdown-menu li a {
  color: #474A4D !important;
}

/* ============================= */

/* Bloco Menu */
#bloco-menu {
  box-shadow: 0px 2px 4px rgba(45, 64, 74, 0.25);
}

#bloco-menu .navbar-brand {
  object-fit: contain;
  max-width: 100%;
  width: 250px;
  padding: 0;
}

#bloco-menu ul.nav.navbar-nav::before,
#bloco-menu ul.nav.navbar-nav::after {
  display: none;
}

#bloco-menu,
#bloco-menu ul {
  background-color: #e7e7e7;
  left: unset;
  right: 0;
}

#bloco-menu .menu-municipio ul {
  left: 0;
  right: unset;
}


#bloco-menu ul ul .dropdown-menu {
  /* left: 100%; */
  /* right: initial; */
}

#bloco-menu ul ul.dropdown-menu li a:active,
#bloco-menu ul ul.dropdown-menu li a:hover,
#bloco-menu ul ul.dropdown-menu li a:focus {
  color: var(--Primary0);
  background-color: #f5f5f5;
}

#bloco-menu ul li a {
  font-size: 16px;
  font-family: 'Roboto-Medium';
  color: #474A4D;
  padding: 15px 5px;
}

#bloco-menu ul.dropdown-menu li a {
  padding: 10px 15px;
  width: auto;
  word-break: break-word;
  min-width: unset;
  white-space: inherit;
}

#bloco-menu .navbar {
  margin: 0;
  min-height: auto;
  border: none;
}

@media (min-width: 768px) {

  #bloco-menu .navbar-collapse.collapse {
    padding: 0;
  }

  #bloco-menu ul.nav {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    width: 100%;
  }

  .dropdown:hover>.dropdown-menu,
  .dropdown-submenu:hover>.dropdown-menu {
    display: block;
    /* left: unset; */
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
  }

  #bloco-menu .dropdown-menu {
    width: max-content;
    max-width: 320px;
  }
}

@media screen and (max-width: 768px) {

  #bloco-menu .navbar-brand {
    width: 250px;
    padding: 0;
  }

  #bloco-menu .navbar-toggle {
    border-color: #001026;
    margin-top: 2vh;
    margin-right: 2vh;
  }

  #bloco-menu .navbar-toggle .icon-bar {
    background-color: #474A4D;
  }

  #bloco-menu .navbar-form .form-control {
    position: absolute;
    width: 2800%;
    height: 47px;
    right: 130%;
    margin-top: -5px;
  }

  #bloco-menu .navbar-collapse {
    /* border-top: 1px solid #474A4D; */
  }

  #bloco-menu ul.visible-xs li a {
    text-transform: uppercase;
  }
}

.contrast #bloco-menu ul li a:hover,
.contrast #bloco-menu ul li a:focus,
.contrast #bloco-menu ul li a:active {
  color: #474A4D !important;
  background-color: #f5f5f5 !important;
}

/* ============================= */

/* Bloco Fique Conectado ou Newsletter V2 */
#bloco-fique-conectado .titulo h2 {
  background-color: transparent;
  display: inline-block;
}

#bloco-fique-conectado p {
  font-size: 18px;
}

#bloco-fique-conectado .titulo::after {
  display: none;
  font-weight: unset;
}

#bloco-fique-conectado input {
  border: 2px solid var(--Primary0);
  padding: 8px 16px;
  height: auto;
  font-size: 16px;
}

#bloco-fique-conectado button {
  /* display: flex; */
  /* width: 100%; */
  /* justify-content: center; */
}

#bloco-fique-conectado .loader {
  width: 15px;
  height: 15px;
  border: 2px solid white;
  border-top: 2px solid var(--Primary2);
  margin-left: 15px;
}

#bloco-fique-conectado .form-group {
  margin-right: 15px;
}

@media screen and (min-width: 1300px) {
  #bloco-fique-conectado form {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 992px) {
  #bloco-fique-conectado .bloco-vertical-middle {
    /* display: block; */
  }
}

@media screen and (max-width: 768px) {
  #bloco-fique-conectado button {
    float: right;
  }

  .card {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }

  .card h3 {
    margin-top: 0;
  }

  .card .form-group.text-right {
    margin-bottom: 0;
  }

  #bloco-fique-conectado input {
    margin-bottom: 2vh;
  }
}

.redes {
  list-style-type: none;
  display: flex;
  margin-bottom: 0;
  padding: 0;
}

.redes li a {
  padding: 8px;
  border-radius: 50px;
  width: 70px;
  height: 70px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

#newsletter .redes li a {
  width: 70px;
  height: 70px;
}

/* @media screen and (min-width: 992px) {
    .redes {
        float: right;
    }
} */

@media screen and (max-width: 992px) {
  .redes {
    margin-top: 3vh;
    justify-content: center;
  }
}

/* Bloco Fique Conectado ou Newsletter V2 */
/* ====================================== */

/* Bloco Horários */
#horarios h3,
#horarios p {
  /* margin: 0; */
}

#horarios h3,
#horarios h4 {
  line-height: 1.5;
}

#horarios,
#horarios * {
  color: white;
  /* margin-bottom: 40px; */
}

#horarios .titulo h2 {
  margin-bottom: 10px;
  font-size: 21px;
}

#horarios .titulo p {
  font-size: 16px;
  line-height: 24px;
}

#horarios iframe {
  width: 100%;
  height: 200px;
}

/* Bloco Rodapé */

#rodape,
#rodape a {
  color: white;
}

#rodape h2 {
  text-transform: uppercase;
}

#rodape h2 svg {
  font-size: 30px;
}

#rodape .bord-left {
  border-left: 1px solid rgba(248, 248, 248, 0.5);
}

#rodape h5 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.5;
}

#rodape ul {
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  display: grid;
  background-color: transparent;
  border: 0;
  box-shadow: unset;
  position: unset;
}

#rodape .dropdown-menu {
  padding-left: 30px;
}

#rodape ul li a {
  color: white;
  font-size: 16px;
  padding: 10px 0;
  display: block;
  line-height: 24px;
}

#rodape ul.dropdown-menu li a:hover,
#rodape ul.dropdown-menu li a:focus,
#rodape ul.dropdown-menu li a:active {
  background-color: transparent;

}


@media screen and (max-width: 768px) {
  #rodape .bloco-vertical-middle {
    display: block;
  }

  #rodape .bord-left {
    padding-bottom: 30px;
  }
}

/* Bloco Sub-Rodapé */
#sub-rodape {
  color: white;
}

#sub-rodape p {
  margin: 0;
}

#sub-rodape img {
  max-width: 10rem;
}

@media screen and (max-width: 768px) {
  #sub-rodape p {
    text-align: center;
  }

  #sub-rodape img {
    margin-top: 2vh;
    margin-inline: auto;
    max-width: 15rem;
  }
}


/* Bloco Swiper */
.swiper {
  z-index: 0;
}

/* /.Bloco Swiper */

/* /.Bloco Banner */
.banners .swiper-button-next:after,
.banners .swiper-button-prev:after {
  font-size: 21px;
}

.banners .swiper-button-next,
.banners .swiper-button-prev {
  top: 50%;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(80, 80, 80, 0.6);
  color: white;
}

.banners .swiper-slide img {
  display: block;
  /* margin-inline: auto; */
}

@media screen and (max-width: 768px) {
  .banners .swiper-slide img {
    /* width: 100%; */
  }
}

/* ================ */



/* CSS CONTRASTE */
.contrast img,
.contrast object,
.contrast iframe {
  filter: grayscale(100%) contrast(120%);
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number],
.contrast .botao,
.contrast #atividade-legislativa .select2-selection--single,
.contrast #atividade-legislativa input,
.contrast .cookies-save {
  background: #121817 !important;
  border: 1px solid white !important;
  color: white !important;
}

.contrast #sub-rodape,
.contrast nav,
.contrast,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,
.contrast #bloco-menu ul,
.contrast button,
.contrast .cookies-content,
.contrast #horarios,
.contrast #rodape,
.contrast .acesso-rapido-item,
.contrast .panel {
  background: #121817 !important;
  color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast u,
.contrast span,
.contrast a {
  color: white !important;
}

.contrast #acessibilidade span,
.contrast #acessibilidade i {
  color: initial !important;
}

.contrast .select2-results__option--selectable,
.contrast .select2-results__option,
.contrast .panel-primary>.panel-heading h3 {
  color: #121817 !important;
}

.contrast .select2-container--default .select2-selection--single .select2-selection__clear,
.contrast .btn-default,
.contrast .back-cinza,
.contrast .botao-noticia,
.contrast .titulo h2,
.contrast .panel-primary form {
  background-color: transparent !important;
}

.contrast .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ddd;
}

.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
  border: none !important;
}

.contrast .panel-primary>.panel-heading {
  border-color: transparent;
}

.contrast button.btn,
.contrast .acesso-rapido-item {
  border: 2px solid white !important;
}

.contrast .titulo h2,
.contrast h5.text-muted,
.contrast .nav-tabs li a:hover,
.contrast .nav-tabs li.active a,
.contrast .nav-tabs li.active a:hover,
.contrast .nav-tabs li.active a:active,
.contrast .nav-tabs li.active a:focus {
  border-color: white !important;
}

.contrast .panel-primary>.panel-heading {
  background-color: white !important;
}


.contrast .select2-container--default .select2-selection--single .select2-selection__arrow b {
  filter: contrast(0);
}

li.bold>a {
  font-family: 'Roboto-Bold' !important;
}

/* Sitemap */
.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
}

/* ======= */

.table .tdpreto {
  color: white;
}

/* ESTILIZAÇÃO DO MAPA DO SITE */
.titulo-sitemap {
  padding-top: 15px;
}

.titulo-sitemap.link-titilo-sitemap {
  cursor: pointer;
  display: block;
  border-radius: 4px;
  background-color: #aab2bd;
  width: 100%;
  padding: 10px;
  margin: 20px 0
}

.titulo-sitemap.link-titilo-sitemap a,
.links-sitemap a {
  display: block;
  width: 100%;
}

.titulo-sitemap.link-titilo-sitemap a {
  color: #000;
}

.links-sitemap {
  font-weight: 400;
  display: block;
  padding: 5px;
  width: 100%;
  background-color: #aab2bd;
  text-align: center;
  font-size: 16px;
  margin: 2px 0;
  border-radius: 4px;
  cursor: pointer;
}

.links-sitemap a {
  color: white;
}

.links-sitemap:hover a {
  color: #9ea2a8;
  transition: 0.2s ease-out;
}

.links-sitemap:hover,
.titulo-sitemap.link-titilo-sitemap:hover {
  background-color: #e6e9ed;
  transition: 0.3s ease-out;
}

.contrast .titulo-sitemap.link-titilo-sitemap,
.contrast .links-sitemap {
  background-color: transparent;
  border-bottom: 2px solid white;
}

/* Exibição noticias */
.noticias a {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 310px auto;
}

@media screen and (max-width: 768px){
  .noticias a {
      grid-template-columns: 1fr;
  }}

  #bloco-noticias .texto {
    display: flex;
    align-content: space-between;
    flex-direction: column;
    justify-content: space-between;
}