/*
Theme Name: Divi 5
Author: 
Description: Your description goes here
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* DIVI GALERIA - MASONRY NA KOLUMNACH */
.gallery-masonry .et_pb_gallery_items {
  display: block !important;
  
  width: 100% !important;
}

/* Wyłącz domyślny grid Divi */
.gallery-masonry .et_pb_gallery_item,
.gallery-masonry .et_pb_grid_item {
  display: inline-block !important;
  float: none !important;
  clear: none !important;

  width: 100% !important;
  max-width: 100% !important;

  break-inside: avoid !important;
  page-break-inside: avoid !important;

  line-height: 0 !important;
  background: transparent !important;
}

/* Usuń klasy typu first_in_row / last_in_row */
.gallery-masonry .et_pb_grid_item.first_in_row,
.gallery-masonry .et_pb_grid_item.last_in_row {
  clear: none !important;
}

/* Kontener zdjęcia */
.gallery-masonry .et_pb_gallery_image,
.gallery-masonry .et_pb_gallery_image a {
  display: block !important;
  width: 100% !important;
  height: auto !important;

   line-height: 0 !important;
  overflow: hidden !important;
}

/* Obrazek */
.gallery-masonry .et_pb_gallery_image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;

    object-fit: contain !important;
}

/* BLOG MASONRY - konkretnie moduł bloga */
body #page-container .blog-masonry .et_pb_ajax_pagination_container {
  column-count: 3 !important;
  column-gap: 24px !important;
}

body #page-container .blog-masonry article.et_pb_post {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  break-inside: avoid !important;
  background: transparent !important;
  border: none !important;
}

body #page-container .blog-masonry .entry-featured-image-url {
  display: block !important;
  margin: 0 !important;
  line-height: 0 !important;
}

body #page-container .blog-masonry .entry-featured-image-url img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

body #page-container .blog-masonry .post-meta,
body #page-container .blog-masonry .post-content,
body #page-container .blog-masonry .post-content-inner {
  display: none !important;
}

body #page-container .blog-masonry .entry-title {
  margin: 0 !important;
  padding: 18px 20px !important;
  background: #fff !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

@media (max-width: 980px) {
  body #page-container .blog-masonry .et_pb_ajax_pagination_container {
    column-count: 2 !important;
  }
}

@media (max-width: 600px) {
  body #page-container .blog-masonry .et_pb_ajax_pagination_container {
    column-count: 1 !important;
  }
}