/* Top Picks and Visitor Story Layout */

/* Use CSS Columns for a Pinterest-like masonry layout */
.top-picks-4-column .wp-block-post-template,
.visitor-story-4-column .wp-block-post-template {
	column-count: 4;
	column-gap: 1rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Ensure each list item appears as a complete block in its column */
.top-picks-4-column .wp-block-post-template li,
.visitor-story-4-column .wp-block-post-template li {
	display: inline-block;
	/* required for columns to treat them as blocks */
	width: 100%;
	/* full width of its column */
	margin-bottom: 1rem;
	/* spacing between items vertically */
	break-inside: avoid;
	/* prevent an item from breaking across columns */
}

/* Make the card content evenly spaced vertically */
.mini-story-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* popular contributors */
#featured-contributors .wp-block-post-template {
    gap: var(--wp--preset--spacing--80);
}

@media (min-width: 600px) {  
	#featured-contributors .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	#featured-contributors .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1070px) {
	#featured-contributors .wp-block-post-template {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	#featured-contributors .wp-block-post-template {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

#featured-contributors .wp-block-post-title {
    font-size: var(--wp--preset--font-size--normal);
    font-family: var(--wp--preset--font-family--body);
    padding-top: 15px;
}

#featured-contributors .arboretum-post-meta-text {
    font-size: var(--wp--preset--font-size--normal);
    color: var(--wp--preset--color--gray);
}

#featured-contributors .attachment-post-thumbnail {
    border: 1px solid var(--wp--preset--color--leaf);;
    border-radius: 0;
}