/* Shared vertical rhythm for the modernised information-page boxes. */
html body .member-guide-summary,
html body .member-guide-contact,
html body .info-page-box,
html body .info-page-contact,
html body .benefits-how,
html body .hold-guide-summary,
html body .ride-booking-notice {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
}

html body .member-guide-retention {
	padding: .95rem 1.25rem;
}

html body .member-guide-retention > .member-guide-list {
	margin-top: .5rem;
	margin-bottom: .75rem;
}

html body .member-guide-summary > h2:first-child,
html body .member-guide-contact > h2:first-child,
html body .info-page-box > h2:first-child,
html body .info-page-contact > h2:first-child,
html body .benefits-how > h2:first-child,
html body .hold-guide-summary > h2:first-child,
html body .ride-booking-notice > h2:first-child {
	margin-top: 0;
	margin-bottom: .75rem;
}

html body .member-guide-summary > h3,
html body .member-guide-contact > h3,
html body .info-page-box > h3,
html body .info-page-contact > h3,
html body .benefits-how > h3,
html body .hold-guide-summary > h3,
html body .ride-booking-notice > h3 {
	margin-top: 1.15rem;
	margin-bottom: .65rem;
}

html body .member-guide-summary > p,
html body .member-guide-contact > p,
html body .info-page-box > p,
html body .info-page-contact > p,
html body .benefits-how > p,
html body .hold-guide-summary > p,
html body .ride-booking-notice > p {
	margin-bottom: .75rem;
}

html body .member-guide-summary > ul,
html body .member-guide-summary > ol,
html body .member-guide-contact > ul,
html body .member-guide-contact > ol,
html body .info-page-box > ul,
html body .info-page-box > ol,
html body .info-page-contact > ul,
html body .info-page-contact > ol,
html body .benefits-how > ul,
html body .benefits-how > ol,
html body .hold-guide-summary > ul,
html body .hold-guide-summary > ol,
html body .ride-booking-notice > ul,
html body .ride-booking-notice > ol {
	margin-top: .5rem;
	margin-bottom: .75rem;
}

html body .member-guide-summary > :last-child,
html body .member-guide-contact > :last-child,
html body .info-page-box > :last-child,
html body .info-page-contact > :last-child,
html body .benefits-how > :last-child,
html body .hold-guide-summary > :last-child,
html body .ride-booking-notice > :last-child {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	html body .member-guide-summary,
	html body .member-guide-contact,
	html body .info-page-box,
	html body .info-page-contact,
	html body .benefits-how,
	html body .hold-guide-summary,
	html body .ride-booking-notice {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	html body .member-guide-retention {
		padding: .9rem 1rem;
	}
}