/* Info Boxes Block Styles */

.block-program-links {
	.items {
		margin-inline: auto;
	}
	.item {
		position: relative;
		border-radius: 50%;
		position: relative;
	}
	.item-title {
		margin: auto;
		text-align: center;
		color: var(--tertiary);
		font-size: 1.2em;
		padding-top: 1rem;
		line-height: 1.2;
		text-wrap: balance;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-family: 'Basic Sans', sans-serif;
		font-weight: 600;
		transition: all 0.3s ease;
	}

	.item:hover {
		.item-title {
			opacity: 1;
			padding-top: 1rem;
		}
	}
}

@media screen and (min-width: 52em) {
	.block-program-links .item {
		overflow: hidden;
	}
	.block-program-links .item-title {
		position: absolute;
		inset: 0;
		margin: auto;
		text-align: center;
		background-color: rgba(232, 173, 33, 0.9);
		opacity: 0;
		color: white;
		font-size: 1.6rem;
		padding: 1rem;
		padding-top: 2rem;
		line-height: 1.2;
		text-wrap: balance;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-family: 'Basic Sans', sans-serif;
		font-weight: 600;
		transition: all 0.3s ease;
	}
}