/*
------------------------------------------------
Training Entry Photos
------------------------------------------------
*/

.tl-entry-photos {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: 12px;

	width: 100%;
	margin: 20px 0 0;

	overflow-x: auto;
	overflow-y: hidden;

	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;

	scrollbar-width: none;
	-ms-overflow-style: none;
}


.tl-entry-photos::-webkit-scrollbar {
	display: none;
}


/*
------------------------------------------------
Photo Links
------------------------------------------------
*/

.tl-entry-photo-link {
	display: block;
	flex: 0 0 auto;

	height: 260px;

	text-decoration: none;
	border-radius: 8px;
	overflow: hidden;
}


/*
------------------------------------------------
Photo Images
------------------------------------------------
*/

.tl-entry-photo-image {
	display: block;

	width: auto;
	height: 100%;
	max-width: none;

	object-fit: cover;
	border-radius: 8px;
}


/*
------------------------------------------------
Single Photo
------------------------------------------------
*/

.tl-entry-photos > .tl-entry-photo-link:only-child {
	flex: 0 0 auto;
	height: auto;
	max-width: 100%;
}


.tl-entry-photos > .tl-entry-photo-link:only-child .tl-entry-photo-image {
	width: auto;
	height: auto;

	max-width: 100%;
	max-height: 320px;

	object-fit: contain;
}


/*
------------------------------------------------
Larger Screens
------------------------------------------------
*/

@media (min-width: 768px) {

	.tl-entry-photo-link {
		height: 320px;
	}


	.tl-entry-photos > .tl-entry-photo-link:only-child .tl-entry-photo-image {
		max-height: 400px;
	}

}