/* nav resposivo */ nav.responsivo { display: none; position: fixed; top: 0; left: -280px; z-index: 999; margin-top: 0px; width: 280px; height: 100%; background: #333; border-right: 1px solid #333; transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; } nav.responsivo.open_menu { left: 0px; } nav.responsivo ul { overflow: auto; height: 100%; position: relative; padding: 20px; } nav.responsivo ul li { width: 100%; font-size: 16px; position: relative; line-height: 30px; border-top: 1px solid rgba(255,255,255,.1); } nav.responsivo ul li:first-child { border: none; } nav.responsivo ul li a { display: block; color: #fff; padding:5px 10px 2px 10px; } nav.responsivo ul li a:hover { color:#a82627; text-decoration: none; } nav.responsivo .btn_menu { background: url(../img/btn-menu.png); width: 40px; height: 40px; display: block; text-indent: -9999px; position: absolute; top: 0; right: -45px; } /*RESPONSIVO*/ @media (max-width:1400px){ .content { max-width:1260px; } .blog_int ul li { width: 183px; } .blog_int ul li figure { height: 150px; } .webtv_int ul li figure { height: 115px; } .equipe { padding-top: 170px; height: 425px; } .equipe .titulo_equipe { width: 100%; z-index: 0; } .equipe .titulo_equipe h2 { width: 100%; height: 125px; } .ep.owl-carousel { position: relative; z-index: 10; float: none; margin: 0 auto; } .img_entrevista { width: 272px; height: 320px; } .edicoes_list { margin-left: -20px; } .edicoes_list li { width: 280px; margin-left: 20px; } .edicoes_list li::before { width: 260px; } .box_galeria .galeria { padding: 20px 35px; } .box_galeria .galeria.owl-carousel .owl-wrapper-outer { width: 510px; } } @media (max-width:1280px){ .content { max-width:1000px; } .main { padding: 20px 0 20px 30px; width: 60%; width: calc(100% - 320px); width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: -ms-calc(100% - 320px); width: -o-calc(100% - 320px); } aside.fRight { width: 100%; float: none; clear: both; overflow: hidden; } aside .box { border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; } aside.fRight .box { width: 32%; height: 400px; float: left; margin-right: 1.2%; border-bottom: 1px solid #ccc; margin-bottom: 20px; } aside.fRight .box:nth-child(1) { width: 100%; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: space-around; align-items: center; } aside.fRight .box:nth-child(8) { width: 100%; height: auto;} aside.fRight .box .fb-page span { margin-top: 45px; } .container_footer .size25 { width: 33.33%;} aside .webtv ul { display: none; } .blog_int ul li { width: 205px; } .blog_int ul li figure { height: 170px; } .webtv_int ul li figure { height: 135px; } .container_header .inf .busca { width: 250px; } .edicoes_list li { width: 315px; } .edicoes_list li::before { width: 295px; } .box_galeria .galeria { padding: 20px 70px; } .container_footer .size25 { padding: 0 10px; } .container_footer .titulo_preto { font-size: 20px; } .container_header .social { overflow: hidden; margin: 10px 20px 10px 0; } .whatsappBox { margin-top: 2em; } } @media (max-width:1024px){ .content { max-width:900px; } .blog_int ul li { width: 173px; } .blog_int ul li figure { height: 142px; } .webtv_int ul li figure { height: 117px; } .container_footer .content .size25 { padding-right: 10px; } .container_footer .content .size25 img { width: 100%; max-width: 220px; } .container_header .inf .tempo .fLeft.time { display: none; } .container_header .inf .tempo .fLeft.clima { padding-left: 20px; } .edicoes_list { margin-left: -10px; } .edicoes_list li { width: 270px; margin-left: 10px; } .edicoes_list li::before { width: 250px; } .edicoes_list li figure { width: 120px; } .edicoes_list li figure img { width: 100%; } .box_galeria .galeria { padding: 20px; } .container_header .menu li a { font-size: 16px;} } @media (max-width:920px){ .content { max-width:748px; } .container_header .social { overflow: hidden; margin: 0px 20px 20px 0; } .entrevistas_list li figure { width: 100%; margin-bottom: 5px; float: none; } .entrevistas_list li h4 { min-height: 80px; padding: 0 5px } .container_header .menu { float: none; margin: 0 auto; padding: 30px; } .blog_int ul li { width: 190px; } .blog_int ul li figure { height: 160px; } .webtv_int ul li figure { height: 125px; } aside.fRight .box { width: 48%; } aside .edicao::before { width: 340px; } .container_footer .content .size25 { width: 50%; height: 200px; } .container_footer .content .size25:nth-child(1){ width: 100%; } .forms .left, .forms .right { float: none; padding: 0; margin-bottom: 10px; width: 100%; } .container_header .inf .tempo .fLeft.clima { display: none; } .equipe .ep, .ep.owl-carousel .owl-wrapper-outer { width: 242px; } .equipe { padding-top: 195px; height: 450px; } .sobre .box_missao, .sobre .fLeft { width: 100%; float: none; margin: 0; } .img_entrevista { width: 100%; height: 425px; } .edicoes_list li { width: 315px; } .edicoes_list li::before { width: 295px; } .edicoes_list li figure { width: 130px; } .content_maisnoticias .dest { height: 240px; } .content_maisnoticias .dest figure { height: 145px; } .box_galeria .galeria { padding: 20px 29px; } .box_galeria .galeria.owl-carousel .owl-wrapper-outer { width: 340px; } .entrevistas_list li figure img { height: auto; width: 100%; } } @media (max-width:768px){ .content { max-width:670px; } aside.fLeft { width: 300px; } aside .edicao::before { width: 305px; } nav.responsivo { display: block; } .container_header { padding-top: 1px; } .container_header .menu { display: none; } .main { padding: 20px 0 20px 30px; width: 60%; width: calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: -ms-calc(100% - 300px); width: -o-calc(100% - 300px); } .blog_int ul li { width: 162px; } .blog_int ul li figure { height: 135px; } .webtv_int ul li figure { height: 100px; } .img_entrevista { height: 353px; } .box_galeria .galeria { padding: 20px 85px; } .box_galeria .galeria.owl-carousel .owl-wrapper-outer { width: 170px; } .container_header .social { overflow: hidden; margin: 30px 20px 0px 0; } .container_header .inf nav { display: none; } .container_header .inf .busca { width: 95%; float: none; margin: 0 auto; } } @media (max-width:690px){ .content { max-width:580px; } aside.fLeft, aside.fRight { width: 100%; max-width: 300px; margin: 0 auto 20px auto; float: none; } aside.fRight .box { width: 100%; margin: 0 0 30px 0; height: auto; padding-bottom: 20px; } aside .edicao::before { width: 280px; } aside.fRight .box .fb-page span { margin: 0; } .main { width: 100%; padding: 20px 0; float: none; } .container_footer .content .size25 { width: 100%; height: auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #bbb; } .container_footer .content .size25.newsletter { margin-bottom: 0; border-bottom: none; } .blog_int ul li { width: 183px; } .blog_int ul li figure { height: 153px; } .webtv_int ul li figure { height: 137px; } .content { display:flex; flex-flow: column; } aside.fLeft { order: 2; } aside.fRight { order: 3; } .main { order: 1; } .equipe .ep, .ep.owl-carousel .owl-wrapper-outer { width: 484px; } .img_entrevista { width: 272px; height: 320px; } .edicoes_list li { width: 285px; } .edicoes_list li::before { width: 265px; } .edicoes_list li figure { width: 130px; } .entrevistas_list li figure { max-width: 130px; float: left; } .entrevistas_list li h4 { min-height: 80px; padding:5px } .box_galeria .galeria { padding: 20px 35px; } .box_galeria .galeria.owl-carousel .owl-wrapper-outer { width: 510px; } } @media (max-width:600px){ .content { max-width:460px; } .blog_int ul li { width: 222px; } .blog_int ul li figure { height: 185px; } .webtv_int ul li figure { height: 150px; } .equipe .ep, .ep.owl-carousel .owl-wrapper-outer { width: 242px; } .breacrumbs ul li { display: block; float: none; line-height: 150%; } .breacrumbs ul li:nth-child(2)::before { display: block; } .edicoes_list { width: 315px; margin: 0 auto; } .edicoes_list li { width: 315px; margin-left: 0; } .edicoes_list li::before { width: 295px; } .edicoes_list li figure { width: 130px; } .entrevistas_list li figure { max-width: none; float: none; } .entrevistas_list li h4 { min-height: 80px; padding:5px } .content_maisnoticias .titulo_preto { height:45px; } .box_galeria .galeria { padding: 20px 60px; } .box_galeria .galeria.owl-carousel .owl-wrapper-outer { width: 340px; } .container_header .social { float: none; width: 260px; overflow: hidden; margin: 30px auto 20px auto; } .container_header .logo { float: none; margin: 20px auto;} } @media (max-width:480px){ .content { max-width:280px; } .blog_int ul { width: 230px; margin: 0 auto; } .blog_int ul li { width: 230px; float: none; margin: 0 0 30px 0; } .blog_int ul li figure { height: 190px; } .webtv_int ul li figure { height: 145px; } .container_header .inf .busca { width: 87%; } aside.fLeft, aside.fRight { max-width: 280px; } aside .edicao::before { width: 260px; } .img_entrevista { width: 100%; height: 283px; } .destaques .cont div .texto { width: 255px; bottom: -100px; } .destaques .cont { min-height: 250px; } .edicoes_list { width: 280px; margin: 0 auto; } .edicoes_list li { width: 280px; margin-left: 0; } .edicoes_list li::before { width: 260px; } .entrevistas_list li { width: 100%; float: none; } .entrevistas_list li figure { max-width: 130px; float: left; } .entrevistas_list li h4 { min-height: 80px; padding:5px } .content_maisnoticias .fLeft { float: none; width: 100%; padding-right: 0; margin-bottom: 30px; } .content_maisnoticias .fRight { float: none; width: 100%; padding-left: 0; } .box_galeria .galeria { padding: 20px 55px; } .box_galeria .galeria.owl-carousel .owl-wrapper-outer { width: 170px; } }