@charset "UTF-8";
/* Setando o charset */
/**
 * Importando utilitários do bootstrap
 */
/**
 * Variáveis configuradas para o projeto e mixins
 */
/*
|---------------------------
| Nossos mixins
|---------------------------
*/
/* Mixin para máscaras */
/* função que converte uma fonte em px para uma versão 'rem' baseado na fonte de 16px */
/**
* Esse utilitário retorna o valor em 'em'
* deve ser usado em locais onde o valor estiver relacionado ao tamanho da fonte
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna o padding top e bottom
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height em vw configurados com os valores passados
*/
/**
* Retorna o valor em px relativo a altura da tela
*/
/**
* Converte os valores em px do xd para vw
*/
/**
* Converte os valores em px do xd para vh
*/
.big-img {
  width: 100%;
  height: 577px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (max-width: 1519.98px) {
  .big-img {
    height: 320px;
  }
}
@media (max-width: 579.98px) {
  .big-img {
    height: 180px;
  }
}

section#blog-detalhe {
  padding: 26px 0 92px;
}
section#blog-detalhe .bread {
  padding-bottom: 43px;
}
section#blog-detalhe .title-post {
  font-size: 2.1875rem;
  line-height: 1.1428571429em;
  padding-bottom: 31px;
  max-width: 570px;
}
section#blog-detalhe .description-post {
  max-width: 704px;
  padding-bottom: 47px;
  color: #505050;
  font-size: 1.5rem;
  line-height: 1.4166666667em;
}
section#blog-detalhe .paragraph, section#blog-detalhe ol {
  padding-bottom: 2rem;
  font-size: 1rem !important;
  line-height: 1.125rem !important;
  font-family: "nunito_sansregular" !important;
  color: #505050;
}
section#blog-detalhe .paragraph span, section#blog-detalhe .paragraph li, section#blog-detalhe ol span, section#blog-detalhe ol li {
  font-family: "nunito_sansregular" !important;
  color: #505050 !important;
  font-size: 1rem !important;
  line-height: 1.125rem !important;
}
section#blog-detalhe h2 {
  margin: 30px 0 10px;
  font-family: "nunito_sansregular" !important;
  color: #505050 !important;
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
}
section#blog-detalhe h2 span {
  font-family: "nunito_sansregular" !important;
  color: #505050 !important;
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
}
section#blog-detalhe h3 {
  margin: 25px 0 10px;
  font-family: "nunito_sansregular" !important;
  color: #505050 !important;
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
}
section#blog-detalhe h3 span {
  font-family: "nunito_sansregular" !important;
  color: #505050 !important;
  font-size: 1.125rem !important;
  line-height: 1.375rem !important;
}

section.ultimas-blog {
  padding: 61px 0 85px;
}