/*

	### 80 ANOS BANCO MERCANTIL ###
	Versão 1.0
	Autor: Fábio Xavier Andrade


 */

/* fontes */
	
	@import url("../inc/fonts/acervo.css");


/* configurações para visualização e teste */

	section, div, br {/*background-color: rgba(0,255,0,0.1);*/}


/*corpo do site, tamanhos e configurações */
	html {margin: 0 !important;}
	body { margin: 0; padding: 0; background-color: transparent; }
	* { box-sizing: border-box; transition: .2s;}
	img { max-width: 100%; display: table; margin: auto; }


/* fontes e tamanhos padrão para textos */

	* { font-family: 'Roboto', Arial, sans-serif; text-decoration: none;}

	h1, h2, h3 { font-family: 'Praktika Rounded', Arial, sans-serif; font-weight: normal; color: #0000fe;  margin: 20px 0;}
	h2, h3 {margin-top: 50px;}

	h1 { font-size: 40px; text-transform: uppercase;}
	p { color: #737373; font-size: 20px; line-height: 1.5; font-weight: 100; }

	hr { color: transparent; border: none; border-bottom: 1px solid #e0e0e0; margin: 50px 0; }

	.txt-justificar 	{text-align: justify;}

	.txt-centralizar 	{text-align: center;}

	.txt-direita	 	{text-align: right;}

	.redes * {font-family: 'Social Media'; font-size: 40px;}

/* botões */

a.botao {
	color: #0000fe;
	display: table;
	float: left;
	padding: 10px 15px;
	border: 1px solid #0000fe;
	margin: 10px 10px 10px 0;
	font-size: 14px;
}

a.botao:hover {
	background-color: #0000fe;
	color: white;
}

.negativo a.botao {
	color: white;
	border-color: white;
}

.negativo a.botao:hover {
	background-color: rgba(255,255,255,.2);
}

.botao.botao-blue {
	background-color: #0000FE;
	border-color: #0000FE !important;
	color: white;
}

.botao.botao-blue:hover {
	background-color: #0000af !important;
	border-color: #0000af !important;
}

/* seções, margens e colunas */

	section { display: table; width: 100%; }
	section:first-of-type {min-height: calc(100vh - 250px);}

	.padding {padding: 150px 0;}

	.tela { min-height: 100vw; }

	.no-wrap { display: table; margin: auto; width: 100%; }

	.wrap { margin: 0 auto; max-width: 990px; display: table;}

	.mini, .simples, .media, .dupla, .ampla, .tripla, .quarto, .col-mini, .col-simples, .col-media, .col-dupla, .col-ampla, .col-tripla  { float: left; }
	.medianiz { padding: 0 10px; }

	/* colunas margeadas */

	.col-mini {width: calc(990px / 6) ; }
	.col-simples {width: calc(990px / 3) ; }
	.col-media {width: calc(990px / 2) ; }
	.col-dupla {width: calc(990px / 3 * 2) ; }
	.col-ampla {width: calc(990px / 6 * 5) ; }
	.col-tripla {width: calc(990px) ; }

	/* módulos livres */

	.mini {width: calc(100% / 6 * 1)}
	.simples {width: calc(100% / 3)}
	.quarto {width: calc(100% / 4)}
	.media {width: calc(50%)}
	.dupla {width: calc(100% / 6 * 4)}
	.ampla {width: calc(100% / 6 * 5)}
	.tripla {width: calc(100%)}


/* background */

.cover {background-repeat: no-repeat; background-size: cover;}
.fixed {background-attachment: fixed}


/* esconder no computador */

	.only-mobile {display: none;}

/* medidas adaptadas para DISPOSITIVOS MÓVEIS */



	@media screen and (max-width: 1000px) {

		.wrap, .no-wrap { width: 95%; margin: 0 auto; }

		.col-simples, .col-media, .col-dupla, .col-ampla, .col-tripla {width: 100%; float: none; margin: 10px auto}

		.mini, .quarto, .col-mini {width: 50%;}

		.simples, .media, .dupla, .ampla, .tripla { width: 100% }
		
		.mb-1 { width: 100%; }
		.mb-2 {	width: 50%; }
		.mb-3 {	width: calc(100% /3); }
		.mb-4 { width: 25% }

		.only-pc {display: none !important;}
		.only-mobile {display: unset;}

	}