img{

  max-width: 100%;

  height: auto;

}

@charset "UTF-8";

/* Tema do cliente */



/**  cor: #F8821E;  **/

/**  cor-hover: #FF5555;  **/



/* Fonts */

@font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/open-sans-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}







strong, b{

  font-weight: 700;

  font-family: inherit;

}

body{

  font-family: '';

  background-color: white!important;

}







.modal-open {

    overflow: auto!important;

    padding-right: 0!important;

}



.aceitar_termos{

    position: fixed;

    bottom: 0;

    padding: 20px 20px;

    text-align: center;

    color: #FFF;

    background-color: rgba(33,33,33, 0.9);

    width: 100%;

    z-index: 999999;

}

.aceitar_termos a{

    color: #FFFC9E!important;

}

.aceitar_termos a:hover{

    color: #38A7EB!important;

}

a.ctacookies{

    display: inline-block;

    padding: 3px 15px 3px 15px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    background-color: #F8821E;

    color: #FFF;

    transition: all .2s linear;

    margin-left: 10px;

    cursor: pointer;

}

a.ctacookies:hover{

    filter: brightness(1.2);

}



.btnwhats{

  position: fixed;

  right: 20px;

  bottom: 20px;

  z-index: 9999;

}.btnwhats img{

  transition: all .2s linear;

}.btnwhats:hover img{

  filter: brightness(1.2);

}

@media (max-width: 900px) {

  .btnwhats{

    right: auto;

    left: 50%;      

    transform: translate(-50%,0);

  }

}

@media (max-width: 1555px) {

  .footer2{

    padding-bottom: 120px!important;

  }

}



.website{

  max-width: 1920px;

  margin-right: auto;

  margin-left: auto;

}



.postagemcompleta a{

  white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 200px;

    display: inline-block;

    position: relative;

    top: 7px;

}



/* novo css form */

  .wpcf7-not-valid{

    background-color: #FFD2D2!important;

  }



  .wpcf7-form-control-wrap{

    display: block;

  }



  .wpcf7-response-output{

    color: #FFF!important;

    border: 0!important;

    margin-right: 0!important;

    margin-left: 0!important;

    text-align: center!important;

    font-weight: bold!important;

    padding: 10px 20px!important;

  }



  .wpcf7 form.sent .wpcf7-response-output {

    background-color: #46b450;

  }

  .wpcf7 form.failed .wpcf7-response-output,

  .wpcf7 form.aborted .wpcf7-response-output {

    background-color: #dc3232;

  } 

  .wpcf7 form.spam .wpcf7-response-output {

    background-color: #f56e28;

  }

  .wpcf7 form.invalid .wpcf7-response-output, 

  .wpcf7 form.unaccepted .wpcf7-response-output{

    background-color: #ffb900;

  }



  span.wpcf7-not-valid-tip{

    position: absolute;

    z-index: 1;

    right: 3px;

    font-size: 9px;

    top: 1px;

  }



/* noovo css form */



form iframe{

  width: 304px!important;

  height: 78px!important;

}

.g-recaptcha{

    margin-bottom: 20px;    

    display: block;

}



@media (max-width: 400px) {

  .g-recaptcha{

      transform: scale(0.7);

      transform-origin: 0 0;

  }

}



@media (max-width: 991px) {

  form .row>div{

    width: 100%;

  }

  form{

    border: 0;

    padding: 0;

  }

}



@media (min-width: 1200px) {.container{padding: 0px; } }





@media (max-width: 991px) {

  .fxsm{

    height: auto;

    min-height: 0;

    padding: 40px 0;

  }

}

@media (max-width: 480px) {

  .fxsm{

    padding: 30px 0;

  }

}



a{

  transition: all .2s linear;

}

.editor a{

  color: #F8821E!important;

}

.editor a:hover{

  text-decoration: underline!important;

}

a:link, a:visited{

  color: inherit;

}

a:hover, a:active{

  color: #F8821E;

}

::-moz-selection{

  background: #F8821E;

}

::selection{

  background: #F8821E;

}

.pagination .active a,

.pagination .active a:hover{

  background-color: #F8821E;

  border-color: #F8821E;

}

.lds-ellipsis div{  

  background-color: #F8821E;

}



.editor, .editor p, .editor li{

  font-size: 16px;

  line-height: 1.6;

  color: #333;

}



.editor p{

  margin-bottom: 20px;

}







.wp-pagenavi span,

.wp-pagenavi a{

  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  background-color: #DDD;

  margin:  0 5px;

}



.wp-pagenavi span.current{

  background-color: #F8821E;

  color: #FFF;

}





/* start */







