/*---------------------------------------
geral
---------------------------------------*/
* {
  position: relative; }

/*bloco especial */
@media (max-width: 991px) {
  .noBr-mob br {
    display: none; } }
/*---------------------------------------
reveal
---------------------------------------*/
main .col:not(.noreveal) {
  opacity: 0;
  transition: all .5s ease-out;
  transform: scale(0.95); }
  main .col:not(.noreveal).active {
    opacity: 1;
    transform: none; }

/*---------------------------------------
sm
---------------------------------------*/
a.sm {
  display: inline-block; }
  a.sm.a {
    margin-right: 0.5em; }

/*---------------------------------------
header + footer
---------------------------------------*/
header {
  position: fixed;
  left: 4%;
  top: 0;
  z-index: 10;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: var(--transition);
  font-size: 14px; }
  header h1.logo {
    text-align: center;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    line-height: 1em;
    font-size: 0;
    max-width: 153px;
    transition: var(--transition);
    z-index: 11; }
    header h1.logo img {
      transition: var(--transition); }

footer {
  color: var(--bs-orange);
  font-size: 16px;
  background-color: var(--bs-light); }
  footer:before {
    background-color: var(--bs-light);
    display: block;
    content: '';
    position: absolute;
    left: -50vw;
    right: -10vw;
    top: 0;
    bottom: 0; }
  footer a {
    color: var(--bs-orange);
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  footer .logo {
    display: inline-block;
    max-width: 120px;
    transform: translate(0, -1rem); }
  footer ul.menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    footer ul.menu li {
      display: inline; }
      footer ul.menu li + li {
        margin-left: 1.5em; }
        footer ul.menu li + li:before {
          content: '/';
          position: absolute;
          left: -0.9em;
          top: -2px; }
  footer .copyright {
    font-size: 13px;
    color: var(--bs-gray); }
    footer .copyright a {
      color: var(--bs-gray); }

.search {
  display: flex; }
  .search .btn-lupa {
    display: none; }
  .search input {
    z-index: 20;
    border-bottom: 2px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    background-image: url("../images/ico-lupa.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    height: 46px;
    width: 46px;
    padding: 15px 15px 15px 46px;
    position: absolute;
    right: 2vw;
    transition: var(--transition);
    top: -22px; }
    .search input:focus {
      border-bottom: 2px solid var(--bs-dark);
      width: calc(96vw - 32px);
      background-color: white;
      outline: none !important; }

@media (min-width: 992px) {
  header h1.logo {
    margin-bottom: 2rem;
    max-width: 100px;
    margin: 0; }
  header ul {
    list-style: none;
    padding: 1em 0;
    margin: 0; }
    header ul li {
      margin: 1em 0; }
      header ul li a {
        color: var(--bs-dark);
        font-weight: bold;
        text-decoration: none; }
        header ul li a:hover {
          color: black;
          text-decoration: underline; }
  header .sm-block {
    position: fixed;
    left: 4%;
    bottom: calc( var(--respiro-theme-padding) - 20px); }
  header .search {
    transition: var(--transition); }
    header .search input {
      border-bottom: 2px solid var(--bs-dark);
      background-image: url("../images/ico-lupa.svg");
      width: 330px;
      right: none;
      left: calc( 91vw - 330px );
      top: 10px;
      background-color: transparent; }
      header .search input:focus {
        width: 330px;
        background-color: transparent; }
  header.is-hidden {
    position: fixed;
    left: 4%;
    top: 0; }
    header.is-hidden .search {
      opacity: 0; }
    header.is-hidden h1.logo img {
      width: 88px;
      transform: translate(-20px, 0); }
      header.is-hidden h1.logo img + img {
        height: 0; } }
@media (max-width: 991px) {
  header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    /*btn ctrole menu */
    /* menu ativo */ }
    header h1.logo {
      aspect-ratio: 15/2;
      overflow: hidden; }
    header .menu {
      position: fixed;
      background-color: var(--bs-red);
      left: 0;
      top: 0;
      width: 100vw;
      bottom: 0;
      padding: 2em;
      opacity: 0;
      overflow: scroll;
      transform: translate(100vw, 0);
      transition: var(--transition);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      header .menu ul {
        text-align: center;
        margin: 0;
        padding: 0;
        list-style: none; }
        header .menu ul li {
          display: block;
          font-size: 21px;
          margin: 1.5em 0; }
          header .menu ul li a {
            color: white;
            font-family: "League Gothic", sans-serif;
            text-decoration: none;
            font-size: 1.5em; }
      header .menu .sm-block {
        margin-top: 1em; }
        header .menu .sm-block a {
          margin: 1em;
          transform: scale(1.5); }
          header .menu .sm-block a img {
            filter: invert(1); }
    header .menu-btn {
      cursor: pointer;
      width: 28px;
      height: 28px;
      position: relative;
      overflow: hidden;
      z-index: 11;
      display: block;
      float: left;
      margin-left: 1em; }
    header .menu-btn .bar {
      width: 22px;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: var(--bs-gray);
      transition: var(--transition);
      border-radius: 3px; }
      header .menu-btn .bar:nth-of-type(2) {
        top: calc(50% - 7px); }
      header .menu-btn .bar:nth-of-type(3) {
        top: calc(50% + 7px); }
    header.menu-ativo {
      overflow: visible; }
      header.menu-ativo h1.logo {
        filter: grayscale(1) brightness(10); }
      header.menu-ativo #menu {
        transform: none;
        opacity: 1; }
      header.menu-ativo .menu-btn .bar {
        background-color: white;
        top: 50%; }
        header.menu-ativo .menu-btn .bar:nth-of-type(1) {
          display: none; }
        header.menu-ativo .menu-btn .bar:nth-of-type(2) {
          transform: translate(-50%, 0%) rotate(45deg); }
        header.menu-ativo .menu-btn .bar:nth-of-type(3) {
          transform: translate(-50%, 0%) rotate(-45deg); }
    header.is-hidden, header.ativo {
      background-color: white;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } }
/*---------------------------------------
HOME
---------------------------------------*/
.img-home-blog {
  transform: scale(1.25) translate(-2vw, 0);
  z-index: 0;
  margin: 27px 0; }

.home-blog {
  border: 2px solid var(--bs-gray);
  border-left: none;
  border-right: none;
  padding: var(--respiro-theme-padding) 0; }

.home-sobre:after {
  content: url("../images/ico-pagina.svg");
  position: absolute;
  right: 40px;
  top: 0; }

.post-preview {
  display: block;
  text-decoration: none;
  padding: 30px;
  border: 1px solid var(--bs-dark); }
  .post-preview .thumb {
    display: block;
    aspect-ratio: 2/1; }
  .post-preview .cat-list {
    color: var(--bs-gray);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right; }
  .post-preview h2 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5em;
    margin: 20px 0; }
  .post-preview a.lermais {
    color: var(--bs-dark);
    border-bottom: 2px solid var(--bs-dark);
    text-decoration: none;
    font-weight: bold; }
  .post-preview + .preview-autor {
    display: block;
    border: 2px solid var(--bs-dark);
    padding: 15px 30px;
    font-weight: bold; }
    .post-preview + .preview-autor .avatar {
      height: 38px;
      width: 38px;
      border-radius: 100px;
      display: inline-block;
      margin-right: 10px; }
  .post-preview .limit-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    line-clamp: 3;
    /* Standard property */ }
  .post-preview.preview-full {
    border: 2px solid var(--bs-dark); }
    .post-preview.preview-full:before {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: #000;
      opacity: 0.7; }
    .post-preview.preview-full .cat-list,
    .post-preview.preview-full h2,
    .post-preview.preview-full p {
      color: white;
      text-align: left; }

