.artists-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin: -1em;
}

.artists-grid .artist {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: stretch;
	width: 100%;
	margin: 1em;
}

.artists-grid .artist .artist-image {
	display: block;
	margin: 0 0 1em;
	position: relative;
	flex-grow: 0;
	flex-shrink: 0;
	overflow: hidden;
}

.artists-grid .artist .artist-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.2s; }
.artists-grid .artist a.artist-image:hover img { transform: scale(1.1); }

.artists-grid .artist .artist-image::before { content: ""; display: block; padding: 100% 0 0 0; }

.artists-grid .artist h3.artist-name { margin: 0; }

@media (min-width: 768px) {
	.artists-grid { padding: 0 5vw; margin: -2em; }
	.artists-grid .artist { width: calc(33.33% - 4em); margin: 2em; }
}

@media (min-width: 960px) {
	.artists-grid .artist { width: calc(25% - 4em - 1px); }
}

.wp-block-artist-filter { cursor: default; }

.wp-block-artist-filter a {
	display: inline-block;
	margin: 0 0 0 1em;
	border: 1px solid currentcolor;
	padding: 0.25em 0.5em;
}

.wp-block-artist-filter a.current { background: black; color: white; }

ul.artist-social-icons {
	list-style: none;
	display: block;
	padding: 0;
	margin: 1em auto;
}

ul.artist-social-icons li {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0 0.25em 0 0;
}

ul.artist-social-icons li::before { display: none; }

ul.artist-social-icons li a {
	display: block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
}

ul.artist-social-icons li a::before {
	display: block;
	font-family: "meadow-arts-icons";
	font-weight: normal;
	color: inherit;
	font-size: 1.5em;
}

ul.artist-social-icons li.website-link a::before { content: "\e90a"; }
ul.artist-social-icons li.facebook a::before { content: "\e903"; }
ul.artist-social-icons li.instagram a::before { content: "\e900"; }
ul.artist-social-icons li.twitter a::before { content: "\e902"; }

.wp-block-artists { max-width: 64rem; margin: 2em auto; }
.wp-block-artists.alignfull { max-width: none; }

.wp-block-artists .articles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.wp-block-artists .articles article {
	margin: 0 0 4em;
	width: 100%;
}

.wp-block-artists .articles article .image { position: relative; overflow: hidden; height: auto; }
.wp-block-artists .articles article .image::before { content: ""; display: block; padding: 100% 0 0; }
.wp-block-artists .articles article .image img { position: absolute; top: 0; left: 0; }

.wp-block-artists .articles article .text { padding: 1em 0; }
.wp-block-artists .articles article h2 { margin: 0; }
.wp-block-artists .articles article .excerpt { display: none; }

@media (min-width: 768px) {
	.wp-block-artists .articles { justify-content: flex-start; margin: 0 -0.5em; }
	.wp-block-artists.alignfull .articles { padding: 0 2.5em; }
	.wp-block-artists .articles article { width: calc(33.33% - 1em); margin: 0 0.5em 1em; }
	.wp-block-artists.columns-4 .articles article { width: calc(50% - 1em); }
	.wp-block-artists .articles article .image { width: 100%; height: auto; }
	.wp-block-artists .articles article .text { width: 100%; }
}

@media (min-width: 960px) {
	.wp-block-artists.alignfull .articles { padding: 0 4.25em; margin: 0 -1em; }
	.wp-block-artists.columns-4 .articles article { width: calc(25% - 2em); margin: 0 1em 2em; }
	.wp-block-artists .articles article .text { padding: 1em 0; }
}

@media (min-width: 1280px) {
	.wp-block-artists.alignfull .articles { padding: 0 5em; margin: 6em -2em 0; }
	.wp-block-artists.columns-4 .articles article { width: calc(25% - 4em - 1px); margin: 0 2em 2em; }
}

@media (min-width: 1680px) {
	.wp-block-artists.alignfull .articles { padding: 0 5.5em; }
}