/**********************************************************************/ /***************** STYLE CLICA BRASÍLIA *******************************/ /**********************************************************************/ /*(CLASSE SÓ PARA A LOGOMARCAR) UTILIZADA NA INTERNA DO CLICA BRASÍLIA*/ /*Tem que ser utilizada atravez do Editor Visual Composer, Cabeçalho Personalizado - Adicionar Class de desenvolvedor - cabecalho_clicabrasilia*/ .cabecalho_clicabrasilia{ text-indent: -9999px; height:45px; /* background:url('images/clicabrasilia.png') no-repeat left top;*/ background:url('http://www.jornaldebrasilia.com.br/wp-content/uploads/img/jbrwp/logos/clicabrasilia.png') no-repeat left top; background-position: 0px -16px; width:280px; margin-bottom:30px; } /*TITULO RETRANCA*/ .td_block_2_jbr_clicabrasilia {} .td_block_2_jbr_clicabrasilia .block-title{ } .td_block_2_jbr_clicabrasilia .block-title, .td_block_2_jbr_clicabrasilia .block-title a, .td_block_2_jbr_clicabrasilia .block-title span, .td_block_2_jbr_clicabrasilia .block-title label { background:none; padding:0px; margin:0px; display: inline-block; color: #fff; border:none; /* font-family: "adelle-sans"; font-family: 'Open Sans', arial, sans-serif; font-family: 'Roboto', sans-serif;*/ font-family: "ff-good-headline-web-pro-con",sans-serif; font-weight:bold; text-transform:uppercase; color:#e8412c; /*font-weight:bold;*/ margin-bottom:14px; font-size:48px; display:none; } .td_block_2_jbr_clicabrasilia .logomarca_clicabrasilia{ text-indent: -9999px; height:77px; /*background:url('images/clicabrasilia.png') no-repeat left top;*/ background:url('http://www.jornaldebrasilia.com.br/wp-content/uploads/img/jbrwp/logos/clicabrasilia.png') no-repeat left top; margin:5px 0; width:100%; display:block; margin-top:-40px; } .td_block_2_jbr_clicabrasilia .block-title span{ width:500px;} /*Tamanho para cortar o titulo nos blocos*/ .jbr_clicabrasilia_1 .primeiro_slice h3, .jbr_clicabrasilia_2 .primeiro_slice h3, .jbr_clicabrasilia_3 .primeiro_slice h3, .jbr_clicabrasilia_4 .primeiro_slice h3, .jbr_clicabrasilia_5 .primeiro_slice h3, .jbr_clicabrasilia_6 .primeiro_slice h3, .jbr_clicabrasilia_7 .primeiro_slice h3, .jbr_clicabrasilia_8 .primeiro_slice h3{height: 78px; overflow: hidden; }/*Tamanho para o titulo*/ /*PRIMEIRA MATÉERIA*/ .jbr_clicabrasilia_1, .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8 { background-color:#fff; margin-bottom:12px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:solid 1px #c9c9c9; border-top: solid 1px #e8412c; display:inline-flex; overflow:hidden; float:left;} /*PADDING DOS TITULOS*/ .td_block_2_jbr_clicabrasilia .td-module-thumb{ margin:0px; padding:0px;} .jbr_clicabrasilia_1 .primeiro_slice h3, .jbr_clicabrasilia_2 .primeiro_slice h3, .jbr_clicabrasilia_3 .primeiro_slice h3, .jbr_clicabrasilia_4 .primeiro_slice h3, .jbr_clicabrasilia_5 .primeiro_slice h3, .jbr_clicabrasilia_6 .primeiro_slice h3, .jbr_clicabrasilia_7 .primeiro_slice h3, .jbr_clicabrasilia_8 .primeiro_slice h3{padding: 10px; padding-top:5px; } .jbr_clicabrasilia_1 { width:707px; height:588px; margin-right:15px;} .jbr_clicabrasilia_1 .primeiro_slice{ width:707px; } .jbr_clicabrasilia_1 .primeiro_slice h3{ font-size: 2.4em; line-height:1.1em; font-weight:bold; padding:10px; height: 122px; overflow: hidden;} /*SEGUNDA MATÉRIA*/ .jbr_clicabrasilia_2 { width:345px; height:348px; width:32.3%; float:right;} .jbr_clicabrasilia_2 .primeiro_slice{ overflow:hidden; } .jbr_clicabrasilia_2 .primeiro_slice h3 {height: 97px; overflow: hidden;} .jbr_clicabrasilia_2 .primeiro_slice h3 { font-size: 19px;font-weight:bold; } /*.jbr_clicabrasilia_2 .primeiro_slice .td-module-image{ width:2160px; height:1217px; }*/ /*TERCEIRO MATÉRIA*/ .jbr_clicabrasilia_3{ width:345px; height:108px; float:right; background-color:#e8412c; float:right;} .jbr_clicabrasilia_3 .td-module-image{ display:none; } .jbr_clicabrasilia_3 .primeiro_slice h3 a{ font-size: 19px; font-weight:bold; color:#fff; } .jbr_clicabrasilia_3 .primeiro_slice h3 :hover{ color:#000; } .jbr_clicabrasilia_3 .td-module-title{} .jbr_clicabrasilia_3 .icon-twitter:before, .jbr_clicabrasilia_3 .icon-facebook:before, .jbr_clicabrasilia_3 .icon-bubble, .jbr_clicabrasilia_3 .icon-bubble:before{color:#fff;} /*QUARTA MATÉRIA*/ .jbr_clicabrasilia_4 { width:345px; height:108px; float:right; } .jbr_clicabrasilia_4 .td-module-image{ display:none; } .jbr_clicabrasilia_4 .primeiro_slice h3{height: 103px; overflow: hidden;}/*Tamanho da div para o titulo*/ .jbr_clicabrasilia_4 .primeiro_slice h3 a{ font-size: 19px; font-weight:bold; } /*QUINTA MATÉRIA*/ .jbr_clicabrasilia_5{ width:345px; height:108px; float:left; background-color:#e8412c; margin-right:17px; } .jbr_clicabrasilia_5 .td-module-image{ display:none; } .jbr_clicabrasilia_5 .primeiro_slice h3 a{ font-size: 19px; font-weight:bold; color:#fff; } .jbr_clicabrasilia_5 .primeiro_slice h3 a:hover{ color:#000; } .jbr_clicabrasilia_5 .td-module-title{} .jbr_clicabrasilia_5 .date-pub-e-redessociais, .jbr_clicabrasilia_5 .icons_redes_sociais{ color:#fff; } .jbr_clicabrasilia_5 .icon-twitter:before, .jbr_clicabrasilia_5 .icon-facebook:before, .jbr_clicabrasilia_5 .icon-bubble, .jbr_clicabrasilia_5 .icon-bubble:before{color:#fff;} /*SEXTA MATÉRIA*/ .jbr_clicabrasilia_6{ width:345px; height:108px; float:left; background-color:#FFFFFF; } .jbr_clicabrasilia_6 .td-module-image{ display:none; } .jbr_clicabrasilia_6 .primeiro_slice h3 a{ font-size: 19px; font-weight:bold; color:#000; } .jbr_clicabrasilia_6 .primeiro_slice h3 a:hover{ color:#000; } .jbr_clicabrasilia_6 .td-module-title{} /*SETIMA MATÉRIA*/ .jbr_clicabrasilia_7{ width:345px; height:108px; float:left; background-color:#fff; margin-right:17px; } .jbr_clicabrasilia_7 .td-module-image{ display:none; } .jbr_clicabrasilia_7 .primeiro_slice h3 a{ font-size: 19px; font-weight:bold; color:#000; } .jbr_clicabrasilia_7 .primeiro_slice h3 a:hover{ color:#000; } .jbr_clicabrasilia_7 .td-module-title{} /*OITAVA MATÉRIA*/ .jbr_clicabrasilia_8{ width:345px; height:108px; float:left; background-color:#e8412c; margin-bottom:50px; } .jbr_clicabrasilia_8 .td-module-image{ display:none; } .jbr_clicabrasilia_8 .primeiro_slice h3 a{ font-size: 19px; font-weight:bold; color:#fff; } .jbr_clicabrasilia_8 .primeiro_slice h3 a:hover{ color:#000; } .jbr_clicabrasilia_8 .td-module-title{} .jbr_clicabrasilia_8 .icon-twitter:before, .jbr_clicabrasilia_8 .icon-facebook:before, .jbr_clicabrasilia_8 .icon-bubble, .jbr_clicabrasilia_8 .icon-bubble:before{color:#fff;} /*Tamanho de todos os blocos*/ .jbr_clicabrasilia_1, .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8{width:32.3%; } .jbr_clicabrasilia_1{width: 66.2%; height: 42em;}/*width 707px Height 588px */ /*Tamanho de todas as fotos dentro blocos*/ .jbr_clicabrasilia_1 .primeiro_slice, .jbr_clicabrasilia_2 .primeiro_slice, .jbr_clicabrasilia_3 .primeiro_slice, .jbr_clicabrasilia_4 .primeiro_slice, .jbr_clicabrasilia_5 .primeiro_slice, .jbr_clicabrasilia_6 .primeiro_slice, .jbr_clicabrasilia_7 .primeiro_slice, .jbr_clicabrasilia_8 .primeiro_slice{ width:100%} /*ICOMOON FONTES */ @font-face { font-family: 'IcoMoon-Free'; src: url('fonts/IcoMoon-Free.ttf') format('truetype'); font-weight: normal; font-style: normal; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'IcoMoon-Free' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: "\ea91"!important; color:#999999; font-size:16px; } .icon-twitter:before { content: "\ea96";!important; color:#999999; font-size:16px; } .icon-bubble:before { content: "\e96b"!important; color:#999999; font-size:16px; } /*@import url("fontes/fontes.css");*/ /*ICOMOON FONTES */ /* ----------------------------------- *\ Estilo para mostrar data que a matéria foi publicada (Internas) \* ----------------------------------- */ .date-pub{position: absolute; width: 100%; bottom:0; height:26px;} .date-pub-e-redessociais{ color:#999; font-size:13px; } .icons_redes_sociais{ float:right; } .icons_redes_sociais a{ list-style:none; text-decoration:none; } .icon-twitter{ margin:0px; padding:3px; margin-right:10px; } .icon-facebook{margin:0px; padding:3px; margin-left:10px; } .icon-bubble{ margin:0px; padding:0px; margin-left:10px; } /* ----------------------------------- *\ Estilo para mostrar data que a matéria foi publicada (Internas) \* ----------------------------------- */ .td_block_2_jbr_clicabrasilia .block-title > span{ color:#000;} /*.td_block_2_jbr_clicabrasilia .block-title > .ponto{ color:#000;}*/ /*Line-Heigth todos os blocos*/ .jbr_clicabrasilia_2 .primeiro_slice h3 a, .jbr_clicabrasilia_3 .primeiro_slice h3 a, .jbr_clicabrasilia_4 .primeiro_slice h3 a, .jbr_clicabrasilia_5 .primeiro_slice h3 a, .jbr_clicabrasilia_6 .primeiro_slice h3 a, .jbr_clicabrasilia_7 .primeiro_slice h3 a, .jbr_clicabrasilia_8 .primeiro_slice h3 a, .jbr_clicabrasilia_2 .td_module_wrap .entry-title, .jbr_clicabrasilia_3 .td_module_wrap .entry-title, .jbr_clicabrasilia_4 .td_module_wrap .entry-title, .jbr_clicabrasilia_5 .td_module_wrap .entry-title, .jbr_clicabrasilia_6 .td_module_wrap .entry-title, .jbr_clicabrasilia_7 .td_module_wrap .entry-title, .jbr_clicabrasilia_8 .td_module_wrap .entry-title { font-size:1.2em; line-height:1.2em;} /*HOVER DOS TITULOS*/ .td_block_2_jbr_clicabrasilia .td-post-category:hover{ background-color:#e8412c;} .td_block_2_jbr_clicabrasilia .td_module_wrap:hover .entry-title a{ color: #000; } .td_block_2_jbr_clicabrasilia .jbr_clicabrasilia_1 .td_module_wrap:hover .entry-title a, .td_block_2_jbr_clicabrasilia .jbr_clicabrasilia_2 .td_module_wrap:hover .entry-title a, .td_block_2_jbr_clicabrasilia .jbr_clicabrasilia_4 .td_module_wrap:hover .entry-title a, .td_block_2_jbr_clicabrasilia .jbr_clicabrasilia_6 .td_module_wrap:hover .entry-title a, .td_block_2_jbr_clicabrasilia .jbr_clicabrasilia_7 .td_module_wrap:hover .entry-title a{color:#e8412c;} /*HOVER DOS TITULOS*/ .td_module_2_jbr .entry-thumb{ width:100%;} /*1º PONTO DE AJUSTE POLITICA E PODER 980*/ @media (min-width: 1019px) and (max-width: 1140px) and (min-width: 1019px) and (max-width: 1140px) { /*.jbr_clicabrasilia_1,TIREI .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8 { width:316px;} .jbr_clicabrasilia_1 { width:647px;} .jbr_clicabrasilia_2 { height:348px;} */ .jbr_clicabrasilia_1, .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8{width:32.2%;} .jbr_clicabrasilia_1{width: 66.1%;} .jbr_clicabrasilia_2 { height:348px;} .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia{display:none;} } /*1º PONTO DE AJUSTE POLITICA E PODER*/ /* 740 (Ajustes para o segundo ponto)*/ @media (min-width: 1019px) and (max-width: 1034px) { /*Ajusta tamanho blocos*/ /*.jbr_clicabrasilia_1,TIREI .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8 { width:309px; } .jbr_clicabrasilia_1 { width:638px;} .jbr_clicabrasilia_2 { height:348px;} */ .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia{display:none;} } /*2º PONTO DE AJUSTE POLITICA E PODER 740*/ @media (min-width: 768px) and (max-width: 1018px) and (min-width: 768px) and (max-width: 1018px) { /*Ajusta tamanho blocos*/ /*.jbr_clicabrasilia_1, .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8 { width:235px; background-color:rgba(255,172,173,1.00)} .jbr_clicabrasilia_1 { width:489px; height:432px;} .jbr_clicabrasilia_2 { height:348px; height:261px;} .jbr_clicabrasilia_4 { height:291px;} */ .jbr_clicabrasilia_1, .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8{width:31.8%;} .jbr_clicabrasilia_1{width: 66%; height:33em; height:29em} .jbr_clicabrasilia_2, .jbr_clicabrasilia_4 { /*height:285px;*/ height:20.4em;} .jbr_clicabrasilia_1 .primeiro_slice h3{ font-size: 2.1em; line-height: 1.1em;font-weight: bold; padding: 10px; height: 110px;} /*Tamanho para cortar o titulo nos blocos*/ .jbr_clicabrasilia_1 .primeiro_slice h3, .jbr_clicabrasilia_2 .primeiro_slice h3, .jbr_clicabrasilia_3 .primeiro_slice h3, .jbr_clicabrasilia_4 .primeiro_slice h3, .jbr_clicabrasilia_5 .primeiro_slice h3, .jbr_clicabrasilia_6 .primeiro_slice h3, .jbr_clicabrasilia_7 .primeiro_slice h3, .jbr_clicabrasilia_8 .primeiro_slice h3{height: 76px; overflow: hidden; }/*Tamanho para o titulo*/ .jbr_clicabrasilia_4{ display:none;} /*Ajusta tamanho das fontes*/ /*.jbr_clicabrasilia_1 .primeiro_slice h3, TIREI .jbr_clicabrasilia_2 .primeiro_slice h3, .jbr_clicabrasilia_3 .primeiro_slice h3, .jbr_clicabrasilia_4 .primeiro_slice h3, .jbr_clicabrasilia_5 .primeiro_slice h3, .jbr_clicabrasilia_6 .primeiro_slice h3, .jbr_clicabrasilia_7 .primeiro_slice h3, .jbr_clicabrasilia_8 .primeiro_slice h3, .jbr_clicabrasilia_1 .primeiro_slice h3 a, .jbr_clicabrasilia_2 .primeiro_slice h3 a, .jbr_clicabrasilia_3 .primeiro_slice h3 a, .jbr_clicabrasilia_4 .primeiro_slice h3 a, .jbr_clicabrasilia_5 .primeiro_slice h3 a, .jbr_clicabrasilia_6 .primeiro_slice h3 a, .jbr_clicabrasilia_7 .primeiro_slice h3 a, .jbr_clicabrasilia_8 .primeiro_slice h3 a { font-size: 17px; line-height:19px;} .jbr_clicabrasilia_1 .primeiro_slice h3, .jbr_clicabrasilia_1 .primeiro_slice h3 a {font-size: 29px; line-height: 33px; height: 113px;} .jbr_clicabrasilia_2 .primeiro_slice h3{ height:87px;}*/ .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia{display:none;} } @media (max-width: 767px) { /*Ajusta tamanho blocos*/ .jbr_clicabrasilia_1, .jbr_clicabrasilia_2, .jbr_clicabrasilia_3, .jbr_clicabrasilia_4, .jbr_clicabrasilia_5, .jbr_clicabrasilia_6, .jbr_clicabrasilia_7, .jbr_clicabrasilia_8{width:100%;} .jbr_clicabrasilia_1{width: 100%;/* height:43em;*/ height:auto; } .jbr_clicabrasilia_2, .jbr_clicabrasilia_4 { /*height:285px;*//* height:40.4em;*/ height:auto;} .jbr_clicabrasilia_1 .primeiro_slice h3{ font-size:1.7em;} .jbr_clicabrasilia_2 .primeiro_slice h3 {height: 55px;} .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia{display:none;} } /**********************************************************************/ /***************** STYLE CLICA BRASÍLIA ******************************/ /**********************************************************************/ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .clicabrasilia_vejamais{ border-radius: 5px; float: right; background-color: #f5f5f5; height: 23px; width: 107px; padding-bottom: 15px; margin-bottom:20px; } .clicabrasilia_vejamais a{ color: #000; font-family: "ff-good-headline-web-pro-con",sans-serif; text-transform: uppercase; font-weight: 500; font-size: 16px; padding-left: 8px; } /***************** CLICA BRASÍLIA INTERNAS ****************************/ .jbr-clicabrasilia-internas{ } .tipo1-clicabrasilia{ background-color:#FFF; padding-top:30px; margin-top:10px;} .tipo2-clicabrasilia{ background-color:#eaeaea; padding-top:30px; margin-top:10px;} /*Botão de passar slice*/ .tipo2-clicabrasilia .td-next-prev-wrap a{background: white;} /*Botão chamadas*/ .jbr-clicabrasilia-internas .td-subcat-link.td-cur-simple-item, .jbr-clicabrasilia-internas .td-subcat-link.td-cur-simple-item{ background-color:#e30613; color:#FFFFFF!important;} .jbr-clicaroteiro-margin-top{ margin-top:40px;} .jbr-clicaroteiro-margin-bottom{ margin-bottom:30px;} .jbr-clicabrasilia-internas .td_module_2_internas_jbrtv{border-top: solid 1px #e30613} /***************** CLICA BRASÍLIA INTERNAS ****************************/ /*PUBLICIDADE MIDLE 1*/ .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia { clear:both; width:100%; height:116px; margin-bottom:1px; margin-top:-44px;} .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia .modulo-publicidade{ } .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia .modulo-publicidade .titulo-pub h4{ font-size: 12px; font-family: "ff-good-headline-web-pro-con",sans-serif; margin: 0px; float: right; margin-top: -4px; } .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia .modulo-publicidade .titulo-pub, .td_module_2_jbr_superbanner_middlle1_pg_clicabrasilia .modulo-publicidade .publicidade{ width:970px; margin:0 auto; text-align:center;} /*PUBLICIDADE MIDLE 1*/