/* MonctonPoker.com -- custom styling layered on top of Bootstrap 5.
   Palette: white table felt, black + red like the suits on a deck of cards.
   Type: Plus Jakarta Sans (display/numbers) + Inter (body). */

:root {
	--mp-black: #14141a;
	--mp-black-soft: #23232b;
	--mp-red: #e5142a;
	--mp-red-dark: #b80f21;
	--mp-white: #ffffff;
	--mp-off-white: #eef2f6;
	--mp-pale-blue: #e4ecf3;
	--mp-border: #dde5ec;
	--mp-text: #17171c;
	--mp-text-muted: #6d6d76;

	--mp-radius-lg: 20px;
	--mp-radius: 14px;
	--mp-radius-sm: 10px;
	--mp-shadow: 0 2px 10px rgba(20, 20, 26, .05);
	--mp-shadow-md: 0 8px 24px rgba(20, 20, 26, .08);
	--mp-shadow-lg: 0 16px 40px rgba(20, 20, 26, .14);

	--bs-body-font-family: 'Inter', system-ui, -apple-system, sans-serif;
	--bs-link-color: var(--mp-red);
	--bs-link-hover-color: var(--mp-red-dark);
}

html {
	overflow-x: hidden;
}

body {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	background-color: var(--mp-off-white);
	color: var(--mp-text);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
	font-weight: 800;
	letter-spacing: -.01em;
	color: var(--mp-black);
}

/* Top-level page titles (every page prints exactly one <h1>) get an airier,
   wide-tracking uppercase treatment -- distinct from the bold card titles
   below, so the page has real typographic range instead of one weight. */
h1 {
	font-family: 'Raleway', 'Plus Jakarta Sans', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 1.5rem;
}

a { text-decoration: none; }

.text-muted { color: var(--mp-text-muted) !important; }

/* ---------- Navbar ---------- */

.mp-navbar {
	background-color: var(--mp-white);
	border-bottom: 1px solid var(--mp-border);
	box-shadow: 0 1px 0 rgba(20, 20, 26, .02);
	padding-top: .7rem;
	padding-bottom: .7rem;
}
.mp-navbar .navbar-brand {
	display: flex;
	align-items: center;
	gap: .55rem;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: 1.3rem;
	letter-spacing: -.01em;
	color: var(--mp-black) !important;
}
.mp-navbar .navbar-brand img {
	height: 36px;
	width: 36px;
}
.mp-navbar .navbar-brand .brand-accent {
	color: var(--mp-red);
}
.mp-navbar .nav-link {
	font-weight: 700;
	font-size: .9rem;
	color: var(--mp-black) !important;
	padding: .5rem .85rem !important;
	border-radius: 999px;
	transition: background-color .15s ease, color .15s ease;
}
.mp-navbar .nav-link:hover {
	background-color: var(--mp-off-white);
}
.mp-navbar .nav-link.active {
	background-color: var(--mp-black);
	color: var(--mp-white) !important;
}
.mp-navbar .navbar-toggler {
	border-color: var(--mp-border);
}
.mp-navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(20, 20, 26, 1)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ---------- Buttons ---------- */

.btn {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	border-radius: 12px;
	border-width: 2px;
	padding: .65rem 1.4rem;
	transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease;
}
.btn-sm {
	padding: .42rem 1.05rem;
	font-size: .8rem;
	border-radius: 10px;
}
.btn:hover, .btn:focus { transform: translateY(-1px); }

.btn-primary {
	background-color: var(--mp-black);
	border-color: var(--mp-black);
	color: var(--mp-white);
}
.btn-primary:hover, .btn-primary:focus {
	background-color: var(--mp-red);
	border-color: var(--mp-red);
	color: var(--mp-white);
	box-shadow: 0 8px 20px rgba(229, 20, 42, .3);
}

.btn-outline-primary { color: var(--mp-black); border-color: var(--mp-border); background: var(--mp-white); }
.btn-outline-primary:hover, .btn-outline-primary:focus { background-color: var(--mp-black); border-color: var(--mp-black); color: var(--mp-white); }

.btn-outline-secondary { color: var(--mp-text-muted); border-color: var(--mp-border); background: var(--mp-white); }
.btn-outline-secondary:hover { background-color: var(--mp-black); border-color: var(--mp-black); color: var(--mp-white); }

