/* ================================================
Component: Membership Testimonials
Path: components/flexible/membership_testimonials/style.css
================================================ */
:is(body, .is-preview) {
	.membership-testimonials__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--gap-lg);
		padding-bottom:40px;
	}
	.membership-testimonials__card {
		display: flex;
		flex-direction: column;
		border-radius: var(--radius-md);
		padding: 60px;
		position:relative;
	}
	.membership-testimonials__card--navy,
	.membership-testimonials__card--dark-green,
	.membership-testimonials__card--red,
	.membership-testimonials__card--brown,
	.membership-testimonials__card--gray {
		color: var(--color-text-light);
	}
	.membership-testimonials__card--beige,
	.membership-testimonials__card--green,
	.membership-testimonials__card--amber {
		color: var(--color-text-dark);
	}
	.membership-testimonials__card:before {
		content: '';
        border-radius: var(--radius-md);
        position: absolute;
        inset: 0;
        mix-blend-mode: multiply;
        z-index: 0;
	}
	.membership-testimonials__card--navy:before {
		background-color: var(--color-navy);
	}
	.membership-testimonials__card--beige:before {
		background-color: var(--color-beige);
	}
	.membership-testimonials__card--amber:before {
		background-color: var(--color-yellow);
	}
	.membership-testimonials__card--green:before {
		background-color: var(--color-grass);
	}
	.membership-testimonials__card--dark-green:before {
		background-color: var(--color-kale);
	}
	.membership-testimonials__card--red:before {
		background-color: #C33C32;
	}
	.membership-testimonials__card--brown:before {
		background-color: var(--color-earth);
	}
	.membership-testimonials__card--gray:before {
		background-color: #7D7D7D;
	}
	.inner-membership-testimonials__card {
		position:relative;
		z-index:1;
	}
	.membership-testimonials__quote-icon {
		margin-bottom: var(--gap-md);
	}
	.membership-testimonials__card--navy .membership-testimonials__quote-icon,
	.membership-testimonials__card--dark-green .membership-testimonials__quote-icon,
	.membership-testimonials__card--red .membership-testimonials__quote-icon,
	.membership-testimonials__card--brown .membership-testimonials__quote-icon,
	.membership-testimonials__card--gray .membership-testimonials__quote-icon {
		color: var(--color-white);
	}
	.membership-testimonials__card--beige .membership-testimonials__quote-icon,
	.membership-testimonials__card--amber .membership-testimonials__quote-icon,
	.membership-testimonials__card--green .membership-testimonials__quote-icon {
		color: var(--color-text-dark);
	}
	.membership-testimonials__quote-text {
		font-family: var(--font-secondary);
		font-size: var(--font-size-md);
		line-height: normal;
		margin: 0 0 var(--gap-md) 0;
		flex: 1;
		letter-spacing: 0.135px;
	}
	.membership-testimonials__author {
		display: flex;
		align-items: center;
		gap: var(--gap-sm);
		margin-top: auto;
	}
	.membership-testimonials__avatar {
		width: 48px;
		height: 48px;
		flex-shrink: 0;
		border-radius: 50%;
		overflow: hidden;
		background-color: var(--color-sand);
	}
	.membership-testimonials__avatar img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.membership-testimonials__meta {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.membership-testimonials__name,
	.membership-testimonials__farm,
	.membership-testimonials__since  {
		font-family: var(--font-primary);
		font-size: var(--font-size-md);
		font-weight: var(--font-weight-medium);
		line-height: normal;
		letter-spacing: 0.135px;
	}
	.membership-testimonials__since {
		font-weight: var(--font-weight-light);
	}
	.membership-testimonials__card--navy .membership-testimonials__quote-icon svg path,
	.membership-testimonials__card--dark-green .membership-testimonials__quote-icon svg path,
	.membership-testimonials__card--red .membership-testimonials__quote-icon svg path,
	.membership-testimonials__card--brown .membership-testimonials__quote-icon svg path,
	.membership-testimonials__card--gray .membership-testimonials__quote-icon svg path {
		fill: var(--color-white);
	}
	@media (min-width: 768px) {
		.membership-testimonials__grid {grid-template-columns: repeat(3, 1fr);gap: var(--gap-2xl);padding-bottom:60px;}
	}
}