/* =========================================================
   About Us — block editor page (visual match to dev)
   Targets Kadence / core blocks under .entry-content
========================================================= */

/* --- Page shell --- */
body.te-about-us-page .content-area,
body.te-about-us-page #primary,
body.te-about-us-page #inner-wrap {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

body.te-about-us-page.footer-on-bottom #wrapper {
	display: block;
	min-height: 0;
}

body.te-about-us-page.footer-on-bottom #inner-wrap {
	flex: none;
}

body.te-about-us-page #inner-wrap,
body.te-about-us-page #wrapper {
	background: #fff;
}

body.te-about-us-page #colophon.site-footer {
	display: none;
}

body.te-about-us-page .content-container.site-container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

body.te-about-us-page .entry.content-bg.single-entry,
body.te-about-us-page .entry-content-wrap,
body.te-about-us-page .entry-content.single-content {
	padding: 0;
	margin: 0;
	box-shadow: none;
}

body.te-about-us-page .entry-content.single-content > .wp-block-spacer {
	display: none;
}

/* --- Breadcrumbs ---
   Matches the hero/header width (--global-content-width, 1290px), not the
   1100px body-copy width, so it keeps its left edge aligned with the H1
   directly below it. */
.te-about-us__top {
	width: 100%;
	max-width: var(--global-content-width, 1290px);
	margin: 0 auto;
	padding: 0;
}

.te-about-us__breadcrumbs {
	margin: 0;
	padding: 7px var(--global-content-edge-padding, 1.5rem) 15px;
	color: #006a9c;
	font-family: Roboto, sans-serif;
	font-size: 1.1rem;
	line-height: 1.5;
}

.te-about-us__breadcrumbs a {
	color: #006a9c;
	text-decoration: none;
}

.te-about-us__breadcrumbs a:hover,
.te-about-us__breadcrumbs a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.te-about-us__breadcrumb-sep {
	color: #006a9c;
}

.te-about-us__breadcrumb-current {
	color: #333;
}

/* --- Admin bar --- */
body.te-about-us-page.admin-bar #wpadminbar {
	display: block !important;
	position: fixed !important;
	top: 0 !important;
	z-index: 999999 !important;
}

html.admin-bar {
	margin-top: 32px !important;
}

@media screen and (max-width: 782px) {
	html.admin-bar {
		margin-top: 46px !important;
	}

	body.te-about-us-page.admin-bar #masthead .kadence-sticky-header.item-is-fixed,
	body.te-about-us-page.admin-bar .site-main-header-wrap.kadence-sticky-header.item-is-fixed {
		top: 46px;
	}
}

body.te-about-us-page.admin-bar #masthead .kadence-sticky-header.item-is-fixed,
body.te-about-us-page.admin-bar .site-main-header-wrap.kadence-sticky-header.item-is-fixed {
	top: 32px;
}

