/**
 * Styles specific to the agent feed component.
 */
.site-fullwidth-agent-feed .c-agent-feed {
	--grid-columns: 4;

	max-width: var(--wp--custom--layout-sizes--x-wide);
}

.c-agent-feed {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.c-agent-feed__wrap-agent {
	box-sizing: border-box;
	padding: var(--wp--custom--primitive--padding--small);
	width: calc(100% / var(--grid-columns))
}

.c-agent-feed__agent {
	border-radius: var(--wp--custom--primitive--border-radius--medium);
	box-shadow: var(--wp--custom--shadows--primary);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.c-agent-feed__agent-photo img {
	display: block;
	height: auto;
	width: 100%;
}

.c-agent-feed__agent-info {
	background-color: var(--wp--custom--color--white);
	display: flex;
	flex-direction: column;
	padding: var(--wp--custom--primitive--padding--small);
	flex: 1;
}

.c-agent-feed__agent-info :last-child {
	margin-block-end: 0;
	margin-block-start: auto;
}

.c-agent-feed__agent-name {
	margin: 0;
}

.c-agent-feed__agent-name a {
	color: var(--wp--custom--shadows--primary);
	text-decoration: none;
}

.c-agent-feed__agent-name a::after {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.c-agent-feed__agent-position {
	margin-block-start: 0;
}

.c-agent-feed__contact {
	list-style: none;
	padding-left: 0;
	position: relative;
}
.c-agent-feed__contact-item a {
	margin-left: -0.5rem;
	padding: 0.5rem;
	position: relative;
}

.c-agent-feed__agent:focus-within,
.c-agent-feed__agent:hover {
	box-shadow: var(--wp--custom--shadows--primary-hover);
}

@media screen and (max-width: 1000px) {
	.site-fullwidth-agent-feed .c-agent-feed {
		--grid-columns: 3;
	}
}

@media screen and (max-width: 690px) {
	.site-fullwidth-agent-feed .c-agent-feed {
		--grid-columns: 2;
	}
}

@media screen and (max-width: 400px) {
	.site-fullwidth-agent-feed .c-agent-feed {
		--grid-columns: 1;
	}
}