/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Layout padrão desktop */
.cni-prev-next-thumbs img{
  width:120px !important;
  height:80px !important;
  object-fit:cover;
  border-radius:8px;
  display:block;
}

/* Mobile: empilhar mas manter imagem pequena */
@media (max-width:680px){
  .cni-prev-next-thumbs{ flex-direction:column; gap:14px; }
  .cni-prev-next-thumbs a{
    flex-direction:row; /* mantém imagem pequena ao lado do texto */
    align-items:center;
  }
  .cni-prev-next-thumbs a > span{
    margin-top:0; margin-left:8px;
  }
}
/* 1) Esconder o resumo/excerpt na listagem de posts */
.col.post-item .box-text .from_the_blog_excerpt {
  display: none !important;
}

/* 2) Forçar alinhamento à esquerda (sobrescreve .text-center do Flatsome) */
.col.post-item .box-text.text-center {
  text-align: left !important;
}

/* 3) Garantir que o título não “puxe” para o centro em nenhum breakpoint */
.col.post-item .post-title,
.col.post-item .entry-title {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* (opcional) some com a linha divisória/leia-mais do card, se existir */
.col.post-item .is-divider,
.col.post-item .read-more {
  display: none !important;
}
/* Aumentar tamanho do título no celular */
@media (max-width: 767px) {
  .col.post-item .post-title,
  .col.post-item .entry-title {
    font-size: 20px !important;  /* aumenta o tamanho */
    line-height: 1.3em !important; /* melhora a leitura */
    font-weight: 600 !important;   /* deixa mais destacado */
  }
}