/* --- Full-bleed helper --- */
body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull,
body.te-about-us-page .entry-content.single-content > .te-about-us-ribbon,
body.te-about-us-page .entry-content.single-content .kb-row-layout-wrap:has(> .kt-has-3-columns),
body.te-about-us-page .entry-content.single-content > .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap),
body.te-about-us-page .entry-content.single-content > section.te-about-us-why,
body.te-about-us-page .entry-content.single-content > section.te-about-us-faq {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* --- Content-width rows (not full-bleed) --- */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone,
body.te-about-us-page .entry-content.single-content > section.te-about-us-difference {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* --- Plain content blocks (pages on this template with no Kadence row
   layout at all, e.g. Booking Conditions) ---
   .content-container.site-container is reset to max-width:none above so the
   full-bleed row blocks can go edge-to-edge, but that leaves plain core
   blocks (heading/paragraph/list/etc, used directly with no row wrapper)
   with no width constraint whatsoever — they were rendering at the full
   content-area width instead of the sitewide 1100px body-copy standard.
   Same 1148px (1100px content + 24px/24px padding) pattern as everywhere
   else in this rollout. */
body.te-about-us-page .entry-content.single-content > h1,
body.te-about-us-page .entry-content.single-content > h2,
body.te-about-us-page .entry-content.single-content > h3,
body.te-about-us-page .entry-content.single-content > h4,
body.te-about-us-page .entry-content.single-content > h5,
body.te-about-us-page .entry-content.single-content > h6,
body.te-about-us-page .entry-content.single-content > p,
body.te-about-us-page .entry-content.single-content > ul,
body.te-about-us-page .entry-content.single-content > ol,
body.te-about-us-page .entry-content.single-content > blockquote,
body.te-about-us-page .entry-content.single-content > table,
body.te-about-us-page .entry-content.single-content > figure,
body.te-about-us-page .entry-content.single-content > .wp-block-group,
body.te-about-us-page .entry-content.single-content > .wp-block-columns {
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem);
	padding-right: var(--global-content-edge-padding, 1.5rem);
	box-sizing: border-box;
}

/* List items on these plain-content pages were inheriting the sitewide
   `body li { line-height: 1.75 }` (Additional CSS), i.e. ~29.75px against a
   17px font — visibly too airy on the numbered/bulleted lists (e.g. Booking
   Conditions). Set to the sitewide 16px/21px body standard used elsewhere
   so list text reads at the same density as body copy. Specificity here
   (0-3-2) beats the `body li` rule (0-0-2) with no !important needed. */
body.te-about-us-page .entry-content.single-content li {
	font-size: 16px;
	line-height: 21px;
}

/* When a list item's text is wrapped in a paragraph (li > p), the sitewide
   `body p { line-height: 1.75 }` (Additional CSS) targets that inner <p>
   and wins over the rule above (which only sets the <li>), leaving the
   visible list text at ~29.75px. Match the 16px/21px list standard on the
   nested paragraph too. Specificity here (0-3-3) beats `body p` (0-0-2). */
body.te-about-us-page .entry-content.single-content li p {
	font-size: 16px;
	line-height: 21px;
}

/* :not(.kb-row-layout-id6_0a53f7-f9) excludes the shared newsletter block's
   row — that reusable block (ref 2802, identical on ~165 pages) needs its
   own 1148px box (1100px content + this same 24px/24px padding), same
   pattern as everywhere else.

   This generic rule itself had the exact same bug it was written to guard
   the newsletter row against: max-width was 1100px WITH this same 24px/24px
   padding also applied on top, shrinking the true rendered content to
   1052px instead of 1100px on every row using this rule — confirmed live
   on Mobility Information (2026-07-22), and presumably every other About Us
   sub-page sharing this template, since none of them have a more specific
   override. Bumped to 1148px (1100 + 2×24px) so true content is exactly
   1100px, matching the fix already applied to blog/tour/newsletter
   elsewhere (see site_content_width_standardization memory). */
body.te-about-us-page .entry-content .kb-row-layout-wrap:not(.kb-row-layout-id6_0a53f7-f9) > .kt-row-column-wrap,
body.te-about-us-page .entry-content .te-about-us-difference-row__inner.site-container,
body.te-about-us-page .entry-content .te-about-us-difference__intro.site-container,
body.te-about-us-page .entry-content .te-about-us-why__intro.site-container,
body.te-about-us-page .entry-content .te-about-us-why__cards.site-container,
body.te-about-us-page .entry-content .te-about-us-faq__inner.site-container {
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
}

body.te-about-us-page .entry-content .kb-row-layout-id6_0a53f7-f9 > .kt-row-column-wrap {
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
}

/* =========================================================
   HERO — first full-width cover block
========================================================= */
body.te-about-us-page .entry-content.single-content {
	--wp--style--block-gap: 0;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child + .kb-row-layout-wrap.alignfull {
	margin-top: 0 !important;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child,
body.te-about-us-page .entry-content .te-about-us-hero.wp-block-cover {
	position: relative;
	min-height: 480px !important;
	padding: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	display: flex !important;
	align-items: flex-end;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child::after,
body.te-about-us-page .entry-content .te-about-us-hero__overlay {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.35) 100%);
	pointer-events: none;
	z-index: 1;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* All 5 of these hero photos carry the same inline object-position (53% 74%)
   from block-pattern reuse, not an individual focal point per photo — the
   74% Y value crops the image bottom-anchored, cutting off the tops of
   buildings/towers (confirmed on Our History's Stokesay Castle at wide
   viewports). The old "vertical-align: top" rule above did nothing (dead
   code — vertical-align has no effect on a position:absolute element); this
   is the actual fix, overriding the inline style with !important so the top
   of each photo stays in view. */
body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child .wp-block-cover__image-background {
	object-position: 50% 20% !important;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child .wp-block-cover__background {
	display: none;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child .wp-block-cover__inner-container,
body.te-about-us-page .entry-content .te-about-us-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	/* Matches the header's content width (--global-content-width, 1290px),
	   not the 1100px body-copy width below — the H1 sits in the hero and
	   should line up with the logo/nav row above it. */
	max-width: var(--global-content-width, 1290px);
	margin: 0 auto;
	padding: 0 var(--global-content-edge-padding, 1.5rem) 2.75rem !important;
}

body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child h1,
body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child .wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content .te-about-us-hero__title {
	margin: 0 !important;
	color: #fff !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: clamp(2.5rem, 4.2vw, 4.7rem) !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1.05 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
}

/* =========================================================
   RIBBON — full-width blue bar after hero
========================================================= */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull,
body.te-about-us-page .entry-content .te-about-us-ribbon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 22px;
	min-height: 68px;
	padding: 0 30px !important;
	background: #006d9e !important;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull > .kt-row-column-wrap,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull .kt-inside-inner-col {
	width: 100%;
	max-width: none;
	padding: 0 !important;
	margin: 0 !important;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull h4,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull .wp-block-heading,
body.te-about-us-page .entry-content .te-about-us-ribbon__link {
	margin: 0 !important;
	color: #fff !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

body.te-about-us-page .entry-content .te-about-us-ribbon__line {
	width: 120px;
	height: 1px;
	background: rgba(255, 255, 255, 0.7);
	flex-shrink: 0;
}

/* =========================================================
   DIFFERENCE — intro (alignwide row) + 2-column rows
========================================================= */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide,
body.te-about-us-page .entry-content .te-about-us-difference,
body.te-about-us-page .entry-content section.te-about-us-difference {
	padding-top: 2.5rem;
	background: #fff;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide > .kt-row-column-wrap,
body.te-about-us-page .entry-content .te-about-us-difference__intro {
	padding-bottom: 2.5rem !important;
}

/* Kadence's own per-block default (1.5rem) still stacked an extra gap directly
   above each page's intro eyebrow, on top of the row-level padding-top above.
   Remove it so the row's own 2.5rem is the only top spacing. Same fix applied
   to the intro row on every About Us sub-page sharing this template:
   /about-us/ (Fresh Adventures For Inquisitive Travellers),
   /about-us/why-travel-editions/our-history/ (Thirty Years of Going The Extra Mile),
   /about-us/why-travel-editions/travel-edition-experience/ (Why Travel With Us?),
   /about-us/why-travel-editions/whats-included/ (your journey, taken care of),
   /about-us/why-travel-editions/what-to-expect/ (Small groups, shared interests). */
.kb-row-layout-id723_f43d33-25 > .kt-row-column-wrap,
.kb-row-layout-id743_02c61c-67 > .kt-row-column-wrap,
.kb-row-layout-id745_51a217-9c > .kt-row-column-wrap,
.kb-row-layout-id747_41fdf3-67 > .kt-row-column-wrap,
.kb-row-layout-id749_9c3921-50 > .kt-row-column-wrap {
	padding-top: 0 !important;
}

/* Eyebrow */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide .wp-block-kadence-advancedheading:first-child,
body.te-about-us-page .entry-content .te-about-us-difference__eyebrow,
body.te-about-us-page .entry-content .te-about-us-section-label {
	margin: 0 0 0.65rem !important;
	color: #016d9c !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-align: center !important;
}

/* This one eyebrow ("Fresh Adventures for Inquisitive Travellers") was
   still at the general Eyebrow rule's 1.4 ratio (22.4px at 16px) — user
   asked for it explicitly at 21px too, same as the rest of the site's
   body copy, without changing the shared Eyebrow rule above (which still
   controls every other About Us eyebrow). Scoped to this one block ID
   with the same selector chain as the shared rule, just with the ID
   added, so specificity wins without touching anything else. */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide .kt-adv-heading723_825f15-a7.wp-block-kadence-advancedheading:first-child {
	line-height: 21px !important;
}

/* Section title — was a fluid clamp(2rem, 3.5vw, 3.6rem) (50.4px at a
   1440px viewport), inconsistent with the homepage's equivalent major
   section H2s, which are a flat 57.6px (3.6rem, the clamp's own ceiling)
   with no viewport-based scaling. Fixed to the same flat value per
   explicit user request — covers "About Travel Editions" and "Why Choose
   Travel Editions?" on the About Us page, and (since te-about-us-page is
   shared) "History of Travel Editions" and the same reused "Why Choose
   Travel Editions?" block on the Our History sub-page too. */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide h2,
body.te-about-us-page .entry-content .te-about-us-section-title {
	margin: 0 0 1.25rem !important;
	color: #333 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: 57.6px !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: center !important;
}

/* The reused newsletter block ("Sign Up To Our Newsletter For A Chance To
   Win" + its "Win a 2027 Holiday for Two!" eyebrow) sits in an alignwide
   row on this page too, so it was accidentally caught by the two generic
   rules above (Section title / Eyebrow) and forced to center — every
   other property on it already matched the correct home/blog/tour styling
   coincidentally, only text-align was wrong. Scoped to just these two
   block IDs, same escalation technique as the eyebrow line-height fix
   above, so the generic rules stay untouched for every other section. */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide .kt-adv-heading6_26ffc6-43.wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide .kt-adv-heading6_7baf6d-bc.wp-block-kadence-advancedheading {
	text-align: left !important;
}

/* Intro body copy — line-height 1.35 across all body-copy rules in this file
   (was 1.6) to match "about us cleaned.psd"'s leading (FontSize 32 / Leading
   42 ≈ 1.31), the same ratio the blog and homepage body copy already use. */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide h2 ~ .wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content .te-about-us-difference__lead-copy .te-about-us-section-text,
body.te-about-us-page .entry-content .te-about-us-difference__intro .te-about-us-section-text {
	margin: 0 0 1rem !important;
	color: #333 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	/* Explicit 21px, not a 1.35 ratio — user wants body-copy line-height
	   pixel-identical sitewide, not just proportionally close (see
	   desktop_line_height_audit_20jul21 memory). */
	line-height: 21px !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
}

/* Two-column difference rows */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns),
body.te-about-us-page .entry-content .te-about-us-difference__rows {
	padding-bottom: 3.5rem;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) > .kt-row-column-wrap,
body.te-about-us-page .entry-content .te-about-us-difference-row__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 3rem;
	align-items: center;
}

/* Alternating image/text direction — explicit per-row IDs instead of
   nth-of-type(even): nth-of-type counts every sibling div (spacers, single-
   column rows, etc.), not just two-column rows, so it silently stopped
   alternating correctly once a third row (Private Group Travel) was added. */
body.te-about-us-page .entry-content .kb-row-layout-id723_724268-fc > .kt-row-column-wrap,
body.te-about-us-page .entry-content .kb-row-layout-id723_ee817c-de > .kt-row-column-wrap,
body.te-about-us-page .entry-content .kb-row-layout-id723_10aabb-c7 > .kt-row-column-wrap,
body.te-about-us-page .entry-content .te-about-us-difference-row--image-text .te-about-us-difference-row__inner {
	direction: rtl;
}

body.te-about-us-page .entry-content .kb-row-layout-id723_724268-fc > .kt-row-column-wrap > *,
body.te-about-us-page .entry-content .kb-row-layout-id723_ee817c-de > .kt-row-column-wrap > *,
body.te-about-us-page .entry-content .kb-row-layout-id723_10aabb-c7 > .kt-row-column-wrap > *,
body.te-about-us-page .entry-content .te-about-us-difference-row--image-text .te-about-us-difference-row__inner > * {
	direction: ltr;
}

/* Row 1 (blossom image + "Travel Where the Journey Matters") — image sits
   flush against the content edge (only that side was flagged), and the
   image/text gutter is widened to match the design comp's proportions
   (measured from the source PSD: ~83px at this column width, vs. the 3rem
   default used by the other rows). */
body.te-about-us-page .entry-content .kb-row-layout-id723_724268-fc > .kt-row-column-wrap {
	padding-left: 0 !important;
	gap: 83px !important;
}

/* Row 2 ("Across the UK, Europe & Beyond" + Florence courtyard) — both outer
   edges (text-left, image-right) flush against the content edge. */
body.te-about-us-page .entry-content .kb-row-layout-id723_ee817c-de > .kt-row-column-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
	gap: 83px !important;
}

/* Row 3 (Private Group Travel + Oxford) — swapped to image-left/text-right
   above, both outer edges flush to match the rows above. */
body.te-about-us-page .entry-content .kb-row-layout-id723_10aabb-c7 > .kt-row-column-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
	gap: 83px !important;
}

/* Each alternating row's image gets a small left inset off the gutter. */
body.te-about-us-page .entry-content .kb-row-layout-id723_724268-fc img.kb-img,
body.te-about-us-page .entry-content .kb-row-layout-id723_ee817c-de img.kb-img,
body.te-about-us-page .entry-content .kb-row-layout-id723_10aabb-c7 img.kb-img {
	padding-left: 5%;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) h3,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) .wp-block-kadence-advancedheading:first-child,
body.te-about-us-page .entry-content .te-about-us-difference-row__title {
	margin: 0 0 1rem !important;
	color: #333 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: clamp(1.5rem, 2.4vw, 2.5rem) !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) .wp-block-kadence-advancedheading:not(:first-child),
body.te-about-us-page .entry-content .te-about-us-difference-row__text {
	margin: 0 0 1rem !important;
	color: #292929 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	/* Explicit 21px, not a 1.35 ratio — user wants body-copy line-height
	   pixel-identical sitewide, not just proportionally close (see
	   desktop_line_height_audit_20jul21 memory). */
	line-height: 21px !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
}

body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) .kb-img,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) img,
body.te-about-us-page .entry-content .te-about-us-difference-row__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* =========================================================
   WHY CHOOSE — row with 3 columns (+ optional intro row above)