.btn-outline-danger { color: var(--mp-red); border-color: var(--mp-border); background: var(--mp-white); }
.btn-outline-danger:hover { background-color: var(--mp-red); border-color: var(--mp-red); color: var(--mp-white); box-shadow: 0 8px 20px rgba(229, 20, 42, .3); }

.btn-danger { background-color: var(--mp-red); border-color: var(--mp-red); }
.btn-danger:hover { background-color: var(--mp-red-dark); border-color: var(--mp-red-dark); }

.mp-segmented {
	display: inline-flex;
	background: var(--mp-off-white);
	border: 1px solid var(--mp-border);
	border-radius: 999px;
	padding: .25rem;
	gap: .15rem;
}
.mp-segmented .btn {
	border: none !important;
	border-radius: 999px !important;
	padding: .45rem 1.1rem;
}
.mp-segmented .btn.btn-outline-secondary {
	background: transparent;
	color: var(--mp-text-muted);
}
.mp-segmented .btn.btn-outline-secondary:hover {
	background: var(--mp-white);
	color: var(--mp-black);
}
.mp-segmented .btn.btn-primary {
	box-shadow: var(--mp-shadow);
}

/* ---------- Footer ---------- */

.mp-footer {
	background-color: var(--mp-black);
	color: #a6a6ae;
	border-radius: var(--mp-radius-lg) var(--mp-radius-lg) 0 0;
}
.mp-footer a {
	color: #fff;
	font-weight: 700;
	font-size: .88rem;
}
.mp-footer a:hover { color: var(--mp-red); }

/* ---------- Cards ---------- */

.card, .mp-card {
	border: 1px solid var(--mp-border);
	border-radius: var(--mp-radius-lg);
	box-shadow: var(--mp-shadow);
	overflow: hidden;
}

.card-header {
	background: var(--mp-black);
	color: var(--mp-white);
	padding: .9rem 1.25rem;
}
.card-header .card-title {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: .95rem;
	color: var(--mp-white);
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: .04em;
	display: flex;
	align-items: center;
	gap: .5rem;
}
.card-header .card-title::before {
	content: '\2665';
	color: var(--mp-red);
	font-size: 1.05rem;
	line-height: 1;
	flex-shrink: 0;
}
.card-header .card-title a {
	color: inherit;
}
.card-header .text-muted {
	color: #b6b6bd !important;
}
.card-header .small {
	color: #b6b6bd;
}
.card-footer {
	background: var(--mp-off-white);
	border-top: 1px solid var(--mp-border);
	padding: .65rem 1.25rem;
	font-size: .82rem;
	color: var(--mp-text-muted);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
}
.card-footer a { color: var(--mp-text-muted); font-weight: 600; }
.card-footer a:hover { color: var(--mp-red); }

/* Whole-card links: the title anchor gets .stretched-link so the entire
   card is a click target; anything meant to stay independently clickable
   (avatars, secondary profile links, buttons) needs .card-link-above. */
.card-clickable { position: relative; cursor: pointer; }
.card-clickable .card-link-above { position: relative; z-index: 2; }
.card-clickable::before {
	content: '\f105';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	top: 1rem;
	right: 1.1rem;
	color: var(--mp-border);
	font-size: 1rem;
	transition: color .15s ease, transform .15s ease;
	z-index: 1;
}
.card-clickable:hover::before {
	color: var(--mp-red);
	transform: translateX(3px);
}

.game-card, .news-card {
	border-radius: var(--mp-radius-lg);
	transition: box-shadow .18s ease, transform .18s ease;
}
.game-card:hover, .news-card:hover {
	box-shadow: var(--mp-shadow-md);
	transform: translateY(-2px);
}

