.team{
	.listing-filter{
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin: 0 0 28px;

		a{
			display: block;
			padding: 8px 0px;
			border-bottom: 1px solid transparent;
			font-size: 16px;
			font-weight: 700;
			color: var(--wp--preset--color--gray-400);
			text-decoration: none;

			&:hover{
				color: var(--wp--preset--color--primary-900);
			}

			&.active{
				border-color: var(--wp--preset--color--primary-900);
				color: var(--wp--preset--color--primary-900);
			}
		}
	}

	.listing{
		display: grid;
		grid-template-columns: repeat( 4, 1fr );
		gap: 24px;

		@media (max-width: 1199px){
			grid-template-columns: repeat( 3, 1fr );
		}

		@media (max-width: 991px){
			grid-template-columns: repeat( 2, 1fr );
		}

		@media (max-width: 575px){
			grid-template-columns: 1fr;
		}
	}

	.team-item{
		justify-self: center;
		display: flex;
		flex-direction: column;
		max-width: 327px;
		height: 100%;
	}

	.inner{
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		padding: 28px 24px;
		background: var(--wp--preset--color--gray-50);
		font-size: 16px;

		@media (max-width: 1439px){
			padding: 20px 18px;
		}

		.name{
			margin: 0 0 2px;
			font-size: 20px;
			font-weight: 700;
		}

		.job{
			margin: 0 0 auto;
		}

		a{
			display: inline-block;
			margin: 20px 0 0;
			font-size: 15px;
			line-height: 1.25;
			color: var(--wp--preset--color--gray-500);
			text-decoration: underline;

			& + a{
				margin-top: 8px;
			}
		}
	}
}