========================================================= */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-1-columns):has(.kt-has-3-columns),
body.te-about-us-page .entry-content section.te-about-us-why {
	padding: 46px 0 65px;
	background: #eeedea !important;
}

/* Cards row itself (nested inside the wrapper above) — its own top/bottom
   padding is independent of the wrapper's, so the intro-to-cards gap (32px)
   and cards-to-next-section gap (part of the 65px above) can be tuned
   separately instead of both being tied to one shared padding value.
   All three values (46/32/65) are scaled 1:1 from "about us cleaned.psd"
   Group 62 ("Why Choose Travel Editions?"): 93/65/131 design-px at the
   0.4959 scale factor — see psd-comparison-methodology memory. */
body.te-about-us-page .entry-content .kb-row-layout-wrap:has(> .kt-has-3-columns) {
	padding: 16px 0 0;
	background: #eeedea !important;
}

body.te-about-us-page .entry-content .kb-row-layout-wrap.alignnone:has(.kt-has-1-columns) .wp-block-kadence-advancedheading:first-child,
body.te-about-us-page .entry-content .kb-row-layout-wrap.alignnone:has(.kt-has-1-columns) h6 {
	margin: 0 0 0.65rem !important;
	color: #016d9c !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-align: left !important;
}

body.te-about-us-page .entry-content .kb-row-layout-wrap.alignnone:has(.kt-has-1-columns) h2 {
	margin: 0 0 1.25rem !important;
	color: #333 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	/* Was a fluid clamp(2rem, 3.5vw, 3.6rem) (50.4px at 1440px) — flat
	   57.6px per explicit user request, matching the homepage's equivalent
	   major H2s and the "Section title" (alignwide) rule above. Governs
	   "Why Choose Travel Editions?" specifically, which uses this
	   alignnone/1-column layout rather than alignwide. */
	font-size: 57.6px !important;
	font-weight: 400 !important;
	text-align: left !important;
}

