/*
 Theme Name:   Garden Starter
 Theme URI:    https://bricksbuilder.io/
 Description:  Garden Starter WordPress framework (ACF Flexible Content + Bricks Builder).
 Author:       Garden
 Template:     bricks
 Version:      1.0.0
 Text Domain:  garden-starter
*/

.gs-blog-grid {
	display: grid;
	gap: var(--space-m, 1.5rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.gs-blog-grid.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gs-blog-grid.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gs-blog-grid.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gs-blog-grid.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.gs-blog-grid.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

@media (max-width: 991px) {
	.gs-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.gs-blog-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.gs-video {
	width: 100%;
}

.gs-video img[data-aspect-ratio="ratio-original"] { aspect-ratio: auto; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-1-1"] { aspect-ratio: 1 / 1; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-4-3"] { aspect-ratio: 4 / 3; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-3-4"] { aspect-ratio: 3 / 4; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-3-2"] { aspect-ratio: 3 / 2; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-2-3"] { aspect-ratio: 2 / 3; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-16-9"] { aspect-ratio: 16 / 9; object-fit: cover; }
.gs-video img[data-aspect-ratio="ratio-9-16"] { aspect-ratio: 9 / 16; object-fit: cover; }