body{

  background-color: #EEEEEE;  

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.mb-30{

  margin-bottom: 30px;

}



.mt-40{

  margin-top: 40px;

}



.media{

  display: flex;

}



.categoria .card-artigo .media{

  margin-bottom: 21px;

  position: relative;

  align-content: flex-start;

}



.categoria .card-artigo .media .media-body{

  margin-left: 30px;

}



.card-artigo img{

  border-radius: 20px;

}



.categoria .card-artigo span{

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 13px;

  color: #4A4A4A;

  margin-bottom: 18px;

}

.contato .list__posts{
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}


.contato p{

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 20px;

  line-height: 1.5;

  margin-bottom: 30px;

}

.form__container form p{
  margin-bottom: 0;
}

.contato .input-contato{

  width: 100%;

  border-radius: 5px;

  border: 1px solid black;

  padding: 7px 14px;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 13px;

  margin-bottom: 16px;

  &::placeholder {

    color: black; /* cor desejada */

    opacity: 1;  /* opcional, garante que a cor apareça igual em todos os navegadores */

  }

}



.contato textarea.input-contato{

  margin-bottom: 0;

}



.contato .segura-botao p{

  display: flex;

  align-content: center;

  margin-top: 15px;

  justify-content: space-between;

}



.contato .segura-botao .botao-contato{

  display: flex;

  width: 103px;

  height: 34px;

  justify-content: center;

  align-items: center;

  background-color: #F8821E;

  border:none;

  border-radius: 17px;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700;

  font-style: normal;

  font-size: 13px;

  color: white;

}



.card-artigo2{

  margin-bottom: 42px;

  position: relative;

}



.card-artigo2 p{

  font-size: 15px;

  margin-bottom: 18px;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  line-height: 1.5;

}



.card-artigo2 span{

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 13px;

  color: #4A4A4A;

}



.card-artigo2 img{

  border-radius: 20px;

}

.card-artigo2 .tags{
  background-color: rgba(255, 255, 255,0.7);

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700;

  font-style: normal;

  font-size: 14px;

  position: absolute;

  left: 0;

  top: 16px;

  z-index: 100;

  padding: 3px 8px;

  color: black;
}



.card-artigo2 small{

  display: block;

}

.card-artigo2 h4{

  font-family: "IBM Plex Mono", monospace;

  font-weight: 600;

  font-style: normal;

  font-size: 19px;

  margin-top: 18px;

  margin-bottom: 20px;

}



.borda-detalhe{

  border-bottom: 1px solid #D9D9D9;

  padding-bottom: 20px;

  position: relative;

  margin-bottom: 50px!important;

  &::before{

    position: absolute;

    left: 0;

    bottom: -19px;

    content: '';

    width: 48px;

    height: 38px;

    background-image: url('../imagens/detalhe.png');

    background-color: white;

    background-repeat: no-repeat;

    display: block;

  }

}



.card-video .segura-imagem{

  width: 270px;

  height: 178px;

  border-radius: 20px;

  position: relative;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



.card-video .segura-imagem .filtro{

  background-image: url('../imagens/filtro.png');

  background: transparent;

  background: linear-gradient(180deg,  rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 20px;

  left: 0;

  top: 0;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 14px;

}



.card-video .segura-imagem .filtro .segura-tempo{

  display: flex;

  align-items: center;

}



.card-video .segura-imagem .filtro span{

  color: white;

  margin-left: 12px;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-size: 13px;

  margin-bottom: 0;



}



.card-video p{

  font-family: "IBM Plex Mono", monospace;

  font-weight: 600;

  font-style: normal;

  font-size: 13px;

  margin-top: 14px;

}



.home .faixa-2{

  margin-bottom: 40px;

}





.categoria .faixa-principal h3,.contato .faixa-principal h3,.home .faixa-principal h3,.sidebar h3,.subtitulo{

  font-family: "IBM Plex Mono", monospace;

  font-weight: 700;

  font-style: normal;

  font-size: 25px;

  margin-bottom: 20px;

}



.card-short{

  width: 270px;

  height: 474px;

  border-radius: 20px;

  position: relative;

  background-position: center center;

  background-size: cover;

  margin-right: auto;

  margin-left: auto;

}



.card-short .filtro{

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 20px;

  left: 0;

  top: 0;

  background-color: transparent;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 15px 8px;

}



.card-short .filtro span{

  background-color: #4A4A4A;

  padding: 6px 13px;

  border-radius: 5px;

  color: white;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 13px;

  display: inline;

  width: 80px;

  text-align: center;

}



.card-short .filtro h4{

  background-color: black;

  color: white;

  width: 100%;

  border-radius: 10px;

  padding: 15px 8px;

  font-family: "IBM Plex Mono", monospace;

  font-weight: 400;

  font-style: normal;

  font-size: 18px;

}



.sidebar .card-autor{

  margin-bottom: 58px;

}



.sidebar .card-autor img{

  border-radius: 20px;

  margin-bottom: 13px;

}



.sidebar .card-autor h4{

  font-family: "IBM Plex Mono", monospace;

  font-weight: 700;

  font-style: normal;

  font-size: 20px;

  color: #F88117;

  text-align: center;

  margin-top: 0;

  margin-bottom: 8px;

}



.sidebar .card-autor p{

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 15px;

  color: #4A4A4A;

  text-align: center;

}



.sidebar .segura-sidebar-artigo{

  margin-top: 25px;

  margin-bottom: 30px;

}



.sidebar .segura-sidebar-artigo .card-artigo-sidebar{

  border-bottom: 2px solid #E4E6ED;

  padding: 17px 0 20px 0;

}



.sidebar .segura-sidebar-artigo .card-artigo-sidebar small{

  background-color: #F88117;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700;

  font-style: normal;

  font-size: 14px;

  z-index: 100;

  padding: 3px 8px;

  color: white;

  margin-bottom: 4px;

}



.sidebar .segura-sidebar-artigo .card-artigo-sidebar h4{

  font-family: "IBM Plex Mono", monospace;

  font-weight: 600;

  font-style: normal;

  font-size: 15px;

  margin-bottom: 21px;

}



.sidebar .segura-sidebar-artigo .card-artigo-sidebar span{

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 13px;

  color: #4A4A4A;

}



.sidebar .segura-sidebar-artigo .card-artigo-sidebar img{

  border-radius: 10px;

  margin-left: 20px;

}



.sidebar .sidebar-banner{

  margin-bottom: 26px;

}



.footer{

  background-image: url('../imagens/bg-faixa-rodape.png');

  background-position: top center;

  background-repeat: no-repeat;

  padding-top: 87px;

  position:relative;

}