/* Both "Section title" rules above went from a fluid clamp() to a flat
   57.6px, which loses the clamp's mobile-shrinking behaviour (it used to
   bottom out at 32px on narrow viewports). Restoring a mobile-specific
   size instead of leaving desktop's 57.6px everywhere — 46.3px matches
   the same flat mobile standard already established for the homepage's
   major section H2s (see mobile_psb_audit_findings memory). */
@media (max-width: 767px) {
	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide h2,
	body.te-about-us-page .entry-content .te-about-us-section-title,
	body.te-about-us-page .entry-content .kb-row-layout-wrap.alignnone:has(.kt-has-1-columns) h2 {
		font-size: 46.3px !important;
	}
}

body.te-about-us-page .entry-content .kb-row-layout-wrap.alignnone:has(.kt-has-1-columns) h2 ~ .wp-block-kadence-advancedheading:not(h3),
body.te-about-us-page .entry-content .te-about-us-why__intro .te-about-us-section-text {
	margin: 0 0 1rem !important;
	color: #333 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	/* Explicit 21px, not a 1.35 ratio — user wants body-copy line-height
	   pixel-identical sitewide, not just proportionally close (see
	   desktop_line_height_audit_20jul21 memory). */
	line-height: 21px !important;
	text-align: left !important;
	text-transform: none !important;
}

