/*FONTES*/
@import url('https://fonts.googleapis.com/css?family=Hind');
@font-face {
    font-family: 'Code_bold';
    src: url('https://especiais.opovo.com.br/images/files/fontes/code/code_bold.ttf') format('truetype'),
      url('https://especiais.opovo.com.br/images/files/fontes/code/code_bold.woff2') format('woff2'),
      url('https://especiais.opovo.com.br/images/files/fontes/code/code_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Code_light';
    src: url('https://especiais.opovo.com.br/images/files/fontes/code/code_light.ttf') format('truetype'),
    url('https://especiais.opovo.com.br/images/files/fontes/code/code_light.woff2') format('woff2'),
    url('https://especiais.opovo.com.br/images/files/fontes/code/code_light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*GERAL*/
body {overflow-x: hidden;}
.separador.cabecalho {margin:0;}
.main .videoless {width: 100%;height: 100%;}
.main {border-bottom-color: #51ADCF; border: medium none;}
h3.title-top {
font-size: 1em;
font-family: 'Code_bold';
text-transform: uppercase;}
.main h1 {font-family: 'Code_bold', sans-serif; text-transform: uppercase;color: #000;}
.autor {margin-bottom: 15px;}
span.autor {font-family: Barcis-NorReg;}

.container-banner-sb {height: 110px; padding:0;margin-top: 60px;}
.container-banner-br {width: 300px; margin: 0 auto;}

section#patrocinio h1 {font-size: 30px;font-family: 'Code_light';color: #000;}

/*CABEĆ%u0192%u2021ALHO
section.main:before {
    animation-name: logo !important;
    animation-delay: 0s !important;
    animation-duration: 2s !important;
    animation-fill-mode: forwards !important;
    -webkit-animation-name: logo !important;
    -webkit-animation-delay: 0s !important;
    -webkit-animation-duration: 2s !important;
    -webkit-animation-fill-mode: forwards !important;
}

section.main:before {
    content: '';
    display: block;
    width: 300px;
    height: 244px;
    position: absolute;
    z-index: 2;
    background: url('https://especiais.opovo.com.br/images/imgs/movimentourbano/movimentourbano-logo.png');
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 18%;
    opacity: 0;
    z-index: 9;
}
*/

.main {height: 600px;}

/*MENU*/
.main-menu a {font-family:'Hind', sans-serif;
text-transform: uppercase;
font-size:16px !important;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;}
ul.main-menu {font-size: 0; list-style: none; width: 300px;}
.main-menu li a:hover {text-decoration: none !important; filter: brightness(130%); -webkit-filter: brightness(130%);}

.theme .autor {font-family: 'Code_light';}

article.theme.clearfix.noticia1 {padding-top: 50px;}
article.theme.clearfix.noticia2 {padding-top: 50px;}
article.theme.clearfix.noticia3 {padding-top: 30px;}
article.theme.clearfix.noticia4 {padding-top: 50px;}
article.theme.clearfix.noticia5 {padding-top: 50px;}

article.theme.clearfix.noticia2 header,
article.theme.clearfix.noticia3 header,
article.theme.clearfix.noticia4 header,
article.theme.clearfix.noticia5 header{
    border-bottom: 1px solid #51ADCF !important;
}

/*H1*/
article.theme.clearfix.noticia1 h1{font-family: Code_bold;text-transform: uppercase; font-size: 50px;}
article.theme.clearfix.noticia2 h1{font-family: Code_bold;text-transform: uppercase; font-size: 50px;}
article.theme.clearfix.noticia3 h1{font-family: Code_bold;text-transform: uppercase; font-size: 50px;}
article.theme.clearfix.noticia4 h1{font-family: Code_bold;text-transform: uppercase; font-size: 50px;}
article.theme.clearfix.noticia5 h1{font-family: Code_bold;text-transform: uppercase; font-size: 50px;}

/*BOLD*/
article.theme.clearfix.noticia1 strong {font-family: Code_bold;text-transform: uppercase; color: #51ADCF; font-size: 1.2em;}
article.theme.clearfix.noticia2 strong {font-family: Code_bold;text-transform: uppercase; color: #51ADCF; font-size: 1.2em;}
article.theme.clearfix.noticia3 strong {font-family: Code_bold;text-transform: uppercase; color: #51ADCF; font-size: 1.2em;}
article.theme.clearfix.noticia4 strong {font-family: Code_bold;text-transform: uppercase; color: #51ADCF; font-size: 1.2em;}
article.theme.clearfix.noticia5 strong {font-family: Code_bold;text-transform: uppercase; color: #51ADCF; font-size: 1.2em;}

/*EM*/
article.theme.clearfix.noticia2 em {font-family: Code_bold; text-transform: uppercase; color: #51ADCF; font-size: 1.2em;}
article.theme.clearfix.noticia3 em {font-style: italic; color: #666;}
article.theme.clearfix.noticia4 em {font-style: italic; color: #666;}
article.theme.clearfix.noticia5 em {font-style: italic; color: #666;}

/*TEXTOS*/
article.theme.clearfix.noticia1 p {font-family: 'Hind', sans-serif;}
article.theme.clearfix.noticia2 p {font-family: 'Hind', sans-serif;}
article.theme.clearfix.noticia3 p {font-family: 'Hind', sans-serif;}
article.theme.clearfix.noticia4 p {font-family: 'Hind', sans-serif;}
article.theme.clearfix.noticia5 p {font-family: 'Hind', sans-serif;}

/*UNDERLINED*/
article.theme.clearfix.noticia05 u {text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-family: Code_bold;
font-size: 1em;}

article.theme a {color: #51ADCF;}

/*IMAGENS*/
article.theme.clearfix.noticia2 figure.left-img {width: 250px; box-shadow: -10px 10px #51ADCF;}
article.theme.clearfix.noticia3 figure.center-img {width: 300px; margin: 0 auto;}
article.theme.clearfix.noticia05 figure.center-img {width: 197px; margin: 0 auto;}

/*LISTA*/
.theme.clearfix.noticia2 > ul {padding-left: 3%;}
.theme.clearfix.noticia2 > ul li {font-family: 'PT Serif', serif;font-size: 19px;color: #333;margin-bottom: 20px;line-height: 30px;list-style-image: url("https://especiais.opovo.com.br/images/imgs/movimentourbano/movimento_marcador1.png");}
.theme.clearfix.noticia3 > ul {padding-left: 3%;}
.theme.clearfix.noticia3 > ul li {font-family: 'PT Serif', serif;font-size: 19px;color: #333;margin-bottom: 20px;line-height: 30px;list-style-image: url("https://especiais.opovo.com.br/images/imgs/movimentourbano/movimento_marcador1.png");}
.theme.clearfix.noticia4 > ul {padding-left: 3%;}
.theme.clearfix.noticia4 > ul li {font-family: 'PT Serif', serif;font-size: 19px;color: #333;margin-bottom: 20px;line-height: 30px;list-style-image: url("https://especiais.opovo.com.br/images/imgs/movimentourbano/movimento_marcador1.png");}
.theme.clearfix.noticia5 > ul {padding-left: 3%;}
.theme.clearfix.noticia5 > ul li {font-family: 'PT Serif', serif;font-size: 19px;color: #333;margin-bottom: 20px;line-height: 30px;list-style-image: url("https://especiais.opovo.com.br/images/imgs/movimentourbano/movimento_marcador1.png");}

/*NOTIAS C/ FUNDO*/
.separador.separador1,
.separador.separador2 {margin:0;}
section.bg.section-background {margin: 0;}
.section-background span.autor {color:#333; font-family: Code_bold;}
section.bg.section-background {background-attachment: fixed;}

/*IMAGENS ENTRE ARTIGOS*/
/*article.theme.clearfix.noticia1::after {
background: rgba(0, 0, 0, 0) url("https://especiais.opovo.com.br/images/imgs/movimentourbano/lateral3.png") no-repeat scroll 0 0;
width: 244px;  
height: 689px;
position: absolute;
left: -40%;
top: 0%;
visibility: initial;
opacity: 0.1;}

article.theme.clearfix.noticia1::before {
background: rgba(0, 0, 0, 0) url("https://especiais.opovo.com.br/images/imgs/movimentourbano/lateral2.png") no-repeat scroll 0 0;
width: 244px;  
height: 689px;
position: absolute;
right: -40%;
top: 0%;
visibility: initial;
opacity: 0.1;}

article.theme.clearfix.noticia4::after {
background: rgba(0, 0, 0, 0) url("https://especiais.opovo.com.br/images/imgs/movimentourbano/lateral1.png") no-repeat scroll 0 0;
width: 244px;  
height: 689px;
position: absolute;
left: -40%;
top: 0%;
visibility: initial;
opacity: 0.1;}

article.theme.clearfix.noticia4::before {
background: rgba(0, 0, 0, 0) url("https://especiais.opovo.com.br/images/imgs/movimentourbano/lateral4.png") no-repeat scroll 0 0;
width: 244px;  
height: 689px;
position: absolute;
right: -40%;
top: 0%;
visibility: initial;
opacity: 0.1;}
*/

/*FLIP E RODAPE*/
section.galery.galeria h1 {font-family: Code_bold; text-transform: uppercase;}
.flip {background: url("https://especiais.opovo.com.br/images/imgs/movimentourbano/fundo-flip.jpg") repeat-x scroll right bottom #f9f9f9;}
.flip-desc h2 {font-family: Code_bold;text-transform: uppercase; color: #fff !important;}
.flip p {color: #fff !important;}
.flip-desc:hover {text-decoration: none !important;}
/*section.flip.clearfix h2*/

.nav-footer a span {font-family: Code_bold;}
.nav-footer a h2 {font-family: Code_bold;}

/*RESPONSIVO*/
@media (max-width: 1199px){
article.theme.clearfix.noticia05::after,
article.theme.clearfix.noticia05::before {
background: none;}
}

@media (max-width: 1025px){
.autor {padding-bottom: 0;}
.main .videoless {width: 100%;height: 100%; background-attachment: scroll;}
  
/*IMAGENS ENTRE ARTIGOS*/
article.theme.clearfix.noticia1::after,
article.theme.clearfix.noticia1::before,
article.theme.clearfix.noticia2::after,
article.theme.clearfix.noticia2::before,
article.theme.clearfix.noticia3::after,
article.theme.clearfix.noticia3::before,
article.theme.clearfix.noticia4::after,
article.theme.clearfix.noticia4::before,
article.theme.clearfix.noticia5::after,
article.theme.clearfix.noticia5::before {
background: none;}
  
article.theme.clearfix.noticia2 figure.left-img {width: 250px; box-shadow: none;}
}

@media (max-width: 880px){
  h3.title-top {font-size: 0.6em;}
}

@media (max-width: 767px){
.main .videoless {width: 100%;height: 100%; background-attachment: initial;}
.main h1 {display: none;}
h3.title-top {
font-family: Code_bold;
text-indent: 0em;
text-transform: uppercase;
background: none;}
  
article.theme.clearfix.noticia1 h1,
article.theme.clearfix.noticia2 h1,
article.theme.clearfix.noticia3 h1,
article.theme.clearfix.noticia4 h1,
article.theme.clearfix.noticia5 h1{
line-height: 50px;
font-size: 40px;}
  
article.theme.clearfix.noticia1,
article.theme.clearfix.noticia2,
article.theme.clearfix.noticia3,
article.theme.clearfix.noticia4,
article.theme.clearfix.noticia5{
padding-top: 25px;
}

article.theme.clearfix.noticia2 figure.left-img {width: 100%; box-shadow: none;}

.flip-desc h2{text-align:center;}
.flip-desc p {text-align:center;}
}

@media (max-width: 466px){
  .flip-desc h2 {font-size: 0.8em !important;}
}