/* ==============================
 * Landing Page layout
 * ============================== */

 body.single-landing-page .site-header {
    border: none !important;
    box-shadow: none !important;
    height: 125px !important;
    align-content: center !important;
}

body.single-landing-page .site-header .mobile-menu-wrapper {
    display: none;
}

 .single-landing-page #header_nav {
	 display: none;
 }
 .single-landing-page .search {
	 display: none!important;
 }

.landing-page-hero {
	background:#f2f2f2;
	padding:30px;
	display:flex;
	gap:30px;
	align-items:center;
	justify-content:space-between;
}
.landing-page-hero__headline {
	flex:1 1 55%;
}
.landing-page-hero__media {
	flex:1 1 45%;
	text-align:center;
}
.landing-page-hero__media img {
	max-width:100%;
	height:auto;
}

.landing-page-content {
	display:flex;
	gap:40px;
	align-items:flex-start;
	padding:30px;
}
.landing-page-content__copy {
	flex:1 1 60%;
}
.landing-page-content__form {
	flex:0 0 40%;
}

@media (max-width: 767px) {
	.landing-page-hero {
		flex-direction:column;
	}
	/* Image above text on mobile */
	.landing-page-hero__media { order:-1; }

	.landing-page-content {
		flex-direction:column;
		gap:20px;
		padding:20px;
	}
	.landing-page-content__copy,
	.landing-page-content__form {
		flex:0 0 100%;
		width:100%;
	}
}

/* ==============================
 * Landing Page hero refinements per spec
 * ============================== */
body.single-landing-page .landing-page-hero {
	background:#bce7ff !important;
	padding:0 !important;
	display:flex;
	flex-direction:column;
	align-items:stretch; /* ensure equal-height columns */
	gap:0 !important; /* remove gutter between columns */
}
body.single-landing-page #container {
	padding: 125px 0;
}

@media (max-width: 767px) {
	body.single-landing-page #container {
		padding: 125px 0px 0 0px;
	}
}


@media (min-width:768px){
	body.single-landing-page .landing-page-hero {
		flex-direction:row;
		margin:0 auto!important;
	}
}

/* Headline column (left box) */
body.single-landing-page .landing-page-hero__headline {
	background-color:#bce7ff; /* light blue */
	flex:0 0 100%;
	margin:0 !important;
	align-content: center;
}
@media (min-width:768px){
	body.single-landing-page .landing-page-hero__headline {
		flex-basis:50%;
	}
}
/* Headline typography */
body.single-landing-page .landing-page-hero__headline h1 {
	margin: 0 auto;
	padding-left: 50px;
	padding-right: 50px;
	align-content: center;
	color:#132f5b;
    font-family: Open Sans, serif;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    word-break: break-word;
    line-height: 45px;
    max-width: 875px;
	text-transform: none!important;
}
@media (min-width:992px){
	body.single-landing-page .landing-page-hero__headline h1 {
		font-size: 50px;
		line-height: 56px;
	}
}
@media (max-width: 767px) {
	body.single-landing-page .landing-page-hero__headline h1 {
		padding: 32px 20px 40px 20px;
	}
}

/* Featured image column (right) */
body.single-landing-page .landing-page-hero__media {
	flex:0 0 100%;
	text-align:center;
	display:flex; /* allow image to stretch */
	align-items:stretch;
	margin:0 !important;
}
@media (min-width:768px){
	body.single-landing-page .landing-page-hero__media {
		flex-basis: 50%;
	}
}
body.single-landing-page .landing-page-hero__media img {
	width:100%;
	height:auto; /* mobile keeps intrinsic ratio */
	max-height:320px;
	object-fit:cover;
	object-position:center;
	aspect-ratio:3 / 2;
}
@media (min-width:768px){
	body.single-landing-page .landing-page-hero__media img {
		/* on desktop, fill the column height */
		height:100%;
		max-height:none;
		aspect-ratio:auto;
	}
}

/* ==============================
 * Landing Page content refinements per spec
 * ============================== */

