/**
 * Life Members page — main content (banner + name list).
 * Hero uses shared our-club.css (.wpcc-ourclub-hero).
 *
 * @package WPCC
 */

@font-face {
	font-family: "Zona Pro";
	src:
		url("https://static.wixstatic.com/ufonts/468312_09317abd36a14125b7f31e0c00c00c26/woff2/file.woff2") format("woff2"),
		url("https://static.wixstatic.com/ufonts/468312_09317abd36a14125b7f31e0c00c00c26/woff/file.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Zona Pro";
	src:
		url("https://static.wixstatic.com/ufonts/009665_09cfb294fa0c45f2b08f9ae77d869784/woff2/file.woff2") format("woff2"),
		url("https://static.wixstatic.com/ufonts/009665_09cfb294fa0c45f2b08f9ae77d869784/woff/file.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

.wpcc-life-members {
	--color_11: 255, 255, 255;
	--lm-light: #f6f6f6;
	--lm-text: #282828;
	--lm-font-zona: "Zona Pro", sans-serif;
}

/* Blue club banner */
.wpcc-life-members-banner {
	--bg: var(--color_11);
	--alpha-bg: 0;
	--bg-overlay-color: rgb(42, 122, 183);
	padding: 44px 20px 48px;
	background-color: var(--section-corvid-background-color, var(--bg-overlay-color, rgba(var(--bg, var(--color_11)), var(--alpha-bg, 1))));
	text-align: center;
}

.wpcc-life-members-banner__title {
	margin: 0 0 8px;
	font-family: var(--lm-font-zona);
	font-size: 40px;
	font-weight: 800;
	font-style: normal;
	line-height: 1.4em;
	text-transform: uppercase;
	color: #ffffff;
}

.wpcc-life-members-banner__subtitle {
	margin: 0;
	font-family: var(--lm-font-zona);
	font-size: 26px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.4em;
	color: #ffffff;
	letter-spacing: 0;
}

/* Centered italic name list */
.wpcc-life-members-list {
	padding: 11px 20px 72px;
	background-color: var(--lm-light);
}

.wpcc-life-members-list__items {
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.wpcc-life-members-list__item {
	margin: 0;
	padding: 0;
	font-family: var(--lm-font-zona);
	font-size: 21px;
	font-weight: 300;
	font-style: italic;
	line-height: 2.4;
	text-align: center;
	color: var(--lm-text);
}

@media (max-width: 767px) {
	.wpcc-life-members-banner {
		padding: 32px 16px 36px;
	}

	.wpcc-life-members-banner__title {
		font-size: 22px;
	}

	.wpcc-life-members-banner__subtitle {
		font-size: 18px;
		line-height: 1.4em;
	}

	.wpcc-life-members-list {
		padding: 11px 16px 56px;
	}

	.wpcc-life-members-list__item {
		font-size: 18px;
		line-height: 2.4;
	}
}