/*
 * The footer (PRD Part 6). Every value is today's footer as measured on
 * edcircuit.com at 1,440, 1,200, 1,024, 900, 800 and 390 px (ETB-1.3): the
 * same widths, gaps, paddings, breakpoints, fonts and colours as the Elementor
 * block it replaces, written here so the browser lays it out the same way.
 *
 * Selectors carry `html body` in front: the theme and the Elementor kit style
 * bare `a`, `ul`, `p` and `h2` with rules that outrank one class.
 */

:root {
	/* The left menu sidebar's colour (.penci-menu-hbg, measured), which the
	   footer shares (owner, 2026-10-23; ETB-2.3). */
	--edct-chrome: #1f1f1f;
}

html body .edcf {
	display: block;
	margin: 0;
	padding: 0;
	background: var(--edct-chrome);
	font-family: "Proxima Nova", sans-serif;
	text-align: start;
	box-sizing: border-box;
}
html body .edcf *,
html body .edcf *::before,
html body .edcf *::after {
	box-sizing: border-box;
}
html body .edcf .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- The band and its columns ---------- */
html body .edcf-main { padding: 25px 0; }
html body .edcf-inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 15px;
	max-width: 1200px;
	margin: 0 auto;
}
html body .edcf-col {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 0 1 auto;
	/* Columns shrink below their contents, as today's do: at 1,024 px the
	   follow icons run past their column's edge (measured). */
	min-width: 0;
	padding: 40px 0 0;
}
html body .edcf-col--about { width: 25.46%; padding: 0 20px; }
html body .edcf-col--voice { width: 19.776%; }
html body .edcf-col--follow { width: 23.894%; }
html body .edcf-col--learn { width: 14.025%; }
html body .edcf-col--yt { width: 16.605%; }

/* ---------- Logo, blurb, place ---------- */
html body .edcf-logo { margin: 0; line-height: 0; text-align: start; }
html body .edcf-logo a { display: inline-block; line-height: 0; }
html body .edcf .edcf-logo__img { display: inline-block; width: 200px; max-width: 100%; height: auto; margin: 0; border: 0; }
html body .edcf-blurb { padding: 0 0 0 10px; }
html body .edcf-blurb p,
html body .edcf-handle p {
	margin: 0 0 9px;
	padding: 0;
	font-family: "Proxima Nova", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	color: #dddddd;
}
html body .edcf-place {
	display: flex;
	align-items: center;
	margin: 10px 0 0;
	padding: 0 0 0 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	color: #dddddd;
}
html body .edcf-place .edcf-i { width: 16px; height: 16px; margin: 0 4px 0 0; fill: #ff8500; flex: none; }

/* ---------- Column headings ---------- */
html body .edcf .edcf-h {
	margin: 0 0 -9.6px 20px;
	padding: 0;
	font-family: "Proxima Nova", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 21.6px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	border: 0;
	background: none;
}
html body .edcf .edcf-h--center { text-align: center; }
html body .edcf .edcf-col--follow .edcf-h { margin: 0 0 0.4px; }

/* ---------- Link lists ---------- */
html body .edcf .edcf-links { margin: 0; padding: 0; list-style: none; }
html body .edcf .edcf-links li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Each link carries Elementor's menu-item padding, 13px by 20px, and the
   Share your voice menu's 4px line height: 30px from one link to the next,
   measured. Learn more had 48px; the owner set both menus to the same
   spacing, left-aligned (2026-10-23, ETB-2.5). */
html body .edcf .edcf-links a {
	display: block;
	padding: 13px 20px;
	line-height: 4px;
	text-align: left;
	font-family: "Proxima Nova", sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	transition: color 0.3s;
}
html body .edcf .edcf-links a:hover,
html body .edcf .edcf-links a:focus-visible {
	color: #ff8500;
	text-decoration: none;
}

/* ---------- Social icons ---------- */
html body .edcf .edcf-social {
	display: grid;
	grid-auto-rows: 55px;
	align-items: start;
	justify-items: center;
	column-gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}
html body .edcf .edcf-social--four { grid-template-columns: repeat(4, auto); }
html body .edcf .edcf-social--one { grid-template-columns: auto; }
html body .edcf .edcf-social li { margin: 0; padding: 0; list-style: none; line-height: 0; }
html body .edcf .edcf-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	transition: opacity 0.3s;
}
html body .edcf .edcf-social a:hover { opacity: 0.9; }
html body .edcf .edcf-social .edcf-i { width: auto; height: 50px; fill: #dddddd; }
html body .edcf-handle { margin: -10px 0 0; text-align: center; }

/* ---------- Copyright band ---------- */
html body .edcf-bottom {
	padding: 5px 0;
	border-top: 1px solid #212121;
	background: var(--edct-chrome);
}
html body .edcf-copy { width: 100%; padding: 10px; }
html body .edcf-copy p {
	margin: 0 0 9px;
	padding: 0;
	font-family: "Proxima Nova", sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #ffffff;
}
html body .edcf-copy span { font-size: 10pt; color: #999999; }

/* ---------- Widths (Elementor's breakpoints on block 40795) ---------- */
@media (max-width: 1366px) {
	html body .edcf-col--learn { display: none; }
}
@media (max-width: 1024px) {
	html body .edcf-col--voice { display: none; }
	html body .edcf-logo { text-align: center; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	html body .edcf-col--about { width: 50%; }
	html body .edcf-col--follow { width: 33.3%; }
	html body .edcf-col--yt { width: 50%; }
}
@media (max-width: 880px) {
	html body .edcf-inner { flex-direction: column; }
}
@media (max-width: 767px) {
	html body .edcf-col--about,
	html body .edcf-col--follow,
	html body .edcf-col--yt { width: 100%; }
}