body.single-landing-page .landing-page-content {
	margin:0 auto!important;
	gap:32px;
	display:flex;
	color: #132f5b;
    font-family: Open Sans, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
@media (min-width:768px){
	body.single-landing-page .landing-page-content {
		padding:32px 50px;
		flex-direction:row;
	}
}
/* Two-column widths */
@media (min-width:768px){
	body.single-landing-page .landing-page-content__copy {
		width:50%;
		flex:0 0 50%;
	}
	body.single-landing-page .landing-page-content__form {
		width:50%;
		flex:0 0 50%;
	}
}

/* Typography within content */
body.single-landing-page .landing-page-content strong { font-weight:700; }
body.single-landing-page .landing-page-content h2 {
	font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	margin-top: 24px;
}

body.single-landing-page .landing-page-content h2 strong { font-weight:700; }
body.single-landing-page .landing-page-content h3 { margin-top:36px; }
body.single-landing-page .landing-page-content h3,
body.single-landing-page .landing-page-content h3 strong { font-weight:800; }
body.single-landing-page .landing-page-content p.flex { display:inline-flex; }
body.single-landing-page .landing-page-content p.flex strong { margin-right:4px; }

/* List checkmarks */
body.single-landing-page .landing-page-content ul li {
	/* default to no background; rely on inline/icon checks from content */
	background:none !important;
	padding-left:24px;
}

body.single-landing-page .landing-page-content p.has-text-align-left {
	display:inline-block;
	margin-right:16px;
}

body.single-landing-page .landing-page-content ul{
	list-style: none;
	padding: 0 !important;
	list-style-position: inside;

}

body.single-landing-page .landing-page-content li:before, ul.wp-block-list li:before {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23132F5B" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"%3E%3Cpath d="M7 0L14 7L7 14L0 7L7 0Z"/%3E%3C/svg%3E');
    position: absolute;
    left: 0;
    top: 23px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

/* ==============================
 * Landing Page blockquote styling (adapted from sister site)
 * ============================== */
body.single-landing-page .landing-page-content blockquote {
	font-size: 22px;
	position: relative;
	margin-top: 24px!important;
	margin-left: 0px!important;
	margin-right: 0;
	margin-bottom: 10px;
	padding-left: 36px; /* space for decorative open-quote */
}
@media (min-width:768px){
	body.single-landing-page .landing-page-content blockquote {
		margin-left: 0px!important;
		padding-left: 36px;
	}
}
@media (min-width:992px){
	body.single-landing-page .landing-page-content blockquote {
		padding-left: 36px;
	}
}

body.single-landing-page .landing-page-content blockquote::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	display: inline-block;
	width: 24px;
	height: 23px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2223%22 viewBox=%220 0 24 23%22 fill=%22none%22%3E%3Cpath d=%22M9.15234 4.03906C7.17578 4.41146 5.78646 5.84375 4.98438 8.33594C4.58333 9.56771 4.38281 10.7852 4.38281 11.9883C4.38281 12.1315 4.38281 12.2604 4.38281 12.375C4.41146 12.4609 4.4401 12.6758 4.46875 13.0195H9.15234V22.3867H0V13.75C0 9.51042 0.845052 6.24479 2.53516 3.95312C4.22526 1.66146 6.43099 0.34375 9.15234 0V4.03906ZM23.6328 4.03906C22.0573 4.29688 20.8542 5.1849 20.0234 6.70312C19.2214 8.22135 18.8203 9.96875 18.8203 11.9453C18.8203 12.1172 18.8203 12.2891 18.8203 12.4609C18.849 12.6328 18.8919 12.819 18.9492 13.0195H23.6328V22.3867H14.4375V13.75C14.4375 10.3411 15.1536 7.30469 16.5859 4.64062C18.0182 1.94792 20.3672 0.401042 23.6328 0V4.03906Z%22 fill=%22%2375CDFF%22%3E%3C/path%3E%3C/svg%3E');
	background-size: contain;
	background-repeat: no-repeat;
}

body.single-landing-page .landing-page-content blockquote p {
	font-family: Open Sans, serif;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 400;
    line-height: 1.5;
}

/* ==============================
 * Landing Page header cleanup
 * ============================== */

/* Donation form containment and responsiveness on landing pages */
body.single-landing-page .landing-page-content__form { min-width:0; }
body.single-landing-page .landing-page-content__form #bbox-root { max-width:100%; overflow:hidden; }
body.single-landing-page #bbox-root iframe { width:100% !important; }
body.single-landing-page #bbox-root .BBFormFieldLabel { width:auto !important; }

/* ==============================
 * Landing Page header cleanup
 * Show only logo and MJHS link; white background
 * ============================== */
body.single-landing-page {
    background:#fff !important;
}

/* Pull-quote styling for landing page testimonial line with image + name
 * Support both the original (typo) class and the current one on <b>. */
.landing-page-pullqoute,
.landing-page-pullquote {
    display:inline-flex;
    align-items:center;           /* vertically center text next to image */
    gap:31px;                     /* space between image and text */
    line-height: 0.9!important;   /* slightly bolder text */
    font-size:1.1em;              /* slightly larger text */
	margin-left: 35px;
}

.landing-page-pullqoute img,
.landing-page-pullquote img {
    flex-shrink:0;                /* keep image from shrinking */
    display:block;
}

/* Align Landing Page content with the main site layout container */
body.single-landing-page #content.landing-page {
    max-width:1600px !important;
    margin:0 auto;
    padding:0px;
}
@media (min-width: 821px){
    body.single-landing-page #content.landing-page {
        padding:0px;
    }
}

/* Optional: header spacing stays consistent without menu */
@media (max-width: 1239px){
    body.single-landing-page #header .menu-header-container,
    body.single-landing-page #main-header .menu-header-container {
        display:none !important;
    }
}

/* ==============================
 * Landing Page CTA banner
 * ============================== */

body.single-landing-page .landing-page-cta {
    margin:32px 0 48px 0;
    padding:24px 25px;
    border-radius:20px;
    max-width:100%;
    color:#ffffff;
    background:#0075B6 url('../images/cta-banner-bg-blue.svg') left / cover no-repeat;
    font-family:"Open Sans", sans-serif;
}

@media (min-width: 768px){
    body.single-landing-page .landing-page-cta {
        padding:40px 49px;
    }
}

body.single-landing-page .cta-banner--headline {
    font-size:35px;
    font-weight:700;
    line-height:45px;
    margin-bottom:16px;
}

body.single-landing-page .cta-banner--description {
    font-size:18px;
    line-height:28px;
    margin-bottom:31px;
}

body.single-landing-page .cta-banner--cta {
    width:100%;
}

@media (min-width: 480px){
    body.single-landing-page .cta-banner--cta {
        width:auto;
    }
}

body.single-landing-page .cta-banner--cta .cta-banner__button {
    display:inline-flex;
    justify-content:center;
    text-align:center;
    padding:12px 32px;
    border-radius:999px;
    border:2px solid #ffffff;
    background:transparent;
    color:#ffffff;
    text-decoration:none;
    font-weight:600;
    white-space:normal;
}

body.single-landing-page .cta-banner--cta .cta-banner__button:hover {
    background-color:#ffffff;
    color:#132f5b;
}