/* ============================================================
   Course page: the Knowledge Hub section (template-parts/offering/
   knowledge-hub.php) and the "Booked a course with us?" panel
   (template-parts/offering/resources.php). Course v3: desktop
   y 6448-7568, one White band (the section to 7203, the panel
   7258-7477, 91 above the Why choose band); mobile y 10835-12597,
   the section only.

   Knowledge Hub: the shared section header (main.css) over the
   article card grid (article-card.css: three across from 1024px, two
   on tablets, one on phones), on the shared rhythm of the page's
   other card section, Your next step: the section padding (112 / 80;
   the files draw 93.5 desktop and 54.5 on phones from the band's top
   to the eyebrow's caps) and the header's 48 / 32px to the cards
   (drawn 79.5 / 48.6 under the H2's baseline). The "View Knowledge
   Hub" link sits right of the heading from 1024px, level with its
   foot (drawn with its baseline 17px under the H2's), and under the
   heading below. Nothing of its own to style.

   Course resources (Phase Three): the CTA panel at its default size
   (cta-panel.css: within a few px of the drawing) on the container
   (drawn 77-1345: normalised). Desktop only, as drawn: not shown
   below 1024px. Straight after the Knowledge Hub section the two are
   one band: the section keeps no bottom padding, the panel sits 56px
   under the cards (drawn 55-56) with the band's usual padding under
   it (drawn 91). Without the section the panel is a White band of
   its own.
   ============================================================ */

.offering-resources {
	display: none;
}

@media (min-width: 1024px) {
	.offering-resources {
		display: block;
	}

	.section.offering-knowledge-hub--before-resources {
		padding-bottom: 0;
	}

	.section.offering-resources--after-hub {
		padding-top: 56px;
	}
}