/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
.css-grimg {
  display: grid !important;
  grid-template-columns: 1.05fr 0.85fr 0.85fr 0.85fr;
    grid-template-rows:250px 250px;
  gap: 12px;
  height: auto !important;
}

.css-grimg .bricks-layout-item {
  position: static !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  list-style: none;
  overflow: hidden;
}

.css-grimg .bricks-layout-item:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.css-grimg .bricks-layout-item:nth-child(2) {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}

.css-grimg .bricks-layout-item:nth-child(3) {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}

.css-grimg .bricks-layout-item:nth-child(4) {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.css-grimg .bricks-layout-item:nth-child(5) {
  grid-column: 3 / 5;
  grid-row: 2 / 3;
}

.css-grimg figure,
.css-grimg a,
.css-grimg img {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  display: block;
}

.css-grimg img {
  object-fit: cover;
}
@media (max-width: 767px) {
  .css-grimg {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .css-grimg .bricks-layout-item {
    grid-column: auto !important;
    grid-row: auto !important;
    height: 240px !important;
  }
}