/*
 * 	DECLARA AS CORES PRINCIPAIS DO SITE:
 */
:root {
  /* Cor principal de assinatura do site: ( cor Azul: #2314EE / cor Rosa: #DE4993 ) */ 
  --cor-principal: #DE4993;
  --cor-principal-suave: #de499411;
  --cor-principal-negativa: #FFF;
  
  /* Cor dos links destacados nos textos: */
  --cor-links: #2980b9; 

  /* Cor do cabeçalho: */
  --cor-cabec-fundo: #f2f2f2; 

  /* Cor do menu superior: */
  --cor-menu-texto-nao-hover: #FFF; 
  --cor-menu-texto-hover: #EAEAEA;
  --cor-menu-fundo: #DE4993; 

  /* Cor dos cartões: */
  --cor-card-frente-texto: #2980b9;
  --cor-card-frente-fundo: transparent; 
  --cor-card-costas-texto: #ffffff;
  --cor-card-costas-fundo: #2980b9; 

  /* Cor dos botões: */
  --cor-botao-nao-hover: #146397; 
  --cor-botao-hover: #1c7dbd;
  --cor-botao-retorno: #0f253a; 
  --cor-botao-retorno-hover: #4F4F4F; 
}



body {
 font-size: 16px;
}


/*
 * Personaliza configurações do menu superior
 *
 */
.navbar-collapse {
	flex-grow: 0;
}
.dropdown-header {
	color: var(--cor-principal) !important;
	text-transform: uppercase;
	font-weight: bold;
}
.bg-light {
  background-color: var(--cor-menu-fundo) !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: var(--cor-menu-texto-hover);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link {
  color: var(--cor-menu-texto-nao-hover);
}

/* Faz definições do cabeçalho */ 
 .jumbotron {
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 15px;
}
.ctop-text {
  position: relative;
  z-index: 5;
  color: #000;
  font-size: clamp(12px, 1.2vw, 16px);
  background: linear-gradient(rgba(255, 255, 255, 0.4), 
              rgba(255, 255, 255, 0.4)), 
              url(http://receita.contagem.mg.gov.br/imagem_fundo.png) repeat-x center bottom;
}


/* Acerta configuração da parte principal da página (box de conteúdo)*/ 
.container-sm {
  font-size: clamp(12px, 2vw, 16px);
  padding: 0px 15px 15px 15px;
  margin-top: 15px;
  margin-bottom: 5px;
}

/* Faz definições do rodapé */
footer {
  padding: 25px;
  margin-top: 20px;
}
.footer-text {
  position: relative;
  z-index: 5;
  color: #000;
  font-size: clamp(10px, 0.8vw, 12px);
  background: linear-gradient(rgba(255, 255, 255, 0.5), 
              rgba(255, 255, 255, 0.5)), 
              url(http://receita.contagem.mg.gov.br/imagem_fundo.png) repeat-x center bottom;
}


/*
 *   Define aparência dos links em geral
 */
.container-fluid a, .container-fluid a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: var(--cor-links);
}

.container-fluid a:hover, .container-fluid a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: var(--cor-links);
}

.btn-primary {
  color: #fff;
  background-color: var(--cor-botao-nao-hover);
  border-color: var(--cor-botao-nao-hover);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--cor-botao-hover);
  border-color: var(--cor-botao-hover);
}
.btn-dark {
  color: #fff;
  background-color: var(--cor-botao-retorno);
  border-color: var(--cor-botao-retorno);
}
.btn-dark:hover {
  color: #fff;
  background-color: var(--cor-botao-retorno-hover);
  border-color: var(--cor-botao-retorno-hover);
}

/*
 *   Define aparência dos links especiais
 */

 a.link-especial:link,
 a.link-especial:visited
 {
   text-decoration: none;
   color:#000;
   line-height:normal	
 }  
 
 a.link-especial:hover
 {
   text-decoration: underline;
   color:#000;
   line-height:normal	
 }  




/*
 *   Define aparência dos cartões
 */

 .flip-card {
  display: inline-block;
  background-color: var(--cor-card-frente-fundo);
  padding:5px;
  width: 265px;
  height: 200px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.0s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.0);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  color: var(--cor-card-frente-texto);
  border: 2px solid var(--cor-card-frente-texto) !important;
 }

.flip-card-back {
  background-color: var(--cor-card-costas-fundo) !important;
  color: var(--cor-card-costas-texto) !important;
  transform: rotateY(180deg);
}

/*
 *  Define textos dos informativos
 */

.materia-titulo {
  font-size: clamp(16px, 2vw, 18px);
  text-transform: uppercase;
  line-height:normal;
  padding: 0px 15px 0px 15px;
  margin-top: 15px;
}

.materia-data {
  font-size: clamp(12px, 2vw, 12px);
  padding-left: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.materia-texto {
  font-size: clamp(13px, 2vw, 16px);
  padding: 0px 15px 15px 15px;
}



/*
 *  Blockquote (citações)
 */

 blockquote {
  font-size: 1.0em;
  line-height: 1.6em;
  color:rgb(136, 136, 136);
  padding: 20px 20px 20px 25px;
  border-left: none;
  position: relative;
  text-indent: -19px;
  margin-left: 30px
}

section#block_content {
  min-height: 400px;
  padding-top: 40px;
  text-align: left
}

blockquote p {
  font-size: 1em
}

blockquote:before,
blockquote:after {
  font-family: Arial, serif;
  font-size: 2.5em;
  vertical-align: middle;
  line-height: 0
}

blockquote:before {
  content: open-quote;
  margin-right: 4px
}

blockquote:after {
  content: close-quote;
  margin-left: 3px
}

blockquote.blockstyle,
blockquote.style2 {
  background: #fff;
  font-style: italic
}

blockquote.blockstyle p,
blockquote.style2 p {
  display: inline
}

blockquote.blockstyle {
  border-left: 3px solid var(--cor-principal);
  position: relative
}

blockquote.blockstyle>span.triangle:before {
  text-indent: 0;
  content: "\f0da";
  font-family: FontAwesome;
  color: var(--cor-principal);
  position: absolute;
  left: -1px;
  top: 50%;
  margin-top: -11px;
  font-style: normal
}

blockquote.blockstyle:before,
blockquote.blockstyle:after {
  color: var(--cor-principal)
}

blockquote.blockstyle.border-color-blue {
  border-color: #01b7f2
}

blockquote.blockstyle.border-color-blue>span.triangle:before {
  color: #01b7f2
}

blockquote.blockstyle.border-color-yellow {
  border-color: #fdb714
}

blockquote.blockstyle.border-color-yellow>span.triangle:before {
  color: #fdb714
}