/* Nesse arquivo estão contidas definições que podem ser usadas em
 * quaisquer páginas do site. São as intituladas definições "globais".
 * 
 * Não adicionar nesse arquivo definições exclusivas de páginas ou
 * modúlos. Cada página ou módulo deve possuir o seu próprio arquivo de
 * estilo com apenas definições do seu conteúdo. Sendo assim cada view
 * terá um arquivo CSS com mesmo nome.
 */ 
:root {
  --vermelho: #ff284c;
  --verde: #28ff42;
  --roxo: #6429ff;
  --bege: #d9e7e8;
  --branco: #fff;
  --branco-destaque: #F3F3F3;
  --cinza: #E9ECEF;
  --bg-body: #f8f9fa;
  --borda: #E9ECEF;
  --margem-de-secao: 40px;
}

@font-face {
    font-family: 'OpenSans-Regular'; 
    src: url('/assets/fonts/OpenSans-Regular.ttf'); 
}

@font-face {
    font-family: 'OpenSans-SemiBold'; 
    src: url('/assets/fonts/OpenSans-SemiBold.ttf'); 
}

@font-face {
    font-family: 'Roboto-Regular'; 
    src: url('/assets/fonts/Roboto-Regular.ttf'); 
}

@font-face {
    font-family: 'Roboto-Condensed'; 
    src: url('/assets/fonts/Roboto-Condensed.ttf'); 
}

@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('/assets/fonts/BebasNeue-Regular.ttf');
}

h1,h2,h3,h4,h5,h6,h7 {
	font-family: 'Roboto-Condensed' !important;
	font-weight: bold !important;
}

h1, .h1{font-size: 18pt !important}
h2, .h2{font-size: 16pt !important}
h3, .h3{font-size: 14pt !important}
h4, .h4{font-size: 12pt !important}
h5, .h5{font-size: 10pt !important}

body, html{
	font-family: 'Roboto-Regular' !important;
	font-weight: normal !important;
	background-color: var(--bg-body);
}

.container-fluid{
	padding: 0 !important;
}
.wrapper{
	max-width: 1024px;
	margin: 0 auto;
}

.main-content{
	margin-top: var(--margem-de-secao);
}

.main-content .row{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
a{
	color: var(--roxo);
	font-family: 'Roboto-Condensed' !important;
	font-weight: normal;
}

.btn{
	font-family: 'BebasNeue-Regular' !important;
	font-weight: bold !important;
}

.titulo-padrao{
	float: left;
	font-size: 16pt !important;
	font-weight: bold;
	margin-bottom: 20px !important;
}

.link-primario{color: #000 !important;}
.link-secundario{color: #f4e317 !important;}
.titulo-primario{color: #000 !important;}
.titulo-secundario{color: var(--roxo) !important;}

.btn-primary{
	background-color: var(--vermelho) !important;
	color: #fff !important;
	border: none;
}
.btn-secondary{
	background-color: var(--roxo) !important;
	color: #fff !important;
	border: none;
}
.btn-success{
	background-color: var(--verde) !important;
	color: #000 !important;
	border: none;
}

/* Paginação */
.pagina-ativa .page-link{
	background-color: #e8e8e8 !important;
}
.pagination{
	width: 300px !important;
	margin: 0 auto !important;
}
.pagination li a{
	color: #012169 !important;
}
/* Fim Paginação */