/* Calendar-style date tile on the left of every game card */
.mp-date-tile {
	flex-shrink: 0;
	width: 72px;
	background: var(--mp-black);
	color: var(--mp-white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	padding: 1rem .25rem .5rem;
}
.mp-date-tile.is-point {
	background: var(--mp-red);
}
.mp-date-tile .mp-date-dow {
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .75;
}
.mp-date-tile .mp-date-day {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: 1.7rem;
	line-height: 1.05;
}
.mp-date-tile .mp-date-mon {
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .75;
}
.mp-game-card-body {
	min-width: 0;
}

.mp-registered-bar {
	display: inline-block;
	width: 44px;
	height: 5px;
	border-radius: 999px;
	background: var(--mp-border);
	overflow: hidden;
	vertical-align: middle;
}
.mp-registered-fill {
	display: block;
	height: 100%;
	background: var(--mp-red);
	border-radius: 999px;
}

/* ---------- Stat tiles (hero stat row, profile stats) ---------- */

.stat-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: .75rem;
	margin-bottom: 1.75rem;
}
.stat-tile {
	border-radius: var(--mp-radius);
	padding: 1rem 1.1rem;
	background: var(--mp-black);
	color: var(--mp-white);
	box-shadow: var(--mp-shadow-md);
}
.stat-tile.is-red { background: var(--mp-red); }
.stat-tile.is-light { background: var(--mp-white); color: var(--mp-black); border: 1px solid var(--mp-border); box-shadow: var(--mp-shadow); }
.stat-tile .stat-number {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: 1.6rem;
	line-height: 1.1;
	display: block;
}
.stat-tile .stat-label {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 700;
	opacity: .82;
}

/* Small inline stat blocks (profile overall stats) */
.stat-mini-row { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: 1rem; }
.stat-mini {
	flex: 1 1 100px;
	text-align: center;
	border-radius: var(--mp-radius);
	padding: .85rem .5rem;
	background: var(--mp-off-white);
	border: 1px solid var(--mp-border);
}
.stat-mini .stat-number {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: 1.4rem;
	color: var(--mp-black);
	display: block;
}
.stat-mini .stat-label { font-size: .7rem; text-transform: uppercase; letter-spacing: .03em; color: var(--mp-text-muted); font-weight: 700; }
.stat-mini.is-1st .stat-number { color: var(--mp-red); }

/* ---------- Hero banner (homepage) & page banner (every other page) ---------- */
/* Both share the same black card + poker-suit decoration: a heart bleeding
   off the right edge, a spade bleeding off the left edge. */

.mp-hero, .mp-page-banner {
	background: var(--mp-black);
	color: var(--mp-white);
	position: relative;
	overflow: hidden;
}
.mp-hero {
	border-radius: var(--mp-radius-lg);
	padding: 2rem 2rem;
	margin-bottom: 1.75rem;
	box-shadow: var(--mp-shadow-lg);
}
.mp-page-banner {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top: 0;
	margin-bottom: 1.5rem;
	padding: 2rem 0;
}
.mp-page-banner .container {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
@media (max-width: 575.98px) {
	.mp-page-banner {
		padding: 1.5rem 0;
	}
	.mp-page-banner .container {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

/* Heart, tucked into the right edge -- small enough and visible enough to actually read as a heart */
.mp-hero::after, .mp-page-banner::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -18px;
	width: 108px;
	height: 98px;
	transform: translateY(-50%);
	background-color: var(--mp-red);
	opacity: .4;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29'%3E%3Cpath d='M16 29C16 29 0 18 0 8C0 3 4 0 8 0C11 0 14 2 16 6C18 2 21 0 24 0C28 0 32 3 32 8C32 18 16 29 16 29Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29'%3E%3Cpath d='M16 29C16 29 0 18 0 8C0 3 4 0 8 0C11 0 14 2 16 6C18 2 21 0 24 0C28 0 32 3 32 8C32 18 16 29 16 29Z'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* Spade, tucked into the left edge */
.mp-hero::before, .mp-page-banner::before {
	content: '';
	position: absolute;
	bottom: -14px;
	left: -18px;
	width: 110px;
	height: 110px;
	background-color: var(--mp-white);
	opacity: .16;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C16 0 0 14 0 21C0 26 4 29 8.5 29C11.5 29 14 27.5 15 25C14.5 28 12 29.5 8 31L24 31C20 29.5 17.5 28 17 25C18 27.5 20.5 29 23.5 29C28 29 32 26 32 21C32 14 16 0 16 0Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C16 0 0 14 0 21C0 26 4 29 8.5 29C11.5 29 14 27.5 15 25C14.5 28 12 29.5 8 31L24 31C20 29.5 17.5 28 17 25C18 27.5 20.5 29 23.5 29C28 29 32 26 32 21C32 14 16 0 16 0Z'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.mp-hero h1 {
	color: var(--mp-white);
	font-size: 1.85rem;
	margin-bottom: .35rem;
	position: relative;
}
.mp-hero p {
	color: #c9c9d1;
	margin-bottom: 0;
	position: relative;
	max-width: 46ch;
}
.mp-page-banner h1 {
	color: var(--mp-white);
	margin-bottom: 0;
	position: relative;
}
.mp-page-banner p {
	color: #c9c9d1;
	margin: .35rem 0 0;
	max-width: 60ch;
	position: relative;
}
.mp-page-banner .section-eyebrow {
	margin-bottom: .35rem;
	position: relative;
}

/* ---------- Section band (alternating zones, e.g. hero -> pale band -> white) ---------- */

.mp-band {
	background: var(--mp-pale-blue);
	border-radius: var(--mp-radius-lg);
	padding: 1.5rem;
	margin-bottom: 1.75rem;
}
.mp-band .stat-tile.is-light {
	background: var(--mp-white);
}

/* ---------- Section headers ---------- */

.section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-family: 'Raleway', 'Plus Jakarta Sans', sans-serif;
	font-size: .78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--mp-red);
	margin-bottom: .25rem;
}
.section-eyebrow::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--mp-red);
	display: inline-block;
}

