/*
Theme Name: Asaas Blog
Theme URI: https://j1studio.com.br
Author: J1 Studio
Author URI: https://j1studio.com.br
Description: Tema para WordPress feito para a Asaas usando Tailpress. Mantido pela J1 Studio.
Version: 0.1.20
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: asaas-blog
*/

/* ===== Autores (J1 Studio) =====
   Complementos ao app.css compilado do Tailwind.
   Classes utilitarias ausentes do build ficam aqui. */

.j1-band {
  background-color: #f7f4ee;
}

.j1-avatar {
  flex: none;
  height: 112px;
  width: 112px;
}

.j1-avatar img {
  border-radius: 9999px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.j1-avatar--lg {
  height: 145px;
  width: 145px;
}

.j1-mt-auto {
  margin-top: auto;
  padding-top: 24px;
}

.j1-divider {
  border-top: 1px solid rgb(232 232 229);
  margin-top: 16px;
  padding-top: 16px;
}

/* Menu com fundo azul no topo das paginas de autores.
   Aplica so no estado inicial (xl:bg-transparent); ao rolar,
   o app.js troca pra xl:bg-white e a regra deixa de valer. */
@media (min-width: 1280px) {
  body.j1-autores .js-primary-menu.xl\:bg-transparent,
  body.author .js-primary-menu.xl\:bg-transparent {
    background-color: rgb(0 56 229);
  }
}

.j1-chip {
  align-items: center;
  display: flex;
  flex: none;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.j1-btn {
  padding-bottom: 12px;
  padding-top: 12px;
}