/**
 * 360 Broadway - Nova Child: Link Tiles layout.
 * Loaded only on pages that use it (see bw_css_components() in inc/enqueue.php).
 * Loads after style.css; rules keep their original order.
 */

.linkable-columns .linkable-column {
	position: relative;
	height: 450px;
	padding: 40px;
	transition: background 0.2s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
}
.linkable-column .bg-image {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform 0.5s;
}
.linkable-column::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140px;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}
.linkable-column-content {
	position: relative;
	z-index: 1;
}
.linkable-column:hover .bg-image {
	transform: scale(1.14);
}

@media (min-width: 1260px) {
	.linkable-columns .linkable-column {
			height: 640px;
		}
}

@media (min-width: 1920px) {
	.linkable-columns .linkable-column {
			height: 780px;
		}
}