/*
 Theme Name:   Divi Child
 Theme URI:    https://example.com
 Description:  Child theme for Divi
 Author:       Your Name
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child
*/

/* Put your custom CSS below */

/* Container */
.media-posts { display: grid; gap: 32px; }

/* Card: image left, text right */
.media-post {
  display: flex; gap: 24px; align-items: flex-start;
  padding: 24px; border: 0px solid rgba(0,0,0,.1); border-radius: 8px;
  background: #fff;
}

/* Image column */

/* same width you set for the image column */
.media-post__thumb { flex: 0 0 280px; }

/* uniform height + cover crop */
.media-post__thumb img {
  width: 100%;
  height: 180px;      /* pick a value you like (160–220px works well) */
  object-fit: cover;  /* smart crop */
  display: block;
  border-radius: 8px; /* optional */
}


/* Text column */
.media-post__body { flex: 1 1 auto; min-width: 0; }
.media-post__title { margin: 0 0 8px; font-size: 1.5rem; line-height: 1.2; }
.media-post__title a { text-decoration: none; }
.media-post__meta { font-size: .875rem; opacity: .7; margin-bottom: 8px; }
.media-post__excerpt { margin: 0 0 10px; }
.media-post__more { display: inline-block; }



/* Responsive */
@media (max-width: 980px) {
  .media-post { display: block; }
  .media-post__thumb { margin-bottom: 14px; }
}