@charset "UTF-8";

body
{
	background: #fff url("../images/bg-body.png") repeat left top/auto;
	padding-top: 48px;
}

.container-fluid
{
	max-width: 1024px;
	/* or 950px */
}

#barra-de-navegacao
{
	max-width: 1024px;
	min-width: 300px;
	margin: auto;
	padding: 0;
}

.navbar-button
{
	font-family: 'Exo 2';
	font-weight: 700;
	font-size: .9rem;
	line-height: 48px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	height: 48px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	white-space: nowrap;
}

.navbar-button:hover, .navbar-button:focus
{
	color: #000;
	text-decoration: none;
	background-color: #fff;
}

.nav-icon
{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-bottom: .25em;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#icone-navegacao-anterior
{
	background-image: url("../images/aaa-navegacao/anterior-menor.png");
	margin-right: .5em;
}

#icone-navegacao-posterior
{
	background-image: url("../images/aaa-navegacao/proxima-menor.png");
	margin-left: .5em;
}

#icone-navegacao-conteudo
{
	background-image: url("../images/aaa-navegacao/conteudo-menor.png");
	margin-right: .5em;
}

#icone-navegacao-mackenzie { }

#botao-mackenzie.navbar-button { display: none; }

#vinheta, #vinheta-150anos
{
	position: absolute;
	top: -1px;
	height: 52px;
	width: auto;
	z-index: 10;
}

#vinheta-150anos
{
	height: 75px;
}

#vinheta img, #vinheta-150anos img { height: 100%; }

@keyframes vinheta {
  0%   {opacity:0; left:-450px; top:0px;}
  100%  {opacity:1; left:0; top:0px;}
}

p.acontece-vinheta-subdivisao
{
	font-family: Merriweather;
	font-weight: 900;
	font-size: 2rem;
	color: red;
	margin-left: 1rem;
}

h1.editorial
{
	font-size: 2.25rem;
	font-weight: 700;
	font-family: Merriweather;
	line-height: 1.2;
	text-align: center;
	margin-bottom:1rem;
}

h1.chancelaria
{
	font-family: Merriweather;
	font-size: 2.25rem;
	line-height: 3rem;
	font-weight: 900;
	color: #f47721;
	text-align: center;
}

h1.acontece-titulo, h1.acontece-titulo-lateral
{
	font-family: Merriweather;
	font-size: 1.5rem;
	line-height: 1.5em;
	font-weight: 900;
	color: #f47721;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 0;
}

h1.acontece-titulo-lateral
{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

h2.acontece-intertitulo
{
	font-family: Merriweather;
	font-size: 1.2rem;
	line-height: 1.5em;
	font-weight: 900;
	color: #212529;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 0;
}

h2.box {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
}
 
#foto-de-abertura
{
	position: relative;
	margin-top: -60px;
	width: 100%;
	object-fit: cover;
	object-position: bottom;
}

#tarja-titulo
{
	position: relative;
	display: flex;
	align-items: center;
}

#acontece-menu
{
	background-color: #dcdbb2;
	padding-bottom: 3rem;
	height: auto;
	margin-left: -15px;
}

#acontece-menu-caixa
{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
}

#acontece-menu p
{
	font-family: Merriweather;
	font-weight: 900;
	text-align: left;
	margin-top: 1rem;
	margin-bottom: 0;
}

#acontece-menu p.titulo
{
	font-size: 2rem;
	color: #0c5460;
}

#acontece-menu p.acontece-menu-item
{
	font-size: 1.25rem;
	color: #797979;
}

#acontece-menu a { color: inherit; }

#acontece-menu a:hover, #acontece-menu a:focus
{
	display: block;
	color: #0c5460;
	background-color: #C4C396;
	border-radius: 5px;
	text-decoration: none;
	padding-left: 5px;
	margin-left: -5px;
}

#acontece-menu .vigente { color: red !important; }

#acontece-menu .nivel2
{
	font-weight: 400;
	font-size: 1rem !important;
	margin-top: .3rem !important;
	padding-left: 1rem;
}

.acontece-nota { margin-right: 3rem; }
.div--miolo-texto { margin-top: 2rem; }

.acontece-nota-lateral
{
	margin-left: 10px;
	margin-top: 200px;
}

.acontece-nota-foto { margin-right: 3rem; }
.acontece-nota-foto-lateral { margin-right: 0rem; }

p.texto, p.texto-acontece, p.texto-acontece-lateral, p.texto-sumario, ul
{
	font-family: 'Source Serif Pro', serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5em;
	color: #212529;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

p.texto.box {
	font-family: 'Source Sans Pro', sans-serif;
}

p.texto-sumario {
	font-family:Merriweather;
	font-size:1rem;
	margin-top:.1rem;
}

p.sumario-titulo {
	font-weight:900;
	font-family:Merriweather;
	font-size:1.5rem;
	line-height:1.75rem;
	color:#9a9a9a;
	margin-top:2rem;
	margin-bottom:0;
}

p.texto-sumario a, p.sumario-titulo a {
  color:inherit;
  text-decoration:none;
}

 div.sumario-vinheta {
		background-color:#600000;
		padding-top:1rem;
		padding-bottom:.5rem;
}
 
 h1.sumario-nesta-edicao {
	font-weight:bold;
	font-family:Merriweather;
	font-size:2rem;
	line-height:2rem;
	color:#fff;
	text-align:center;
}


p.texto-acontece, p.texto-acontece-lateral { margin-top: .1em; }

p.texto-acontece-lateral
{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
}

.texto a, .texto-acontece a, .texto-acontece-lateral a, .servico a
{
	font-weight: 600;
	color: inherit;
	text-decoration-line: underline;
	text-decoration-color: red;
	text-decoration-style: dotted;
}

.texto-acontece-lateral b { font-weight: 600; }

p.linha-fina
{
	font-family: Merriweather;
	font-size: 1.33rem;
	line-height: 1.5em;
	color: #9a9a9a;
	text-align: right;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

p.inter {
	font-family:Merriweather;
	font-weight:bold;
	font-size:1.5rem;
	line-height:2rem;
	color:#00a9b7;
	margin-top:1rem;
}

p.inter.box {
	font-family: 'Source Sans Pro', sans-serif;
}

span.inter-inline {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-size: 1.1rem;
	color:#f47721;
	letter-spacing:.05rem;
	text-transform:uppercase;
}

p.legenda, p.legenda-sobre-foto, p.legenda-sob-foto
{
	font-weight: bold;
	font-style: italic;
	font-family: Merriweather;
	font-size: 1rem;
	line-height: 1.5em;
	color: #f47721;
	text-align: left;
	margin-top: .5em;
	margin-bottom: 0;
}

p.legenda-sobre-foto, p.legenda-sob-foto {
		color:#ffdc28;
		text-align:center;
		margin:.4rem 1rem;
}

p.legenda-sob-foto {
		margin-top:0;
		margin-bottom:0;
		padding:.4rem;
}

div.legenda-sobre-foto, div.legenda-sob-foto {
		position:absolute;
		bottom:0;
		left:0;
		height:auto;
		width:100%;
		background-color:black;
		opacity:.9;
}

div.legenda-sob-foto {
		position:relative;
		opacity:1;
}


.rotate270 {
   transform: rotate(270deg);
   transform-origin:0 0;
}

p.credito-de-foto
{
	font-family: Merriweather;
	font-size: .75rem;
	line-height: 1em;
	text-align: left;
	margin-top: 1em;
	z-index:2;
}

p.credito-de-foto.apos-linha-fina
{
	font-size: .7rem;
	margin-top: 1rem;
 color:#9a9a9a;
 text-align:right;
 line-height:1.5em;
 text-transform: uppercase;
 }

#logotipo-mackenzie-gigante
{
	position: -webkit-sticky !important;
	top: 0;
	margin-top: 50px;
	width: 300%;
	margin-left: -100%;
}

#rodape
{
	height: 126px;
	background-color: #882211;
	margin-top: 72px;
	min-width: 360px;
}

#rodape-redes { padding-left: 30px; }

#rodape-portal { text-align: center; }

#rodape-compartilhe
{
	padding-right: 30px;
	text-align: right;
}

p.rodapes-redes-sociais
{
	font-weight: bold;
	font-family: Merriweather;
	font-size: 1rem;
	line-height: 1rem;
	color: #fff;
	margin-top: 1em;
}

.icones-de-compartilhamento
{
	width: 36px;
	height: 36px;
}

#rodape-portal .icones-de-compartilhamento
{
	width: 54px;
	height: 54px;
}

.bg-black { background-color: #000 !important; }

#editorial-foto-do-editorialista
{
	position: absolute;
	bottom: 0;
}

#editorial-foto-do-editorialista img, 
#editorial-foto-do-editorialista .legenda, 
#editorial-foto-do-editorialista .credito-de-foto { width: 90%; }

.video-fluid {
  width: 100%;
  height: auto;
}

/* 
p.expediente-texto, p.expediente-funcao {
	font-weight:bold;
	font-family:Merriweather;
	font-size:11px;
	line-height:15px;
	color:#ecbd28;
	margin-top:10px;
	text-align:left;
}
 */

p.expediente-texto, p.expediente-texto-2, p.expediente-funcao {
	font-family:Merriweather;
	font-weight:bold;
	font-size:.7rem;
	line-height:1rem;
	color:#fff;
	margin-top:.2rem;
	margin-bottom:0;
	text-align:left;
}

p.expediente-texto-2 {
	margin-top:.8rem;
}

p.expediente-funcao {
	color:#ecbd28;
	margin-top:.8rem;
}

p.expediente-revista-mackenzie {
	font-family:Merriweather;
	font-weight:900;
	font-size:1rem;
	line-height:1.3rem;
	color:#ecbd28;
 margin-top:.8rem;
 margin-bottom:0;
}

p.expediente-edicao {
	font-family:Merriweather;
	font-weight:900;
	font-size:.8rem;
	line-height:1.5rem;
	color:#fff;
	margin-top:.1rem;
	margin-bottom:.1rem;
}

span.inicio-de-lista {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	color:brown;
	letter-spacing:.05rem;
	text-transform:uppercase;
	margin-right: .5rem;
}

p.servicos-tarja {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-size: 1.2rem;
	color: white;
	letter-spacing:.05rem;
	text-transform:uppercase;
	margin: 0 0 0 .5rem;
}

p.servico {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.1rem;
	margin-top:.2rem;
	margin-bottom:.3rem;
}

span.servico-inicio {
 font-weight:500;
 color: brown;
 margin-right:.5rem;
}

#titulo-rasterizado {
  display:block;
}

#video-de-abertura {
  display:block;
}

#foto-de-abertura {
  display:block;
}
/* 
***************************
LISTA COM DEGRADÊ NO NÚMERO
***************************
 */

ul.degrade {
  counter-reset: index;  
  padding: 0;
}

/* List element */
ul.degrade li
{
	counter-increment: index;
	padding: 12px 0;
	margin-left: 2rem;
	list-style-type: none;
}

/* Element counter */
ul.degrade li::before {
  content: counters(index, ".");
  font-size: 2rem;
  text-align: right;
  font-weight: bold;
 	margin-left: -2rem;
  padding-right: 1rem;
  font-variant-numeric: tabular-nums;
  background-image: linear-gradient(to bottom, orange, green);
  background-attachment: fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Element separation */
ul.degrade li + li {
  border-top: 1px solid rgba(0,0,255,0.2);
}

/* 
*************
SLIDESHOWS
*************
 */

.carousel-fade .carousel-item
{
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right { opacity: 0; }
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); }

/* 
*************
CARROSSEL
*************
 */

.carousel
{
	padding: 0;
	margin-top: 1.5rem;
}

.carousel .carousel-item { overflow: hidden; }

.carousel .carousel-item .img-box
{
	width: 100%;
	margin: 0;
	padding: 0;
}

.carousel .img-box img
{
	width: 100%;
	height: 100%;
	display: block;
}

.carousel .legenda
{
	text-align: center;
	margin-top: .4rem;
}

/* 
.carousel .credito-de-foto
{
	line-height: 1.1rem;
	color: #f47721;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
}
 */

/* 
*****************************************
*****************************************
*****************************************
************* MEDIA QUERIES *************
*****************************************
*****************************************
*****************************************
 */

/* 
*******************
max-width: 429.98px
*******************
 */
@media (max-width: 429.98px)
{
		.visible-on-large-screen-only {
				display:none;
		}
}

/* 
*******************
min-width: 430px
*******************
 */
@media (min-width: 430px)
{
		.visible-on-small-screen-only {
				display:none;
		}
}

/********************
max-width: 575.98px
*******************
 */
@media (max-width: 575.98px)
{
	p.legenda, p.legenda-sobre-foto
 {
	font-size: .75rem;
 }

 p.credito-de-foto
 {
	font-size: .5rem;
	margin-top: .5em;
 }

h1.editorial {
  font-size:2rem;
}
}


/* 
*******************
max-width: 767.98px
*******************
 */
@media (max-width: 767.98px)
{
	body { padding-top: 60px; }
	
	#linha-fina-e-miolo {
	  margin-left:10px;
	  margin-right:10px;
	}
	
	.navbar-button
	{
		display: inline-block;
		text-align: center;
		line-height: 60px;
		height: 60px;
		padding-left: 15px;
		padding-right: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.navbar-button:hover, .navbar-button:focus { background-color: #666; }
	
	.nav-icon
	{
		display: inline-block;
		width: 36px;
		height: 36px;
		vertical-align: middle;
		background-position: center;
		/* Center the image */
		background-repeat: no-repeat;
		/* Do not repeat the image */
		background-size: cover;
		/* Resize the background image to cover the entire container */
	}
	
	#icone-navegacao-anterior
	{
		background-image: url("../images/aaa-navegacao/anterior-maior.png");
		margin-right: 0;
	}
	
	#icone-navegacao-posterior
	{
		background-image: url("../images/aaa-navegacao/proxima-maior.png");
		margin-left: 0;
	}
	
	#icone-navegacao-conteudo
	{
		background-image: url("../images/aaa-navegacao/conteudo-maior.png");
		margin-right: 0;
	}
	
	#icone-navegacao-mackenzie { background-image: url("../images/aaa-navegacao/logo-mackenzie.png"); }
	#botao-mackenzie.navbar-button { display: inline-block; }
	.navegacao-rotulo { display: none; }
	
	#vinheta, vinheta-150anos
	{
		height: 30px;
	}
	
	#vinheta-150anos
{
	height: 43px;
}

#miolo-editoriais
	{
		margin-top: 1.5rem;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	p.linha-fina
	{
		text-align: left;
		font-size: 1.3rem;
  margin-top: 2rem;
  margin-bottom: 0;
	}
	
	p.linha-fina.chancelaria
	{
  margin-top: 1rem;
  margin-bottom: 1rem;
	}
	
	p.credito-de-foto.apos-linha-fina
{
 text-align:left;
 }

p.texto, p.texto-acontece, p.texto-acontece-lateral { 
	  font-size: 1.3rem !important; 
	}
	
	p.texto-acontece-lateral
	{
		font-family: 'Source Serif Pro', serif;
		font-weight: 400;
}
	
p.inter {
	font-size:1.3rem;
	line-height:1.75rem;
}

h1.chancelaria
{
	font-size: 1.75rem;
	line-height: 2rem;
}

	h1.acontece-titulo, h1.acontece-titulo-lateral
	{
		font-family: Merriweather;
		font-size: 1.5rem;
		line-height: 1.5em;
		font-weight: 900;
		color: #f47721;
		text-align: left;
		margin-top: 12px;
		margin-bottom: 0;
	}
	
	h1.acontece-titulo-lateral
	{
		font-family: Merriweather;
		font-size: 1.5rem;
		font-weight: 900;
	}
	
 #editorialista p.legenda { text-align: left !important; }
	#editorialista p.credito-de-foto { text-align: left !important; }
	#acontece-vinheta { padding-left: 0; }
	
	.acontece-nota
	{
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	
	.acontece-nota-lateral { margin-top: 2rem; }
	
	.acontece-nota-foto
	{
		margin-right: 0 !important;
		padding-right: 0 !important;
	}
	
	.acontece-foto-celular-largura-coluna
	{
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	
	.carousel
	{
		margin-right: 0 !important;
		padding-right: 0 !important;
		margin-left: 0px;
	}
	
	.carousel .legenda
	{
		font-size: .8rem;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.carousel .credito-de-foto
	{
		font-size: .6rem;
		margin-top: .2rem;
	}
	
	#rodape { margin-top: 36px; }
	.rodapes-redes-sociais { text-align: left; }
	
	#rodape-compartilhe
	{
		text-align: left;
		padding-left: 30px;
	}
	
	.icones-de-compartilhamento
	{
		width: 48px;
		height: 48px;
		margin-right: 10px;
	}
	
	#logotipo-mackenzie-gigante { display: none; }
	
	#editorial-foto-do-editorialista
	{
		position: inherit;
		margin-top: 2em;
	}
	
	#editorial-foto-do-editorialista img, 
	#editorial-foto-do-editorialista .legenda, 
	#editorial-foto-do-editorialista .credito-de-foto { width: 50%; }

	p.legenda, p.legenda-sobre-foto
 {
	font-size: .8rem;
 }

}

/* 
********************************************
(min-width: 576px) and (max-width: 767.98px)
********************************************
 */
@media (min-width: 576px) and (max-width: 767.98px)
{
	#vinheta, vinheta-150anos
	{
		height: 45px;
	}
	
#vinheta-150anos
{
	height: 65px;
}

	p.texto, p.texto-acontece, p.texto-acontece-lateral { font-size: 1.25rem !important; }
}

/* 
*****************
min-width: 1140px
*****************
 */
@media (min-width: 1140px)
{
	h1.editorial { font-size: 3rem; }
}

/* 
*************
*************
 */