body {
	background: var(--primary);
	color: var(--primary-text);
}

.live-event {
	padding-top: 2rem;
	background: url(/images/live-header-bg.png) no-repeat left top;
}

section.Main {
	background: url(/images/live-footer-bg.png) no-repeat center bottom;
}

/*.live-logo {
	padding: 1rem 0 0.5rem 0;
	max-width: 200px;
}*/

.live-logo {
	margin: 1rem 0 0.5rem 0;
	width: 200px;
	height: 135px;
	background-image: url('/images/logo/hay-festival-global-live-logo.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
}

.live-logo.book-club {
	background-image: url('/images/logo/hay-festival-book-club.png');
}

	.live-logo.hay-on-wye {
		background-image: url('/images/logo/hay-festival-hay-on-wye-live.png');
	}

	.live-logo.education {
		background-image: url('/images/logo/hay-festival-education.png');
	}

.baillie-gifford {
	width: 201px;
	height: 68px;
	background-image: url('/images/baillie-gifford-logo-black.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
}

.visit-wales {
	width: 175px;
	height: 70px;
	background-image: url('/images/visit-wales-logo-black.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
}



.registration-bar {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
	padding: 0.5rem;
	width: 100%;
	text-align: center;
	background: #000;
	color: #FFF;
}

.registration-bar a, .registration-bar a:hover {
	color: #FFF;
}

.home-link {
	display: block;
	position: absolute;
	right: 0;
	top: 2rem;
}

a.home-link {
	font-size: 3rem;
	color: #000;
}

h2.venue, h1.event, h3.subtitle, h4.sponsor {
	color: var(--primary-text);
}

.modal-header {
	border-bottom: none;
}

.modal-content {
	color: #000;
}

	.modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4 {
		margin: 0;
		text-transform: none;
		font-weight: 600;
	}

	.modal-content h1 {
		font-size: 1.75rem;
		margin-bottom: 1rem;
	}

	.modal-content h2 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}

	.modal-content h3 {
		font-size: 1rem;
		margin-bottom: 1rem;
	}

	.modal-content .product-image {
		margin-right: -15px;
		margin-left: -15px;
	}

		.modal-content .product-image img, img.holdimg {
			width: 100%;
		}

span.venue {
	font-family: proxima-sera, 'Times New Roman', Times, serif;
	font-style: italic;
}

a, a:visited {
	font-weight: 600;
	color: #000;
}

.btn.btn-secondary.btn-live, .btn.btn-secondary.btn-live:visited {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}

	.btn.btn-secondary.btn-live:hover {
		background-color: #e6e6e6;
		border-color: #adadad;
		color: #292b2c;
	}

@media only screen and (min-width : 992px) {
	.h2 {
		font-size: 1.5rem;
	}
}

.live-event h4.event {
	background: #ff4343;
	color: #FFF;
}

.live-event .progItem {
	/*background: #C9BFB0;*/
}

.progItem .chat {
	padding-top: 25px;
}

	.progItem .chat iframe {
		width: 100%;
	}

.progMain .card h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.js-video {
	padding-top: 0;
	margin-bottom: 0;
}

.sponsors .img-thumbnail {
	max-width: 125px;
	border-radius: 0;
}

@media (min-width: 768px) {
	.mx-sm-n1 {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
}

.NavC3Ttl {
	background-color: transparent;
	margin-right: 0;
	margin-left: 0;
}

	.NavC3Ttl h4 {
		background: #000;
		color: #FFF;
	}

.donate-row {
	min-height: 180px;
	position: absolute;
	z-index: 99;
	width: 100%;
	overflow: hidden;
}

.donate {
	background: var(--primary-light);
	padding: 1rem;
	text-align: center;
}

@media (min-width: 1400px) {
	.donate .buttons {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}
}

p.sponsor {
	font-weight: bold;
	font-style: italic;
	padding-top: 1rem;
}

.already-registered {
	margin-right: 0.5rem;
}

.subtitles {
	height: 0px;
}

@media (min-width: 768px) {
	.subtitles {
		position: absolute;
		height: 80px;
		width: 96%;
		bottom: 40px;
		transform: translate(-50%, -50%);
		left: 50%;
	}
}

.subtitles iframe {
	width: 100%;
	height: 80px;
}

.card .card {
	/*	background-color: rgba(255, 255, 255, 0.65);
	border: 1px solid var(--primary);*/
	margin: 0 -16px;
}