/* =============================== AJUSTES CAPA ESPORTES =============================== */
.portlet-capa-destaque-direita .portlet-primario-modelo3 p { padding-top: 5px; }
.portlet-capa-direita-foto .lista-portlet { margin-bottom: 20px; }
.portlet-capa-direita-foto .lista-portlet p, .destaque-modelo2 .portlet-capa-destaque .portlet-secundario-modelo2 p { font-size: 25px; line-height: 30px; }
.portlet-capa-direita-foto .cx-opiniao li { border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.portlet-capa-direita-foto .cx-opiniao li:last-child { margin-bottom: 0; border: none }
.portlet-capa-direita-foto .cx-opiniao li p { overflow: hidden; display: block; padding-left: 0; height: 50px; }
.portlet-capa-destaque .portlet-secundario-modelo2 p { padding-top: 5px; }
.portlet-capa-destaque .portlet-secundario-modelo2 p.abre { font-family: "PT Serif"; font-size: 20px; color: #777; line-height: 24px; margin-bottom: 0px; }
.portlet-capa-full { margin-bottom: 0; }
.portlet-capa-direita-foto .cx-opiniao li img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; filter: grayscale(1); -webkit-filter: grayscale(100%); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.portlet-capa-direita-foto .cx-opiniao li:hover img { filter: none; -webkit-filter: none; }
.portlet-capa-destaque img { max-height: 194px; }

/* ====================================== LISTAGEM ===================================== */
.interna .selo-editorial, .selo-editorial { margin-bottom: 0; }
.interna .selo-editorial span, .selo-editorial span { float: right; top: -26px; position: absolute; left: initial; }
.listagem-capa li:nth-child(1) { padding-bottom: 22px; }
.listagem-capa li:nth-child(2) { padding-bottom: 20px }
.listagem-capa li:nth-child(2) .caixa-selos { margin-bottom: 0; }


/* ================================  SIDEBAR ============================================ */
/* redes sociais */
.social-sidebar { text-align: center; }
.social-sidebar li { display: inline; }
.item-social-sidebar { background-image: url('../imgs/redes-sociais-esportes.png'); background-repeat: no-repeat; display: inline-block; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; margin: 0 20px; }
.social-sidebar li:first-child .item-social-sidebar { margin-left: 0; }
.social-sidebar li:last-child .item-social-sidebar { margin-right: 0; }
.social-sidebar-facebook { background-position: 0 0; }
.social-sidebar-instagram { background-position: -83px 0; }
.social-sidebar-twitter { background-position: -165px 0; }

/* Clubes - Acompanhe seu time antigo (Listagem ) */
.caixa-sidebar-clubes .item-lista-sidebar { border: none; margin-bottom: 15px; padding-bottom: 15px; }
.caixa-sidebar-clubes .item-lista-sidebar:last-child { margin-bottom: 0; padding-bottom: 0; }
.caixa-sidebar-clubes .item-lista-sidebar h4 { font-family: 'oswald-regular'; font-size: 20px; color: #333; max-height: 70px; }

/* Acompanhe seu time */
.sidebar p.txt-acompanhe-times { float: left; width: 170px; color: #fff; font-family: 'oswald-regular'; font-size: 20px; line-height: 26px; padding: 10px; margin-bottom: 0; }
.lista-acompanhe-times { float: right; width: 100px; position: relative; }
.time-local { position: absolute; display: block; font-size: 0; text-indent: -9999px; background-size: 80%; top: 0px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
.time-local:hover { background-size: 90%; }
#time-local-ceara { background-image: url('../imgs/ceara.png'); background-repeat: no-repeat; background-position: center; width: 60px; height: 64px; right: 60px; }
#time-local-fortaleza { background-image: url('../imgs/fortaleza.png'); background-repeat: no-repeat; background-position: center; width: 56px; height: 73px; right: 0; top: -8px; }


/* ==================================== PORTLET SECUNDARIO ============================= */
.container-portlet-secundario .cx-opiniao p { font-size: 20px; line-height: 26px; height: 50px; overflow: hidden; padding-left: 0;  }
.container-portlet-secundario .portlet-secundario-modelo4 .cx-opiniao li:first-child { border-bottom: 1px solid #ccc; }
.container-portlet-secundario .cx-opiniao li img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; filter: grayscale(1); -webkit-filter: grayscale(100%); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.container-portlet-secundario .cx-opiniao li:hover img { filter: none; -webkit-filter: none; }
.portlet-secundario-modelo4 .cartola-absolute { overflow: hidden; }
.portlet-secundario-modelo4 .lista-portlet:first-child li:last-of-type { margin-bottom: 20px; }

/* ======================================= VIDEOS ======================================= */
.container-videos-esportes { height: 350px; overflow: hidden;}
.container-videos-esportes #lista-videos {background: none;width:100%;height: 100% ;padding-right: 0;overflow: hidden;}
.container-videos-esportes #lista-videos li {cursor:pointer;float:right;width:296px;background: none;padding: 18px 0px 12px 0;border-right: 0;border-bottom:1px solid #eee;width: 40%;}
.container-videos-esportes #lista-videos li h3{overflow:hidden;font-size: 18px;color: #333;line-height: 21px;max-height: 83px;transition: 0.3s all ease-out;}
.container-videos-esportes #lista-videos li:hover h3{color:#FCBB20;}
.container-videos-esportes #lista-videos li img{float:left;width:143px;margin: 0 10px 10px 0;}
.container-videos-esportes #lista-videos li:first-child, .container-videos-esportes #lista-videos li:nth-child(2) { padding-top: 0; }
.container-videos-esportes #lista-videos li:last-child { border: none; padding-bottom: 0; }
.container-videos-esportes #lista-videos li:nth-child(2){padding-bottom: 12px;}
.container-videos-esportes #lista-videos li:first-child{padding:0;width:419px;height: 100%;float:left;margin-bottom:10px;border-bottom: 0; width: 56%;}
.container-videos-esportes #lista-videos li:first-child img{display:none;}
.container-videos-esportes #lista-videos li:first-child video{width:100%;max-height: 251px;margin-bottom: 10px;}
.container-videos-esportes #lista-videos li:first-child h3{font-size: 25px;color: #333;line-height: 30px;}
.titulo-video-sidebar{ font-family: 'oswald-light'; font-size: 18px; color: #555; line-height: 23px; padding-bottom: 25px; }


/* ======================================= HOVER ======================================= */
/* transition all aimation */
.item-lista-sidebar h3, 
.listagem-esportes li h1, 
.item-lista-sidebar h4, 
.cx-opiniao li p,
.portlet-capa-destaque a, 
.lista-portlet a p,
.portlet-secundario-modelo1 a p,
.portlet-capa-full a h1,
.conteudo-interna.conteudo-interna-esportes .tags a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }

.item-lista-sidebar:hover h3, 
.listagem-esportes li:hover h1, 
.item-lista-sidebar:hover h4, 
.cx-opiniao li:hover p,
.portlet-capa-destaque a:hover, 
.lista-portlet a:hover p,
.portlet-secundario-modelo1:hover p,
.portlet-capa-full:hover a h1,
.conteudo-interna.conteudo-interna-esportes .tags a:hover { color: #FCBB20; }


/* ================================ CSS GERAL VITRINE POPULARES VITRINE ================================ */
.btn-seguimento-populares li:last-child:hover, .btn-seguimento-populares li:last-child.ativo{border-color: #3357a7;}
.btn-seguimento-populares li:last-child:hover::before, .btn-seguimento-populares li:last-child.ativo::before{border-top: 9px solid #3357a7;}
.controle-vitrine{width:300px;height:20px;text-align: center;position: absolute;bottom:8px;left:0;z-index: 2;}
.controle-vitrine li{width:10px;height:10px;border-radius:25px;background-color: rgba(0, 0, 0, .4);display:inline-block;position: relative;cursor:pointer;left:0;left:inherit !important;}
.controle-vitrine li.ativo, .controle-vitrine li:hover{background-color: rgba(0, 0, 0, .8);}
.controle-vitrine li.imoveis.ativo, .controle-vitrine li.imoveis:hover{background-color: #d2232a;}
.controle-vitrine li.veiculos.ativo, .controle-vitrine li.veiculos:hover{background-color: #3357a7;}
.palco-ofertas-populares button{position: absolute;width:25px;height: 188px;top: 0;cursor: pointer;z-index: 10; opacity: 0;transition: .3s all ease;-webkit-transition: .3s all ease;border:0;background-color: transparent;}
.palco-ofertas-populares:hover button{opacity: 1}
.palco-ofertas-populares button.prev{left:10px;}
.palco-ofertas-populares button.prev::before{width:25px;height: 50px;content: "";position: absolute;display: block;background-image: url('https://www.opovo.com.br/noticiasimages/imgs/sprite.png');background-position: -301px -141px;background-size: 480px;left: 0;top: 50%;margin-top:-25px;}
.palco-ofertas-populares button.next{right:10px;}
.palco-ofertas-populares button.next::before{width:25px;height: 50px;content: "";position: absolute;display: block;background-image: url('https://www.opovo.com.br/noticiasimages/imgs/sprite.png');background-position: -335px -141px;background-size: 480px;left: 0;top: 50%;margin-top:-25px;}
.vitrine-populares{font-family: Oswald,sans-serif;margin:0 auto 50px;font-weight: 300;}

/* ================================ CSS GERAL VITRINE POPULARES VITRINE ================================ */

/* ================================ OLIMPÍADAS ================================ */
.caixa-sidebar .container-medalhas{height:430px;text-align:center;padding:5px;overflow-y:scroll;line-height:normal}
.container-medalhas table{border-collapse:collapse;font-size:12px;width:100%}
.container-medalhas thead th{font-size:11px;padding:5px 3px}
.container-medalhas tr{border-bottom:1px solid #ddd}
.container-medalhas tbody tr:last-child{border-bottom:0}
.container-medalhas th, .container-medalhas td{padding:5px 0;vertical-align:middle}
.flag-wrapper-medalhas{padding-top:2px}
.flag-medalhas{max-width:20px;border:1px solid #000;vertical-align:middle}
.container-medalhas span{vertical-align:middle}
.numero-medalhas{display:block;margin:auto;border-radius:50%;width:20px;line-height:20px}
.medalha-ouro{background-color:#fcc861}.medalha-prata{background-color:#e5e5e5}
.medalha-bronze{background-color:#dcb386}

/* ================================ MEDIA QUERY =============================================== */
@media (max-width: 1038px) {
    .container-videos-esportes #lista-videos li:first-child {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 20px;
    }
    .container-videos-esportes #lista-videos li:not(:first-child) {
        display: block;
        width: 100%;
    }
    .container-videos-esportes #lista-videos li:last-child {
        margin-right: 0;
    }
    .container-videos-esportes {
        height: auto;
    }
}

@media (min-width: 767px){
    .portlet-capa-direita-foto .portlet-secundario-modelo2, .portlet-secundario-modelo2 { width: 100%; padding-left: 0; }
}

@media (max-width: 822px) {
    #capa-esportes .tit-capa {
        margin-bottom: 10px;
    }
    .lista-portlet-esportes .portlet-secundario-modelo2 {
        width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .portlet-capa-direita-foto .lista-portlet {
        width: 50%;
        float: left;
    }
}

@media (max-width: 585px) {
    .portlet-capa-direita-foto .lista-portlet {
        width: 100%;
        float: none;
        margin-bottom: 35px;
    }
    .portlet-secundario-modelo3, .portlet-secundario-modelo4, .portlet-secundario-modelo2 {
        width: 100%;
    }
    .portlet-capa-direita-foto .portlet-secundario-modelo2,
    .portlet-secundario-modelo4 {
        padding-left: 0;
    }
    #capa-esportes .portlet-secundario-modelo4 .lista-portlet li:first-child {
        padding-bottom: 35px;
    }
}

@media (max-width: 450px) {
    .container-videos-esportes #lista-videos li:not(:first-child) {
        width: 100%;
        margin: 20px auto;
    }
    .container-videos-esportes #lista-videos li:last-child {
        margin: 0 auto;
    }
}