.card-container	{
  container-name: card_container;
  container-type: inline-size;	

  height: 100%;
}

.card {
	position: relative;
	background: #fff;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	height: 100%;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); 
}

.card:hover {
	outline: 2px solid #000;
}

.card:hover .card-content h3 a {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.card-image {
	max-height: 380px;
	overflow: hidden;
}

.card-image img,
.card-image svg {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 14/9;
	object-fit: cover;
	object-position: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*Team Page*/
body.page-id-14 .card-image img {
	aspect-ratio: 1/1;
}

.card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 20px;
	gap: 25px;
}

@container card_container (width > 800px) {
	.card {
		display: grid;
		grid-template-columns: 300px 1fr;
	}

	.card-image {
		background: #d3dc99;
	}

	.card-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.card-image svg {
		display: none;
	}

	.card-content {
		display: block;
	}

	.card-image {
		max-height: 100%;
		position: relative;
	}
}

@container card_container (width < 360px) {
	.card-content {
		background-size: 19px;
	}
}

@container card_container (width < 230px) {
	.card-content {
		background-size: 14px;
		padding: 15px;
	}
}


.card-content h3 {
	margin: 0;
	font-size: 25px;
	line-height: 33px;
}

@container card_container (width < 360px) {
	.card-content h3 {
		font-size: 20px;
		line-height: 25px;
	}
}

@container card_container (width < 230px) {
	.card-content h3 {
		margin: 0;
		font-size: 17px;
		line-height: 20px;
	}
}


.card-content h3 a {
	color: inherit;
	text-decoration: none;
}

.card-content h3 a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.card-content h3 a:before {

	/* Right Facing Arrow */
	background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2911_18)'%3E%3Cpath d='M26 14.9668C26 15.2989 25.8687 15.631 25.6716 15.8302L17.9881 23.6015C17.5284 24.0664 16.7403 24.0664 16.2149 23.6015C15.7552 23.1365 15.7552 22.3395 16.2149 21.8081L21.797 16.1623H5.24776C4.59104 16.1623 4 15.631 4 14.9004C4 14.2361 4.52537 13.6384 5.24776 13.6384H21.6657L16.2149 7.99261C15.7552 7.52766 15.7552 6.73061 16.2149 6.26567C16.6746 5.80073 17.4627 5.80073 17.9224 6.26567L25.606 14.0369C25.8687 14.369 26 14.7011 26 14.9668Z' fill='%23414141'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2911_18'%3E%3Crect width='22' height='18' fill='white' transform='translate(4 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: bottom 20px right 20px;
}


.card-content h3 a[target="_blank"]:before {
	/* Ten Past 12 Facing Arrow */
	background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2911_13)'%3E%3Cpath d='M21.8968 6.34046C22.1317 6.57529 22.2736 6.903 22.2752 7.18321L22.3372 18.1114C22.3409 18.7652 21.7836 19.3225 21.0834 19.3652C20.4295 19.3615 19.8659 18.7979 19.8153 18.0971L19.7703 10.1578L8.06817 21.8599C7.6038 22.3243 6.81013 22.3665 6.2935 21.8498C5.82384 21.3802 5.77263 20.586 6.28344 20.0752L17.8927 8.46596L10.0462 8.32807C9.39242 8.32436 8.82882 7.76076 8.82511 7.10694C8.82141 6.45311 9.37865 5.89587 10.0325 5.89958L20.9607 5.96155C21.3812 6.01063 21.709 6.15259 21.8968 6.34046Z' fill='%23414141'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2911_13'%3E%3Crect width='22' height='18' fill='white' transform='translate(0 15.5563) rotate(-45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: bottom 20px right 20px;
}


.card-content p {
	margin: 20px 0 0 0;
	line-height: 25px;
	font-size: 16px;
}

@container card_container (width < 360px) {
	.card-content p {
		font-size: 15px;
		line-height: 19px;
	}
}

@container card_container (width < 230px) {
	.card-content p {
		font-size: 14px;
		line-height: 17px;
	}
}

.card-content  p.card-kicker {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
}


@container card_container (width < 360px) {
	.card-content  p.card-kicker {
		margin: 0 0 8px 0;
		font-size: 11px;
		font-weight: 500;
	}
}

@container card_container (width < 230px) {
	.card-content  p.card-kicker {
		margin: 0 0 5px 0;
		font-size: 10px;
		font-weight: 500;
	}
}

.card-content p a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #d0d0d0;
}

.card-content p a:hover {
	border-bottom: 1px solid #000;
}

.card-header {
	flex: 1;
}

.card-footer {
	font-weight: 500;
	padding-right: 30px;
}

.card-footer p {
	font-size: 15px;
}

@container card_container (width < 230px) {
	.card-footer p {
		font-size: 12px;
	}
}