/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.17.6.1683118508
Updated: 2023-05-03 09:55:08

*/

/*
 * Estilos para o template category.php personalizado
 */
.custom-news-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px; /* Adiciona espaçamento entre os posts */
}

.custom-news-item .custom-news-image {
  width: 30%;
  flex-shrink: 0;
}

.custom-news-item .custom-news-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.custom-news-item .custom-news-content {
  width: 70%;
}
.custom-news-content h2.entry-title {
    font-size: 20px;
    color: #df1815;
}
body.category #left-area .post-meta {
    color: #b5b6b3;
}

@media (max-width: 768px) {
  .custom-news-item {
    flex-direction: column;
    gap: 15px;
  }

  .custom-news-item .custom-news-image {
    width: 100%;
  }

  .custom-news-item .custom-news-content {
    width: 100%;
  }
}

/* Estilos para a sidebar */
#sidebar {
    width: 25%;
    float: right;
    padding-left: 20px;
}

/*
 * Ajustes para o layout principal após desabilitar os estilos do Divi
 */
#left-area {
  width: 70%;
  float: left;
}

#sidebar {
  width: 30%;
  float: right;
}

/* Garante que os floats sejam limpos no container */
.container:after {
  content: "";
  display: table;
  clear: both;
}

/* Estilos para a sidebar */
#sidebar {
  padding-left: 20px; /* Adiciona um espaçamento entre o conteúdo e a sidebar */
}

/* Layout responsivo */
@media (max-width: 980px) {
  #left-area, #sidebar {
    width: 100%;
    float: none;
  }
  #sidebar {
    padding-left: 0;
  }
}

#main-content .container::before {
  width: 0px !important;
  background-color: transparent !important;
  visibility: hidden !important;
  opacity: 0 !important;
}