@media all {
	.tile-wrapper {
		display: flex;
		flex-wrap: wrap;
	}

	.tile-image__container {
		aspect-ratio: 4 / 3;
		padding: 0;
	}

	.tile-image__body {
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.tile-image__caption {
		font-size: 13px;
		position: absolute;
		transform: translateY(-100%);
		width: calc(100% - 30px);
	}

	.tile-image__caption p {
		background-color: #4179ab;
		border-radius: 0px 8px 0px 0px;
		color: #fff;
		float: left;
		margin: 0;
		padding: 0 10px;
	}

	.tile-image__caption i {
		border: 1px solid white;
		border-radius: 5px;
		color: white;
		float: right;
		margin: 1px 2px;
		padding: 2px 6px;
	}

	.tile-date, .tile-short {
		margin: 0;
	}

	.tile-date {
		padding-top: 15px;
	}

	.tile-title {
		font-size: 135%;
		overflow: hidden;
		padding: 15px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tile-title.tile-blue-rounded {
		background-color: #004a72;
		border-top-right-radius: 15px;
		color: white;
		padding: 15px;
	}

	body.accessible .tile-title.tile-blue-rounded {
		background-color: #333333;
		border-top-right-radius: 15px;
		color: white;
		padding: 15px;
	}

	a.tile-link:hover .tile-title.tile-blue-rounded {
		background-color: #3781af;
	}

	body.accessible a.tile-link:hover .tile-title.tile-blue-rounded {
		background-color: #333333;
		text-decoration: underline !important;
	}
}