/* =========================================================
   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-id2802_a7b00b-c5) 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, across every About
   Us sub-page sharing this template. 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-id2802_a7b00b-c5) > .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-id2802_a7b00b-c5 > .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); set to
   21px to match 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 —
   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's title and eyebrow used to be forced back
   to left here (the two generic rules above — Section title / Eyebrow —
   otherwise center them by accident). Per the 17 Aug meganav mobile
   design both are meant to be centred + bold sitewide now, so this
   override is gone entirely — the generic center-forcing rules above are
   exactly what's wanted here, and the definitive styling for both blocks
   now lives in global.css (.kt-adv-heading2802_e57920-52 and
   .kt-adv-heading2802_4c4dd7-b3), scoped with enough specificity to win
   on every template. */

/* 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, 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));
	/* "about us cleaned.psd" Group 62 measures ~75-80 design-px between
	   these 3 cards (avg 77.5), which at the sitewide 0.4959 scale factor
	   (see psd-comparison-methodology memory) is ~38px live — up from the
	   28px this had been set to. */
	gap: 38px;
}

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: left;
	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;
	/* "about us cleaned.psd" Group 62 measures ~72 design-px between the
	   icon and the title below it, ~36px live at the 0.4959 scale factor —
	   up from 1rem/16px. Icon itself stays centred (margin: auto),
	   matching the PSD even though the title/body text below it is
	   left-aligned. */
	margin: 0 auto 36px;
}

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 {
	/* Title-to-body gap: PSD measures ~58 design-px, ~29px live at the
	   0.4959 scale factor — up from 0.75rem/12px. */
	margin: 0 0 29px !important;
	color: #292929 !important;
	font-family: minion-pro, "Minion Pro", Georgia, serif !important;
	font-size: 1.4rem !important;
	/* PSD uses "MinionConceptRoman-Semibold" for this title, not the
	   family's regular weight. */
	font-weight: 600 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	text-align: left !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: #292929 !important;
	text-align: left !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;
}

/* =========================================================
   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 — 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;
	}
}

/* Gap between the blue "brochure ribbon" row and the next heading, on the
   two About Us sub-pages where it renders too tall (Why Travel Editions,
   Solo Travellers) — 64px instead of the 40px every other page in this
   family uses (About Us itself, What to Expect, etc.). Root cause: the
   row after the blue ribbon has its own padding-top:40px (correct, matches
   everywhere else), but its .kt-row-column-wrap ALSO carries an extra
   padding-top:24px that the equivalent row on other pages doesn't have —
   the two stack to 64px. Likely picked up an unwanted default value when
   these pages were duplicated from About Us. Zeroing it here restores the
   same 40px gap as everywhere else without touching the row's own padding,
   which is correct and shared with pages that don't have this bug. */
.kb-row-layout-id733_ba6e9a-08 > .kt-row-column-wrap,
.kb-row-layout-id741_1e0a01-37 > .kt-row-column-wrap {
	padding-top: 0 !important;
}

/* Gap between paragraph ends and inline subheads on article pages (pages
   using this same page-about-us.php template — e.g. How to Book — split
   their body copy into separate paragraph/heading blocks purely to get an
   inline H3 between them). Kadence's own content.min.css sets
   ".single-content h3 { margin: 1.5em 0 0.5em }" — 1.5em resolves against
   each heading's own font-size (these are saved at 36px), so the gap above
   every subhead was 54px, and the paragraph's own 16px margin-bottom
   collapses into it rather than adding to it (adjacent block margins take
   the larger value, not the sum). Reduced margin-top to 1.75rem (28px) —
   still a clear break from the preceding paragraph, without the large gap
   Paul flagged. */
body.te-about-us-page .entry-content h3 {
	margin-top: 1.75rem;
}