body.te-about-us-page .entry-content .kb-row-layout-wrap:has(> .kt-has-3-columns) > .kt-row-column-wrap,
body.te-about-us-page .entry-content .te-about-us-why__cards {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

body.te-about-us-page .entry-content .kt-has-3-columns > .wp-block-kadence-column > .kt-inside-inner-col,
body.te-about-us-page .entry-content .te-about-us-feature {
	padding: 2rem 1.5rem;
	background: #fff;
	text-align: center;
	height: 100%;
}

body.te-about-us-page .entry-content .kt-has-3-columns .kt-svg-icons,
body.te-about-us-page .entry-content .te-about-us-feature__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
}

body.te-about-us-page .entry-content .kt-has-3-columns .kb-svg-icon-wrap {
	color: var(--global-palette4, #2d3748);
	font-size: 74px;
}

body.te-about-us-page .entry-content .kt-has-3-columns h3,
body.te-about-us-page .entry-content .te-about-us-feature__title {
	margin: 0 0 0.75rem !important;
	color: #333 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: clamp(1.25rem, 1.9vw, 1.6rem) !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	text-align: center !important;
}

body.te-about-us-page .entry-content .kt-has-3-columns h3 ~ .wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content .te-about-us-feature__text {
	margin: 0 !important;
	color: #666 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	/* Explicit 21px, not a 1.35 ratio — user wants body-copy line-height
	   pixel-identical sitewide, not just proportionally close (see
	   desktop_line_height_audit_20jul21 memory). */
	line-height: 21px !important;
	text-transform: none !important;
	text-align: center !important;
}

/* =========================================================
   FAQ — full-width column with Kadence accordion
========================================================= */
body.te-about-us-page .entry-content.single-content > .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap),
body.te-about-us-page .entry-content section.te-about-us-faq {
	padding: 3.5rem 0 4rem;
	background: #c0d2e0 !important;
}

