@charset "UTF-8";

.carousel-control-prev,
.carousel-control-next 
{
 top: 90px !important;
 bottom: 90px !important;
}



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

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

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

.navegacao-rotulo 
{
 display: none;
}

.navbar-button
{
 font-family: 'Exo 2';
 font-weight: 700;
 font-size: .9rem;
 line-height: 60px;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 white-space: nowrap;
 display: inline-block;
 height: 60px;
 padding-left: 15px;
 padding-right: 15px;
 margin-left: auto;
 margin-right: auto;
}

.navbar-button:hover, .navbar-button:focus
{
 color: #000;
 background-color: #666;
}

.nav-icon
{
 display: inline-block;
 width: 36px;
 height: 36px;
 margin-bottom: .25em;
 vertical-align: middle;
 /* 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;
}

#vinheta
{
 position: absolute;
 top: -1px;
 height: 30px;
 width: auto;
 z-index: 10;
}

#vinheta img 
{
 height: 100%;
}

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

#miolo-editoriais
{
 margin-top: 1.5rem;
 margin-left: 0 !important;
 margin-right: 0 !important;
}

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

h1.chancelaria
{
 font-family: Merriweather;
 font-size: 1.75rem;
 line-height: 2rem;
 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;
}

h3.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-vinheta 
{
 padding-left: 0;
}

#acontece-menu
{
 background-color: #dcdbb2;
 padding-bottom: 3rem;
 height: auto;
 min-height:400px;
 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 
{
 text-decoration: none;
 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;
}

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

.acontece-nota 
{
 margin-left: 1.5rem;
 margin-right: 1.5rem;
}

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

.acontece-nota-foto 
{
 margin-right: 0;
 padding-right: 0;
}

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

span.vinhetinha {
 font-family: 'Fira Sans', sans-serif;
 font-weight:500;
 font-size:.75rem;
 color:white;
 text-transform:uppercase;
 letter-spacing:.03rem;
 vertical-align:top;
 background-color:#074AA8;
 padding:2px;
}

.div--miolo-texto 
{
 margin-top: 2rem;
}

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.3rem;
 line-height: 1.5em;
 color: #212529;
 margin-top: .5rem;
 margin-bottom: .5rem;
}

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

.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.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: .4rem;
 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;
}

.sumario-chamada {
 margin-top: 1rem;
}

div#linha-fina-e-miolo
{
 margin-left: 10px;
 margin-right: 10px;
}

p.linha-fina
{
 font-family: Merriweather;
 font-size: 1.3rem;
 line-height: 1.5em;
 color: #9a9a9a;
 text-align: left;
 margin-top: 2rem;
 margin-bottom: 0;
}

p.linha-fina.chancelaria
{
 margin-top: 1rem;
 margin-bottom: 1rem;
}
 
p.inter
{
 font-family: Merriweather;
 font-weight: bold;
 font-size: 1.3rem;
 line-height: 1.75rem;
 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;
}


.foto-com-legenda .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(100,100,100,.75);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.foto-com-legenda:hover .overlay {
  height: 100%;
}

.foto-com-legenda .legenda
{
 position: absolute;
 font-family: Merriweather;
 font-weight: bold;
 font-style: italic;
 font-size: .9rem;
 line-height: 1.5em;
 color: yellow;
 text-align: center;
 width: 70%;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.foto-com-legenda .pi-info
{
 position: absolute;
 bottom: 0;
 right: 0;
 -webkit-transform: scale(.5, .5);
 -ms-transform: scale(.5, .5);
 transform: scale(.5, .5);
 opacity:.66;
}

p.legenda, p.legenda-sobre-foto, p.legenda-sob-foto
{
 font-weight: bold;
 font-style: italic;
 font-family: Merriweather;
 font-size: .8rem;
 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;
}

.legenda-sobre-foto.sepia, .legenda-sob-foto.sepia {
 background: rgba(129, 99, 61, .7);
}

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

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

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

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

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

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

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

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

}

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

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

.icones-de-compartilhamento
{
 width: 48px;
 height: 48px;
 margin-right: 10px;
}

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

#editorial-foto-do-editorialista
{
 bottom: 0;
 margin-top: 2em;
}

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

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

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.2rem;
 color: #fff;
 margin-top: .2rem;
 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, ul.square
{
 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;
}

ul.square
{
 line-height: 1.5em;
 margin: 5px 0 15px;
 padding: 0;
}

ul.square li
{
 list-style: none;
 position: relative;
 padding: 0 0 0 20px;
 margin-top: .3rem;
}

ul.square li:before
{
 content: "";
 position: absolute;
 left: 0;
 top: 10px;
 width: 10px;
 height: 10px;
 background-color: gray;
}

ul.square span.enfase
{
 font-weight: 600;
 color: #444;
}

#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
*************
 */

 div[id^=myCarousel] .carousel-indicators {
  position: static;
  margin-top: 0px;
  margin-bottom: 17%;
 }

 div[id^=myCarousel] .carousel-indicators>li {
  width: 100px;
 }

 div[id^=myCarousel] .carousel-indicators li img {
  display: block;
  opacity: 0.5;
 }

 div[id^=myCarousel] .carousel-indicators li.active img {
  opacity: 1;
 }

 div[id^=myCarousel] .carousel-indicators li:hover img {
  opacity: 0.75;
 }


/* 
*************
ACONTECE ABRE
*************
 */

.acontece-abre-selinho {
 max-width:85px;
 margin: 40px 10px;
}

.acontece-abre-selinho img:last-child {
  display: none;  
}

.acontece-abre-selinho:hover img:last-child {
  display: block;  
}

.acontece-abre-selinho:hover img:first-child {
  display: none;  
}

.acontece-abre-destaques, .sumario-destaques {
    display: inline-block;
    overflow: hidden;
}

.acontece-abre-destaques img:hover, .sumario-destaques img:hover {
    transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
}

.acontece-abre-destaques img, .sumario-destaques img {
	filter: none;
 transition: transform 2s, filter 2s ease-in-out;
}

.acontece-abre-destaques:hover, .sumario-destaques:hover {
	cursor: pointer;
}

.acontece-abre-destaques:hover img, .sumario-destaques:hover img {
 filter: contrast(150%);
}


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

/********************
max-width: 576px
*******************
 */

@media (max-width: 576px)
{
 div.sangria {
  margin-left:-30px;
  margin-right:-30px;
 }
}

/********************
min-width: 576px
*******************
 */

@media (min-width: 576px)
{
 p.legenda, p.legenda-sobre-foto, p.legenda-sob-foto 
 {
  font-size: .9rem;
 }

 p.credito-de-foto
 {
  font-size: .75rem;
  margin-top: 1em;
 }
 
 h1.editorial 
 {
  font-size: 2.25rem;
 }

}

/* 
*******************
min-width: 768px
*******************
 */

@media (min-width: 768px)
{
 body 
 {
  padding-top: 48px;
 }

 div#linha-fina-e-miolo
 {
  margin-left: inherit;
  margin-right: inherit;
 }
 
 .navegacao-rotulo 
 {
  display: inline;
 }

 .navbar-button
 {
  line-height: 48px;
  text-align: inherit;
  height: 48px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: 0;
  margin-right: 0;
 }
 
 .navbar-button:hover, .navbar-button:focus 
 {
  background-color: #fff;
 }

 .nav-icon
 {
  width: 28px;
  height: 28px;
 }
 
 #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 
 {
  background-image: none;
 }

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

 #vinheta 
 {
  height: 52px;
 }

 #miolo-editoriais
 {
  margin-top: inherit;
  margin-left: inherit;
  margin-right: inherit;
 }
 
 p.linha-fina
 {
  text-align: right;
  font-size: 1.33rem;
  margin-top: 1.75rem;
  margin-bottom: 0rem;
 }
 
 p.linha-fina.chancelaria
 {
  margin-top: inherit;
  margin-bottom: inherit;
 }
 
 p.credito-de-foto.apos-linha-fina 
 {
  text-align: right;
 }

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

 p.inter
 {
  font-size: 1.5rem;
  line-height: 2rem;
 }
 
 h1.chancelaria
 {
  font-size: 2rem;
  line-height: 2.5rem;
 }
 
 #acontece-vinheta 
 {
  padding-left: inherit;
 }

 .acontece-nota
 {
  margin-left: inherit;
  margin-right: 3rem;
 }
 
 .acontece-nota-lateral 
 {
  margin-top: 200px;
 }

 .acontece-nota-foto
 {
  margin-right: 3rem;
  padding-right: inherit;
 }
  
 p.texto-acontece-lateral
 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
 }

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

 #rodape 
 {
  margin-top: 72px;
 }

 .rodapes-redes-sociais 
 {
  text-align: inherit;
 }

 #rodape-compartilhe
 {
  text-align: right;
  padding-left: inherit;
 }
 
 .icones-de-compartilhamento
 {
  width: 36px;
  height: 36px;
  margin-right: inherit;
 }
 
 #logotipo-mackenzie-gigante 
 {
  display: inherit;
 }

 #editorial-foto-do-editorialista
 {
  position: absolute;
  margin-top: inherit;
 }
 
 #editorial-foto-do-editorialista img, 
 #editorial-foto-do-editorialista .legenda, 
 #editorial-foto-do-editorialista .credito-de-foto 
 {
  width: 90%;
 }

}

/* 
********************************************
(min-width: 576px) and (max-width: 767.98px)
********************************************
 */

@media (min-width: 576px) and (max-width: 767.98px)
{
 #vinheta 
 {
  height: 45px;
 }

 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;
 }

}

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