/* isabellanrc.org – page styles (Oct 2026). Loaded on the site and in the block editor. */

/* ---------- Independent Living: "Every day, beautifully lived" cards ---------- */
/* Each card opens with a full-width photo in place of the leaf icon. */
.page-id-1679 .column-wrapper.cw1900,
.page-id-1679 .column-wrapper.cw2000,
.page-id-1679 .column-wrapper.cw2100 {
	overflow: hidden;
	min-height: 0 !important;
}
.page-id-1679 .column-wrapper img.inrc-card-photo {
	display: block;
	width: calc(100% + 70px) !important;   /* the card has 35px padding on each side */
	max-width: none !important;
	height: auto !important;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	margin: -35px -35px 28px !important;
}
.page-id-1679 .column-wrapper.cw1900 p,
.page-id-1679 .column-wrapper.cw2000 p,
.page-id-1679 .column-wrapper.cw2100 p { margin-bottom: 0 !important; }

/* ---------- Independent Living: "Begin the Conversation" ---------- */
/* Heading scales smoothly from phones to large screens. */
.page-id-1679 .contact-form-block__content__description h3 {
	font-size: clamp(2.25rem, 1.1rem + 4.6vw, 5rem) !important;
	line-height: 1.12 !important;
	max-width: 100% !important;
	overflow-wrap: break-word;
	hyphens: manual;
}
/* "Contact Us Now" is a button too: outlined, beside "Schedule a Tour". */
.page-id-1679 .contact-form-block .fax a {
	display: inline-block;
	border: 1px solid rgba(255, 251, 241, 0.7) !important;
	background: transparent !important;
	color: #fffbf1 !important;
	transition: background-color .25s ease, color .25s ease;
}
.page-id-1679 .contact-form-block .fax a:hover,
.page-id-1679 .contact-form-block .fax a:focus-visible {
	background: #fffbf1 !important;
	color: #1c293a !important;
}
.page-id-1679 .contact-form-block__content__contact { align-items: center; justify-content: center; gap: 20px; }
@media (max-width: 767px) {
	.page-id-1679 .contact-form-block { padding: 72px 20px !important; }
	.page-id-1679 .contact-form-block__content__contact { display: flex !important; flex-direction: column; padding: 32px 0 0 !important; }
	.page-id-1679 .contact-form-block__content__contact .phone,
	.page-id-1679 .contact-form-block__content__contact .fax { width: 100%; }
	.page-id-1679 .contact-form-block .phone a,
	.page-id-1679 .contact-form-block .fax a { display: block; width: 100%; box-sizing: border-box; padding: 18px 20px !important; }
	.page-id-1679 .contact-form-block p { font-size: 1.1rem !important; }
}

