/*
 * 2020 Virtual Camp. Values: [m] audit/measure/2020-virtual-camp-1440: Roboto 15px/25 kit grey (A3: #757575),
 * intro block 10px above and below its text, video rows 20px in from the section edge.
 */

.virtual-intro { padding: 10px 0; }
.virtual-videos { padding: 20px 0; }

.virtual-intro p,
.virtual-videos__item {
	margin: 0 0 24px;
	color: var(--cc-text-kit-on-white);
	font-family: var(--cc-font-ui);
	font-size: 15px;
	line-height: 25px;
}
.virtual-videos__item a { font-weight: 700; }

/* Below 768: 14px/22.5 text, intro 10px from the edge, link columns 20px [m 2020-virtual-camp-390]. */
@media (max-width: 767px) {
	.virtual-intro p,
	.virtual-videos__item { font-size: 14px; line-height: 22.5px; }
	.virtual-intro .canopy-container { padding-inline: 10px; }
}

/* B10-1: the old site switched to phone type at <= 768px (Astra 4.7.3 inline responsive CSS: html 85.5%,
   h1 30 / h2 25 / h3 20), while columns stacked only at <= 767. These are this file's <= 767 type rules, repeated so
   768 gets them too; 769+ stays desktop, 390 is unchanged. Source: audit/measure/live-tablet-breakpoint.txt */
@media (max-width: 768px) {
	.virtual-intro p,
	.virtual-videos__item { font-size: 14px; line-height: 22.5px; }
}