.post-destaque {
  min-height: 560px;
  color: white;
  padding: calc( var(--respiro-theme-padding) / 1.5 );
  margin-top: -5px; }
  .post-destaque:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.5); }

.list-cats a {
  color: var(--bs-gray);
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  border-bottom: 2px solid transparent; }
  .list-cats a + a {
    margin-left: 1em; }
  .list-cats a:hover {
    color: var(--bs-orange);
    border-color: var(--bs-orange); }
  .list-cats a.is-active, .list-cats a.is-active:hover {
    color: var(--bs-dark);
    font-weight: bold;
    border-bottom: 2px solid var(--bs-dark); }

@media (max-width: 576px) {
  .img-crop {
    transform: scale(1.25);
    margin: 30px 0 30px; }
    .img-crop.img-crop-start {
      transform: scale(1.25) translate(-5vw, 0); }
    .img-crop.img-crop-end {
      transform: scale(1.25) translate(5vw, 0); } }
@media (min-width: 768px) {
  .box-atuacao {
    border: 2px solid var(--bs-dark);
    padding: 30px;
    margin: 0 0.5em 0;
    height: calc(100% - 1em); }
    .box-atuacao.box-atuacao-orange {
      border-color: var(--bs-orange); } }
@media (min-width: 992px) {
  .banner-home {
    position: absolute;
    right: -10px;
    bottom: -80px;
    max-width: 55%; } }
/*---------------------------------------
SINGLE
---------------------------------------*/
article {
  border-bottom: 1px solid #C6C6C6;
  /*content */ }
  article .cats {
    color: var(--bs-gray);
    font-size: 13px;
    text-transform: uppercase;
    margin: 0; }
    article .cats a {
      color: var(--bs-gray);
      text-decoration: none; }
  article .author {
    display: block;
    font-weight: bold; }
    article .author .avatar {
      height: 38px;
      width: 38px;
      border-radius: 100px;
      display: inline-block;
      margin-right: 10px; }
  article .img-thumb {
    margin-left: 1em; }
    article .img-thumb img {
      opacity: 0; }
    article .img-thumb .areoi-background {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
  article .content h2 {
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin: 0.5em 0 1em; }
  article .content .wp-block-quote p {
    font-family: Georgia, "serif";
    line-height: 1.5em;
    margin: 2em 0; }
  article .content .share {
    color: var(--bs-gray);
    font-size: 16px; }
    article .content .share p {
      line-height: 1.75em; }
    article .content .share a {
      border: 2px transparent;
      border-radius: 4px;
      display: inline-block;
      overflow: hidden; }
      article .content .share a img {
        width: 32px;
        height: 32px;
        display: block; }
      article .content .share a:hover {
        background-color: var(--bs-orange); }
        article .content .share a:hover img {
          filter: grayscale(1) brightness(10); }
      article .content .share a + a {
        margin-left: 0.3em; }

.ico-atuacao {
  display: inline-block;
  border: 2px solid var(--bs-orange);
  padding: 10px;
  border-radius: 100px;
  margin-right: 1em; }
  .ico-atuacao img {
    width: 38px;
    height: auto; }

@media (min-width: 768px) {
  article .img-thumb {
    width: calc(100% + 5% ) !important;
    max-width: none !important; }

  .ico-atuacao {
    float: left; } }