/**
 * The site footer.
 *
 * The footer is an Elementor template (`bin/build-footer.php`), and nearly all of
 * its spacing lives there, where it can be edited: column widths and gaps at each
 * size, the link rhythm, the colours, the rule over the copyright line. This file
 * holds what Elementor cannot express per widget: the space between a column's
 * heading and what follows it, which Elementor fills with the kit's widget
 * spacing (20px, the same everywhere on the site), and the headings' type held
 * against the theme's rules for their level.
 *
 * Scoped to `.pod-footer`, the class the build script puts on the footer's
 * sections, so it reaches nothing else. Loaded on every page the footer is on,
 * which is why it is its own small file and not part of a page's stylesheet.
 */

/*
 * 12px between the heading's line box and the list's, which with the lines'
 * own leading reads as the site's 16px between a heading and what it heads.
 */
.pod-footer .elementor-widget-heading:not( :last-child ) {
	margin-block-end: calc( var( --pod-near ) - 4px );
}

/*
 * The column headings are `<h2>`s for the page's outline (they were `<h4>`s,
 * which skipped two levels) and look exactly as they did: 15px at 700, the size
 * the build script gives them. Stated here as well because the theme styles
 * every `h2` (its size, leading, margins and family), and a heading's level
 * must never choose its size. Pixels, like every heading size, since the theme
 * shrinks the root font on phones.
 */
.pod-footer .elementor-widget-heading h2.elementor-heading-title {
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
	text-transform: none;
}