.programs-path {
	margin-top: 80px;
	padding-bottom: 60px;
	text-align: center;
}

.programs-path__heading {
	margin-bottom: 40px;
}

.programs-path__single {
	display: flex;
	flex-direction: column;
	padding: 40px 30px;
	background: #fff;
	box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);
	text-align: left;
	text-decoration: none;
	color: var(--color-theme-primary);

	min-height: 300px;
	max-height: 1000px;
	overflow: hidden;

	&.suppress-card {
		overflow: hidden;
		max-height: 0;
		min-height: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	&,
	.external-icon-arrow,
	.external-icon-box {
		transition: all 0.5s ease;
	}

	&:focus {
		outline-offset: 3px;
		outline-color: var(--color-theme-primary) !important;
	}

	[debug] &,
	&:hover,
	&:focus {
		background: var(--color-theme-primary);

		&,
		& .programs-path__single-title {
			color: white;
		}

		.external-icon-arrow {
			stroke: #fff;
			fill: transparent;
		}

		.external-icon-box {
			stroke: #fff;
			fill: transparent;
		}
	}

	& .external-link-icon {
		width: 22px;
		height: 22px;
		right: 40px;
		bottom: 40px;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	&.is-external-link .external-link-icon {
		opacity: 1;
	}
}

.programs-path__single-category {
	margin: 0 0 12px;
	font-size: 12px;
	text-transform: uppercase;
}

.programs-path__single-title {
	margin-bottom: 40px;
	font-size: clamp(24px, calc(24px + (12 * (100vw - 390px) / 1050)), 36px);
	font-weight: 300;
	font-family: var(--global-font-family);
	line-height: 1.16;
	transition: all 0.5s ease;
}

.program-types {
	display: flex;
	font-size: 20px;
	line-height: 1.3;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;

	.programs-path__single-type {
		display: flex;
		align-items: center;

		&:before {
			content: '';
			display: block;
			background-position: center;
			background-repeat: no-repeat;
			margin-right: 15px;
		}
	}

	[data-program-type='Graduate']:before {
		width: 24px;
		height: 20px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' fill='none'%3E%3Cg fill='%2300A3E0' clip-path='url(%23a)'%3E%3Cpath d='M23.53 4.022 12.235.04a.703.703 0 0 0-.468 0L.47 4.022a.702.702 0 0 0-.001 1.324L11.765 9.36a.699.699 0 0 0 .47 0l11.297-4.013a.703.703 0 0 0-.001-1.324ZM22.31 13.399V7.271l-1.406.5v5.628a1.41 1.41 0 0 0 0 2.447v3.452a.703.703 0 0 0 1.406 0v-3.452a1.41 1.41 0 0 0 0-2.447Z'/%3E%3Cpath d='M12.002 10.805c-.241 0-.479-.042-.706-.122l-6.35-2.256v3.091c0 .757.79 1.396 2.346 1.901 1.358.44 3.03.683 4.71.683 1.68 0 3.353-.242 4.71-.683 1.558-.505 2.347-1.144 2.347-1.9V8.426l-6.35 2.256a2.1 2.1 0 0 1-.707.122Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	}

	[data-program-type='Certificate']:before {
		width: 15px;
		height: 22px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' fill='none'%3E%3Cg fill='%2300A3E0' clip-path='url(%23a)'%3E%3Cpath d='m10.868 15.196.916-1.549a.077.077 0 0 1 .04-.033l1.653-.587a.078.078 0 0 0 .051-.066l.183-1.809a.08.08 0 0 1 .022-.048l1.244-1.275a.081.081 0 0 0 .018-.083l-.591-1.712a.085.085 0 0 1 0-.053l.591-1.712a.081.081 0 0 0-.018-.082L13.733 4.91a.081.081 0 0 1-.022-.048l-.183-1.808a.078.078 0 0 0-.05-.066L11.823 2.4a.075.075 0 0 1-.04-.033L10.868.819a.074.074 0 0 0-.073-.036L9.062 1a.073.073 0 0 1-.05-.012L7.54.012a.072.072 0 0 0-.08 0L5.986.991a.073.073 0 0 1-.05.012L4.206.785a.074.074 0 0 0-.073.036L3.215 2.37a.077.077 0 0 1-.04.033l-1.653.587a.078.078 0 0 0-.05.066l-.184 1.809a.08.08 0 0 1-.022.048L.022 6.188a.081.081 0 0 0-.018.082l.592 1.713a.084.084 0 0 1 0 .053L.004 9.747a.081.081 0 0 0 .018.083l1.244 1.275c.013.013.02.03.022.047l.184 1.81c.003.03.023.055.05.065l1.654.588c.016.005.03.017.04.033l.916 1.548c.015.026.043.04.073.037l1.733-.218a.073.073 0 0 1 .05.012l1.471.978a.072.072 0 0 0 .081 0l1.473-.978a.073.073 0 0 1 .049-.012l1.733.217a.074.074 0 0 0 .073-.036ZM2.217 8.008c0-2.925 2.205-5.325 4.974-5.492 3.216-.194 5.769 2.465 5.583 5.814-.16 2.884-2.465 5.18-5.274 5.18-2.81 0-5.283-2.468-5.283-5.502Z'/%3E%3Cpath d='M7.69 3.788c-2.388-.115-4.354 1.933-4.244 4.42.095 2.167 1.781 3.922 3.863 4.022 2.387.114 4.353-1.933 4.243-4.42-.095-2.167-1.78-3.923-3.863-4.022ZM5.674 16.333l-2.15.27-1.136-1.92-.386-.137-1.666 5.423 3-.172 2.346 1.953 1.38-4.495-1.387-.922h-.001ZM12.611 14.683l-1.136 1.92-2.15-.27-1.387.922 1.38 4.495 2.346-1.953 3 .172-1.666-5.423-.386.137Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h15v21.75H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	}

	[data-program-type='Licensure']:before {
		width: 22px;
		height: 18px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' fill='none'%3E%3Cg fill='%2300A3E0' clip-path='url(%23a)'%3E%3Cpath d='M11.908 10.48h-1.816a.22.22 0 0 0-.22.22v1.82c0 .121.098.22.22.22h1.816a.22.22 0 0 0 .22-.22V10.7a.22.22 0 0 0-.22-.22Z'/%3E%3Cpath d='M18.607 3.044H14.86V1.481c0-.816-.672-1.48-1.5-1.48H8.64c-.826 0-1.5.664-1.5 1.48v1.563H3.395A3.393 3.393 0 0 0 0 6.43v2.028a1.74 1.74 0 0 0 1.182 1.31l7.396 1.803v-.87c0-.832.68-1.509 1.514-1.509h1.816c.834 0 1.513.678 1.513 1.51v.87l7.396-1.803A1.741 1.741 0 0 0 22 8.457V6.429a3.393 3.393 0 0 0-3.394-3.385h.002Zm-5.039 0H8.433V1.481c0-.109.089-.191.206-.191h4.723c.117 0 .206.082.206.192v1.562Z'/%3E%3Cpath d='M21.183 11.004a.672.672 0 0 1-.037.01L13.37 12.91a1.516 1.516 0 0 1-1.463 1.12h-1.816c-.7 0-1.29-.476-1.463-1.12L.855 11.014A3.068 3.068 0 0 1 0 10.612v5.48a2.771 2.771 0 0 0 2.772 2.765h16.456A2.771 2.771 0 0 0 22 16.092v-5.48c-.246.167-.52.3-.817.392Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v18.857H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	}
	[data-program-type='Undergraduate']:before {
		width: 22px;
		height: 18px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill='%2300A3E0' d='M3.365 2.596h-.002a.784.784 0 0 0-.783.787v11.805a.79.79 0 0 0 .788.787c1.833.005 4.903.387 7.02 2.603V6.224a.754.754 0 0 0-.107-.399c-1.739-2.8-5.08-3.224-6.916-3.229ZM19.42 15.188V3.383a.784.784 0 0 0-.783-.787h-.002c-1.837.005-5.177.43-6.916 3.23a.754.754 0 0 0-.108.398v12.354c2.118-2.216 5.188-2.598 7.02-2.603a.79.79 0 0 0 .789-.787Z'/%3E%3Cpath fill='%2300A3E0' d='M21.213 5.319h-.57v9.87c0 1.105-.901 2.006-2.008 2.009-1.555.003-4.117.307-5.932 2.025 3.139-.768 6.448-.269 8.334.16a.786.786 0 0 0 .963-.766V6.106a.788.788 0 0 0-.787-.787ZM1.358 15.188v-9.87h-.57A.788.788 0 0 0 0 6.107v12.51a.785.785 0 0 0 .963.767c1.886-.43 5.196-.929 8.335-.16-1.815-1.718-4.378-2.022-5.933-2.025a2.014 2.014 0 0 1-2.007-2.01Z'/%3E%3C/svg%3E");
	}
}

.programs-path .plus-link {
	margin-top: 40px;
}

.plus-link {
	position: relative;
	display: inline-block;
	padding-left: 50px;
	font-size: 23px;
	line-height: 28px;
	color: var(--color-theme-primary);

	&.suppress-link {
		display: none;
	}
}

.plus-link::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 30px;
	height: 30px;
	background: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="15" cy="15" r="15" fill="%2313294B"/><path d="M16.4927 22.5H13.5073V16.865H8.25V13.8481H13.5073V8.25H16.4927V13.8481H21.75V16.865H16.4927V22.5Z" fill="white"/></svg>')
		no-repeat center;
	transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
	.programs-path__single:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 768px) {
	.programs-path {
		margin-top: 110px;
		padding-bottom: 95px;
		background-position: center bottom;
	}

	.programs-path__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: 22px;
	}

	.programs-path .plus-link {
		margin-top: 60px;
	}
}