/* ======================= -------- TV Display -------- ========================== */
/* standalone kiosk sheet — the site palette does not load on this template, so colours are literal */
body.page-template-page-tv {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.tv-display {
	width: 100vw;
	height: 100vh;
	background: #000;
}

	.tv-display .tv-slides {
		width: 100vw;
		height: 100vh;
	}

		.tv-display .tv-slide {
			width: 100vw;
			height: 100vh;
		}

			.tv-display .tv-slide picture {
				display: block;
				width: 100%;
				height: 100%;
			}

				.tv-display .tv-slide picture img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: contain;
				}

/* ==== Empty State ==== */
.tv-display.tv-empty {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.tv-display.tv-empty p {
		font-family: "Crimson Pro", Georgia, serif;
		font-size: 2.2rem;
		color: #fff;
	}