/* Section spacing lives on one layer. Do not reset card or photo padding. */
body { --ildp-section-space: 64px; }
@media (max-width: 1024px) { body { --ildp-section-space: 48px; } }
@media (max-width: 767px) { body { --ildp-section-space: 32px; } }

body:not(.elementor-editor-active) .elementor :is(
	#ildp-home,
	#ildp-about-preview,
	#ildp-trust-bar,
	#ildp-industry-priorities,
	#ildp-president-message,
	#ildp-doe-recognition,
	#ildp-registration-steps,
	#ildp-news-preview,
	#ildp-gallery-preview,
	#ildp-home-faq,
	#ildp-contact-preview,
	#about-ildp,
	#ildp-our-story,
	#ildp-purpose,
	#ildp-industry-milestones,
	#ildp-values,
	#ildp-leadership,
	#ildp-gallery,
	#ildp-gallery-training,
	#ildp-gallery-engagement,
	#ildp-gallery-community,
	#contact-ildp,
	#ildp-contact-details,
	#seminar-registration,
	#ildp-contact-support,
	#ildp-contact-location
) > :is(.e-con, .e-con-inner) {
	--padding-top: 0px;
	--padding-bottom: 0px;
	padding-block: var(--ildp-section-space) !important;
}

/* Elementor boxed containers inherit padding again on this wrapper. */
body:not(.elementor-editor-active) .elementor :is(
	#ildp-home,
	#ildp-about-preview,
	#ildp-trust-bar,
	#ildp-industry-priorities,
	#ildp-president-message,
	#ildp-doe-recognition,
	#ildp-registration-steps,
	#ildp-news-preview,
	#ildp-gallery-preview,
	#ildp-home-faq,
	#ildp-contact-preview,
	#about-ildp,
	#ildp-our-story,
	#ildp-purpose,
	#ildp-industry-milestones,
	#ildp-values,
	#ildp-leadership,
	#ildp-gallery,
	#ildp-gallery-training,
	#ildp-gallery-engagement,
	#ildp-gallery-community,
	#contact-ildp,
	#ildp-contact-details,
	#seminar-registration,
	#ildp-contact-support,
	#ildp-contact-location
) > .e-con > .e-con-inner {
	padding-block: 0 !important;
}

/* Native WordPress news pages use the same, more compact rhythm. */
body:not(.elementor-editor-active) :is(.ildp-news-hero, .ildp-news-collection, .ildp-news-cta, .ildp-related-stories, .ildp-article-layout) {
	padding-block: var(--ildp-section-space);
}

/* Preserve space for the article's intentionally overlapping featured image. */
body:not(.elementor-editor-active) .ildp-article-hero {
	padding-top: var(--ildp-section-space);
	padding-bottom: calc(var(--ildp-section-space) + 24px);
}
body:not(.elementor-editor-active) .ildp-article-feature {
	margin-top: -24px;
}