body.te-about-us-page .entry-content.single-content > .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap) > .kt-inside-inner-col,
body.te-about-us-page .entry-content .te-about-us-faq__inner {
	/* Same double-padding fix as the generic rule above — see that comment. */
	max-width: 1148px;
	width: 100% !important;
	margin: 0 auto;
	padding: 0 var(--global-content-edge-padding, 1.5rem) !important;
}

body.te-about-us-page .entry-content .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap) > .kt-inside-inner-col > h6,
body.te-about-us-page .entry-content .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap) > .kt-inside-inner-col > .wp-block-kadence-advancedheading:first-child,
body.te-about-us-page .entry-content .te-about-us-section-label--faq {
	margin: 0 0 0.65rem !important;
	color: #016d9c !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-align: left !important;
}

body.te-about-us-page .entry-content .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap) > .kt-inside-inner-col > h2,
body.te-about-us-page .entry-content .te-about-us-faq__inner .te-about-us-section-title {
	margin: 0 0 1.25rem !important;
	color: #333 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: clamp(2rem, 3.75vw, 3rem) !important;
	font-weight: 400 !important;
	text-align: left !important;
}

body.te-about-us-page .entry-content .wp-block-kadence-column.alignfull:has(.kt-accordion-wrap) > .kt-inside-inner-col > h2 + .wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content .te-about-us-section-text--faq {
	margin: 0 0 1rem !important;
	color: #333 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	/* Explicit 21px, not a 1.35 ratio — user wants body-copy line-height
	   pixel-identical sitewide, not just proportionally close (see
	   desktop_line_height_audit_20jul21 memory). */
	line-height: 21px !important;
	text-align: left !important;
	text-transform: none !important;
}

body.te-about-us-page .entry-content .kt-accordion-wrap,
body.te-about-us-page .entry-content .te-about-us-faq__list {
	margin-top: 2rem;
	max-width: none !important;
}

body.te-about-us-page .entry-content .wp-block-kadence-pane,
body.te-about-us-page .entry-content .te-about-us-faq__item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* The accordion block's own JSON attributes (titleBorder) render a 4px-wide
   border-bottom divider under each question via block-generated inline
   <style>, matching the PSD's divider line at design scale to within 1px —
   correct that inline value down to 1px. Selector chain mirrors the block's
   own generated selector so it wins on specificity. */
body.te-about-us-page .entry-content .kt-accordion-id723_6c371c-94 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header {
	border-bottom-width: 1px !important;
}

body.te-about-us-page .entry-content .kt-blocks-accordion-header,
body.te-about-us-page .entry-content .te-about-us-faq__question {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: 1.125rem 0 !important;
	border: 0;
	background: transparent;
	color: #333 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: clamp(1.25rem, 2vw, 1.6rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: left;
	text-transform: none !important;
	cursor: pointer;
}

body.te-about-us-page .entry-content .kt-blocks-accordion-title,
body.te-about-us-page .entry-content .kt-blocks-accordion-title-wrap {
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-weight: 700 !important;
	text-transform: none !important;
}

body.te-about-us-page .entry-content .kt-blocks-accordion-icon-trigger {
	color: #016d9c;
	font-size: 2.25rem;
}

body.te-about-us-page .entry-content .kt-accordion-panel-inner,
body.te-about-us-page .entry-content .te-about-us-faq__answer {
	padding: 1.25rem 0 1.25rem !important;
}

body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 .kt-accordion-panel-inner .wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 .kt-accordion-panel-inner p,
body.te-about-us-page .entry-content .kt-accordion-panel-inner .wp-block-kadence-advancedheading,
body.te-about-us-page .entry-content .kt-accordion-panel-inner p {
	margin: 0 0 1rem !important;
	color: #333 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	/* Explicit 21px, not a 1.35 ratio — user wants body-copy line-height
	   pixel-identical sitewide, not just proportionally close (see
	   desktop_line_height_audit_20jul21 memory). */
	line-height: 21px !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
}

body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 .kt-accordion-panel-inner .wp-block-kadence-advancedheading:last-child,
body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 .kt-accordion-panel-inner p:last-child,
body.te-about-us-page .entry-content .kt-accordion-panel-inner .wp-block-kadence-advancedheading:last-child,
body.te-about-us-page .entry-content .kt-accordion-panel-inner p:last-child {
	margin-bottom: 0 !important;
}

/* "Sign Up To Our Newsletter" row — now a shared reusable block (wp_block
   post 2802, used sitewide: About Us + sub-pages, ~160 tour pages, and the
   homepage). Its styling lives in global.css (not page-scoped here) so
   every page using the block renders identically — see "Newsletter row —
   shared template styling" in global.css. */

