/**
 * JMAA Brand Kit 1.9.0 - the front page.
 *
 * Styles the sections the migrator names on the home page (blueprint 2.5.0):
 * .jmaa-hero, .jmaa-sec--mission, --chair, --cta, --news, --ring, --wall.
 * Loaded on the front page only; every rule is scoped to body.home.
 */

/* ---------- Full-bleed bands ------------------------------------------- */

body.home .elementor > .e-con.jmaa-sec {
	padding-block: clamp(44px, 6vw, 84px) !important;
	row-gap: 22px !important;
}

body.home .elementor > .e-con.jmaa-sec--news,
body.home .elementor > .e-con.jmaa-sec--chair,
body.home .elementor > .e-con.jmaa-sec--cta,
body.home .elementor > .e-con.jmaa-sec--wall {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-inline: max(16px, calc(50vw - 560px)) !important;
}

/* ---------- Banner ------------------------------------------------------ */

body.home .elementor > .e-con.jmaa-hero {
	flex-direction: row !important;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	column-gap: 14px;
	row-gap: 0;
	min-height: clamp(460px, 64vh, 700px);
}
body.home .jmaa-hero::after {
	background: linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.22) 40%, rgba(0,0,0,.62) 100%);
}
body.home .jmaa-hero > .elementor-widget-heading { flex: 0 0 100%; max-width: 980px; }
body.home .elementor .e-con.jmaa-hero .elementor-widget-heading h1.elementor-heading-title {
	font-size: clamp(2.1rem, 4.4vw, 3.6rem);
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.08;
	margin: 0 0 10px;
}
body.home .elementor .e-con.jmaa-hero .elementor-widget-heading h2.elementor-heading-title {
	color: var(--jmaa-gold, #FFC20E) !important;
	margin: 0 0 26px;
}
body.home .jmaa-hero > .elementor-widget-button {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	width: auto !important;
	margin: 6px 0 0;
}
body.home .jmaa-hero .elementor-widget-button .elementor-button {
	display: inline-block;
	padding: 15px 30px;
	border-radius: 4px;
	font-size: .86rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	background: var(--jmaa-gold, #FFC20E);
	color: #111;
	border: 2px solid var(--jmaa-gold, #FFC20E);
	box-shadow: 0 6px 20px rgba(0,0,0,.25);
	text-shadow: none;
}
body.home .jmaa-hero > .elementor-widget-button + .elementor-widget-button .elementor-button {
	background: rgba(0,0,0,.25);
	color: #fff;
	border-color: #fff;
}
body.home .jmaa-hero .elementor-widget-button .elementor-button:hover {
	background: #fff;
	color: #111;
	border-color: #fff;
}

/* ---------- Mission: crest beside the heading and text --------------------- */

body.home .elementor > .e-con.jmaa-sec--mission { background: #fff !important; }
body.home .jmaa-sec--mission > .e-con { align-items: center !important; max-width: 1040px; gap: 40px !important; }
body.home .jmaa-sec--mission .e-con .e-con:first-child { flex: 0 0 240px !important; width: 240px !important; align-items: center !important; }
body.home .jmaa-sec--mission .e-con .e-con:last-child { flex: 1 1 420px !important; width: auto !important; align-items: flex-start !important; text-align: left; }
body.home .jmaa-sec--mission .elementor-widget-image img { max-width: 210px !important; filter: drop-shadow(0 6px 14px rgba(0,0,0,.14)); }
body.home .jmaa-sec--mission .elementor-widget-heading { width: auto !important; }
body.home .jmaa-sec--mission .elementor-widget-heading .elementor-heading-title {
	font-size: clamp(1.5rem, 2.6vw, 2.1rem);
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 4px solid var(--jmaa-gold, #FFC20E);
	display: inline-block;
	margin: 0;
}
body.home .jmaa-sec--mission .elementor-widget-heading .elementor-heading-title::before {
	content: "Our mission";
	display: block;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--jmaa-gold-dark, #D99F00);
	margin-bottom: 8px;
}
body.home .jmaa-sec--mission .elementor-widget-text-editor {
	max-width: none !important;
	margin-inline: 0 !important;
	text-align: left;
	font-size: 1.16rem;
	line-height: 1.65;
}

/* ---------- Adopt-a-Chair: a black band ------------------------------------ */

body.home .elementor > .e-con.jmaa-sec--chair { background: var(--jmaa-black, #000) !important; color: #fff; }
body.home .jmaa-sec--chair .elementor-widget-heading .elementor-heading-title {
	color: var(--jmaa-gold, #FFC20E) !important;
	font-size: clamp(1.3rem, 2.2vw, 1.8rem);
	letter-spacing: .18em;
}
body.home .jmaa-sec--chair .elementor-widget-text-editor { color: #fff; font-size: 1.08rem; max-width: 720px !important; }
body.home .jmaa-sec--chair .elementor-widget-button .elementor-button {
	background: var(--jmaa-gold, #FFC20E) !important;
	color: #111 !important;
	border-color: var(--jmaa-gold, #FFC20E) !important;
}
body.home .jmaa-sec--chair .elementor-widget-button .elementor-button:hover { background: #fff !important; border-color: #fff !important; }

/* ---------- Become a member / Donate: two cards --------------------------- */

body.home .elementor > .e-con.jmaa-sec--cta { background: #FFF6D6 !important; }
body.home .jmaa-sec--cta > .e-con { gap: 26px !important; align-items: stretch !important; max-width: 1120px; }
body.home .jmaa-sec--cta .e-con .e-con {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 22px rgba(0,0,0,.08);
	padding: 0 0 26px !important;
	row-gap: 10px !important;
	align-items: flex-start !important;
	text-align: left;
	flex: 1 1 320px !important;
	width: auto !important;
}
body.home .jmaa-sec--cta .e-con .e-con > .elementor-widget-image { width: 100% !important; margin: 0 0 8px; }
body.home .jmaa-sec--cta .e-con .e-con .elementor-widget-image img {
	width: 100%;
	max-width: none !important;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0;
	display: block;
}
body.home .jmaa-sec--cta .e-con .e-con > .elementor-widget-heading,
body.home .jmaa-sec--cta .e-con .e-con > .elementor-widget-text-editor,
body.home .jmaa-sec--cta .e-con .e-con > .elementor-widget-button { margin-inline: 26px !important; }
body.home .jmaa-sec--cta .elementor-widget-heading .elementor-heading-title {
	font-size: 1.35rem;
	letter-spacing: 0;
	text-transform: none;
	padding-bottom: 8px;
	border-bottom: 3px solid var(--jmaa-gold, #FFC20E);
	display: inline-block;
}
body.home .jmaa-sec--cta .elementor-widget-text-editor { max-width: none !important; text-align: left; font-size: 1.02rem; }
body.home .jmaa-sec--cta .elementor-widget-button { margin-top: auto; }

/* ---------- News & events carousel ---------------------------------------- */

body.home .elementor > .e-con.jmaa-sec--news { background: #fff !important; }
body.home .jmaa-sec--news .jmaa-ne__bar-title { font-size: clamp(1.5rem, 2.6vw, 2rem); border-bottom-width: 4px; }
body.home .jmaa-sec--news .jmaa-ne__bar-title::before {
	content: "What's on";
	display: block;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--jmaa-gold-dark, #D99F00);
	margin-bottom: 6px;
}
body.home .jmaa-sec--news .elementor-widget-shortcode { width: 100% !important; max-width: 1120px; }

/* ---------- The ring: picture beside its story ----------------------------- */

body.home .elementor > .e-con.jmaa-sec--ring {
	background: var(--jmaa-off-white, #F6F6F7) !important;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-inline: max(16px, calc(50vw - 520px)) !important;
	display: grid !important;
	grid-template-columns: minmax(240px, 400px) 1fr;
	column-gap: 44px;
	row-gap: 8px !important;
	align-items: center;
	justify-content: center;
	text-align: left;
}
body.home .jmaa-sec--ring .elementor-widget-heading .elementor-heading-title::before {
	content: "From the memorabilia room";
	display: block;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--jmaa-gold-dark, #D99F00);
	margin-bottom: 8px;
}
body.home .jmaa-sec--ring > .elementor-widget-image { grid-row: 1 / span 2; width: 100% !important; margin: 0; }
body.home .jmaa-sec--ring .elementor-widget-image img {
	width: 100%;
	max-width: none !important;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: 0 8px 26px rgba(0,0,0,.12);
}
body.home .jmaa-sec--ring .elementor-widget-heading .elementor-heading-title {
	font-size: clamp(1.3rem, 2.2vw, 1.7rem);
	text-align: left;
	margin: 0;
}
body.home .jmaa-sec--ring .elementor-widget-text-editor { max-width: none !important; text-align: left; font-size: 1.02rem; line-height: 1.65; }

/* ---------- Get involved: three tiles ------------------------------------- */

body.home .elementor > .e-con.jmaa-sec--wall { background: var(--jmaa-gold, #FFC20E) !important; }
body.home .jmaa-sec--wall .elementor-widget-heading .elementor-heading-title {
	font-size: clamp(1.5rem, 2.6vw, 2.1rem);
	letter-spacing: 0;
	text-transform: none;
	padding-bottom: 8px;
	border-bottom: 4px solid var(--jmaa-black, #000);
	display: inline-block;
	color: #111 !important;
}
body.home .jmaa-sec--wall .elementor-widget-text-editor { max-width: 1120px !important; width: 100%; }
body.home .jmaa-sec--wall .elementor-widget-text-editor,
body.home .jmaa-sec--wall .elementor-widget-text-editor > .elementor-widget-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
}
body.home .jmaa-sec--wall .elementor-widget-text-editor > .elementor-widget-container { grid-column: 1 / -1; }
body.home .jmaa-sec--wall .elementor-widget-text-editor p {
	margin: 0;
	background: #fff;
	border-top: 5px solid var(--jmaa-black, #000);
	border-radius: 0 0 8px 8px;
	padding: 22px 24px;
	text-align: left;
	font-size: 1rem;
	line-height: 1.6;
	box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
body.home .jmaa-sec--wall .elementor-widget-text-editor p a {
	font-weight: 700;
	color: var(--jmaa-ink, #121212);
	text-decoration: underline;
	text-decoration-color: var(--jmaa-gold, #FFC20E);
	text-decoration-thickness: 2px;
}
body.home .jmaa-sec--wall .elementor-widget-text-editor p a:hover { color: var(--jmaa-gold-dark, #D99F00); }
body.home .jmaa-sec--wall .elementor-widget-text-editor p::first-line { font-weight: 600; }

/* ---------- Phones -------------------------------------------------------- */

@media (max-width: 760px) {
	body.home .elementor > .e-con.jmaa-hero { min-height: clamp(380px, 70vh, 560px); }
	body.home .jmaa-sec--mission .e-con .e-con:first-child { flex: 0 0 auto !important; width: 100% !important; }
	body.home .jmaa-sec--mission .e-con .e-con:last-child { align-items: center !important; text-align: center; }
	body.home .jmaa-sec--mission .elementor-widget-heading .elementor-heading-title,
	body.home .jmaa-sec--mission .elementor-widget-text-editor { text-align: center; }
	body.home .elementor > .e-con.jmaa-sec--ring { grid-template-columns: 1fr; }
	body.home .jmaa-sec--ring > .elementor-widget-image { grid-row: auto; }
	body.home .jmaa-sec--ring .elementor-widget-heading .elementor-heading-title,
	body.home .jmaa-sec--ring .elementor-widget-text-editor { text-align: center; }
}