/**
 * Independent Living at Isabella House – site-wide style updates (Oct 2026).
 */

/* ---- Home hero: "A timeless way to live." – Playfair Display, only "live." white + italic */
.intro-hero-split__text .title .beigeText {
	font-family: "Playfair Display", Georgia, serif;
	font-style: normal;
	font-weight: 400;
	color: #834629;
}
.intro-hero-split__text .title .beigeText .accentWord {
	color: #ffffff;
	font-style: italic;
}

/* ---- All subtitles / section labels: Tenor Sans */
.intro-hero-split__text .label,
.content h6.label,
h6.label,
.ns-label,
.label-row .ns-label,
.il-eyebrow {
	font-family: "Tenor Sans", "Isabella Sans", sans-serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

/* ---- Thoughtfully Included: centre the button text */
.multiple-buttons .button {
	justify-content: center;
	text-align: center;
}

/* ---- Washington Heights photo: keep the street centred when cropped */
.ns-wh-split .image-content figure img {
	object-position: center 60%;
}

/* ---- Intro Hero: photo caption + scroll arrow (Residences) */
.intro-hero-split__image { position: relative; }
.il-hero-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 90px 110px 40px 48px;
	background: linear-gradient(to top, rgba(30, 32, 26, 0.62), rgba(30, 32, 26, 0));
	color: #ffffff;
	font-family: "Playfair Display", Georgia, serif;
	font-size: clamp(28px, 3.2vw, 46px);
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0.01em;
}
.il-hero-scroll {
	position: absolute;
	right: 32px;
	bottom: 36px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 50%;
	background: rgba(30, 32, 26, 0.18);
	color: #ffffff;
	text-decoration: none;
	animation: il-hero-bob 2.4s ease-in-out infinite;
}
.il-hero-scroll:hover,
.il-hero-scroll:focus-visible { background: rgba(30, 32, 26, 0.4); }
.il-hero-scroll:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }
.il-hero-scroll svg { width: 20px; height: 20px; }
@keyframes il-hero-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { .il-hero-scroll { animation: none; } }
@media only screen and (max-width: 900px) {
	.il-hero-caption { padding: 70px 80px 28px 24px; }
	.il-hero-scroll { right: 20px; bottom: 24px; width: 44px; height: 44px; }
}

/* Hero line: override theme.css (which forces "Isabella Alt" with !important) */
.intro-hero.intro-hero-split .intro-hero-split__text .title .beigeText {
	font-family: "Playfair Display", Georgia, serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #834629 !important;
}
.intro-hero.intro-hero-split .intro-hero-split__text .title .beigeText .accentWord {
	font-family: "Playfair Display", Georgia, serif !important;
	font-style: italic !important;
	color: #ffffff !important;
}

/* Amenities grid: inherit the page background instead of sage */
section.ns-amenities-grid { background-color: transparent !important; }

/* Sub-page hero (Hero Internal v1): stretch full width */
.ns-hero-internal.v1 > .container { max-width: unset !important; width: 100%; }

/* Left-right content: no gap between items in the text column */
.ns-left-right-content .container div.content { gap: 0 !important; }

/* ===== Oct 7 style requests ===== */
/* 1. Legacy timeline line */
section.ns-legacy-timeline .timeline-track::before { top: 20px !important; }
/* 2. Width limits */
#ourResidences .il-reveal.is-visible,
#startYourJourney .il-reveal.is-visible { width: 100%; max-width: 880px; }
/* 3. Lifestyle & Wellness headings */
#lifeWellness h4 { font-size: 3rem; margin-bottom: 1.25rem; }
/* 4. Fixed footer bar: no button border; hide the duplicate bar */
.footer-fixed-position a.button,
.footer-fixed-position button,
.footer-fixed-position [class*="__buttons"] a { border: none !important; }
/* 5. Mid CTA heading in Lifestyle & Wellness */
#lifeWellness .ns-mid-cta .container > div.mid-cta-primary h4 { line-height: unset !important; }
/* 6. Left-right content headings */
.ns-left-right-content h2.il-reveal.is-visible { margin: 20px 0; }
/* 7. Buttons in button groups: natural height */
body:not(.wp-admin) .multiple-buttons .button { height: auto !important; }
/* 1b. Legacy timeline line colour (brand rust, ~12% opacity) */
section.ns-legacy-timeline .timeline-track::before { background-color: #83462920 !important; }

/* Keep the centred "Our Legacy" heading centred (overrides the Oct 7 width/margin rules) */
#startYourJourney .il-reveal.is-visible { margin-left: auto !important; margin-right: auto !important; }

/* Residences page: header container matches the other pages */
body.page-template-page-residences header .container.header { max-width: 100% !important; padding: 26px 20px !important; }