/* ---------- Independent Living: full-width photo slider (Image Carousel) ---------- */
.page-id-1679 .ns-image-carousel { padding: 0 !important; }
.page-id-1679 .ns-image-carousel .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.page-id-1679 .ns-image-carousel .container .image-carousel { padding: 0 !important; position: relative; }
.page-id-1679 .ns-image-carousel .container .image-carousel .splide__track { padding: 0 !important; margin: 0 !important; overflow: hidden; }
/* One photo across the whole screen: wide 16:9, never taller than most of the screen. */
.page-id-1679 .ns-image-carousel .container .image-carousel .image-carousel_box {
	height: min(56.25vw, 82vh) !important;
	min-height: 260px;
	border-radius: 0 !important;
	background-color: #e9e6df !important;
}
/* Arrows sit on the photo: previous at the left edge, next at the right, vertically centred. */
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	rotate: none !important;
	z-index: 2;
	width: 52px !important;
	height: 52px !important;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.88) !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .25s ease;
}
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow:hover,
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow:focus-visible { background: #fff !important; }
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow:focus-visible { outline: 2px solid #1c293a; outline-offset: 2px; }
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow--prev { left: 24px !important; right: auto !important; }
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow--next { right: 24px !important; left: auto !important; }
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow svg { width: 44px !important; height: 44px !important; transform: none !important; }
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow svg rect { stroke: transparent !important; }
.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow svg path { fill: #1c293a !important; }
@media (max-width: 767px) {
	.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow { width: 42px !important; height: 42px !important; }
	.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow svg { width: 36px !important; height: 36px !important; }
	.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow--prev { left: 12px !important; }
	.page-id-1679 .ns-image-carousel .image-carousel .splide__arrows .splide__arrow--next { right: 12px !important; }
}
/* Editor: the slider script does not run there, so show one full-width photo per row. */
.page-id-1679 .ns-image-carousel .splide__list .splide__slide { flex: 0 0 100% !important; }

/* ---------- Admissions "Why Us" (#whyUs): uesrnc.com's layout, in Isabella's fonts and colours (Oct 2026) ---------- */
#whyUs { padding-top: 80px !important; padding-bottom: 80px !important; }
#whyUs > .container { max-width: 1440px !important; margin: 0 auto !important; padding: 0 80px !important; box-sizing: border-box !important; }
#whyUs > .container::before { content: ""; display: block; width: 100%; height: 1px; background-color: #CFD2D5; margin-bottom: 40px; }
#whyUs .columns-and-text-container { display: flex !important; flex-direction: column !important; gap: 56px !important; width: 100% !important; }
#whyUs .columns-and-text-container .text-container { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 32px !important; padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; }
#whyUs .columns-and-text-container .text-container h6 { color: #b49b6d !important; font-family: "Isabella Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 19px !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin: 0 !important; }
#whyUs .columns-and-text-container .text-container h2 { color: #1c293a !important; font-family: "Isabella Display", serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 56px !important; line-height: 1.1 !important; max-width: 1020px !important; margin: 0 !important; }
#whyUs .columns-and-text-container .text-container h2 em, #whyUs .columns-and-text-container .text-container h2 i { color: #b49b6d !important; font-style: italic !important; }
#whyUs .columns-and-text-container .text-container p { color: #373737 !important; font-family: "Isabella Sans", sans-serif !important; font-size: 18px !important; line-height: 28px !important; max-width: 920px !important; margin: 0 !important; }
#whyUs .columns-and-text-container .columns { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; column-gap: 60px !important; row-gap: 72px !important; }
#whyUs .columns-and-text-container .columns .column { flex: 0 0 calc((100% - 72px) / 2) !important; max-width: calc((100% - 72px) / 2) !important; display: flex !important; flex-direction: column !important; gap: 24px !important; }
#whyUs .columns-and-text-container .columns .column h6 { color: #1c293a !important; font-family: "Isabella Display", serif !important; font-size: 26px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 !important; }
#whyUs .columns-and-text-container .columns .column p { color: #373737 !important; font-family: "Isabella Sans", sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 160% !important; margin: 0 !important; }
@media (max-width: 1024px) {
	#whyUs { padding-top: 40px !important; padding-bottom: 56px !important; }
	#whyUs > .container { padding: 0 40px !important; }
	#whyUs .columns-and-text-container { gap: 36px !important; }
	#whyUs .columns-and-text-container .text-container { gap: 24px !important; }
	#whyUs .columns-and-text-container .text-container h2 { font-size: 44px !important; }
	#whyUs .columns-and-text-container .columns { column-gap: 52px !important; row-gap: 40px !important; }
	#whyUs .columns-and-text-container .columns .column { flex: 0 0 calc((100% - 52px) / 2) !important; max-width: calc((100% - 52px) / 2) !important; }
}
@media (max-width: 767px) {
	#whyUs { padding-top: 60px !important; padding-bottom: 36px !important; }
	#whyUs > .container { padding: 0 20px !important; }
	#whyUs .columns-and-text-container { gap: 40px !important; }
	#whyUs .columns-and-text-container .text-container { gap: 16px !important; }
	#whyUs .columns-and-text-container .text-container h2 { font-size: 32px !important; }
	#whyUs .columns-and-text-container .columns { flex-direction: column !important; gap: 40px !important; }
	#whyUs .columns-and-text-container .columns .column { flex: 1 1 auto !important; max-width: 100% !important; gap: 16px !important; }
	#whyUs .columns-and-text-container .columns .column h6 { font-size: 22px !important; }
}