body.te-about-us-page .entry-content .wp-block-kadence-advancedbtn .kb-button,
body.te-about-us-page .entry-content .kb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
	padding: 0.55rem 1rem;
	background: #2e6b98 !important;
	border-radius: 4px;
	color: #fff !important;
	font-family: Roboto, sans-serif !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	text-decoration: none;
}

body.te-about-us-page .entry-content .wp-block-kadence-advancedbtn .kb-button:hover,
body.te-about-us-page .entry-content .kb-btn:hover {
	background: #1e4a7c !important;
	color: #fff !important;
}

/* =========================================================
   Override global.css subhead rules on this page only
========================================================= */
body.te-about-us-page .entry-content.single-content .kb-row-layout-wrap .wp-block-kadence-advancedheading:first-child:is(h1, h2) + .wp-block-kadence-advancedheading {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}

/* =========================================================
   Kadence inline-style overrides (block-specific)
========================================================= */

/* Hero title — kill editor padding-top / capitalize */
body.te-about-us-page .entry-content .kt-adv-heading723_3ecc40-ff,
body.te-about-us-page .entry-content .wp-block-cover.alignfull:first-child .wp-block-kadence-advancedheading {
	padding-top: 0 !important;
	margin-top: 0 !important;
	text-transform: none !important;
}

