/**
 * WP Masonry Init Styles
 *
 * Add any necessary CSS rules here to support the masonry layout.
 * For example, you might need to define item widths or container properties.
 */

/* Example (adjust as needed based on chosen masonry implementation): */
/*
.wpb_wrapper > * {
    width: 30%; // Example item width
    margin-bottom: 20px; // Example spacing
}
*/

/* --- Masonry Layout Styles --- */

/* Target the specific wrapper */
.grid > .full_section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper {
  column-count: 2;
  column-gap: 0;
}

/* Target the direct children within the wrapper */
.grid
  > .full_section_inner
  > .wpb_column
  > .vc_column-inner
  > .wpb_wrapper
  > * {
  break-inside: avoid; /* Prevent items breaking across columns */
  /* Ensure elements take up space */
  display: block;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .grid > .full_section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper {
    column-count: 1;
  }
}

.masonry-item {
  margin-left: 0px !important;
  margin-right: -1px !important;
}

/* Remove top border from the third item onwards */
.grid .masonry-item:not(.is-top-item) .vc_column_container > .vc_column-inner {
  margin-top: -1px;
}