
/* Rule76 Plugin
------------------------------------------- 

Table of contents
	- Case Studies Loop
	- Media Queries

------------------------------------------- */

/* Case Studies Loop
-------------------------------------------- */

.clients-container {
	border-bottom: 1px solid var(--gray);
}

.client {
	border: 1px solid var(--gray);
	border-bottom: none;
}

.client-featured-img-wrap {
	background-color: var(--white);
	padding: 24px;
	text-align: center;
}

.client-featured-img-wrap img {
	max-height: 275px;
	width: auto;
}

.client-info-wrap {
	padding: 24px;
}

.client-deliverables-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.client-deliverables-wrap .deliverable {
	background-color: #242A26;
	border: 1px solid #1B4A34;
	color: var(--off-white);
	font-size: 14px;
	font-weight: 500;
	padding: 6px 12px;
	text-transform: uppercase;
}

/* Media Queries
------------------------------------------- */

@media only screen and (min-width: 961px) {

	.clients-container {
		border-left: 1px solid var(--gray);
		display: flex;
		flex-wrap: wrap;
	}

	.client {
		border-left: none;
		width: 50%;
	}

}