/*
 * Compatibilidade apos a remocao do Bootstrap 3.
 *
 * Reproduz apenas as classes que o tema usava e que nao eram definidas
 * por nenhum outro CSS. O grid (row, col-*, container-fluid) continua a
 * cargo do flexboxgrid.css.
 */

/*
 * Box model global. O Bootstrap 3 aplicava border-box em todos os
 * elementos e o tema foi construido com isso. Sem este reset, elementos
 * com padding (como o cabecalho) ficam maiores que o previsto e cobrem o
 * conteudo. Repoe o mesmo comportamento.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Alertas (index.php, mensagem de loop vazio). */
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

/* Imagem responsiva (banner do topo). */
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Texto visivel apenas para leitores de tela (label da busca). */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Clearfix (content.php). Mesma implementacao do Bootstrap 3. */
.clearfix::before,
.clearfix::after {
	display: table;
	content: " ";
}

.clearfix::after {
	clear: both;
}

/*
 * Container do conteudo (header.php usa <section class="container">).
 * Reproduz a largura maxima centralizada e o espacamento lateral que o
 * Bootstrap 3 dava. Sem isto o conteudo cola nas bordas da tela.
 */
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}