/**
 * Statistics page — centered notice content.
 * Hero uses shared our-club.css (.wpcc-ourclub-hero).
 * Typography matches wpcc.net.au/statistics (Zona Pro bold + italic).
 *
 * @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-statistics {
	--stats-light: #f6f6f6;
	--stats-text: #555555;
	--stats-text-bold: #000000;
	--stats-font-zona: "Zona Pro", sans-serif;
}

.wpcc-statistics-content {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	min-height: 480px;
	padding: 80px 24px 96px;
	background-color: var(--stats-light);
	text-align: center;
}

.wpcc-statistics-content__inner {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.wpcc-statistics-content__primary {
	margin: 0 0 28px;
	font-family: var(--stats-font-zona);
	font-size: 22px;
	font-weight: 800;
	font-style: normal;
	line-height: 1.2;
	color: var(--stats-text-bold);
	letter-spacing: 0;
}

.wpcc-statistics-content__secondary {
	margin: 0;
	font-family: var(--stats-font-zona);
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	line-height: 1.2;
	color: var(--stats-text);
	letter-spacing: 0;
}

@media (min-width: 992px) {
	.wpcc-statistics-content__primary,
	.wpcc-statistics-content__secondary {
		white-space: nowrap;
	}
}

@media (max-width: 991px) {
	.wpcc-statistics-content {
		min-height: 360px;
		padding: 56px 16px 72px;
	}

	.wpcc-statistics-content__primary {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 1.35;
	}

	.wpcc-statistics-content__secondary {
		font-size: 16px;
		line-height: 1.35;
	}
}

@media (max-width: 575px) {
	.wpcc-statistics-content__primary {
		font-size: 18px;
	}

	.wpcc-statistics-content__secondary {
		font-size: 15px;
	}
}