/*
Theme Name: INSS PASSO A PASSO
Theme URI: http://parnet.com.br
Author: Diego Fernandes
Author URI: https://www.instagram.com/diego.fernandz/
Description: Tema criado especialmente para o cliente INSS PASSO A PASSO
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Parnet
Text Domain: Parnet Padrão
*/


/*01 - Conteúdo PC*/

/*HEADER*/


:root {
        --font1: 'Plus Jakarta Sans', sans-serif;
        
		--azul: #006CC7;
		--azul2: #26316E;
        
        --verde: #019D5E;
        --amarelo: #FFC234;
        --vermelho: #A70606;
        
        --cinza: #F6F6F6;
        --cinza2: #C6C6C6;
        --cinza3: #464646;
        --cinza4: #EEEEEE;
	}

.wow { visibility:hidden}
html { scroll-behavior: smooth}
body { margin:0; -webkit-font-smoothing: antialiased; font-family: var(--font1);}
a { text-decoration:none;}
img { border:0; vertical-align:top;}
    
    .header { width: 100%; padding: 20px 0 12px 0; position: relative; border-bottom: 2px solid var(--azul2);}
    .menu { width: 90%; max-width: 1150px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
    .logo { width: 180px}
    .navbar { width: calc(100% - 210px); max-width: 800px; position: relative; box-sizing: border-box; padding: 0 160px 0 0;}
    
    #site-navigation { margin: 0; padding: 0;}
    #site-navigation ul { margin: 0; padding: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start}
    #site-navigation ul li { list-style: none; margin: 0; padding: 0;}
    #site-navigation ul li a { color: var(--azul2); margin: 0 22px 0 0; font-weight: 600; position: relative; font-size: 15px; padding: 10px; border-radius: 10px;}
    #site-navigation ul li a:before { content: ''; width: calc(100% - 20px); opacity: 0; height: 3px; background-color: var(--azul); position: absolute; bottom: 0; left: 10px; transition: all .15s ease }
    #site-navigation ul li a:hover:before, .current-menu-item a:before { bottom: 5px!important; opacity: 1!important; }

    .current-menu-item a {font-weight: 700!important;}
    
    #site-navigation ul li:last-child a { background-color: var(--azul2); padding-left: 50px; padding-right: 50px; margin: 0; color: #FFF; top: -10px;  right: 0;  position: absolute; }
    #site-navigation ul li:last-child a:hover { background-color: var(--azul);}
    #site-navigation ul li:last-child a:before { display: none; }


  
/*HOME*/
    
    .bgRule { background-position: center; background-repeat: no-repeat; background-size: cover}

    .centra { width: 90%; max-width: 1150px; margin: 0 auto; }

    .banner { padding: 80px 0;}
    .banner .centra { display: flex; height: 550px; flex-wrap: wrap; align-items: center; justify-content: space-between; }

    .bp1, .bp2, .bp3 { height: 100%; }

    .bp1 { width: calc(33.33% - 16px); flex-wrap: wrap; flex-direction: column; justify-content: center; display: flex; }
    .bp1 h1 { width: 100%; font-size: 48px; font-weight: 700; line-height: 120%;}
    
    .bp2 { width: calc(33.33% - 16px)}
    .bp3 { width: calc(16.66% - 16px)}

    .chamad { overflow: hidden; border-radius: 10px; position: relative;}
    .chamad b { font-size: 22px; color: #FFF; position: absolute; bottom: 40px; z-index: 9; transition: all .15s ease}

    .notRotad b { width: 100%; text-align: center; }
    .rotad b { transform: rotate(-90deg); transform-origin: center; bottom: 116px; right: 0; width: 100%; }

    .chamad { transition: all .15s ease}
    
    @media screen and (min-width: 1150px)
    {
        .rotad:hover { width: 17%; }
        .rotad:hover b { bottom: 126px; }
        .notRotad:hover { width: 34%; }
    }
    
    .bp2:before, .bp3:before { content: ''; width: 100%; height: 400px; position: absolute; bottom: 0; left: 0;
    background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%); }

    .newsHome { width: 155%; max-width: 500px; z-index: 9}
    .newsHome form { display: flex; align-items: center; justify-content: space-between; }

    .newsHome input[type=email] { -webkit-appearance: none; width:100%; margin:0; box-sizing:border-box; font-size:16px; font-family: var(--font1); font-weight: 600; outline:none; border-radius:8px 0 0 8px; border:0px; background-color:#efefef; color:#333; padding:20px 15px 20px 30px; }

    .newsHome input[type=submit] { -webkit-appearance: none; box-sizing:border-box; font-size:16px; font-family: var(--font1);  outline:none; border-radius:8px; border:0px; font-weight: 600; background-color:var(--azul); color:#FFF; padding:20px 50px; margin:0 0 0 -5px; cursor:pointer; transition:all .15s ease;}
    .newsHome input[type=submit]:hover { background-color:#000}

    .newsHome input::-webkit-input-placeholder {color: #838383;}
    .newsHome input:-moz-placeholder {color: #838383}
    .newsHome input::-moz-placeholder {color: #838383}
    .newsHome input:-ms-input-placeholder {color: #838383}

    .cetegSec h2 { font-size: 31px; text-align: center; }

    .listaCat { margin: 20px 0 60px 0;  padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; }
    .listaCat li { margin: 0; padding: 0; list-style: none; }
    .listaCat li a { margin: 0 20px; font-size: 17px; color: var(--azul2)}
    .listaCat li a:hover { color: var(--azul);}
    .currCat { color: var(--azul)!important; font-weight: 700; text-decoration: underline; }

    .bigCat { display: flex; margin: 0 0 70px 0; padding: 0; width: 100%; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    .bigCat li { display: flex; align-items: center; justify-content: center; width: calc(25% - 20px)  }
    .bigCat li a { width: 100%; font-weight: 700; border-radius: 20px; height: 190px; background-color: #BBB; font-size: 26px; color: #333; text-align: center; display: flex; align-items: center; justify-content: center; transition: all .15s ease}
    .bigCat li a:hover { transform: scale(1.05)}

    .verMaisCat { display: table; margin: 0 auto; font-weight: 700; text-decoration: underline; color: var(--azul); }
    .verMaisCat:hover { color: var(--azul2)}

    .postagens { margin: 70px 0 0 0;}
    .destaques { display: flex; align-items: flex-start; justify-content: space-between; }

    .umPostDest { width: calc(75% - 7px); border-radius: 35px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; background-color: var(--cinza); }
    .fotoPostDest { width: calc(45% - 15px); height: 420px;}
    .conteudoD {width: calc(55% - 15px); box-sizing: border-box; padding: 20px;}

    .laterais { width: calc(25% - 20px); height: 420px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
    .catLat { width: 100%; height: calc(calc(420px/2) - 15px); padding: 20px 25px; border-radius: 35px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }


    .catP { display: table; margin: 0; font-weight: 700; color: var(--azul2); }
    .catP:hover { text-decoration: underline; }

    .titPostDest { font-size: 25px; line-height: 140%; font-weight: 700;  color: #000; display: table; margin: 40px 0 15px 0;}
    .titPostDest:hover { color: var(--azul); }

    .umPostDest p { font-size: 15px;}

    .saiba { display: table; margin: 20px 0 0 0; font-size: 14px; box-sizing: border-box; padding: 15px 40px; border-radius: 10px;}

    .cor1S {background-color: var(--azul2); color: #FFF; }
    .cor1S:hover { background-color: var(--azul); }
    .cor2S {background-color: var(--amarelo); color: var(--azul2); }
    .cor2S:hover { background-color: var(--verde); color: #FFF; }
    
    .postsListaHome {padding: 0 0 70px 0;}

    .postsHome { margin: 70px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
    .umPost { width: calc(25% - 20px); margin: 0 0 50px 0;}
    .umPost p { font-size: 14px; margin: 0;  }
    .fotoPost { width: 100%; height: 200px; border-radius: 25px;}
    .conteudo { margin: 20px 0 0 0; }

    .titPost { font-size: 18px; font-weight: 600; display: table; line-height: 130%; margin: 10px 0 ; color: #000;}

    .saiba2 { padding: 13px 30px; font-weight: 700; color: #FFF; background-color: var(--azul); border-radius: 10px; display: table; }
    .central { margin: 40px auto 0 auto; }

    .par1 { color: #FFF; }
    .par1 .catP { color: var(--amarelo); }
    .par1 .centra { display: flex; align-items: center; justify-content: space-between;}

    .lado1Par { width: calc(50% - 10px); display: flex; justify-content: space-between; align-items: center; }
    .lado2Par { width: calc(50% - 20px); max-width: 500px; }
    .par1 h2 { font-size: 52px; line-height: 115%; margin: 40px 0 20px 0; }

    .linhaVids { width: calc(50% - 20px); flex-direction: column; overflow: hidden; height: 690px; display: flex; align-items: center; flex-wrap: wrap;}
    .umVid { width: 100%; height: 214px; border-radius: 10px; position: relative; overflow: hidden; }
    .umVid:before { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.2); width: 100%; height: 100%; }
    .assistir { position: absolute; box-sizing: border-box; font-weight: 700; padding-left: 30px; bottom: 15px; left: 20px; color: #FFF; z-index: 9; }
    .assistir i { position: absolute; font-size: 18px; top: 1px; left: 0; }

    .linhaVids:nth-child(1) {  justify-content: space-between;}
    .linhaVids:nth-child(1) .umVid:nth-child(1) { border-radius: 0 0 10px 10px; }
    .linhaVids:nth-child(1) .umVid:nth-child(3) { border-radius: 10px 10px 0 0; }

    .linhaVids:nth-child(2) { justify-content: center;}
    .linhaVids:nth-child(2) .umVid { height: 260px; margin: 13px 0;}

    .contVid { padding: 80px 0;} 
    h3 { font-size: 28px; }

    .chamadas { width:100%; box-sizing:border-box; padding:0; margin: 50px 0; }

    .owl-nav {width:100%; height:1px}
    .owl-nav div {width:30px; height:30px; box-sizing: border-box; padding: 2px 0 0 0; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-align: center; line-height: 30px; background-color: var(--cinza2)!important; font-size:25px!important; color:#333!important; position:absolute; z-index:9;  cursor:pointer; transition:all .2s ease}
    .contVid .owl-nav div { top:-75px; }
    .owl-nav div:hover { background-color: var(--cinza3)!important; color: #FFF!important}

    .contVid .owl-prev {right:  40px; transform: rotate(-90deg)}
    .contVid .owl-next {right:0; transform: rotate(90deg)}

    .chamadas .item {overflow:hidden; box-sizing:border-box;}

    .fotoVid { margin: 0 0 20px 0; display: block; border-radius: 10px; height: 160px; width: 100%;}

    .owl-dots { display: none}

    .titVid { font-size: 15px; font-weight: 600; display: table; line-height: 130%; margin: 10px 0 ; color: #000;}

    .canais { padding: 80px 0; text-align: center; background-color: var(--cinza4)}
    .fotoCanal { width: 100px; height: 100px; display: block; margin: 0 auto 20px auto; border-radius: 50%; }

    .chamadas2 { width:100%; box-sizing:border-box; padding:0 100px; margin: 50px 0 0 0; }
    .chamadas2 .item {overflow:hidden; box-sizing:border-box; text-align: center; }
    .chamadas2 .item p { margin: 0; font-size: 13px;}

    .canais .owl-nav div {background-color: var(--cinza3)!important; color: #FFF!important;  top:calc(50% - 25px);  }
    .canais .owl-nav div:hover {background-color: var(--azul)!important}

    .canais .owl-prev {left:  0; transform: rotate(-90deg)}
    .canais .owl-next {right:0; transform: rotate(90deg)}

    .inscreva { display: table; border-radius: 30px; padding: 9px 20px; background-color: var(--cinza3); color: #FFF; font-size: 13px; margin: 10px auto 0 auto; }
    .inscreva:hover { background-color: var(--azul); }



   /*INTERNAS*/
    
    .topoCat { padding: 40px 0; width: 100%; text-align: center;}
    .topoCat h1 { font-size: 30px; margin: 0 auto; }
    .categoriasPag { padding: 60px 0; }
    
    .categoriasPag h2 { text-align: center; color: var(--azul2); font-size: 28px;  margin: 0 auto; }
    
    .todosPosts { width: 100%; margin: 50px 0 0 0; flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: flex-start}
    .todosPosts .umPost { margin: 0 10px 30px 10px;}
    
    
    
    
    
    .dadosPost { display: flex; align-items: center; justify-content: flex-start; }
    .infosDados { box-sizing: border-box; padding: 0 30px; font-size: 14px; position: relative; text-align: center; color: var(--cinza3)}
    
    .infosDados:nth-child(1) { padding-left: 0;}
    
    .infosDados:nth-child(2):before, .infosDados:nth-child(2):after { content: ''; width: 6px; height: 6px; background-color: var(--azul2); border-radius:50%; position:absolute; top: calc(50% - 3px); } 
    .infosDados:nth-child(2):before { left: -3px;}
    .infosDados:nth-child(2):after { right: -3px;}
    
    .fotoAut { display: flex; align-items: center; justify-content: center; }
    .fotoAut img { width: 26px; height: 26px; border-radius: 50%; margin: 0 10px 0 0;}
    .fotoAut em { font-style: normal; }
    
    .holdaPost p { line-height: 150%; color: var(--azul2);}
    
    .lado1Post iframe { width: 100%; border-radius: 10px; }
    .leitura img { max-width: 100%; border-radius: 10px;  }
   
    .leitura h1, .leitura h2, .leitura h3 { color: var(--azul2); }
    
    .leitura h1 {}
    .leitura h2 {}
    .leitura h3 { font-size: 23px;}
    
    
    .lado1Post ul { line-height: 150%; padding: 0 0 0 18px;}
    .lado1Post ul li { color: var(--azul2); }
    
    
    mark { background: linear-gradient(90deg, rgba(189,231,248,1) 50%, rgba(255, 255, 255, 0) 50%); color: var(--azul2)}

    [data-inviewport="marcar"] { 
          background-color: none;
          background: linear-gradient(90deg, rgba(189,231,248,1) 50%, rgba(255, 255, 255, 0) 50%);
          background-size: 200% 100%;
          background-position: 100% 0;
    }
    [data-inviewport="marcar"].visualizado { 
        -webkit-animation: 1.5s marcador 0.4s 1 normal forwards;
              animation: 1.5s marcador 0.4s 1 normal forwards;
    }

    @-webkit-keyframes marcador {
      to { background-position: 0 0; }
    }

    @keyframes marcador {
      to { background-position: 0 0; }
    }
    
    
    
    
    
    
    .pagPost { width: 100%; padding: 80px 0;}
    .pagPost .centra { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
    
    .lado1Post { width: calc(100% - 280px); box-sizing: border-box; padding: 0 0 0 40px; position: relative; max-width: 780px; display: flex; align-content: flex-start; justify-content: flex-end}
    
    .lado1Post h1 { font-size: 30px; color: var(--azul2); margin: 0 0 15px 0; }
    
    .holdaPost { width: 100%; max-width: 680px;}
    
    .lado2Post { width: 270px;}
    
    #shareList { width: 50px; position: absolute; top: 0; left: -25px;}
    
    .umShare { position: absolute; cursor: pointer; font-size: 22px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--cinza); color: var(--azul2); border-radius: 50%; transition:  all .15s ease; opacity:0}
    .umShare:hover { background-color: var(--azul); color: #FFF; }
    
    .umShare:nth-child(1) { background-color: var(--azul2); color: #FFF; z-index: 9; opacity: 1; }

    .sharear .umShare { opacity: 1;}
    .sharear .umShare:nth-child(2) { margin: calc(80px * 1) auto 0 auto;}
    .sharear .umShare:nth-child(3) { margin: calc(80px * 2) auto 0 auto;}
    .sharear .umShare:nth-child(4) { margin: calc(80px * 3) auto 0 auto;}
    .sharear .umShare:nth-child(5) { margin: calc(80px * 4) auto 0 auto;}
    .sharear .umShare:nth-child(6) { margin: calc(80px * 5) auto 0 auto;}

    
    .chamadas3 { width:100%; box-sizing:border-box; padding:0; margin: 50px 0 40px 0; }

    .relacionados .umPost { width: 100%; margin: 0; }
    .relacionados { padding: 40px 0 60px 0;}
    .relacionados .saiba2 { margin-top: 20px;}
    
        .chamadas3 .item {overflow:hidden; box-sizing:border-box;}
    
    
    .selecionarCat { box-sizing: border-box; transition: all .15s ease; border-radius: 10px; font-size: 15px; padding: 17px 40px 17px 20px; background-color: var(--azul2); cursor: pointer; color: #FFF; position: relative;}
    .selecionarCat i { position: absolute; font-size: 22px; top: 28px; transform: rotate(180deg); transition: all .15s ease; height: 10px; right: 20px; color: #FFF;}
    
    .todasCats .selecionarCat i { transform: rotate(0deg)!important; top: 17px; }
    .todasCats .selecionarCat { border-radius: 10px 10px 0 0;}
    .todasCats .listaDeCats {  display: block!important; }
    
    .listaDeCats { background-color: var(--azul); display: none; margin: 0; padding: 0; border-radius: 0 0 10px 10px; }
    .listaDeCats li { display: block; width: 100%; padding: 0 10px; box-sizing: border-box; margin: 0;}
    .listaDeCats li a { display: block; font-size: 14px; list-style:none; padding:  10px; border-bottom: 1px solid rgba(255,255,255,.2); box-sizing: border-box; color: #FFF;}
    .listaDeCats li:last-child a { border: 0; padding-bottom: 12px;}
    
    .anuncio { width: 100%; height: 230px; margin: 0 0 30px 0; border-radius: 10px; background-color: var(--cinza4); display: flex; align-items: center; justify-content: center; font-size: 17px; color: #333; position:relative}
    .anuncio:before { content: 'ADS'; display: block; }
    .anuncio:after {content: url('https://api.iconify.design/uil/times.svg?color=%23333&width=23'); box-sizing: border-box; padding: 4px 4px 0px 4px; background-color: #FFF; position: absolute; top: 10px; right: 10px;}

    .newsLado { box-sizing: border-box; background-color: var(--azul2); padding:  30px 20px 20px 20px; border-radius: 10px; margin: 30px 0 0 0;}   
    .newsLado i { color: var(--amarelo); font-size: 60px;}
    .newsLado h3 { color: #FFF; margin: 0 0 10px 0; font-size: 23px; }
    
    .newsLado input[type=text], .newsLado input[type=email] { -webkit-appearance: none; width:100%; margin:0 0 10px 0; box-sizing:border-box; font-size:16px; font-family: var(--font1); outline:none; border-radius:0; border:0px; border-bottom: 1px solid #FFF; background-color:transparent; color:#FFF; padding:15px 0; }

    .newsLado input[type=submit] { -webkit-appearance: none; width:100%; box-sizing:border-box; font-family: var(--font1);  outline:none; border-radius:10px; border:0px;  background-color:var(--amarelo); color:var(--azul2); font-size: 20px; font-weight: 700; padding:15px; text-align: center; margin:20px 0 10px 0; cursor:pointer; transition:all .15s ease;}
    .newsLado input[type=submit]:hover { background-color:var(--azul); color: #FFF;}

    .newsLado input::-webkit-input-placeholder {color: #aaa;}
    .newsLado input:-moz-placeholder {color: #aaa}
    .newsLado input::-moz-placeholder {color: #aaa}
    .newsLado input:-ms-input-placeholder {color: #aaa}
	
    .discla { font-size: 12px; color: #FFF; margin: 0;}
    .discla a { color: #FFF; text-decoration: underline; }
    
    .mppop { font-size: 20px; color: #000; margin: 30px 0; display: block; }
        .holdaPopulares { box-sizing: border-box; padding: 0 15px; border: 1px solid var(--cinza2); border-radius: 10px; }
        
        .popular { box-sizing: border-box; padding: 15px 0; border-bottom: 1px solid var(--cinza2); display: flex; align-items: center; justify-content: space-between}
        .fotoLadoPop { width: 60px; height: 60px; border-radius: 10px; margin: 0 10px 0 0;}
        .titPop { font-size: 14px; color: #000; display: table; margin: 5px 0 0 0;}
        .titPop:hover { text-decoration: underline; }
        
        .popular a { font-size: 14px;}
        
        .holdaPopulares .popular:last-child { border: 0;}
    
    

figcaption {
    font-size: 13px;
    color: #555;
    margin: 5px 0 0 0;
}


 .interna { padding: 70px 0;}
    .interna h1 { font-size: 30px; text-align: center; }
    
    .fullCanal { width: 100%; margin: 50px 0; display: flex; align-items: flex-start; justify-content: space-between; }
    .lado1Can { width: calc(100% - 415px); }
    .lado1Can iframe { width: 100%; height: 410px; border-radius: 15px;}
    .lado1Can b { display: block; margin: 17px 0; font-weight: 700; font-size: 16px; }
    .lado1Can p { margin: 0; font-size: 15px;}
    
    .lado2Can { width: 400px;}
    .umVideoLado { display: flex; align-items: center; padding: 6px; border-radius: 14px; justify-content: space-between; margin: 0 0 3px 0; box-sizing: border-box}
    .umVideoLado:hover, .assistVideo { background-color: #eff1f9;}
    .fotoVideoLado { width: calc(45% - 10px); height: 92px; border-radius: 10px;}
    .titVidLado { font-size: 13px; font-weight: 700; width: calc(55% - 10px); color: #333; }
    
    .hldMaisVid { border-top: 1px solid #AAA; margin: 20px 0 0 0; box-sizing: border-box; padding: 40px 0 0 0; text-align: center; }
    .hldMaisVid a { text-decoration: underline; font-weight: 700; color: var(--azul); position: relative; padding: 0 30px 0 0;}
    .hldMaisVid a:hover { color: var(--azul2)}
    .hldMaisVid a i { font-size: 23px; position: absolute; transform: rotate(180deg); top: -5px; right: 0; }


    .todosVideos { margin: 50px 0 30px 0; flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: space-between}
    .umVideoFull { width: calc(25% - 17px); margin: 0 0 10px 0; height: 260px;}
    .fotoVideoFull { width: 100%; height: 150px; display: block; border-radius: 10px; margin: 0 0 15px 0; }
    .titVidFull {font-size: 15px; font-weight: 700; color: #333; }

    .hldMaisVid2 { margin: 0; box-sizing: border-box; text-align: center; }
    .hldMaisVid2 a { text-decoration: underline; font-weight: 700; color: var(--azul); position: relative;}
    .hldMaisVid2 a:hover { color: var(--azul2)}



/*FOOTER*/

    .footer { padding: 80px 0 40px 0; background-color: var(--azul2); color: #FFF;}

    .footer .centra { display: flex; align-items: flex-start; flex-wrap: wrap;  justify-content: space-between; }

    .bxFoot { width: calc(25% - 20px); max-width: 250px; }
    .bxFoot b { font-size: 19px; font-weight: 700; display: block; margin: 0 0 40px 0;}

    .bxFoot ul { margin: 0; padding: 0;}
    .bxFoot ul li { display: block; margin: 0 0 16px 0; list-style: none; }
    .bxFoot ul li a { color: #FFF; display: table;}
    .bxFoot ul li a:hover { text-decoration: underline; }

    .base { margin: 50px 0 0 0; width: 100%;  padding: 40px 0 0 0; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #FFF}
    .logofoot { width: 190px;}
    .discc { width: calc(100% - 230px); font-size: 13px; max-width: 750px; }

    .midias { display: flex; flex-wrap: wrap; }
    .midias em { width: 100%;  margin: 0 0 15px 0; font-style: normal; display: block; }

    .midias a { height: 35px; width: 35px; box-sizing: border-box; padding-top: 2px; font-size: 20px; display: flex; align-items: center; justify-content: center; margin: 0 25px 0 0; background-color: #FFF; color: var(--azul2); border-radius: 50%; }
    .midias a:hover { background-color: var(--azul); color: #FFF; }

    .canYou { margin: 40px 0 20px 0!important; display: block!important }

    .linkTube { color: #FFF; position: relative; padding: 0 0 0 55px;}
    .linkTube em { font-style: normal; }
    .linkTube i { font-size: 40px; position: absolute; top: -9px; left: 0; }
    
    .semSelect {
      -webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */
    }
	


    @-webkit-keyframes showc {
        0% 
        { 
            width:0px; 
        } 
        100% 
        { 
            width: 350px;
            max-width: calc(95% - 60px);
        }
    }
    
    .hamb { width: 40px; height: 40px; top: calc(50% - 20px); left: 5%; color: var(--azul2); position: absolute;  line-height: 45px; text-align: center; font-size: 33px; display: none; }

    @media screen and (max-width: 1150px)
    {
        .header { padding: 20px 0;}
        .menu { justify-content: center; }
        
        .navbar 
        {
            position: fixed;
            width: 0px;
            height: 100dvh;
            background-color: var(--cinza);
            z-index: 99;
            top: 0;
            left: -400px;   
            display: flex;
            flex-wrap: wrap; 
            padding: 20px 20px 0 20px;
            box-sizing: border-box; 
            box-shadow: -1px -1px 8px 3px rgba(0,0,0,.3);
            transition: all .15s ease;
        }
        
        .show { right: 0!important; left: auto;}
        
        .show {
            -webkit-animation-duration: .2s; -webkit-animation-name: showc;
            -webkit-animation-delay: 0s; -webkit-animation-fill-mode: forwards;
            
            
        }
        
        
        #site-navigation { padding: 0; margin: 0;width: 100%; }
        #site-navigation ul { display: block; margin: 0; padding: 0;  }
        #site-navigation ul li { display: block; margin: 0; padding: 0;}
        #site-navigation ul li a { display: block; font-weight: 700; margin: 0; box-sizing: border-box; border-radius: 0; border-top: 1px solid #aaa; color: #333; padding: 15px;}
        
        #site-navigation ul li:first-child a { border: 0;}
        #site-navigation ul li:last-child a { border-radius: 10px; padding: 15px; background-color: var(--azul); top: auto; border: 0; right: auto; position: relative; }
        
        #site-navigation ul li a:hover:before, 
        .current-menu-item a:before { display: none; }

        .logo { width: 170px; }
        
        .hamb { display: block; }
        
        .bp1 { order: 4; width: 100%;}
        
        .bp2, .bp3 { height: 380px;}
        
        .bp2 { width: calc(50% - 3px)}
        .bp3 { width: calc(25% - 3px)}
        
        .chamad b {font-size: 19px;}
        
        .banner { padding: 60px 0;}
        .banner .centra { height: auto}
        .centra { max-width: 450px;}
        
        .rotad b {bottom: 35px; width: 150px; height: 80px; transform-origin: top; right: calc(50% - 30px); margin: 0; padding: 0; display: flex; align-items: center; }
        
        .bp1 h1 { font-size: 40px;}
        .newsHome { width: 100%;}
        .newsHome form { display: block;}
        
        .newsHome input[type=email], .newsHome input[type=submit] { width: 100%; border-radius: 10px; margin: 0 0 10px 0;}
        
        .cetegSec h2 { margin: 0 auto; display: block; }
        
        .listaCat { display: block; position: relative; }
        
        .listaCat:before { content: 'Selecionar Categoria'; font-weight: 600; border: 1px solid var(--azul2); transition: all .15s ease; border-radius: 10px; text-align: left; color: var(--azul2); padding: 17px 25px; display: block; }
        .listaCat:after { content: url('https://api.iconify.design/iconamoon/arrow-up-2-light.svg?color=%2326316e&width=28'); transition: all .15s ease; position: absolute; top: 12px; transform: rotate(180deg); right: 20px;}
        
        .listaCat li { display: none; transition: all .15s ease; border: 1px solid var(--azul); margin: 0 0 -1px 0;  box-sizing: border-box; padding: 0;}
        .listaCat li a { display: block; font-size: 15px; margin: 0; transition: all .15s ease; padding: 13px 10px;}

        .listaCat li:last-child { border-radius: 0 0 10px 10px;}
        
        .mostraCats:before { border-radius: 10px 10px 0 0; margin: 0 0 -1px 0;}
        .mostraCats:after { transform: rotate(0)}
        .mostraCats li { display: block!important;}
            
        .listaCat li:nth-child(1) { display: none!important}
        
        .bigCat { margin: 0 0 20px 0;}
        .bigCat li { width: calc(50% - 5px); margin: 0 0 20px 0;}
        .bigCat li a { height: 150px; font-size: 21px;}
        
        .destaques { flex-wrap: wrap; }
        
        .umPostDest { width: 100%;}
        .laterais { width: 100%; }
        
        .umPostDest { flex-wrap: wrap; margin-bottom: 30px; border-radius: 20px; }
        
        .fotoPostDest { width: 100%; height: 250px; }
        .conteudoD { width: 100%; padding: 20px 35px; }
        
        .catLat { border-radius: 20px;}
        
        .postsListaHome .centra { max-width: none; box-sizing: border-box; width: 100%; padding: 0 0 0 5%; overflow: auto; -webkit-overflow-scrolling: touch; }
        .postsHome { display: block; width: 1240px }
        .umPost { width: 280px; margin: 0 30px 50px 0; float: right;}
        
        .fotoPost { height: 170px;}
        
        .par1 .centra { flex-wrap: wrap}
        
        .linhaVids { width: calc(50% - 10px);}
        
        .lado1Par { width: 100%;}
        .lado2Par { width: 100%; padding: 40px 0 80px 0;}
        
        .par1 h2 { font-size: 35px;}
        
        .contVid { padding: 30px 0 50px 0;}
        .contVid .owl-nav div { top:auto; bottom: -50px; }
        .contVid .owl-prev {left: calc(50% - 35px); transform: rotate(-90deg)}
        .contVid .owl-next {right: calc(50% - 35px); transform: rotate(90deg)}
        .contVid .chamadas { margin-bottom: 80px;}
 
        .chamadas2 { padding:0 40px; }

        .canais { padding: 30px 0 50px 0;}
        
        .footer { padding: 50px 0 40px 0;}
        
        .bxFoot { width: calc(50% - 5px); margin: 15px 0; max-width: none; }
        .bxFoot ul li a { font-size: 14px;}
        .bxFoot b { font-size: 17px;}
        
        .midias a { height: 30px; width: 30px; padding-top: 3px; margin: 0 18px 0 0;}
        
        .linkTube { padding: 0 0 0 40px; }
        .linkTube em {font-size: 14px;}
        .linkTube i { font-size: 33px; top: -6px;}

        .fotoVid { height: 120px;}
        
        .base { display: block; text-align: center}
        .logoFoot { width: 160px; display: block; margin: 0 auto 30px auto;}
        
        .discc { display: block; width: 100%; padding: 50px 0 0 0; }
        .base p { margin: 0 auto; display: block; }
        .base span { display: block; margin: 0 auto 20px auto;}
        
        
        
        .lado1Post { width: 100%; }
        .lado2Post { width: 100%; margin: 20px 0 0 0; }
        
        
        
        .fullCanal { flex-wrap: wrap}
            .lado1Can { width: 100%; margin: 0 0 40px 0 }
            .lado1Can iframe { height: 240px;}
        

            .lado2Can { width: 100%;}
            
        
        

        .todosVideos { margin: 50px 0 30px 0; }
        .umVideoFull { width: calc(50% - 17px); }


}
    













/*XTRA TECNICO*/
	
	.paginas { display:block; clear:both; padding:30px 0 0 0}
	.wp-paginate {padding:0; margin:0; }
	.wp-paginate li {display:inline; list-style:none;}
	.wp-paginate a, .wp-paginate .current { width:25px; display:inline-table; border-radius: 5px; font-weight: 700; background:#FFF; border:2px solid #00542d; color:#00542d; margin-right:4px; padding:4px; text-align:center; text-decoration:none; transition:all .15s ease}
	.wp-paginate a:hover, .wp-paginate a:active {background:#EEE; color:#000;}
	.wp-paginate .current {color:#fff; background:#00542d; }
	
	.wpcf7-not-valid { background-color:#faffbd!important; }
	div.wpcf7-validation-errors { color:#ff6e6e; }
	div.wpcf7-mail-sent-ok { color:#61a932; }

.wpcf7 form.sent .wpcf7-response-output { background: #46b450!important; color: #FFF; border-radius: 5px}

	span.wpcf7-not-valid-tip {display:none !important; height:0px!important; padding:0px!important; margin:0px!important}
	div.wpcf7-validation-errors {border: 0px !important; }
	div.wpcf7-response-output { text-align: center!important; font-size: 13px; width: 100%!important; clear: both!important; padding: 20px 25px!important;  box-sizing: border-box!important; margin: 0!important;}
	div.wpcf7-mail-sent-ok { border:0px; }
	.wpcf7-form-control-wrap {ddisplay:block!important}