/* Header Jornal */
.efeito-menu-scroll .container-menu .logo a{ width: 95px; }
.h1-flutuante { padding-top: 0; }

/* Logo Jornal */
.tit-jornal img { display: inline-block; text-align: center; max-width: 300px;  }
.tit-jornal span { display: block; font-size: 18px; line-height: 23px; padding: 10px 20px 0; }

/* Animacao */
.banner-assine { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

/* Banner Assine */
.container-banner-assine { overflow: hidden; margin-bottom: 50px; }
.banner-assine { display: block; background-color: #F3F3F3; height: 300px; margin-bottom: 20px; position: relative; overflow: hidden; }
.descricao-banner-assine { float: left; width: 350px; margin-left: 90px; margin-top: 68px; }
.descricao-banner-assine h1 { font-size: 36px; line-height: 40px; color: #555; margin: 0 0 10px;  }
.descricao-banner-assine p { font-family: "PT Serif"; font-size: 20px; line-height: 23px; color: #777; margin-bottom: 20px; }
.descricao-banner-assine span { display: block; text-align: center; width: 90px; height: 30px; color: #fff; background: #0079C1; font-family: "oswald-light"; font-size: 20px; line-height: 32px; }
.animacao-jornal { display: block; width: 277px; position: absolute; z-index: 2; right: 150px; top: 38px; -webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -o-transform:rotate(15deg); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.animacao-bg-tablet { background: url('../imgs/tablet.png'); width: 150px; height: 212px; position: absolute; z-index: 3; right: 360px; top: 80px; overflow: hidden; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.animacao-container-jornal { overflow: hidden; width: 130px; height: 174px; background: #fff; margin-left: 10px; margin-top: 19px; position: relative; }
.animacao-jornal-img-tablet { width: 100%; display: block; position: absolute; -moz-animation-duration: 10s; -webkit-animation-duration: 10s; animation-duration: 10s; -moz-animation-name: slidein; -webkit-animation-name: slidein; animation-name: slidein; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; transition-timing-function: ease-in-out; }
.baixar-app { width: 670px; margin: 0 auto; }
.baixar-app p { font-family: "oswald-light"; font-size: 22px; line-height: 30px; color: #525252; float: left; margin-right: 5px; }
.btn-app { float: left; margin-left: 5px; width: 88px; height: 30px; font-size: 0; text-decoration: -99999px; background-image: url('../../jornal/imgs/btns-apps.png'); background-repeat: no-repeat; }
.app-store { background-position: 0 0 }
.app-play { background-position: -93px 0 }
.banner-assine:hover .animacao-bg-tablet { top: 75px; }
.banner-assine:hover .animacao-jornal { top: 48px; }
.banner-assine:hover .animacao-jornal { top: 48px; }
.banner-assine:hover { background-color: #e8e8e8; }


/* listagem */
.caixas-conteudo .bg-geral { width: 100%; }
.listagem-jornal { overflow: hidden; margin-bottom: 20px; }
.listagem-jornal li { border-bottom: 1px solid #ccc; padding: 20px 0; }
.listagem-jornal li:last-child { border-bottom: none }
.listagem-jornal li .tit-listagem-jornal { font-size: 22px; line-height: 32px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.listagem-jornal li .tit-listagem-jornal:hover { color: #0079C1; }
.listagem-jornal li:first-child { padding-top: 0; }
.listagem-jornal li:first-child .tit-listagem-jornal { font-size: 28px; line-height: 38px; }
.listagem-jornal li .relacionada { font-size: 20px; line-height: 30px; margin-bottom: 0; }
.listagem-jornal li:first-child .relacionada::before { margin-top: 11px; }
.listagem-jornal li .relacionada { font-size: 18px; line-height: 28px; margin-left: 15px; font-family: "oswald-regular" }
.listagem-jornal li .relacionada::before { margin-top: 10px; }
.listagem-jornal li .relacionada:hover { color: #0079C1; }

.lista-editorias .tit-caixa { font-size: 24px; }

.subtitulo-separador { position: relative; height: 30px;  }
.caixas-conteudo .subtitulo-separador .bg-geral { height: 1px; }
.subtitulo-separador span.txt-colunas { display: inline-block; height: initial; width: initial; position: absolute; margin: 0; top: 4px; left: 40px; background: #fff; padding: 0 10px; text-transform: uppercase; }

.listagem-jornal-colunas { overflow: hidden; margin-bottom: 40px; }
.subtitulo-separador {  font-size: 19px; line-height: 27px; overflow: hidden; margin-bottom: 12px; padding-top: 5px;  }
.subtitulo-separador span { display: block; width: 40px; height: 2px; float: left; margin-top: 10px; margin-right: 8px; }
.listagem-jornal-colunas li { border-bottom: 1px solid #ccc; padding: 15px 0; padding-left: 5px; }
.listagem-jornal-colunas li:first-child { padding-top: 5px; }
.listagem-jornal-colunas li:last-child { border-bottom: none; }
.listagem-jornal-colunas li a { font-size: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.listagem-jornal-colunas li a:hover { color: #0079C1; }
.listagem-jornal-colunas li a strong { font-family: 'oswald-medium'; font-weight: normal; }

.listagem-opovo { overflow: hidden; }
.listagem-opovo .content-loader { margin-top: 70px; height: 45px; }

/* Datepicker Jquery UI */
.datepicker-edicoes span.ui-datepicker-year { top: 0 !important; }
.datepicker-edicoes span.ui-datepicker-month { padding-top: 0 !important; }
.datepicker-edicoes .ui-datepicker .ui-datepicker-prev span, .datepicker-edicoes .ui-datepicker .ui-datepicker-next span { margin-top: -14px !important; }
.datepicker-edicoes .ui-widget-content { padding-top: 0 !important; }

/* Manchete Destaque Jornal O POVO */
.destaque-jornal-opovo { overflow: hidden; padding-bottom: 30px; }
.destaque-jornal-opovo .cartola-absolute { bottom: 0; padding-left: 3px; }

/* Destaque Modelo 1 */
.modelo1 .lista-destaque-opovo li:first-child { margin-bottom: 30px; }
.modelo1 .lista-destaque-opovo li:first-child .cartola-big { margin-bottom: 5px; }
.modelo1 .lista-destaque-opovo li:first-child p { font-size: 46px; line-height: 52px; margin-bottom: 10px; }
.modelo1 .lista-destaque-opovo li:first-child p.abre { font-size: 20px; line-height: 25px; font-family: 'PT Serif'; color: #777;  }
.modelo1 .lista-destaque-opovo li:nth-child(2) { float: left; width: 390px; margin-right: 30px; }
.modelo1 .lista-destaque-opovo li:nth-child(2) p { font-size: 30px; line-height: 33px; }
.modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque { width: 390px; height: 224px; position: relative; margin-bottom: 10px; display: block; overflow: hidden; }
/*.modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque img { display: block; position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }*/
.modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque img { width: 100%; height: 100%; }
.modelo1 .lista-destaque-opovo li:nth-child(3) { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;  }
.modelo1 .lista-destaque-opovo li:nth-child(3), .modelo1 .lista-destaque-opovo li:nth-child(4) { width: 310px; float: left; }
.modelo1 .lista-destaque-opovo li:nth-child(3) p, .modelo1 .lista-destaque-opovo li:nth-child(4) p { font-size: 25px; line-height: 30px; }
.modelo1 .lista-destaque-opovo li:nth-child(3) span, .modelo1 .lista-destaque-opovo li:nth-child(4) span { margin-bottom: 5px; }


/* Destaque Modelo 2 */
.modelo2 { position: relative; overflow: hidden; }
.modelo2 .lista-destaque-opovo li:nth-child(1) { margin-bottom: 25px; width: 390px; }
.modelo2 .lista-destaque-opovo li:nth-child(1) .cartola-big { margin-bottom: 5px; }
.modelo2 .lista-destaque-opovo li:nth-child(1) p { font-size: 46px; line-height: 50px; margin-bottom: 10px; }
.modelo2 .lista-destaque-opovo li:nth-child(1) p.abre { font-size: 20px; line-height: 24px; font-family: 'PT Serif'; color: #777; border-bottom: 1px solid #ccc; padding-bottom: 25px; }
.modelo2 .lista-destaque-opovo li:nth-child(2) { float: left; width: 390px; margin-right: 30px; }
.modelo2 .lista-destaque-opovo li:nth-child(2) p { font-size: 25px; line-height: 30px; }
.modelo2 .lista-destaque-opovo li:nth-child(2) .cartola-big { margin-bottom: 5px; }
.modelo2 .lista-destaque-opovo li:nth-child(3) { position: absolute; right: 0; top: 0; width: 300px;  }
.modelo2 .lista-destaque-opovo li:nth-child(3) { width: 310px; float: left; }
.modelo2 .lista-destaque-opovo li:nth-child(3) p { font-size: 25px; line-height: 30px; }
.modelo2 .lista-destaque-opovo li:nth-child(3) span { margin-bottom: 10px; }
.modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque { width: 320px; height: 390px; position: relative; margin-bottom: 10px; display: block; }
.modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque img { display: block; width: 320px; height: 390px; }

/* Destaque Modelo 3 */
.modelo3 .lista-destaque-opovo li:first-child { margin-bottom: 0px; width: 390px; float: left; margin-left: 0; border: none; padding-bottom: 0; }
.modelo3 .lista-destaque-opovo li:first-child p { font-size: 40px; line-height: 46px; margin-bottom: 10px; }
.modelo3 .lista-destaque-opovo li:first-child p.abre { font-size: 20px; line-height: 25px; font-family: 'PT Serif'; color: #777;  }
.modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque { width: 390px; height: 234px; position: relative; margin-bottom: 10px; display: block; }
.modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque img { display: block; width: 390px; height: 234px; }
.modelo3 .lista-destaque-opovo li { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; margin-left: 440px;  }
.modelo3 .lista-destaque-opovo li p { font-size: 25px; line-height: 30px; }
.modelo3 .lista-destaque-opovo li span { margin-bottom: 5px; }
.modelo3 .lista-destaque-opovo li:last-child { border: none; }

/* Hover Destaques */
.lista-destaque-opovo a p { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.lista-destaque-opovo a:hover p, .item-lista-sidebar a:hover h3 { color: #0079C1;  }



@-moz-keyframes slidein {
	0% { top: 0; }
	25% { top: -50px; }
	50% { top: 0px; }
	100% { top: 0px; }
}

@-webkit-keyframes slidein {
	0% { top: 0; }
	25% { top: -50px; }
	50% { top: 0px; }
	100% { top: 0px; }
}

@keyframes slidein {
	0% { top: 0; }
	25% { top: -50px; }
	50% { top: 0px; }
	100% { top: 0px; }
}

@media (max-width: 1199px) {
    .topo-flutuante { width: 100%; }
}

.conteudo {
	padding-bottom: 0;
}

/*==================== MEDIA QUERY =========================*/

@media (max-width: 1139px) {
    .modelo1 .lista-destaque-opovo li:nth-child(2),
    .modelo2 .lista-destaque-opovo li:nth-child(1),
    .modelo2 .lista-destaque-opovo li:nth-child(2),
    .modelo2 .lista-destaque-opovo li:nth-child(3) {
        width: 50%;
    }
    .modelo2 .lista-destaque-opovo li:nth-child(3) {
        padding-left: 30px;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(3), .modelo1 .lista-destaque-opovo li:nth-child(4) {
        width: 42%;
        margin-right: 0;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque,
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque img,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque img,
    .modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque,
    .modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque img {
        min-width: 100%;
        width: auto;
    }
}

@media (min-width: 961px) {
    .container-menu .logo a {
        background-image: url('../../jornal/imgs/jornal-o-povo.png');
        width: 114px; 
        height: 28px; 
    }
}

@media (max-width: 990px) {
    .modelo3 .lista-destaque-opovo li:first-child {
        width: 55%;
    }
    .modelo3 .lista-destaque-opovo li {
        width: 40%;
        margin-left: 0;
        float: right;
    }
    .banner-assine {
        display: flex;
        align-items: center;
    }
    .descricao-banner-assine {
        width: 40%;
        padding-right: 30px;
        margin-left: 40px;
        margin-top: 0;
    }
    .animacao-bg-tablet {
        right: 320px;
    }
    .animacao-jornal {
        right: 80px;
    }
}

@media (max-width: 860px) {
    .container-banner-assine .banner-assine {
        height: auto;
        transition: none;
        display: block;
    }
    .banner-assine .animacao-jornal {
        position: relative;
        width: 170px;
        right: 0;
        left: 40px;
        margin: 0 auto;
        margin-bottom: -200px;
        transition: none;
    }
    .banner-assine .animacao-bg-tablet {
        position: relative;
        top: -20px; 
        left: -90px;
        right: 0;
        margin: 0 auto;
    }
    .banner-assine .descricao-banner-assine {
        width: 50%;
        margin-left: 20px;
        padding: 0 10px;
        margin-top: 30px;
    }
    .descricao-banner-assine span {
        height: 40px;
        line-height: 40px;
    }
    .container-banner-assine .baixar-app {
        width: 100%;
    }
    .container-banner-assine .baixar-app p {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .baixar-app .btn-app {
        float: right;
    }
}

@media (max-width: 767px) {
    .modelo1 .lista-destaque-opovo li:nth-child(2),
    .modelo2 .lista-destaque-opovo li:nth-child(2),
    .modelo3 .lista-destaque-opovo li:first-child {
        margin-bottom: 30px;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(2),
    .modelo1 .lista-destaque-opovo li:nth-child(3),
    .modelo1 .lista-destaque-opovo li:nth-child(4),
    .modelo2 .lista-destaque-opovo li:nth-child(1),
    .modelo2 .lista-destaque-opovo li:nth-child(2),
    .modelo2 .lista-destaque-opovo li:nth-child(3),
    .modelo3 .lista-destaque-opovo li:first-child,
    .modelo3 .lista-destaque-opovo li,
    .banner-assine .descricao-banner-assine {
        width: 100%;
    }
    .banner-assine .descricao-banner-assine {
        margin-left: 0;
    }
    .descricao-banner-assine span {
        margin: 0 auto;
        float: none;
    }
    .modelo2 .lista-destaque-opovo li:nth-child(3) {
        position: relative;
        padding-left: 0;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque,
    .modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque {
        display: flex;
        align-items: center;
        height: auto;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque img,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque img,
    .modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque img {
        height: 390px;
    }
}

@media (max-width: 700px) {
    .container-banner-assine .baixar-app p {
        float: none;
    }
}

@media (max-width: 500px) {
	.modelo1 .lista-destaque-opovo li:nth-child(2),
    .modelo2 .lista-destaque-opovo li:nth-child(1), .modelo2 .lista-destaque-opovo li:nth-child(2),
    .modelo3 .lista-destaque-opovo li:first-child {
		margin-bottom: 20px;
	}
	.modelo1 .lista-destaque-opovo li:nth-child(2), .modelo1 .lista-destaque-opovo li:nth-child(3),
	.modelo1 .lista-destaque-opovo li:nth-child(4), .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque,
    .modelo2 .lista-destaque-opovo li:nth-child(1), .modelo2 .lista-destaque-opovo li:nth-child(2),
    .modelo2 .lista-destaque-opovo li:nth-child(3), .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque img,
    .modelo3 .lista-destaque-opovo li:first-child, .modelo3 .lista-destaque-opovo li {
		width: 100%;
        max-width: 100%;
	}
    .modelo2 .lista-destaque-opovo li:nth-child(3) {
        position: relative;
    }
    .modelo2 {
        padding-bottom: 30px;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque,
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque img,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque,
    .modelo2 .lista-destaque-opovo li:nth-child(3) .img-capa-destaque img,
    .modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque,
    .modelo3 .lista-destaque-opovo li:first-child .img-capa-destaque img {
        height: auto;
    }
    .modelo1 .lista-destaque-opovo li:nth-child(2) .img-capa-destaque img {
        position: relative;
        height: auto;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .cx-sobre-assunto, .cx-opiniao, .cx-quote {
        float: none;
        max-width: 300px;
        width: 100%;
        margin: 40px 44px 30px 0;
    }
}

@media (max-width: 425px) {
    .banner-assine .animacao-jornal {
        width: 140px;
        left: 30px;
        margin-bottom: -170px;
    }
    .banner-assine .animacao-bg-tablet {
        width: 110px;
        height: 160px;
        background-size: 100%;
        background-repeat: no-repeat;
        left: -70px;
        top: -10px;
    }
    .animacao-bg-tablet .animacao-container-jornal {
        width: 96px;
        height: 128px;
        margin-top: 13px;
        margin-left: 7px;
    }
    .tit-listagem.tit-jornal img {
    	width: 220px;
    }
    .flame-comentarios, .bt-compartilhar {
    	width: 100%;
    	height: 30px;
    }
    .flame-comentarios {
    	margin-bottom: 10px;
    }
}

@media (max-width: 375px) {
    .descricao-banner-assine h1 {
        font-size: 30px;
    }
    .descricao-banner-assine p {
        font-size: 18px;
    }
}