/* Intro column — dev uses site-container padding, not 8% */
body.te-about-us-page .entry-content .kadence-column723_25f539-56 > .kt-inside-inner-col {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.te-about-us-page .entry-content .kb-row-layout-id723_0a6e0f-8b > .kt-row-column-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.te-about-us-page .entry-content .kt-adv-heading723_2de41d-20,
body.te-about-us-page .entry-content .kb-row-layout-id723_0a6e0f-8b h2 {
	text-transform: none !important;
}

body.te-about-us-page .entry-content .kt-adv-heading1767_a53183-78 {
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: clamp(2rem, 3.5vw, 3.6rem) !important;
	font-weight: 400 !important;
}

/* Intro body — dev uses 1rem, not Kadence sm */
body.te-about-us-page .entry-content .kb-row-layout-id723_0a6e0f-8b .wp-block-kadence-advancedheading:nth-child(n+3) {
	font-size: 1rem !important;
}

/* Difference rows — normalize side padding. Same double-padding fix as the
   generic rule above — see that comment. */
body.te-about-us-page .entry-content .kb-row-layout-id723_8d7bfb-22 > .kt-row-column-wrap,
body.te-about-us-page .entry-content .kb-row-layout-id723_6acddc-ca > .kt-row-column-wrap {
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
}

body.te-about-us-page .entry-content .kb-row-layout-id723_6acddc-ca > .kt-row-column-wrap {
	direction: rtl;
}

body.te-about-us-page .entry-content .kb-row-layout-id723_6acddc-ca > .kt-row-column-wrap > * {
	direction: ltr;
}

body.te-about-us-page .entry-content .kadence-column723_753f5b-cb > .kt-inside-inner-col {
	padding: 0 !important;
}

/* Why Choose — full-bleed grey band + white cards */
body.te-about-us-page .entry-content .kb-row-layout-wrap.kb-row-layout-id1767_149979-11 {
	padding-top: 3.5rem;
}

/* Same double-padding fix as the generic rule above — see that comment. */
body.te-about-us-page .entry-content .kb-row-layout-wrap.kb-row-layout-id1767_149979-11 > .kt-row-column-wrap,
body.te-about-us-page .entry-content .kb-row-layout-wrap.kb-row-layout-id1767_bd239e-6c > .kt-row-column-wrap {
	max-width: 1148px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
}

body.te-about-us-page .entry-content .kb-row-layout-wrap.kb-row-layout-id1767_bd239e-6c {
	padding: 0 0 4rem;
	background: #eeedea !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

body.te-about-us-page .entry-content .kb-row-layout-wrap.kb-row-layout-id1767_bd239e-6c > .kt-row-column-wrap {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 28px;
}

body.te-about-us-page .entry-content .kadence-column1767_fa754f-9c > .kt-inside-inner-col,
body.te-about-us-page .entry-content .kadence-column1767_6604e3-76 > .kt-inside-inner-col,
body.te-about-us-page .entry-content .kadence-column1767_b18b3c-46 > .kt-inside-inner-col {
	background: #fff !important;
	padding: 2rem 1.5rem !important;
	text-align: center;
	height: 100%;
}

/* FAQ column — full bleed blue, sane padding */
body.te-about-us-page .entry-content > .wp-block-kadence-column.kadence-column723_e4abbb-dc.alignfull {
	padding: 3.5rem 0 4rem;
	background: #c0d2e0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* Same double-padding fix as the generic rule above — see that comment. */
body.te-about-us-page .entry-content .kadence-column723_e4abbb-dc > .kt-inside-inner-col {
	max-width: 1148px;
	margin: 0 auto;
	padding: 0 var(--global-content-edge-padding, 1.5rem) !important;
	background: transparent !important;
}

/* FAQ accordion — match dev (simple underline rows) */
body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header {
	border: 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding: 1.125rem 0 !important;
	color: #333 !important;
}

body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 .kt-accordion-panel-inner {
	background: transparent !important;
	border: 0 !important;
	padding: 0 0 1.25rem !important;
}

body.te-about-us-page .entry-content .kt-accordion-id723_c809db-07 .kt-blocks-accordion-icon-trigger {
	color: #016d9c !important;
}

/* Ribbon row — remove default row padding */
body.te-about-us-page .entry-content .kb-row-layout-id723_ac8f7c-7a {
	margin-top: 0 !important;
}

body.te-about-us-page .entry-content .kb-row-layout-id723_ac8f7c-7a > .kt-row-column-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

/* Prevent full-bleed on non-hero/non-ribbon rows */
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide,
body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width: 1024px) {
	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) > .kt-row-column-wrap,
	body.te-about-us-page .entry-content .te-about-us-difference-row__inner,
	body.te-about-us-page .entry-content .kb-row-layout-wrap:has(> .kt-has-3-columns) > .kt-row-column-wrap,
	body.te-about-us-page .entry-content .te-about-us-why__cards {
		grid-template-columns: 1fr;
		max-width: 520px;
	}

	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignnone:has(.kt-has-2-columns) > .kt-row-column-wrap,
	body.te-about-us-page .entry-content .te-about-us-difference-row--image-text .te-about-us-difference-row__inner {
		direction: ltr;
	}

	body.te-about-us-page .entry-content .kb-row-layout-id723_724268-fc > .kt-row-column-wrap,
	body.te-about-us-page .entry-content .kb-row-layout-id723_ee817c-de > .kt-row-column-wrap,
	body.te-about-us-page .entry-content .kb-row-layout-id723_10aabb-c7 > .kt-row-column-wrap {
		padding-left: var(--global-content-edge-padding, 1.5rem) !important;
		padding-right: var(--global-content-edge-padding, 1.5rem) !important;
		gap: 2rem;
	}
}

@media (max-width: 767px) {
	.te-about-us__top {
		padding-top: 8px;
	}

	body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child,
	body.te-about-us-page .entry-content .te-about-us-hero.wp-block-cover {
		min-height: 245px !important;
	}

	body.te-about-us-page .entry-content.single-content > .wp-block-cover.alignfull:first-child .wp-block-cover__inner-container,
	body.te-about-us-page .entry-content .te-about-us-hero__inner {
		padding-bottom: 2rem !important;
	}

	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull,
	body.te-about-us-page .entry-content .te-about-us-ribbon {
		flex-direction: column;
		gap: 12px;
		padding: 1rem !important;
	}

	body.te-about-us-page .entry-content .te-about-us-ribbon__line {
		width: 80px;
	}

	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull h4,
	body.te-about-us-page .entry-content .te-about-us-ribbon__link {
		font-size: 17px;
		white-space: normal;
	}

	/* The rule immediately above has never actually applied. Its twin at
	   the top of this file (the `font-size: 30px !important` group, ~line
	   337) carries !important and no media query, so it wins on mobile too
	   and this 17px is silently discarded. Left as-is rather than adding
	   !important, because that would resize every h4 in these rows and this
	   is a brochure-ribbon task — but it is a real latent bug worth fixing
	   separately.

	   The brochure ribbon does need to win here (Paul's 24 Jul email, item
	   e: the stripe was clipping to "New 2027 Brochures Av…" on Our
	   History). The generic .te-brochure-ribbon rule in global.css cannot
	   do it: that group's second selector,
	     …> .kb-row-layout-wrap.alignfull .wp-block-heading
	   is (0,6,1), which pips the generic rule's (0,6,0) on type count.
	   Adding h4.te-brochure-ribbon here gives (0,6,2), so this beats it
	   from the same file, next to the rule it is overriding. */
	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignfull h4.te-brochure-ribbon {
		font-size: clamp(18px, 5.6vw, 22.3px) !important;
		white-space: normal !important;
	}

	body.te-about-us-page .entry-content.single-content > .kb-row-layout-wrap.alignwide,
	body.te-about-us-page .entry-content .te-about-us-difference {
		padding-top: 2.5rem;
	}

	body.te-about-us-page .entry-content .kt-blocks-accordion-header,
	body.te-about-us-page .entry-content .te-about-us-faq__question {
		font-size: 1.25rem !important;
	}
}