.main-webinar h1 {
	font-family: var(--main-text-font);
	font-size: var(--medium-text-size);
	font-weight: 700;
	margin: 0;
	padding: var(--big-gap) var(--ultra-padding) 0 var(--ultra-padding);
}
.webinar {
	width: 100%;
	padding: var(--page-padding);
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: var(--big-gap);
}
.webinar-ack {
	width: 100%;
	padding: var(--page-padding);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--big-gap);
}
.webinar h2 {
	margin-top: 0;
}
.webinar-description img {
	width: 100%;
	height: auto;
	margin-bottom: var(--medium-gap);
}
p.bold {
	font-weight: bold;
}
.webinar-registration {
	max-width: 36%;
	min-width: 36%;
}
.webinar-registration > div {
	padding: 15px 30px 10px 30px;
	background: var(--color-grey);
}
.webinar-registration table {
	width: 100%;
}
.webinar-registration-title {
	margin: 0 auto 10px auto;
	font-size: var(--small-text-size);
	text-align: center;
}
sup.mandatory {
	color: var(--color-red);
}
.policy {
	margin: var(--tiny-text-size) 0;
	font-style: italic;
}
.webinar-registration-submit .button {
	margin: var(--tiny-text-size) auto;
}
#already_registered {
	display: none;
}
.border_highlight {
	animation: highlight_anim 3s ease-in;
}
@keyframes highlight_anim {
	from {
		border: 2px solid var(--color-blue);
	}
	99% {
		border: 2px solid var(--color-blue);
	}
	to {
		border: none;
	}
}
.webinar-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center ;
	gap: var(--big-gap);
}
.webinar-content > iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.webinar-back {
	justify-self: flex-end;
	align-self: flex-end;
	color: #1886e8;
	font-weight: bold;
}
.webinar-ack-message {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: var(--medium-gap);
	border: 3px solid var(--color-dark-blue);
	border-radius: 3px;
}