/* ---------- Pill badges ---------- */

.badge {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
	font-size: .68rem;
	letter-spacing: .02em;
	padding: .4em .75em;
	border-radius: 999px;
}
.badge-point { background-color: var(--mp-red); color: var(--mp-white); }
.badge.bg-secondary { background-color: var(--mp-off-white) !important; color: var(--mp-text-muted) !important; border: 1px solid var(--mp-border); }

/* ---------- Avatars ---------- */

.player-thumb {
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid var(--mp-white);
	box-shadow: 0 0 0 2px var(--mp-border);
	transition: box-shadow .15s ease;
}
a:hover > .player-thumb, .player-thumb:hover { box-shadow: 0 0 0 2px var(--mp-red); }

/* ---------- Rank badges (standings) ---------- */

.rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 26px;
	border-radius: 999px;
	background: var(--mp-off-white);
	color: var(--mp-text-muted);
	font-weight: 800;
	font-size: .78rem;
}
.rank-badge.is-top, .rank-badge.is-gold {
	background: linear-gradient(135deg, #f3ce6b, #cf9a2e);
	color: #4a3400;
}
.rank-badge.is-silver {
	background: linear-gradient(135deg, #e2e5e8, #b7bec4);
	color: #33383c;
}
.rank-badge.is-bronze {
	background: linear-gradient(135deg, #d99b64, #ad6a34);
	color: #3a230f;
}

.table-standings th {
	text-transform: uppercase;
	font-size: .7rem;
	letter-spacing: .04em;
	color: var(--mp-text-muted);
	border-bottom: 2px solid var(--mp-black);
	font-weight: 800;
}
.table-standings th, .table-standings td { vertical-align: middle; padding-top: .65rem; padding-bottom: .65rem; }
.table-standings tbody tr { transition: background-color .12s ease; }
.table-standings tbody tr:hover { background-color: var(--mp-off-white); }
.table-standings tr.rank-1 td { font-weight: 800; }
.table-standings tr.rank-1 { background: linear-gradient(to right, rgba(207, 154, 46, .12), transparent); }

.rank-1 { color: var(--mp-red); font-weight: 800; }

/* Rich-text areas (news/comments/profile bios) rendered from the WYSIWYG editor */
.rich-content img { max-width: 100%; height: auto; border-radius: var(--mp-radius-sm); }
.rich-content { word-wrap: break-word; }

.mp-jackpot-card {
	transition: box-shadow .18s ease, transform .18s ease;
}
.mp-jackpot-card:hover {
	box-shadow: var(--mp-shadow-lg);
	transform: translateY(-2px);
}

/* ---------- Navbar avatar / login dropdown ---------- */

.mp-navbar .mp-avatar-toggle {
	border-radius: 999px;
	padding: .3rem .7rem .3rem .3rem !important;
}
.mp-navbar .mp-avatar-toggle:hover {
	background-color: var(--mp-off-white);
}
.mp-navbar .mp-avatar-toggle img {
	border: 2px solid var(--mp-border);
}
.dropdown-menu {
	border-radius: var(--mp-radius);
	border-color: var(--mp-border);
	box-shadow: var(--mp-shadow-lg);
	padding: .5rem;
}
.mp-avatar-menu { min-width: 240px; }
.mp-avatar-menu .dropdown-header {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
	font-size: .7rem;
	letter-spacing: .04em;
}
.dropdown-item {
	border-radius: 8px;
	padding: .5rem .75rem;
	font-weight: 600;
}
.dropdown-item:hover, .dropdown-item:focus {
	background-color: var(--mp-off-white);
}
.dropdown-item.active {
	background-color: var(--mp-black);
	color: var(--mp-white) !important;
}
.mp-login-menu { min-width: 260px; }

/* Failsafe: keep links on-brand red even inside components where a
   more specific Bootstrap rule might otherwise win out. */
a, .table a, .card a:not(.btn):not(.stretched-link) {
	color: var(--mp-red);
}
a:hover, .table a:hover {
	color: var(--mp-red-dark);
}

/* ---------- Forms / misc ---------- */

.form-label {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
	font-size: .85rem;
	color: var(--mp-black);
	margin-bottom: .4rem;
}
.required-mark {
	color: var(--mp-red);
	margin-left: .2rem;
	font-weight: 800;
}

.form-control, .form-select {
	border-radius: 10px;
	border-color: var(--mp-border);
	padding: .6rem .85rem;
	font-size: .92rem;
	background-color: var(--mp-white);
	transition: border-color .12s ease, box-shadow .12s ease;
}
.form-control::placeholder {
	color: #a9a9b2;
}
.form-control:focus, .form-select:focus {
	border-color: var(--mp-black);
	box-shadow: 0 0 0 .2rem rgba(20, 20, 26, .08);
}
.form-control-sm, .form-select-sm {
	padding: .45rem .7rem;
	border-radius: 8px;
}
textarea.form-control {
	min-height: 6rem;
}

.form-check {
	padding-left: 1.6rem;
}
.form-check-input {
	width: 1.15rem;
	height: 1.15rem;
	margin-top: .15rem;
	margin-left: -1.6rem;
	border-color: var(--mp-border);
	border-width: 2px;
}
.form-check-input:checked {
	background-color: var(--mp-black);
	border-color: var(--mp-black);
}
.form-check-input:focus {
	border-color: var(--mp-black);
	box-shadow: 0 0 0 .2rem rgba(20, 20, 26, .08);
}
.form-check-label {
	font-size: .9rem;
	padding-top: .05rem;
}
.form-check-input[type="radio"]:checked {
	background-color: var(--mp-red);
	border-color: var(--mp-red);
}

/* Visual grouping/breathing room for stacked form fields */
form .mb-3, form .mb-2 {
	margin-bottom: 1.1rem !important;
}

.alert { border-radius: var(--mp-radius); border-width: 1px; font-weight: 500; }
.alert-success { background: #eefcf3; border-color: #cdeedb; color: #157347; }
.alert-danger { background: #fdecee; border-color: #f8ccd2; color: var(--mp-red-dark); }
.alert-warning { background: #fff8e8; border-color: #f5e3b3; color: #8a6d1d; }
.alert-secondary { background: var(--mp-off-white); border-color: var(--mp-border); color: var(--mp-text-muted); }

.list-group-item { border-color: var(--mp-border); }
.list-group-item-action.active {
	background-color: var(--mp-black);
	border-color: var(--mp-black);
	color: var(--mp-white);
}

.pagination .page-link {
	color: var(--mp-black);
	border-color: var(--mp-border);
	font-weight: 700;
	border-radius: 8px;
	margin: 0 2px;
}
.pagination .page-item.active .page-link { background-color: var(--mp-black); border-color: var(--mp-black); }

@media (max-width: 991.98px) {
	.mp-navbar .navbar-nav { padding-top: .5rem; }
	.mp-hero { padding: 1.5rem; }
	.mp-hero h1 { font-size: 1.5rem; }
}