@import "../../paginas/01-topo/topo.css";
@import "../../paginas/02-topo-menu/topo-menu.css";
@import "../../paginas/03-banner/banner.css";
@import "../../paginas/04-icones-centro/icones-centro.css";
@import "../../paginas/05-noticias/noticias.css";
@import "../../paginas/06-calendario-eventos/calendario-eventos.css";
@import "../../paginas/07-galeria-fotos/galeria-fotos.css";
@import "../../paginas/08-galeria-videos/galeria-videos.css";
@import "../../paginas/09-links/links.css";
@import "../../paginas/10-downloads/downloads.css";
@import "../../paginas/11-municipio-consorcio/municipio-consorcio.css";
@import "../../paginas/12-fale-conosco/fale-conosco.css";
@import "../../paginas/13-localizacao/localizacao.css";
@import "../../paginas/14-rodape/rodape.css";

@import url('https://fonts.googleapis.com/css2?family=Muli:wght@900&family=Roboto+Condensed:wght@700&family=Roboto:wght@100;300&display=swap');

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

  html {
	scroll-behavior: smooth;
  }


  small{
	font-size: 14px;
  }



  /* CODIGO PARA A O BOTÃO QUE LEVA PRO TOPO */

  .blok:nth-of-type(odd) {
	background-color:rgb(196, 7, 7);
	}
		
	.blok:nth-of-type(even) {
	background-color:black;
	}
	
	@-webkit-keyframes border-transform{
		0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
		14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
		28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
		42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
		56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
		70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
		84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
	}
	.paginacontainer {
	  height: 3000px;
	}
	
	/* PROGRESSO
	================================================== */
	
	.barra-progresso {
		position: fixed;
		right: 30px;
		bottom: 30px;
		height: 46px;
		width: 46px;
		cursor: pointer;
		display: block;
		border-radius: 50px;
		box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
		z-index: 10000;
		opacity: 0;
		visibility: hidden;
		transform: translateY(15px);
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.barra-progresso.active-progress {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	
	.barra-progresso::after {
		position: absolute;
		content: '';
		text-align: center;
		line-height: 46px;
		font-size: 24px;
		color: rgba(0, 0, 0, 0.3); 
		left: 10px;
		top: 10px;
		height: 46px;
		width: 46px;
		cursor: pointer;
		display: block;
		z-index: 1;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.barra-progresso:hover::after {
		opacity: 0;
	}
	.barra-progresso::before {
		position: absolute;
		content: '';
		text-align: center;
		line-height: 46px;
		font-size: 24px;
		opacity: 0;
		background: black; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		left: 10px;
		top: 10px;
		height: 46px;
		width: 46px;
		cursor: pointer;
		display: block;
		z-index: 2;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.barra-progresso::after{
		background: url(../images/seta-cima.png);
		background-repeat: no-repeat;
	}

	.barra-progresso::before{
		background: url(../images/seta-cima.png);
		background-repeat: no-repeat;
	}
	.barra-progresso:hover::before {
		opacity: 1;
	}
	.barra-progresso svg path { 
		fill: none; 
	}
	.barra-progresso svg.progress-circle path {
		stroke: #3C61A7; 
		stroke-width: 4;
		box-sizing:border-box;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
.chapeu{
	font-size: 20px;
}

.artigo-completo p {
	font-size: 20px;
}

.artigo-completo i{
	font-size: 15px;
}

.box-visualizacao a{
	font-size: 20px;
}

::placeholder {
    font-size: 20px !important;
}

input{
	font-size: 20px !important;
}




.teste2 {
	position: relative;
}

#interno {
	background-attachment: fixed;
}

#interno {
	width: 100%;
	background: #000;
	background-size: cover;
	position: relative;
}

.video-galeria iframe {
	width: 770px;
	height: 530px;
}

.modal-content {
	width: 794px !important;
background: transparent !important;
right: 160px;
top: 100px;
}

.modal.show .modal-dialog {
	display: flex;
	justify-content: center;
}

.painel-tv p{
	font-size: 14px;
}