/* variáveis de cores  */
:root {
  --stfAzulPreto: #041a29;
  --stfPreto: #0e0e0e;
  --stfCinzaEscuroMenu: #1a1a1a;
  --stfCinzaEscuro: #404040;
  --stfCinza: #808080;
  --stfCinzaMedio: #525252;
  --stfCinzaClaro: #efefef;
  --stfCinzaClaroAlpha10: rgba(240, 240, 240, 0.1);
  --stfCinzaBackground: rgba(0, 0, 0, 0.05);
  --stfCinzaAlpha60: rgba(0, 0, 0, 0.6);
  --stfCinzaAlpha40: rgba(0, 0, 0, 0.4);
  --stfBoxAlpha30: rgba(192, 192, 192, 0.3);
  --stfBranco: #fff;
  --stfBrancoAlfa40: rgba(255, 255, 255, 0.4);
  --stfBrancoAlfa80: rgba(255, 255, 255, 0.8);
  --stfBrancoAlfa15: rgba(255, 255, 255, 0.15);
  --stfAzul: #056bb3;
  --stfAzulMedio: rgb(5, 76, 128);
  --stfAzulEscuro: rgb(0, 29, 62);
  --stfAzulMedioRGB: 5, 76, 128;
  --stfAzulEscuroRGB: 0, 29, 62;
  --stfAzulMenu: #002f4d;
  --stfAzulHover: #025780;
  --stfAzulHoverClaro: #75d2ff;
  --stfAzulEscuroAlfa60: rgba(0, 105, 152, 0.6);
  --stfAzulEscuroAlfa15: rgba(0, 105, 152, 0.15);
  --stfAzulEscuroAlfa10: rgba(0, 105, 152, 0.10);
  --stfAzulClaro: #00b9ff;
  --stfAzulMaisClaro: rgb(225, 243, 255);
  --stfAzulMaisClaroRGB: 225, 243, 255;
  --stfAzulCinza: #edf4fc;
  --stfVerde: rgb(29, 191, 29);
  --stfVerdeMedio: rgb(3, 128, 3);
  --stfVerdeEscuro: rgb(3, 66, 35);
  --stfVerdeEscuroRGB: 3, 66, 35;
  --stfVerdeClaro: rgb(221, 249, 234);
  --stfVerdeClaroRGB: 221, 249, 234;
  --stfAmarelo: rgb(252, 207, 59);
  --stfAmareloMedio: rgb(221, 176, 29);
  --stfAmareloEscuro: rgb(192, 148, 2);
  --stfAmareloClaro: rgb(255, 251, 236);
  --stfVermelho: rgb(164, 0, 0);
  --stfVermelhoEscuro: rgb(96, 0, 0);
  --stfVermelhoClaro: rgb(252, 238, 240);
  --stfMarrom: rgb(98, 54, 23);
  --stfMarromEscuro: rgb(38, 19, 5);
  --stfMarromEscuroRGB: 38, 19, 5;
  --stfMarromMedio: rgb(67, 35, 12);
  --stfMarromClaro: rgb(255, 234, 219);
  --stfMarromClaroRGB: 255, 234, 219;
  --stfAzulQlik: #4477aa;
  --stfSeta: url(/assets/img/seta.svg);
  --stfSetaAtivo: url(/assets/img/seta-ativo.svg);
  
  /* alpha */
  --stfAlpha05: 0.05;
  --stfAlpha10: 0.1;
  --stfAlpha15: 0.15;
  --stfAlpha20: 0.2;
  --stfAlpha30: 0.3;
  --stfAlpha40: 0.4;
  --stfAlpha50: 0.5;
  --stfAlpha60: 0.6;
  --stfAlpha80: 0.8;
  --stfAlpha90: 0.9;
  --stfAlpha95: 0.95;

  /* breakpoints min */
  --bp-phone: (min-width: 500px);
  --bp-tablet: (min-width: 768px);
  --bp-tablet-landscape: (min-width: 996px);
  --bp-desktop: (min-width: 1200px);
  --bp-desktop-large: (min-width: 1600px);

  /* breakpoints max */
  --bp-phone-m: (max-width: 500px);
  --bp-tablet-m: (max-width: 768px);
  --bp-tablet-landscape-m: (max-width: 996px);
  --bp-desktop-m: (max-width: 1200px);
  --bp-desktop-large-m: (max-width: 1600px);
}

/* classes auxiliares de cores */
.bg-verde-escuro {
  background-color: var(--stfVerdeEscuro);
}
.color-verde-escuro {
  color: var(--stfVerdeEscuro);
}
.bg-marrom {
  background-color: var(--stfMarromEscuro);
}
.color-marrom {
  color: var(--stfMarromEscuro);
}
.bg-azul-escuro {
  background-color: var(--stfAzulEscuro);
}
.color-azul-escuro {
  color: var(--stfAzulEscuro);
}
.bg-azulmedio {
  background-color: var(--stfAzulMedio);
}
.color-azulmedio {
  color: var(--stfAzulMedio);
}

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

 /* normalize/reset do css */
 /* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: 'Open sans', Roboto, sans-serif;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}







/* img fluid para bootstrap */

.img-fluid {
  max-width: 100%;
  height: auto;
}

/* sessão destaque título da landing covid */

.titulo-landing {
  background: #efefef;
  padding: 16px;
  position: relative;
  /* top: 95px; */
}

.item-titulo-landing {
  font-size: 1.4rem;
  line-height: 1.8;
}


/* sessão quem é quem da presidência */

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-pesquisa-escuro {
  color: var(--stfBranco) !important;
  background-color: var(--stfAzulMedio) !important;
}

.btn-pesquisa-escuro:hover {
  color: var(--stfBranco) !important;
  background-color: var(--stfAzulHover) !important;
}

.collapse .in > p {
  margin: 0 0 10px;
}


.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  /* border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; */
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.8rem;
  /* border-radius: 4px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#retornarTopo {
  display: none;
  position: fixed;
  left: 86%;
  top: 90%;
  color: #065178;
  cursor: pointer;
  text-align: center;
  border: 0;
  background-color: transparent;
  font-size: 3rem;
}

.texto-titulo {
  font-size: 1.5rem;
}

.card-2half h4, .card-3half h4 {
  margin: 0;
  font-size: 1.2rem;
}
.card-3half h4 {
  margin-bottom: .5rem;
}
.card-2half p, .card-3half p {
  font-size: .8rem;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: var(--stfAzulMedio) !important;
  /* color: #337ab7; */
  background-color: var(--stfBranco) !important;
  /* background-color: #fff; */
  border: 1px solid var(--stfCinza) !important;
  /* border: 1px solid #ddd; */
  margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  z-index: 2;
  color: var(--stfAzulHover) !important;
  /* color: #23527c; */
  background-color: var(--stfCinzaClaro) !important;
  /* background-color: #eee; */
  border-color: var(--stfCinza) !important;
  /* border-color: #ddd */
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 3;
  color: var(--stfBranco) !important;
  /* color: #fff; */
  background-color: var(--stfAzulMedio) !important;
  /* background-color: #337ab7; */
  border-color: var(--stfAzulMedio) !important;
  /* border-color: #337ab7; */
  cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
  color: var(--stfCinzaMedio) !important;
  /* color: #777; */
  background-color: var(--stfCinzaClaro) !important;
  /* background-color: #fff; */
  border-color: var(--stfCinzaAlpha40) !important;
  /* border-color: #ddd; */
  cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 1.2rem;
  line-height: 1.33333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: .8rem;
  line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.columns-300 {
  columns: 300px auto;
}