/* ==========================================================================
   Citrine Capital — 2026 redesign
   Source: client moodboard (reference/client-moodboard.jpg)
   1. Tokens
   2. Base typography
   3. Utilities (for Elementor "CSS Classes")
   4. Buttons
   5. Header + top bar
   6. Inner banner / breadcrumb
   7. Footer
   8. Misc (scroll-top, forms)
   ========================================================================== */

/* 1. Tokens ------------------------------------------------------------- */
:root {
	--ct-charcoal: #161616;   /* primary */
	--ct-charcoal-2: #1f1f1f; /* raised dark surface */
	--ct-ivory: #F3EFE7;      /* background */
	--ct-copper: #B85C38;     /* accent */
	--ct-copper-dk: #9C4B2B;  /* accent hover */
	--ct-stone: #918C82;      /* secondary */
	--ct-gold: #B79A62;       /* highlight / signature */
	--ct-white: #FFFFFF;
	--ct-text: #3A3833;       /* body copy on ivory */
	--ct-line: rgba(145, 140, 130, .35);

	--ct-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--ct-sans: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;

	--ct-ease: cubic-bezier(.22, .61, .36, 1);
}

/* 2. Base typography ---------------------------------------------------- */
body.citrine-theme {
	font-family: var(--ct-sans) !important;
	font-size: 16px;
	line-height: 1.7;
	color: var(--ct-text);
	background-color: var(--ct-ivory);
}

body.citrine-theme h1,
body.citrine-theme h2,
body.citrine-theme h3,
body.citrine-theme h4,
body.citrine-theme .elementor-heading-title {
	font-family: var(--ct-serif) !important;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.15;
	color: var(--ct-charcoal);
}

body.citrine-theme h5,
body.citrine-theme h6 {
	font-family: var(--ct-sans) !important;
}

body.citrine-theme h1 { font-size: 64px; text-transform: uppercase; }
body.citrine-theme h2 { font-size: 40px; text-transform: uppercase; }
body.citrine-theme h3 { font-size: 26px; }
body.citrine-theme h4 { font-size: 20px; }

body.citrine-theme p,
body.citrine-theme li,
body.citrine-theme .elementor-widget-text-editor {
	font-family: var(--ct-sans);
}

body.citrine-theme a { color: var(--ct-copper); transition: color .25s var(--ct-ease); }
body.citrine-theme a:hover { color: var(--ct-gold); }

body.citrine-theme ::selection { background: var(--ct-copper); color: var(--ct-white); }

@media (max-width: 991px) {
	body.citrine-theme h1 { font-size: 46px; }
	body.citrine-theme h2 { font-size: 32px; }
	body.citrine-theme h3 { font-size: 22px; }
}
@media (max-width: 575px) {
	body.citrine-theme { font-size: 15px; }
	body.citrine-theme h1 { font-size: 36px; }
	body.citrine-theme h2 { font-size: 28px; }
	body.citrine-theme h3 { font-size: 20px; }
}

/* 3. Utilities ---------------------------------------------------------- */
/* Eyebrow label: "ABOUT US", "OUR INTERESTS" */
.ct-eyebrow:not(.elementor-widget),
body.citrine-theme .ct-eyebrow .elementor-heading-title {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: var(--ct-copper) !important;
	line-height: 1.4 !important;
}
/* Eyebrow preceded by a short copper rule (dark sections) */
.ct-eyebrow--rule .elementor-heading-title { display: inline-flex; align-items: center; gap: 16px; }
.ct-eyebrow--rule .elementor-heading-title::before {
	content: ""; width: 28px; height: 2px; background: var(--ct-copper);
}

/* Short accent rule under headings */
.ct-rule:not(.elementor-widget)::after,
.ct-rule .elementor-heading-title::after {
	content: ""; display: block; width: 40px; height: 2px;
	margin-top: 24px; background: var(--ct-copper);
}
.ct-rule--gold:not(.elementor-widget)::after,
.ct-rule--gold .elementor-heading-title::after { background: var(--ct-gold); }

/* Copper second line in display headings: wrap text in <span class="ct-accent"> */
.ct-accent { color: var(--ct-copper) !important; }
.ct-gold { color: var(--ct-gold) !important; }

/* Section surfaces */
.ct-dark { background-color: var(--ct-charcoal) !important; color: rgba(255, 255, 255, .78); }
.ct-dark h1, .ct-dark h2, .ct-dark h3, .ct-dark h4,
.ct-dark .elementor-heading-title { color: var(--ct-white); }
.ct-dark p, .ct-dark .elementor-widget-text-editor { color: rgba(255, 255, 255, .78); }
.ct-ivory { background-color: var(--ct-ivory) !important; }

/* Strap line: "DIVERSE INTERESTS / LONG-TERM VISION / LASTING VALUE" */
.ct-strap:not(.elementor-widget), body.citrine-theme .ct-strap .elementor-heading-title {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .3em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, .85) !important;
}

/* Interest card (home "Our Interests" row): image top, dark caption, arrow */
.ct-card {
	background: var(--ct-charcoal-2);
	border: 1px solid rgba(255, 255, 255, .08);
	overflow: hidden;
	transition: border-color .3s var(--ct-ease), transform .3s var(--ct-ease);
}
.ct-card img { display: block; width: 100%; transition: transform .6s var(--ct-ease); }
.ct-card:hover { border-color: var(--ct-copper); }
.ct-card:hover img { transform: scale(1.04); }
.ct-card .elementor-heading-title { font-size: 18px !important; text-transform: uppercase; color: var(--ct-white); }
.ct-card p { font-size: 12px; color: rgba(255, 255, 255, .7); margin: 0; }

/* Arrow glyph after links/buttons: add class ct-arrow */
.ct-arrow a::after,
a.ct-arrow::after {
	content: "\2192"; display: inline-block; margin-left: 12px;
	transition: transform .25s var(--ct-ease);
}
.ct-arrow a:hover::after,
a.ct-arrow:hover::after { transform: translateX(4px); }

/* 4. Buttons ------------------------------------------------------------ */
body.citrine-theme .elementor-button,
body.citrine-theme .thm-btn,
body.citrine-theme input[type="submit"],
body.citrine-theme button[type="submit"],
body.citrine-theme .contactus_form [type="submit"] {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	background-color: var(--ct-copper) !important;
	color: var(--ct-white) !important;
	border: 1px solid var(--ct-copper) !important;
	border-radius: 0 !important;
	padding: 15px 26px !important;
	transition: background-color .25s var(--ct-ease), border-color .25s var(--ct-ease), color .25s var(--ct-ease);
}
body.citrine-theme .elementor-button:hover,
body.citrine-theme .thm-btn:hover,
body.citrine-theme input[type="submit"]:hover,
body.citrine-theme button[type="submit"]:hover {
	background-color: var(--ct-copper-dk) !important;
	border-color: var(--ct-copper-dk) !important;
	color: var(--ct-white) !important;
}
/* Outline variant (dark sections): add class ct-btn-outline to the Button widget */
body.citrine-theme .ct-btn-outline .elementor-button {
	background-color: transparent !important;
	border-color: var(--ct-copper) !important;
	color: var(--ct-white) !important;
}
body.citrine-theme .ct-btn-outline .elementor-button:hover {
	background-color: var(--ct-copper) !important;
}
/* Built-in arrow on all Elementor buttons */
body.citrine-theme .elementor-button .elementor-button-text::after {
	content: "\2192"; display: inline-block; margin-left: 14px; font-size: 15px; line-height: 1;
	transition: transform .25s var(--ct-ease);
}
body.citrine-theme .elementor-button:hover .elementor-button-text::after { transform: translateX(4px); }
body.citrine-theme .ct-no-arrow .elementor-button-text::after { content: none; }

/* 5. Header + top bar --------------------------------------------------- */
body.citrine-theme .header_top { background-color: var(--ct-charcoal) !important; border-bottom: 1px solid rgba(255, 255, 255, .08); }
body.citrine-theme .header_top,
body.citrine-theme .header_top a,
body.citrine-theme .header_top i { color: rgba(255, 255, 255, .7) !important; font-size: 12px; }
body.citrine-theme .header_top a:hover,
body.citrine-theme .header_top a:hover i { color: var(--ct-gold) !important; }

body.citrine-theme .header2 .header-navigation,
body.citrine-theme .header2 .navbar.header-navigation.sticky_header { background-color: var(--ct-charcoal) !important; }

body.citrine-theme .header2 .header-navigation ul > li > a {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .06em;
	text-transform: none !important;
	color: rgba(255, 255, 255, .85) !important;
	position: relative;
}
body.citrine-theme .header2 .header-navigation ul > li > a:hover,
body.citrine-theme .header2 .header-navigation ul > li.current-menu-item > a,
body.citrine-theme .header2 .header-navigation ul > li.current-menu-ancestor > a { color: var(--ct-white) !important; }

/* Active item: short copper underline, as in the moodboard nav */
body.citrine-theme .header2 .header-navigation .main-nav > li.current-menu-item > a::after,
body.citrine-theme .header2 .header-navigation .main-nav > li.current-menu-ancestor > a::after {
	content: ""; position: absolute; left: 50%; bottom: -8px;
	width: 22px; height: 2px; margin-left: -11px; background: var(--ct-copper);
}

/* Dropdowns */
body.citrine-theme .sub-menu { background-color: var(--ct-charcoal) !important; border-top: 2px solid var(--ct-copper); }
body.citrine-theme .sub-menu > li > a { color: rgba(255, 255, 255, .8) !important; }
body.citrine-theme .sub-menu > li > a:hover { color: var(--ct-gold) !important; }
body.citrine-theme .header2 .header-navigation ul > li > .sub-menu > li > a::before { background: var(--ct-copper) !important; }

/* Header icons (search, burger) */
body.citrine-theme .right-side-box i { color: rgba(255, 255, 255, .85) !important; }
body.citrine-theme .right-side-box .search-btn:hover i,
body.citrine-theme .right-side-box .group-icon-btn:hover i { color: var(--ct-gold) !important; }

/* Off-canvas panel */
body.citrine-theme .menu-offside-area { background: var(--ct-charcoal) !important; }
body.citrine-theme .menu-offside-area p,
body.citrine-theme .menu-offside-area h5 { color: var(--ct-white) !important; }
body.citrine-theme .fa-window-close { color: var(--ct-white) !important; }

/* 6. Inner banner / breadcrumb ------------------------------------------ */
body.citrine-theme .breadcrumb_line { background: var(--ct-copper) !important; }
body.citrine-theme .inner-banner__content span.post.post-page.current-item { color: var(--ct-gold) !important; }
body.citrine-theme .inner-banner__content h5 a.home:hover span { color: var(--ct-gold) !important; }

/* 7. Footer -------------------------------------------------------------- */
body.citrine-theme .site-footer,
body.citrine-theme .site-footer__main { background-color: var(--ct-charcoal) !important; }
body.citrine-theme .site-footer,
body.citrine-theme .site-footer p,
body.citrine-theme .site-footer li { color: rgba(255, 255, 255, .7) !important; font-family: var(--ct-sans); }
body.citrine-theme .site-footer a { color: rgba(255, 255, 255, .8) !important; }
body.citrine-theme .site-footer a:hover { color: var(--ct-gold) !important; }
body.citrine-theme .footer-widget__title {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important; font-weight: 600 !important;
	letter-spacing: .18em; text-transform: uppercase; color: var(--ct-gold) !important;
}
body.citrine-theme .site-footer__bottom {
	background-color: var(--ct-charcoal) !important;
	border-top: 1px solid rgba(255, 255, 255, .08);
}
body.citrine-theme .site-footer__copy,
body.citrine-theme .site-footer__copy p { font-size: 12px !important; color: var(--ct-stone) !important; }
body.citrine-theme .footer-widget__social a:hover { color: var(--ct-gold) !important; }

/* 8. Misc ---------------------------------------------------------------- */
body.citrine-theme .scroll-to-top,
body.citrine-theme .footer1_scroll { background-color: var(--ct-copper) !important; border-radius: 0 !important; }
body.citrine-theme .scroll-to-top:hover { background-color: var(--ct-gold) !important; }

/* Form fields: hairline, square, ivory */
body.citrine-theme input[type="text"],
body.citrine-theme input[type="email"],
body.citrine-theme input[type="tel"],
body.citrine-theme textarea,
body.citrine-theme select {
	font-family: var(--ct-sans) !important;
	font-size: 14px;
	border: 1px solid var(--ct-line) !important;
	border-radius: 0 !important;
	background-color: var(--ct-white);
	color: var(--ct-charcoal);
	box-shadow: none !important;
}
body.citrine-theme input:focus,
body.citrine-theme textarea:focus,
body.citrine-theme select:focus { border-color: var(--ct-copper) !important; outline: none; }

/* 9. Redux (tmc_option) overrides --------------------------------------
   Conbiz prints header/footer colours from Theme Options as inline CSS
   (#ffc423 yellow). Overridden here so the old options stay as a fallback. */
body.citrine-theme .header2 .header_top { background-color: var(--ct-charcoal) !important; }
body.citrine-theme .header2 .header_top::after,
body.citrine-theme .header2 .header_top::before { border-bottom-color: var(--ct-charcoal) !important; background-color: transparent !important; }
body.citrine-theme .header2 .header_top_right,
body.citrine-theme .header2 .header_top_social { background: transparent !important; }
body.citrine-theme .header2 .topbar_call a,
body.citrine-theme .header2 .topbar_mail a,
body.citrine-theme .header2 .topbar_call a i,
body.citrine-theme .header2 .topbar_mail a i,
body.citrine-theme .header2 .header_top_social li a i { color: rgba(255, 255, 255, .7) !important; }
body.citrine-theme .header2 .topbar_call a i,
body.citrine-theme .header2 .topbar_mail a i { color: var(--ct-gold) !important; }
body.citrine-theme .header2 .header_top_social li a:hover i,
body.citrine-theme .header2 .topbar_call a:hover,
body.citrine-theme .header2 .topbar_mail a:hover { color: var(--ct-gold) !important; }

body.citrine-theme .header1 .header-navigation ul > li:hover > a,
body.citrine-theme .header2 .header-navigation ul > li:hover > a,
body.citrine-theme .header3 .header-navigation ul > li:hover > a { color: var(--ct-gold) !important; }

body.citrine-theme #main-navigation-wrapper .nav .current-menu-item > a,
body.citrine-theme #main-navigation-wrapper .nav .current-menu-item > i,
body.citrine-theme #main-navigation-wrapper .nav .current-menu-parent > a,
body.citrine-theme #main-navigation-wrapper .nav .current-menu-parent > i,
body.citrine-theme #main-navigation-wrapper .nav .current-menu-ancestor > a { color: var(--ct-white) !important; }
body.citrine-theme #main-navigation-wrapper .nav .sub-menu .current-menu-item > a { color: var(--ct-gold) !important; }

body.citrine-theme .sub-menu li a:hover { background-color: var(--ct-charcoal-2) !important; }

/* Mobile menu */
body.citrine-theme.mobile #main-navigation-wrapper .nav .current-menu-item > a,
body.citrine-theme .mobile #main-navigation-wrapper .nav .current-menu-item > a,
body.citrine-theme.mobile .nav .current-menu-item i { color: var(--ct-gold) !important; }

/* Off-canvas social chips */
body.citrine-theme .header2 .menu-offside-area .sidebar_social_icon li { background-color: transparent !important; border: 1px solid rgba(255, 255, 255, .25); }
body.citrine-theme .header2 .menu-offside-area .sidebar_social_icon li a i { color: var(--ct-white) !important; }
body.citrine-theme .header2 .menu-offside-area .sidebar_social_icon li:hover { background-color: var(--ct-copper) !important; border-color: var(--ct-copper); }

/* Footer social chips */
body.citrine-theme .footer1 .footer-widget__social a i {
	background-color: transparent !important;
	color: var(--ct-white) !important;
	border: 1px solid rgba(255, 255, 255, .25);
	transition: background-color .25s var(--ct-ease), border-color .25s var(--ct-ease);
}
body.citrine-theme .footer1 .footer-widget__social a i:hover { background-color: var(--ct-copper) !important; border-color: var(--ct-copper); }
body.citrine-theme .footer1 .site-footer__bottom p { color: var(--ct-stone) !important; }

/* 10. Elementor font normalisation ---------------------------------------
   Pages hard-code Poppins/Open Sans/Roboto per widget; force brand fonts. */
body.citrine-theme .elementor-widget-text-editor,
body.citrine-theme .elementor-widget-text-editor *,
body.citrine-theme .elementor-icon-box-description,
body.citrine-theme .elementor-icon-list-text,
body.citrine-theme .elementor-image-box-description,
body.citrine-theme .elementor-tab-content,
body.citrine-theme .elementor-counter-title,
body.citrine-theme .elementor-testimonial-content,
body.citrine-theme .elementor-post__excerpt,
body.citrine-theme .elementor-button,
body.citrine-theme .elementor-field,
body.citrine-theme .wpcf7 { font-family: var(--ct-sans) !important; }

body.citrine-theme .elementor-icon-box-title,
body.citrine-theme .elementor-image-box-title,
body.citrine-theme .elementor-counter-number-wrapper,
body.citrine-theme .elementor-post__title,
body.citrine-theme .elementor-tab-title { font-family: var(--ct-serif) !important; }

/* 11. Home page -----------------------------------------------------------
   Section hooks are set in Elementor (Advanced > CSS Classes):
   ct-hero, ct-home-about, ct-home-pillars, ct-home-news, ct-home-partner */

/* Shared: card "Learn More" buttons become copper text links with arrow */
body.citrine-theme .ct-home-pillars .about2_service .elementor-button,
body.citrine-theme .ct-home-news .about2_service .elementor-button {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	color: var(--ct-copper) !important;
}
body.citrine-theme .ct-home-pillars .about2_service .elementor-button:hover,
body.citrine-theme .ct-home-news .about2_service .elementor-button:hover { color: var(--ct-gold) !important; }

/* Section eyebrow + title pairs (theme H4/H6 + H2) */
body.citrine-theme .ct-home-about .elementor-widget-heading:first-child .elementor-heading-title,
body.citrine-theme .ct-home-pillars .elementor-widget-heading:first-child .elementor-heading-title {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: var(--ct-copper) !important;
	line-height: 1.4 !important;
}
body.citrine-theme .ct-home-about h2.elementor-heading-title,
body.citrine-theme .ct-home-pillars h2.elementor-heading-title,
body.citrine-theme .ct-home-news h2.elementor-heading-title,
body.citrine-theme .ct-home-partner h2.elementor-heading-title {
	font-size: 44px !important;
	font-weight: 400 !important;
	line-height: 1.12 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
}

/* 11a. Hero */
body.citrine-theme .ct-hero { overflow: hidden; }
body.citrine-theme .ct-hero > .elementor-container { max-width: 1200px; }
body.citrine-theme .ct-hero .elementor-widget-wrap { max-width: 860px; }
body.citrine-theme .ct-hero .ct-eyebrow .elementor-heading-title { color: var(--ct-gold) !important; }
body.citrine-theme .ct-hero .ct-eyebrow .elementor-heading-title::before { background: var(--ct-gold); }
body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title {
	font-size: 66px !important;
	font-weight: 400 !important;
	line-height: 1.08 !important;
	text-transform: uppercase !important;
	color: var(--ct-white) !important;
}
body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title::after { width: 56px; margin-top: 36px; }
body.citrine-theme .ct-hero .ct-hero-btn { margin-top: 16px; }
@media (max-width: 1024px) {
	body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title { font-size: 56px !important; }
}
@media (max-width: 767px) {
	body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title { font-size: 38px !important; }
	body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title::after { margin-top: 24px; }
	body.citrine-theme .ct-hero > .elementor-background-overlay {
		background-image: linear-gradient(180deg, rgba(22, 22, 22, .55) 0%, rgba(22, 22, 22, .92) 100%) !important;
	}
}

/* 11b. About */
body.citrine-theme .ct-home-about { background-image: none !important; }
body.citrine-theme .ct-home-about h2.elementor-heading-title { color: var(--ct-charcoal) !important; }
body.citrine-theme .ct-home-about h2.elementor-heading-title::after {
	content: ""; display: block; width: 40px; height: 2px; margin-top: 28px; background: var(--ct-copper);
}
body.citrine-theme .ct-home-about p.elementor-heading-title,
body.citrine-theme .ct-home-about .elementor-widget-heading:nth-child(3) .elementor-heading-title {
	font-family: var(--ct-sans) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--ct-text) !important;
	text-transform: none !important;
}
body.citrine-theme .ct-home-about img { border-radius: 0 !important; }
body.citrine-theme .ct-home-about .elementor-background-overlay,
body.citrine-theme .ct-home-about .hm4.exp::before,
body.citrine-theme .ct-home-about .hm4.exp::after { display: none !important; }

/* 11c. Three Pillars (dark, "Our Interests" cards) */
body.citrine-theme .ct-home-pillars h2.elementor-heading-title { color: var(--ct-white) !important; }
body.citrine-theme .ct-home-pillars .about2_service > .elementor-widget-wrap {
	background: var(--ct-charcoal-2) !important;
	border: 1px solid rgba(255, 255, 255, .08);
	padding: 0 0 32px !important;
	height: 100%;
	align-content: flex-start !important;
	align-items: flex-start !important;
	transition: border-color .3s var(--ct-ease);
	overflow: hidden;
}
body.citrine-theme .ct-home-pillars .about2_service > .elementor-widget-wrap:hover { border-color: var(--ct-copper); }
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-image { overflow: hidden; margin-bottom: 28px !important; }
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-image img {
	width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0 !important;
	transition: transform .6s var(--ct-ease);
}
body.citrine-theme .ct-home-pillars .about2_service > .elementor-widget-wrap:hover .elementor-widget-image img { transform: scale(1.04); }
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget:not(.elementor-widget-image) { padding: 0 28px; }
body.citrine-theme .ct-home-pillars .about2_service h5.elementor-heading-title,
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title {
	font-family: var(--ct-serif) !important;
	font-weight: 400 !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	text-transform: uppercase !important;
	color: var(--ct-white) !important;
}
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(3) .elementor-heading-title {
	font-family: var(--ct-sans) !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
	color: var(--ct-stone) !important;
	text-transform: none !important;
}

/* 11d. Latest News (ivory, white cards) */
body.citrine-theme .ct-home-news { padding: 110px 0 !important; }
body.citrine-theme .ct-home-news h2.elementor-heading-title { color: var(--ct-charcoal) !important; }
body.citrine-theme .ct-home-news .about2_service > .elementor-widget-wrap {
	background: var(--ct-white) !important;
	border: 1px solid var(--ct-line);
	padding: 0 0 0px !important;
	height: 100%;
	align-content: flex-start !important;
	align-items: flex-start !important;
	overflow: hidden;
	transition: border-color .3s var(--ct-ease), box-shadow .3s var(--ct-ease);
}
body.citrine-theme .ct-home-news .about2_service > .elementor-widget-wrap:hover {
	border-color: var(--ct-gold);
	box-shadow: 0 18px 40px rgba(22, 22, 22, .08);
}
body.citrine-theme .ct-home-news .about2_service .elementor-widget-image { overflow: hidden; margin-bottom: 26px !important; }
body.citrine-theme .ct-home-news .about2_service .elementor-widget-image img {
	width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0 !important;
	transition: transform .6s var(--ct-ease);
}
body.citrine-theme .ct-home-news .about2_service > .elementor-widget-wrap:hover .elementor-widget-image img { transform: scale(1.04); }
body.citrine-theme .ct-home-news .about2_service .elementor-widget:not(.elementor-widget-image) { padding: 0 28px; }
body.citrine-theme .ct-home-news .about2_service .elementor-widget:not(.elementor-widget-image) { margin-bottom:0px !important;margin-top:0px !important;}
body.citrine-theme .ct-home-news .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title {
	font-family: var(--ct-serif) !important;
	font-weight: 400 !important;
	font-size: 21px !important;
	line-height: 1.3 !important;
	color: var(--ct-charcoal) !important;
	text-transform: none !important;
}
body.citrine-theme .ct-home-news .about2_service .elementor-widget-heading:nth-child(3) .elementor-heading-title {
	font-family: var(--ct-sans) !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: var(--ct-text) !important;
	text-transform: none !important;
}

/* 11e. Partner with us (dark band, image muted) */
body.citrine-theme .ct-home-partner .elementor-column > .elementor-widget-wrap {
	/*background-color: var(--ct-charcoal) !important;*/
	background-blend-mode: luminosity;
	position: relative;
}
body.citrine-theme .ct-home-partner .elementor-column > .elementor-widget-wrap::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	/*background: linear-gradient(90deg, rgba(22, 22, 22, .95) 0%, rgba(22, 22, 22, .82) 45%, rgba(22, 22, 22, .45) 100%);*/
}
body.citrine-theme .ct-home-partner .elementor-widget-wrap > * { position: relative; z-index: 1; }
body.citrine-theme .ct-home-partner .home3TeamPattrn { opacity: .06; }
body.citrine-theme .ct-home-partner h2.elementor-heading-title { color: var(--ct-white) !important; }
body.citrine-theme .ct-home-partner .elementor-widget-heading:not(:first-child) .elementor-heading-title:not(h2) {
	font-family: var(--ct-sans) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: rgba(255, 255, 255, .78) !important;
}
body.citrine-theme .ct-home-partner .elementor-button {
	background-color: transparent !important;
	border-color: var(--ct-copper) !important;
}
body.citrine-theme .ct-home-partner .elementor-button:hover { background-color: var(--ct-copper) !important; }

@media (max-width: 991px) {
	body.citrine-theme .ct-home-about h2.elementor-heading-title,
	body.citrine-theme .ct-home-pillars h2.elementor-heading-title,
	body.citrine-theme .ct-home-news h2.elementor-heading-title,
	body.citrine-theme .ct-home-partner h2.elementor-heading-title { font-size: 34px !important; }
}
@media (max-width: 575px) {
	body.citrine-theme .ct-home-about h2.elementor-heading-title,
	body.citrine-theme .ct-home-pillars h2.elementor-heading-title,
	body.citrine-theme .ct-home-news h2.elementor-heading-title,
	body.citrine-theme .ct-home-partner h2.elementor-heading-title { font-size: 28px !important; }
	body.citrine-theme .ct-home-news { padding: 70px 0 !important; }
}

/* Hidden blog sidebar blocks (carried over from Conbiz-child, 01 Oct) */
#block-2, #block-3, #block-4 { display: none !important; }

/* Footer sits directly under dark home bands: hairline separation */
body.citrine-theme .site-footer { border-top: 1px solid rgba(255, 255, 255, .08); }
body.citrine-theme .ct-home-partner { border-bottom: 2px solid var(--ct-copper); }

/* Links inside Elementor headings: Conbiz styles bare <a> with Poppins */
body.citrine-theme .elementor-heading-title a {
	font-family: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	text-transform: inherit !important;
}
body.citrine-theme .elementor-heading-title a:hover { color: var(--ct-copper) !important; }
body.citrine-theme .ct-dark .elementor-heading-title a:hover { color: var(--ct-gold) !important; }
body.citrine-theme .ct-home-pillars .about2_service > .elementor-widget-wrap,
body.citrine-theme .ct-home-news .about2_service > .elementor-widget-wrap { border-radius: 0 !important; }

/* Home QA pass (8 Oct) ---------------------------------------------------- */
/* Hero height: vh alone balloons on tall/portrait screens */
body.citrine-theme .ct-hero > .elementor-container { min-height: clamp(560px, 72vh, 820px) !important; }

/* Card buttons: theme adds a 45px bottom margin */
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-button,
body.citrine-theme .ct-home-news .about2_service .elementor-widget-button { margin-bottom: 0 !important; }

/* Mobile menu toggle (theme paints it navy) */
body.citrine-theme .cmn-toggle-switch span,
body.citrine-theme .cmn-toggle-switch::before,
body.citrine-theme .cmn-toggle-switch::after { background: var(--ct-white) !important; height: 2px !important; }
body.citrine-theme .cmn-toggle-switch.active span { background: transparent !important; }

@media (max-width: 767px) {
	/* Side gutters: see section 13 (container padding) */
	body.citrine-theme .ct-home-pillars .about2_service,
	body.citrine-theme .ct-home-news .about2_service { margin-bottom: 20px; }
}
/* Partner band: drop the 2021 Conbiz demo background (box + squiggle) */
/*body.citrine-theme .ct-home-partner .home3_team_sec > .elementor-widget-wrap {
	background-image: radial-gradient(circle at 82% 50%, rgba(184, 92, 56, .22) 0%, rgba(184, 92, 56, 0) 55%) !important;
	background-color: var(--ct-charcoal) !important;
}*/
body.citrine-theme .ct-home-partner .home3_team_sec > .elementor-widget-wrap::before { content: none !important; }
body.citrine-theme .ct-home-partner .home3TeamPattrn,
body.citrine-theme .ct-home-partner .hm3TestimonialTopImg { display: none !important; }
body.citrine-theme .ct-home-partner h2.elementor-heading-title::after {
	content: ""; display: block; width: 40px; height: 2px; margin: 26px auto 0; background: var(--ct-gold);
}
/* Pillar cards: flat, no theme glow */
body.citrine-theme .ct-home-pillars .about2_service > .elementor-widget-wrap,
body.citrine-theme .ct-home-pillars .about2_service { box-shadow: none !important; }
/* Partner: only the outer column carries the band; inner columns stay transparent */
body.citrine-theme .ct-home-partner .elementor-inner-column > .elementor-widget-wrap { background: none !important; }
body.citrine-theme .ct-home-partner .elementor-inner-column > .elementor-widget-wrap::before { content: none !important; }

/* ==========================================================================
   12. Home — moodboard match pass (8 Oct)
   ========================================================================== */

/* 12a. Header: transparent over the hero, no top bar, nav right (home only, desktop) */
@media (min-width: 1201px) {
	body.citrine-theme.home .site-header__wrapper,
	body.citrine-theme.home .site-header {
		position: absolute; top: 0; left: 0; right: 0; z-index: 99; background: transparent !important;
	}
	body.citrine-theme.home.admin-bar .site-header__wrapper { top: 32px; }
	/*body.citrine-theme.home .header_top { display: none !important; }*/
	body.citrine-theme.home .header2 .header-navigation:not(.sticky_header) {
		background: transparent !important;
		box-shadow: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}
	body.citrine-theme.home .main-nav,
	body.citrine-theme.home .toggle-block-container { display: flex; justify-content: flex-end; align-items: center; }
	body.citrine-theme.home .main-nav .navbar-nav { float: none; }
	body.citrine-theme.home .right-side-box .group-icon-btn,
	body.citrine-theme.home .right-side-box .search-btn { display: none !important; }
	body.citrine-theme.home .ct-hero { padding-top: 150px !important; }
}

/* 12b. Hero: bigger 4-line display heading + scroll cue */
body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title {
	font-size: 78px !important;
	line-height: 1.04 !important;
	max-width: 760px;
}
body.citrine-theme .ct-hero > .elementor-container { position: relative; }
body.citrine-theme .ct-hero > .elementor-container::after {
	content: "Scroll";
	position: absolute; left: 30px; bottom: -40px;
	padding-left: 22px;
	font-family: var(--ct-sans); font-size: 12px; letter-spacing: .08em;
	color: rgba(255, 255, 255, .8);
	line-height: 40px;
	background: linear-gradient(var(--ct-gold), var(--ct-gold)) 0 0 / 1px 40px no-repeat;
}
@media (max-width: 1024px) {
	body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title { font-size: 58px !important; }
	body.citrine-theme .ct-hero > .elementor-container::after { display: none; }
}
@media (max-width: 767px) {
	body.citrine-theme .ct-hero .ct-hero-title .elementor-heading-title { font-size: 40px !important; }
}

/* 12c. About: larger heading + body, button */
body.citrine-theme .ct-home-about h2.elementor-heading-title { font-size: 50px !important; max-width: 520px; }
body.citrine-theme .ct-home-about .elementor-widget-heading:nth-child(3) .elementor-heading-title { font-size: 17px !important; }
body.citrine-theme .ct-home-about .ct-about-btn { margin-top: 12px; }

/* 12d. Section headers left-aligned with copper rule (pillars, partner) */
body.citrine-theme .ct-home-pillars .elementor-inner-section .elementor-column:has(> .elementor-widget-wrap:not(.elementor-element-populated)),
body.citrine-theme .ct-home-partner .elementor-inner-section .elementor-column:has(> .elementor-widget-wrap:not(.elementor-element-populated)) { display: none; }
body.citrine-theme .ct-home-pillars .elementor-inner-section .elementor-column:not(.about2_service):has(> .elementor-widget-wrap .elementor-widget-heading) { width: 100% !important; }
body.citrine-theme .ct-home-pillars .elementor-heading-title,
body.citrine-theme .ct-home-partner .elementor-heading-title { text-align: left !important; }
body.citrine-theme .ct-home-pillars .about2_service .elementor-heading-title { text-align: left !important; }
body.citrine-theme .ct-home-pillars .elementor-widget-heading:first-child .elementor-heading-title,
body.citrine-theme .ct-home-partner .ct-partner-eyebrow .elementor-heading-title {
	display: inline-flex !important; align-items: center; gap: 16px;
}
body.citrine-theme .ct-home-pillars .elementor-inner-section:first-of-type .elementor-widget-heading:first-child .elementor-heading-title::before {
	content: ""; width: 28px; height: 2px; background: var(--ct-copper);
}
body.citrine-theme .ct-home-pillars h2.elementor-heading-title { font-size: 34px !important; }

/* Arrow-only card links (label kept for screen readers) */
/*body.citrine-theme .ct-home-pillars .about2_service .elementor-button-text {
	font-size: 0 !important; letter-spacing: 0 !important;
}*/
body.citrine-theme .ct-home-pillars .about2_service .elementor-button-text::after {
	font-size: 22px !important; margin-left: 0 !important; color: var(--ct-copper);
}

/* 12e. Partner = moodboard "Our Approach": left aligned */
body.citrine-theme .ct-home-partner .elementor-inner-section .elementor-column.elementor-col-50,
body.citrine-theme .ct-home-partner .elementor-inner-section .elementor-column:has(.elementor-widget-button) { width: 62% !important; }
body.citrine-theme .ct-home-partner .elementor-widget-button .elementor-button-wrapper,
body.citrine-theme .ct-home-partner .elementor-widget-button { text-align: left !important; }
body.citrine-theme .ct-home-partner .elementor-widget-button.elementor-align-center .elementor-button-wrapper { justify-content: flex-start !important; }
body.citrine-theme .ct-home-partner h2.elementor-heading-title { font-size: 46px !important; }
body.citrine-theme .ct-home-partner h2.elementor-heading-title::after { margin: 26px 0 0 !important; background: var(--ct-copper) !important; }
@media (max-width: 1024px) {
	body.citrine-theme .ct-home-partner .elementor-inner-section .elementor-column:has(.elementor-widget-button) { width: 100% !important; }
	body.citrine-theme .ct-home-about h2.elementor-heading-title { font-size: 38px !important; }
	body.citrine-theme .ct-home-partner h2.elementor-heading-title { font-size: 36px !important; }
}
@media (max-width: 575px) {
	body.citrine-theme .ct-home-about h2.elementor-heading-title,
	body.citrine-theme .ct-home-partner h2.elementor-heading-title,
	body.citrine-theme .ct-home-pillars h2.elementor-heading-title { font-size: 30px !important; }
}
.ct-nowrap { white-space: nowrap; }
body.citrine-theme .ct-home-pillars .elementor-widget-heading,
body.citrine-theme .ct-home-partner .elementor-widget-heading { text-align: left !important; }

/* 13. Home responsive pass ------------------------------------------------- */
/* Off-canvas info panel holds Conbiz demo text: hide its trigger on home */
body.citrine-theme.home .group-icon-btn.window_open { display: none !important; }

/* Pillars header: old tablet negative margins made the cards overlap the H2 */
body.citrine-theme .ct-home-pillars h2.elementor-heading-title { margin: 0 !important; }
body.citrine-theme .ct-home-pillars .elementor-inner-section:first-of-type { margin-bottom: 44px !important; }
body.citrine-theme .ct-home-pillars .elementor-inner-section:first-of-type .elementor-widget-heading { margin: 0 0 14px !important; }

@media (max-width: 1024px) {
	/* 30px side gutter for every home band */
	body.citrine-theme .ct-home-about > .elementor-container,
	body.citrine-theme .ct-home-pillars > .elementor-container,
	body.citrine-theme .ct-home-news > .elementor-container,
	body.citrine-theme .ct-home-partner > .elementor-container { padding-left: 30px; padding-right: 30px; }
	body.citrine-theme .ct-home-about .elementor-widget { padding-left: 0 !important; padding-right: 0 !important; }
	body.citrine-theme .ct-home-about { padding: 90px 0 !important; }
	body.citrine-theme .ct-home-pillars { padding: 90px 0 !important; }
	body.citrine-theme .ct-home-news { padding: 90px 0 !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	/* Keep pillar cards three-up on tablets */
	body.citrine-theme .ct-home-pillars .about2_service { width: 33.333% !important; }
	body.citrine-theme .ct-home-pillars .about2_service .elementor-widget:not(.elementor-widget-image) { padding: 0 20px; }
	body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 17px !important; }
}
@media (max-width: 900px) {
	/* Stack About: text then image */
	body.citrine-theme .ct-home-about .elementor-inner-column { width: 100% !important; }
	body.citrine-theme .ct-home-about .elementor-inner-column + .elementor-inner-column { margin-top: 40px; }
}
@media (max-width: 767px) {
	body.citrine-theme .ct-home-about > .elementor-container,
	body.citrine-theme .ct-home-pillars > .elementor-container,
	body.citrine-theme .ct-home-news > .elementor-container,
	body.citrine-theme .ct-home-partner > .elementor-container { padding-left: 20px; padding-right: 20px; }
	body.citrine-theme .ct-home-about,
	body.citrine-theme .ct-home-pillars,
	body.citrine-theme .ct-home-news { padding: 70px 0 !important; }
	body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-image img { aspect-ratio: 16 / 10; }
}
@media (max-width: 900px) {
	body.citrine-theme .ct-home-about .elementor-widget-image,
	body.citrine-theme .ct-home-about .elementor-widget-image .elementor-widget-container { text-align: left !important; margin: 0 !important; }
	body.citrine-theme .ct-home-about .elementor-widget-image img { width: 100% !important; max-width: 100% !important; }
	body.citrine-theme .ct-home-about .elementor-inner-column > .elementor-widget-wrap { padding: 0 !important; margin: 0 !important; }
}
@media (max-width: 1024px) {
	body.citrine-theme .ct-hero > .elementor-background-overlay {
		background-image: linear-gradient(90deg, rgba(22, 22, 22, .92) 0%, rgba(22, 22, 22, .75) 60%, rgba(22, 22, 22, .45) 100%) !important;
		opacity: 1 !important;
	}
}

/* 14. Partner CTA: restore the section photo with a moodboard-style overlay
   (charcoal fade from the text side, image desaturated + warmed so the
   blue stock photo sits in the Citrine palette). Overrides 11e/12e. */
body.citrine-theme .ct-home-partner .home3_team_sec > .elementor-widget-wrap {
	/*background-color: var(--ct-charcoal) !important;
	background-image:
		linear-gradient(90deg, rgba(22, 22, 22, .97) 0%, rgba(22, 22, 22, .88) 36%, rgba(22, 22, 22, .2) 66%, rgba(22, 22, 22, 0) 100%),
		linear-gradient(rgba(184, 92, 56, .1), rgba(184, 92, 56, .1)),
		url("https://wp.verzinc.com/citrine/wp-content/uploads/2021/10/step-bg.jpg") !important;*/
	background-size: cover, cover, cover !important;
	background-position: center, center, right center !important;
	background-repeat: no-repeat !important;
	background-blend-mode: normal, multiply, luminosity !important;
}
/*@media (max-width: 767px) {
	body.citrine-theme .ct-home-partner .home3_team_sec > .elementor-widget-wrap {
		background-image:
			linear-gradient(180deg, rgba(22, 22, 22, .9) 0%, rgba(22, 22, 22, .82) 100%),
			linear-gradient(rgba(184, 92, 56, .16), rgba(184, 92, 56, .16)),
			url("https://wp.verzinc.com/citrine/wp-content/uploads/2021/10/step-bg.jpg") !important;
		background-position: center, center, 80% center !important;
	}
}*/
/* Scroll cue removed at client request (8 Oct) */
body.citrine-theme .ct-hero > .elementor-container::after { content: none !important; display: none !important; }

/* ==========================================================================
   15. Home — moodboard fidelity pass 2 (8 Oct)
   Moodboard measured at 1440: ~1280 content width, hero ~860 tall,
   section rhythm ~80-90px, About image portrait, Interests header = label + line.
   ========================================================================== */
@media (min-width: 1025px) {
	/* Wider content, like the moodboard */
	body.citrine-theme .ct-hero > .elementor-container,
	body.citrine-theme .ct-home-about > .elementor-container,
	body.citrine-theme .ct-home-pillars > .elementor-container,
	body.citrine-theme .ct-home-news > .elementor-container,
	body.citrine-theme .ct-home-partner .elementor-inner-section > .elementor-container { max-width: 1280px !important; }
	body.citrine-theme .ct-home-about .elementor-inner-section > .elementor-container,
	body.citrine-theme .ct-home-pillars .elementor-inner-section > .elementor-container,
	body.citrine-theme .ct-home-news .elementor-inner-section > .elementor-container { max-width: 1280px !important; }
	body.citrine-theme.home .header2 .header-navigation > .container { width: 100%; max-width: 1280px; padding-left: 20px; padding-right: 20px; }

	/* Hero: shorter, content sits a little higher */
	body.citrine-theme.home .ct-hero { padding-top: 130px !important; padding-bottom: 70px !important; }
	body.citrine-theme .ct-hero > .elementor-container { min-height: clamp(520px, 62vh, 650px) !important; }

	/* Section rhythm */
	body.citrine-theme .ct-home-about,
	body.citrine-theme .ct-home-pillars,
	body.citrine-theme .ct-home-news { padding-top: 90px !important; padding-bottom: 90px !important; }
	body.citrine-theme .ct-home-partner .home3_team_sec > .elementor-widget-wrap { padding-top: 90px !important; padding-bottom: 90px !important; }

	/* About: bigger type, portrait image beside it */
	body.citrine-theme .ct-home-about h2.elementor-heading-title { font-size: 56px !important; line-height: 1.08 !important; max-width: 620px; }
	body.citrine-theme .ct-home-about .elementor-widget-heading:nth-child(3) .elementor-heading-title { font-size: 18px !important; line-height: 1.75 !important; max-width: 600px; }
	body.citrine-theme .ct-home-about .elementor-inner-section > .elementor-container { align-items: stretch; }
	body.citrine-theme .ct-home-about .elementor-inner-column:first-child { width: 58% !important; }
	body.citrine-theme .ct-home-about .elementor-inner-column:last-child { width: 42% !important; padding-left: 40px; }
	body.citrine-theme .ct-home-about .elementor-inner-column:first-child > .elementor-widget-wrap { align-content: center !important; }
	body.citrine-theme .ct-home-about .elementor-widget-image img {
		width: 100% !important; aspect-ratio: 4 / 5; object-fit: cover; object-position: 55% center;
	}

	/* Interests header: label + one quiet line, cards close underneath */
	body.citrine-theme .ct-home-pillars h2.elementor-heading-title {
		font-family: var(--ct-sans) !important;
		font-size: 18px !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		letter-spacing: .01em !important;
		text-transform: none !important;
		color: rgba(255, 255, 255, .88) !important;
		padding-left: 44px;
	}
	body.citrine-theme .ct-home-pillars .elementor-inner-section:first-of-type { margin-bottom: 30px !important; }
	body.citrine-theme .ct-home-pillars .elementor-inner-section:first-of-type .elementor-widget-heading { margin: 0 0 8px !important; }
	body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 22px !important; }

	/* Approach band: bigger heading */
	body.citrine-theme .ct-home-partner h2.elementor-heading-title { font-size: 52px !important; }
}
@media (min-width: 1025px) {
	/* About photo: keep all three people in frame */
	body.citrine-theme .ct-home-about .elementor-widget-image img { aspect-ratio: 9 / 10; object-position: center center; }
	/* Partner content on the same left edge as the other bands */
	body.citrine-theme .ct-home-partner .elementor-inner-column > .elementor-widget-wrap { padding-left: 10px !important; }
}
/* Card arrows / links pinned to the bottom of each card (moodboard) */
body.citrine-theme .ct-home-pillars .about2_service > .elementor-widget-wrap,
body.citrine-theme .ct-home-news .about2_service > .elementor-widget-wrap { flex-direction: column; flex-wrap: nowrap; }
body.citrine-theme .ct-home-pillars .about2_service .elementor-widget-button,
body.citrine-theme .ct-home-news .about2_service .elementor-widget-button { margin-top: auto !important; }

/* ==========================================================================
   16. Palette B — Deep Navy / Warm Ivory / Champagne Gold (14 Oct 2026)
   Client comparison request. Layout + typography untouched; colours only.
   Active when <body> carries .ct-navy (functions.php; ?palette=black shows A).
   Codes from reference/client-palette2-navy-codes.jpeg:
     Deep Navy #182536  Warm Ivory #F5F2EB  Champagne Gold #B39A70
     White #FFFFFF      Slate Charcoal #333A42
   To make this permanent: fold these values into section 1 tokens and
   delete the ?palette switch. To revert to A: remove .ct-navy in functions.php.
   ========================================================================== */
body.ct-navy {
	--ct-charcoal: #182536;   /* deep navy */
	--ct-charcoal-2: #1F2F44; /* raised navy surface (cards, dropdown hover) */
	--ct-ivory: #F5F2EB;      /* warm ivory */
	--ct-copper: #B39A70;     /* champagne gold = accent */
	--ct-copper-dk: #9E865C;  /* accent hover */
	--ct-stone: #8A939F;      /* secondary slate */
	--ct-gold: #CDB88F;       /* lighter champagne for highlights on navy */
	--ct-text: #333A42;       /* slate charcoal body */
	--ct-line: rgba(51, 58, 66, .18);
}
/* Elementor kit globals (kit 6 is painted on <body>) */
body.ct-navy.elementor-kit-6,
body.ct-navy [class*="elementor-kit-"] {
	--e-global-color-primary: #182536;
	--e-global-color-secondary: #8A939F;
	--e-global-color-text: #333A42;
	--e-global-color-accent: #B39A70;
	--e-global-color-ctivory: #F5F2EB;
	--e-global-color-ctgold: #CDB88F;
}

/* Elementor-level colours hard-coded on page 3888 */
body.ct-navy .ct-hero > .elementor-background-overlay {
	background-image: linear-gradient(90deg, #182536 25%, rgba(24, 37, 54, .10) 85%) !important;
}
@media (max-width: 1024px) {
	body.ct-navy .ct-hero > .elementor-background-overlay {
		background-image: linear-gradient(90deg, rgba(24, 37, 54, .92) 0%, rgba(24, 37, 54, .75) 60%, rgba(24, 37, 54, .45) 100%) !important;
	}
}
@media (max-width: 767px) {
	body.ct-navy .ct-hero > .elementor-background-overlay {
		background-image: linear-gradient(180deg, rgba(24, 37, 54, .55) 0%, rgba(24, 37, 54, .92) 100%) !important;
	}
}
body.ct-navy .ct-home-about,
body.ct-navy .ct-home-news { background-color: var(--ct-ivory) !important; }
body.ct-navy .ct-home-pillars,
body.ct-navy .ct-home-partner { background-color: var(--ct-charcoal) !important; }

/* Hard-coded charcoal rgba() in sections 11-14 */
body.ct-navy .ct-home-news .about2_service > .elementor-widget-wrap:hover { box-shadow: 0 18px 40px rgba(24, 37, 54, .10); }
body.ct-navy .ct-home-partner .elementor-column > .elementor-widget-wrap::before {
	background: linear-gradient(90deg, rgba(24, 37, 54, .95) 0%, rgba(24, 37, 54, .82) 45%, rgba(24, 37, 54, .45) 100%);
}
body.ct-navy .ct-home-partner .home3_team_sec > .elementor-widget-wrap {
	background-image:
		linear-gradient(90deg, rgba(24, 37, 54, .97) 0%, rgba(24, 37, 54, .88) 36%, rgba(24, 37, 54, .2) 66%, rgba(24, 37, 54, 0) 100%),
		linear-gradient(rgba(179, 154, 112, .12), rgba(179, 154, 112, .12)),
		url("https://wp.verzinc.com/citrine/wp-content/uploads/2021/10/step-bg.jpg") !important;
}
@media (max-width: 767px) {
	body.ct-navy .ct-home-partner .home3_team_sec > .elementor-widget-wrap {
		background-image:
			linear-gradient(180deg, rgba(24, 37, 54, .9) 0%, rgba(24, 37, 54, .82) 100%),
			linear-gradient(rgba(179, 154, 112, .16), rgba(179, 154, 112, .16)),
			url("https://wp.verzinc.com/citrine/wp-content/uploads/2021/10/step-bg.jpg") !important;
	}
}

/* Buttons: champagne gold reads best with navy text (white on gold is too light) */
body.ct-navy .elementor-button,
body.ct-navy .thm-btn,
body.ct-navy input[type="submit"],
body.ct-navy button[type="submit"],
body.ct-navy .contactus_form [type="submit"] { color: var(--ct-charcoal) !important; }
body.ct-navy .elementor-button:hover,
body.ct-navy .thm-btn:hover,
body.ct-navy input[type="submit"]:hover,
body.ct-navy button[type="submit"]:hover {
	background-color: var(--ct-gold) !important;
	border-color: var(--ct-gold) !important;
	color: var(--ct-charcoal) !important;
}
/* Outline buttons on navy bands keep white text, fill gold with navy text on hover */
body.ct-navy .ct-btn-outline .elementor-button,
body.ct-navy .ct-home-partner .elementor-button { color: var(--ct-white) !important; }
body.ct-navy .ct-btn-outline .elementor-button:hover,
body.ct-navy .ct-home-partner .elementor-button:hover { color: var(--ct-charcoal) !important; background-color: var(--ct-copper) !important; }

/* Small text links on ivory: gold alone is too faint at 12px, so navy text + gold on hover */
body.ct-navy .ct-home-news .about2_service .elementor-button { color: var(--ct-charcoal) !important; background: transparent !important; }
body.ct-navy .ct-home-news .about2_service .elementor-button:hover { color: var(--ct-copper) !important; background: transparent !important; }
body.ct-navy .ct-home-pillars .about2_service .elementor-button { color: var(--ct-copper) !important; background: transparent !important; }
body.ct-navy .ct-home-pillars .about2_service .elementor-button:hover { color: var(--ct-gold) !important; background: transparent !important; }
body.ct-navy .ct-home-pillars .about2_service .elementor-button-text::after { color: var(--ct-copper); }
body.ct-navy a:hover { color: var(--ct-copper-dk); }
body.ct-navy ::selection { background: var(--ct-charcoal); color: var(--ct-white); }

/* Pillar card copy: slate grey sat on charcoal; on navy use soft white */
body.ct-navy .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(3) .elementor-heading-title { color: rgba(255, 255, 255, .72) !important; }
body.ct-navy .ct-home-pillars .about2_service > .elementor-widget-wrap { border-color: rgba(255, 255, 255, .10); }
body.ct-navy .ct-home-pillars .about2_service > .elementor-widget-wrap:hover { border-color: var(--ct-copper); }

/* Footer copyright on navy */
body.ct-navy .site-footer__copy,
body.ct-navy .site-footer__copy p,
body.ct-navy .footer1 .site-footer__bottom p { color: rgba(255, 255, 255, .55) !important; }

/* Footer widget title rule: Conbiz paints it red (#E34115); follow the accent in both palettes */
body.citrine-theme .footer-widget__title::after { background-color: var(--ct-copper) !important; }

/* ==========================================================================
   17. Palette B fonts — Cormorant Garamond (headings) + Inter (body/nav/UI)
   Per the client mockup (reference/client-palette2-navy-mockup.png). Every
   type rule above reads --ct-serif / --ct-sans, so swapping the tokens is
   enough; Cormorant is lighter than Playfair, so headings go to weight 500.
   ========================================================================== */
body.ct-navy {
	--ct-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--ct-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}
body.ct-navy h1,
body.ct-navy h2,
body.ct-navy h3,
body.ct-navy h4,
body.ct-navy .elementor-heading-title,
body.ct-navy .elementor-icon-box-title,
body.ct-navy .elementor-image-box-title,
body.ct-navy .elementor-post__title { font-weight: 500; }
body.ct-navy .ct-hero .ct-hero-title .elementor-heading-title,
body.ct-navy .ct-home-about h2.elementor-heading-title,
body.ct-navy .ct-home-news h2.elementor-heading-title,
body.ct-navy .ct-home-partner h2.elementor-heading-title { font-weight: 500 !important; letter-spacing: .01em !important; }
body.ct-navy .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title,
body.ct-navy .ct-home-news .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-weight: 600 !important; }
/* Inter is wider than Montserrat: ease the tracking on small caps labels */
body.ct-navy .ct-eyebrow .elementor-heading-title,
body.ct-navy .ct-home-about .elementor-widget-heading:first-child .elementor-heading-title,
body.ct-navy .ct-home-pillars .elementor-widget-heading:first-child .elementor-heading-title,
body.ct-navy .footer-widget__title { letter-spacing: .16em !important; }
body.ct-navy .elementor-button,
body.ct-navy .thm-btn { letter-spacing: .12em !important; }

/* ==========================================================================
   18. Palette B — Title Case display headings (client mockup)
   Eyebrows, buttons, nav labels and footer titles stay small caps.
   ========================================================================== */
body.ct-navy h1,
body.ct-navy h2,
body.ct-navy .ct-hero .ct-hero-title .elementor-heading-title,
body.ct-navy .ct-home-about h2.elementor-heading-title,
body.ct-navy .ct-home-pillars h2.elementor-heading-title,
body.ct-navy .ct-home-news h2.elementor-heading-title,
body.ct-navy .ct-home-partner h2.elementor-heading-title,
body.ct-navy .ct-home-pillars .about2_service h5.elementor-heading-title,
body.ct-navy .ct-home-pillars .about2_service .elementor-widget-heading:nth-child(2) .elementor-heading-title,
body.ct-navy .ct-card .elementor-heading-title { text-transform: none !important; }
/* Cormorant at title case sits a touch tighter and taller than caps */
body.ct-navy .ct-hero .ct-hero-title .elementor-heading-title { line-height: 1.08 !important; }

/* ==========================================================================
   19. Footer: larger logo, less dead space (14 Oct 2026)
   Conbiz gives every footer widget 80px top / 120px bottom padding and the
   container another 40px; the logo widget renders the 370px PNG at 96px.
   ========================================================================== */
body.citrine-theme .site-footer__main .widget.footerBlock { padding: 48px 0 32px !important; margin: 0 !important; }
body.citrine-theme .site-footer__main > .container { padding-bottom: 0 !important; }
body.citrine-theme .site-footer__main .widget_media_image img { width: 170px !important; max-width: 100%; height: auto; }
body.citrine-theme .site-footer__main .widget_media_image a { display: inline-block; line-height: 0; }
body.citrine-theme .site-footer__bottom { padding: 18px 0 !important; }
body.citrine-theme .site-footer__main .footer-widget__title { margin-bottom: 18px !important; }
@media (max-width: 767px) {
	body.citrine-theme .site-footer__main .widget.footerBlock { padding: 32px 0 16px !important; }
	body.citrine-theme .site-footer__main .widget_media_image img { width: 140px !important; }
}
/* 19b. Conbiz caps footer images at 55px tall (stretches the logo), and the
   right column stacks two widgets each carrying full padding. */
body.citrine-theme .site-footer__main .widget_media_image img { max-height: none !important; width: 170px !important; height: auto !important; }
body.citrine-theme .site-footer__main .widget.footerBlock { padding: 44px 0 0 !important; }
body.citrine-theme .site-footer__main .widget.footerBlock + .widget.footerBlock { padding-top: 22px !important; }
body.citrine-theme .site-footer__main > .container { padding-bottom: 44px !important; }
@media (max-width: 767px) {
	body.citrine-theme .site-footer__main .widget.footerBlock { padding: 28px 0 0 !important; }
	body.citrine-theme .site-footer__main .widget.footerBlock + .widget.footerBlock { padding-top: 16px !important; }
	body.citrine-theme .site-footer__main > .container { padding-bottom: 28px !important; }
}

/* ==========================================================================
   20. Inner pages — follow the approved home (Palette A) look (15 Oct 2026)
   Pages: About (1311), Businesses & Investments (14149), Contact (5916),
   Newsroom (blog index), single posts. Conbiz demo colours still leaking:
   navy #032043 (banner bg, headings), red #E34115 / #E24115 (icons, blog
   meta, read-more, sidebar rules, tags), Poppins / Open Sans fonts.
   ========================================================================== */

/* 20a. Inner banner: charcoal band, white Playfair title, copper rule, small-caps breadcrumb.
   The base h1 rule (section 2) painted the banner title charcoal-on-navy. */
body.citrine-theme .inner-banner {
	position: relative;
	background-color: var(--ct-charcoal) !important;
	padding: 120px 0 80px !important;
	overflow: hidden;
}
body.citrine-theme .inner-banner::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, rgba(22, 22, 22, .92) 0%, rgba(22, 22, 22, .72) 55%, rgba(22, 22, 22, .55) 100%);
}
body.citrine-theme .inner-banner > * { position: relative; z-index: 1; }
body.citrine-theme .inner-banner__content h1 {
	font-family: var(--ct-serif) !important;
	font-size: 54px !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	text-transform: uppercase;
	color: var(--ct-white) !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	max-width: 900px;
}
body.citrine-theme .inner-banner__content h1::after {
	content: ""; display: block; width: 44px; height: 2px; margin-top: 22px; background: var(--ct-copper);
}
body.citrine-theme .inner-banner__content h5 { display: flex !important; flex-wrap: wrap; align-items: center; margin: 0; }
body.citrine-theme .inner-banner__content h5,
body.citrine-theme .inner-banner__content h5 span,
body.citrine-theme .inner-banner__content h5 span span,
body.citrine-theme .inner-banner__content h5 a,
body.citrine-theme .inner-banner__content span.post.post-page.current-item,
body.citrine-theme .inner-banner__content h5 span span.current-item {
	font-family: var(--ct-sans) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .7) !important;
	line-height: 1.6 !important;
}
body.citrine-theme .inner-banner__content h5 a:hover { color: var(--ct-white) !important; }
body.citrine-theme .inner-banner__content h5 span span.current-item,
body.citrine-theme .inner-banner__content span.post.current-item,
body.citrine-theme .inner-banner__content span.post.post-page.current-item { color: var(--ct-gold) !important; font-weight: 600 !important; }
body.citrine-theme .inner-banner__content .breadcrumb_line { display: none !important; }
@media (max-width: 991px) {
	body.citrine-theme .inner-banner { padding: 80px 0 56px !important; }
	body.citrine-theme .inner-banner__content h1 { font-size: 40px !important; }
}
@media (max-width: 575px) {
	body.citrine-theme .inner-banner { padding: 56px 0 44px !important; }
	body.citrine-theme .inner-banner__content h1 { font-size: 30px !important; margin-bottom: 16px !important; }
	body.citrine-theme .inner-banner__content h1::after { margin-top: 16px; }
}

/* 20b. Headings on inner pages: Conbiz navy -> charcoal, Playfair 400 (home weight) */
body.citrine-theme:not(.home) .elementor-heading-title:not(p),
body.citrine-theme:not(.home) .elementor-icon-box-title,
body.citrine-theme:not(.home) .elementor-image-box-title,
body.citrine-theme:not(.home) .comment-reply-title,
body.citrine-theme:not(.home) .blog-list__single_detail h2,
body.citrine-theme:not(.home) .blog-list__single_detail h3 {
	color: var(--ct-charcoal) !important;
	font-family: var(--ct-serif) !important;
	font-weight: 400 !important;
}
body.citrine-theme:not(.home) h1.elementor-heading-title { font-size: 44px !important; line-height: 1.12 !important; text-transform: uppercase; }
body.citrine-theme:not(.home) h2.elementor-heading-title { font-size: 36px !important; line-height: 1.15 !important; text-transform: uppercase; }
body.citrine-theme:not(.home) h3.elementor-heading-title { font-size: 24px !important; line-height: 1.3 !important; text-transform: none; }
body.citrine-theme:not(.home) h4.elementor-heading-title { font-size: 19px !important; line-height: 1.4 !important; }
body.citrine-theme:not(.home) h5.elementor-heading-title,
body.citrine-theme:not(.home) h6.elementor-heading-title {
	font-family: var(--ct-sans) !important; font-size: 13px !important; font-weight: 600 !important;
	letter-spacing: .12em; text-transform: uppercase; color: var(--ct-copper) !important;
}
/* Section lead titles get the copper rule like the home page */
body.citrine-theme:not(.home) h1.elementor-heading-title::after,
body.citrine-theme:not(.home) h2.elementor-heading-title::after {
	content: ""; display: block; width: 40px; height: 2px; margin-top: 22px; background: var(--ct-copper);
}
body.citrine-theme .ct-dark .elementor-heading-title,
body.citrine-theme .ct-dark h1, body.citrine-theme .ct-dark h2 { color: var(--ct-white) !important; }
@media (max-width: 991px) {
	body.citrine-theme:not(.home) h1.elementor-heading-title { font-size: 34px !important; }
	body.citrine-theme:not(.home) h2.elementor-heading-title { font-size: 30px !important; }
	body.citrine-theme:not(.home) h3.elementor-heading-title { font-size: 22px !important; }
}
@media (max-width: 575px) {
	body.citrine-theme:not(.home) h1.elementor-heading-title { font-size: 28px !important; }
	body.citrine-theme:not(.home) h2.elementor-heading-title { font-size: 26px !important; }
}

/* 20c. Body copy: pages use Heading widgets as paragraphs (About, posts) in Playfair */
body.citrine-theme p.elementor-heading-title,
body.citrine-theme .elementor-widget-text-editor,
body.citrine-theme .elementor-widget-text-editor p,
body.citrine-theme .elementor-widget-text-editor li,
body.citrine-theme .elementor-icon-box-description,
body.citrine-theme .blog-list__single_detail p,
body.citrine-theme .blog-list__content p {
	font-family: var(--ct-sans) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--ct-text) !important;
	font-weight: 400 !important;
	text-transform: none !important;
}
body.citrine-theme p.elementor-heading-title b,
body.citrine-theme p.elementor-heading-title strong,
body.citrine-theme .elementor-widget-text-editor strong { color: var(--ct-charcoal); font-weight: 600; }
body.citrine-theme:not(.home) .elementor-widget-text-editor a,
body.citrine-theme p.elementor-heading-title a { color: var(--ct-copper) !important; }
body.citrine-theme:not(.home) .elementor-widget-text-editor ul { padding-left: 18px; }
body.citrine-theme:not(.home) .elementor-widget-text-editor li { margin-bottom: 6px; }
body.citrine-theme:not(.home) .elementor-widget-text-editor li::marker { color: var(--ct-copper); }

/* Dividers (Elementor divider widget) */
body.citrine-theme:not(.home) .elementor-widget-divider .elementor-divider-separator { border-color: var(--ct-line) !important; }

/* 20d. Icon boxes (Contact): red SVG -> copper, titles charcoal serif, description sans */
body.citrine-theme .elementor-icon-box-icon .elementor-icon,
body.citrine-theme .elementor-icon-box-icon .elementor-icon svg,
body.citrine-theme .elementor-icon-box-icon .elementor-icon svg * { color: var(--ct-copper) !important; fill: var(--ct-copper) !important; }
body.citrine-theme .elementor-icon-box-title { font-size: 19px !important; margin-bottom: 8px; }
body.citrine-theme .elementor-icon-box-description { font-size: 15px !important; }
body.citrine-theme .elementor-icon-box-description a { color: var(--ct-copper) !important; }
body.citrine-theme .elementor-icon-box-description a:hover { color: var(--ct-gold) !important; }
body.citrine-theme .elementor-icon-box-description b,
body.citrine-theme .elementor-icon-box-description strong { color: var(--ct-charcoal); }

/* Contact form (Conbiz contactus_form / CF7): fields follow section 8; placeholder */
body.citrine-theme .wpcf7 input::placeholder,
body.citrine-theme .wpcf7 textarea::placeholder { color: var(--ct-stone); opacity: 1; }
body.citrine-theme .wpcf7 input[type="text"],
body.citrine-theme .wpcf7 input[type="email"],
body.citrine-theme .wpcf7 input[type="tel"],
body.citrine-theme .wpcf7 textarea { padding: 14px 16px; }

/* 20e. Newsroom list cards */
body.citrine-theme .blog-list__single {
	background: var(--ct-white) !important;
	border: 1px solid var(--ct-line) !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: hidden;
	margin-bottom: 40px;
	transition: border-color .3s var(--ct-ease), box-shadow .3s var(--ct-ease);
}
body.citrine-theme .blog-list__single:hover { border-color: var(--ct-gold) !important; box-shadow: 0 18px 40px rgba(22, 22, 22, .08) !important; }
body.citrine-theme .blog-list__image a,
body.citrine-theme .blog-list__image img { border-radius: 0 !important; display: block; width: 100%; }
body.citrine-theme .blog-list__image { overflow: hidden; }
body.citrine-theme .blog-list__image img { transition: transform .6s var(--ct-ease); }
body.citrine-theme .blog-list__single:hover .blog-list__image img { transform: scale(1.03); }
body.citrine-theme .blog-list__content { padding: 32px 36px 34px !important; background: var(--ct-white) !important; }
body.citrine-theme .blog-list__meta li,
body.citrine-theme .blog-list__meta li a {
	font-family: var(--ct-sans) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ct-stone) !important;
}
body.citrine-theme .blog-list__meta li a:hover { color: var(--ct-copper) !important; }
body.citrine-theme .blog-list__meta li i,
body.citrine-theme .blog-list__meta li i::before { color: var(--ct-copper) !important; }
body.citrine-theme .blog-list__content h4,
body.citrine-theme .blog-img-hov h4 { margin: 14px 0 12px; }
body.citrine-theme .blog-list__content h4 a,
body.citrine-theme .blog-img-hov h4 a {
	font-family: var(--ct-serif) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: var(--ct-charcoal) !important;
	text-transform: none !important;
}
body.citrine-theme .blog-list__content h4 a:hover,
body.citrine-theme .blog-img-hov h4 a:hover { color: var(--ct-copper) !important; }
body.citrine-theme .blog-list__content p { font-size: 15px !important; }
body.citrine-theme .blog_social { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }
body.citrine-theme .blog_social a.blog-list__btn,
body.citrine-theme .blog_social a.blog-list__btn span,
body.citrine-theme .blog_social a.blog-list__btn i {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase;
	color: var(--ct-copper) !important;
	float: none !important; width: auto !important;
}
body.citrine-theme .blog_social a.blog-list__btn:hover,
body.citrine-theme .blog_social a.blog-list__btn:hover span,
body.citrine-theme .blog_social a.blog-list__btn:hover i { color: var(--ct-gold) !important; }
body.citrine-theme .blog_social a.blog-list__btn i::before { content: "\2192"; font-family: var(--ct-sans); }
body.citrine-theme .blog_social a.blog-list__btn i { margin-left: 10px !important; }
body.citrine-theme.blog .container-main,
body.citrine-theme.single .container-main,
body.citrine-theme.archive .container-main,
body.citrine-theme.search .container-main { padding-top: 90px !important; padding-bottom: 90px !important; }
@media (max-width: 767px) {
	body.citrine-theme.blog .container-main,
	body.citrine-theme.single .container-main,
	body.citrine-theme.archive .container-main,
	body.citrine-theme.search .container-main { padding-top: 60px !important; padding-bottom: 60px !important; }
	body.citrine-theme .blog-list__content { padding: 24px 22px 26px !important; }
	body.citrine-theme .blog-list__content h4 a, body.citrine-theme .blog-img-hov h4 a { font-size: 20px !important; }
}

/* 20f. Blog sidebar (left-column widgets) */
body.citrine-theme :is(.left-column, .sidebar-left) .widget {
	background: var(--ct-white) !important;
	border: 1px solid var(--ct-line) !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 28px 28px 24px !important;
	margin-bottom: 30px !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .widget_search,
body.citrine-theme :is(.left-column, .sidebar-left) .widget_block.widget_search { padding: 0 !important; border: 0 !important; background: transparent !important; }
body.citrine-theme :is(.left-column, .sidebar-left) .widget h2,
body.citrine-theme :is(.left-column, .sidebar-left) .widget h4,
body.citrine-theme :is(.left-column, .sidebar-left) .widget .wp-block-heading {
	font-family: var(--ct-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: var(--ct-charcoal) !important;
	margin: 0 0 18px !important;
	padding: 0 0 14px !important;
	border-bottom: 1px solid var(--ct-line) !important;
	position: relative;
	display: block !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .widget h2::after,
body.citrine-theme :is(.left-column, .sidebar-left) .widget h4::after,
body.citrine-theme :is(.left-column, .sidebar-left) .widget .wp-block-heading::after {
	content: "" !important; position: absolute !important; left: 0; bottom: -1px; top: auto !important; width: 36px !important; height: 2px !important;
	background: var(--ct-copper) !important; margin: 0 !important; display: block !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .widget h2::before,
body.citrine-theme :is(.left-column, .sidebar-left) .widget h4::before { content: none !important; }
/* Search */
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-search__inside-wrapper { border: 0 !important; padding: 0 !important; }
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-search__input,
body.citrine-theme :is(.left-column, .sidebar-left) input.search_main {
	border: 1px solid var(--ct-line) !important; background: var(--ct-white) !important;
	font-family: var(--ct-sans) !important; font-size: 14px !important; padding: 12px 16px !important; border-radius: 0 !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-search__button,
body.citrine-theme :is(.left-column, .sidebar-left) .search_blog,
body.citrine-theme :is(.left-column, .sidebar-left) .sbtn {
	background: var(--ct-charcoal) !important; border: 1px solid var(--ct-charcoal) !important; color: var(--ct-white) !important;
	border-radius: 0 !important; margin-left: 0 !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-search__button:hover,
body.citrine-theme :is(.left-column, .sidebar-left) .search_blog:hover { background: var(--ct-copper) !important; border-color: var(--ct-copper) !important; }
/* Recent posts */
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-latest-posts li { margin-bottom: 16px; }
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-latest-posts__post-title,
body.citrine-theme :is(.left-column, .sidebar-left) .widget_conbiz_posts a {
	font-family: var(--ct-sans) !important; font-size: 14px !important; font-weight: 500 !important;
	line-height: 1.45 !important; color: var(--ct-charcoal) !important; text-transform: none !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-latest-posts__post-title:hover,
body.citrine-theme :is(.left-column, .sidebar-left) .widget_conbiz_posts a:hover { color: var(--ct-copper) !important; }
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-latest-posts__post-date,
body.citrine-theme :is(.left-column, .sidebar-left) .post-date,
body.citrine-theme :is(.left-column, .sidebar-left) .widget_conbiz_posts span {
	font-family: var(--ct-sans) !important; font-size: 11px !important; letter-spacing: .1em; text-transform: uppercase;
	color: var(--ct-stone) !important; font-weight: 500 !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-latest-posts__featured-image img,
body.citrine-theme :is(.left-column, .sidebar-left) .widget_conbiz_posts img { border-radius: 0 !important; }
/* Categories */
body.citrine-theme :is(.left-column, .sidebar-left) .cat-item,
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-categories li {
	font-family: var(--ct-sans) !important; font-size: 14px !important; color: var(--ct-copper) !important;
	border-bottom: 1px solid var(--ct-line) !important; padding: 10px 0 !important; margin: 0 !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .cat-item:last-child { border-bottom: 0 !important; }
body.citrine-theme :is(.left-column, .sidebar-left) .cat-item a,
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-categories li a {
	font-family: var(--ct-sans) !important; font-size: 14px !important; font-weight: 500 !important; color: var(--ct-charcoal) !important;
}
body.citrine-theme :is(.left-column, .sidebar-left) .cat-item a:hover { color: var(--ct-copper) !important; }
body.citrine-theme :is(.left-column, .sidebar-left) .cat-item::before,
body.citrine-theme :is(.left-column, .sidebar-left) .cat-item i { color: var(--ct-copper) !important; }
/* Tags */
body.citrine-theme :is(.left-column, .sidebar-left) .tag-cloud-link,
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-tag-cloud a,
body.citrine-theme .tags a,
body.citrine-theme .tags-info a {
	display: inline-block !important;
	font-family: var(--ct-sans) !important; font-size: 11px !important; font-weight: 500 !important;
	letter-spacing: .1em; text-transform: uppercase;
	color: var(--ct-charcoal) !important; background: transparent !important;
	border: 1px solid var(--ct-line) !important; border-radius: 0 !important;
	padding: 7px 12px !important; margin: 0 6px 8px 0 !important; line-height: 1.4 !important;
	transition: background-color .25s var(--ct-ease), color .25s var(--ct-ease), border-color .25s var(--ct-ease);
}
body.citrine-theme :is(.left-column, .sidebar-left) .tag-cloud-link:hover,
body.citrine-theme :is(.left-column, .sidebar-left) .wp-block-tag-cloud a:hover,
body.citrine-theme .tags a:hover,
body.citrine-theme .tags-info a:hover { background: var(--ct-charcoal) !important; border-color: var(--ct-charcoal) !important; color: var(--ct-white) !important; }

/* Pagination */
body.citrine-theme .page-numbers,
body.citrine-theme .pagination a,
body.citrine-theme .pagination span {
	font-family: var(--ct-sans) !important; font-size: 13px !important; font-weight: 500 !important;
	color: var(--ct-charcoal) !important; background: transparent !important;
	border: 1px solid var(--ct-line) !important; border-radius: 0 !important;
}
body.citrine-theme .page-numbers.current,
body.citrine-theme .page-numbers:hover,
body.citrine-theme .pagination .current { background: var(--ct-charcoal) !important; border-color: var(--ct-charcoal) !important; color: var(--ct-white) !important; }

/* 20g. Single post */
body.citrine-theme .blog-list__single_detail {
	background: var(--ct-white) !important; border: 1px solid var(--ct-line) !important; box-shadow: none !important; border-radius: 0 !important;
}
body.citrine-theme .blog-list__single_detail .blog-list__image img { border-radius: 0 !important; }
body.citrine-theme .blog-list__single_detail .elementor-widget-container ul li { font-family: var(--ct-sans); color: var(--ct-text); }
body.citrine-theme .blog-list__single_detail .elementor-widget-heading .elementor-heading-title:not(p) { margin-bottom: 12px; }
body.citrine-theme .blog-list__single_detail h1.elementor-heading-title::after,
body.citrine-theme .blog-list__single_detail h2.elementor-heading-title::after { content: none; }
body.citrine-theme .elementor-widget-blockquote .elementor-blockquote,
body.citrine-theme blockquote {
	background: var(--ct-ivory) !important; border-left: 2px solid var(--ct-copper) !important; box-shadow: none !important;
	padding: 24px 28px !important; margin: 28px 0 !important;
}
body.citrine-theme .elementor-blockquote__content,
body.citrine-theme blockquote p,
body.citrine-theme blockquote { font-family: var(--ct-serif) !important; font-size: 20px !important; line-height: 1.5 !important; font-style: italic; font-weight: 400 !important; color: var(--ct-charcoal) !important; }
body.citrine-theme .elementor-blockquote__content b,
body.citrine-theme .elementor-blockquote__content strong { font-weight: 500; }
body.citrine-theme .e-fas-quote-left,
body.citrine-theme .elementor-blockquote .elementor-icon,
body.citrine-theme .elementor-widget-blockquote svg { color: var(--ct-copper) !important; fill: var(--ct-copper) !important; }
body.citrine-theme .tags-info { border-top: 1px solid var(--ct-line); padding-top: 22px; margin-top: 30px; }
body.citrine-theme .tags-info h4,
body.citrine-theme .tags-info .tags-title,
body.citrine-theme .tags-info > span {
	font-family: var(--ct-sans) !important; font-size: 11px !important; font-weight: 600 !important;
	letter-spacing: .16em; text-transform: uppercase; color: var(--ct-stone) !important;
}
/* Comments */
body.citrine-theme .comment-respond,
body.citrine-theme .commentsWrapper { background: var(--ct-white) !important; border: 1px solid var(--ct-line) !important; box-shadow: none !important; border-radius: 0 !important; }
body.citrine-theme .comment-reply-title { font-size: 24px !important; margin-bottom: 18px !important; }
body.citrine-theme .comment-form input[type="text"],
body.citrine-theme .comment-form input[type="email"],
body.citrine-theme .comment-form input[type="url"],
body.citrine-theme .comment-form textarea { padding: 13px 16px; font-size: 14px; }
body.citrine-theme .comment-form .logged-in-as,
body.citrine-theme .comment-form label { font-family: var(--ct-sans); font-size: 13px; color: var(--ct-text); }
body.citrine-theme .comment-form .logged-in-as a { color: var(--ct-copper) !important; }
body.citrine-theme .comment-list .comment-author,
body.citrine-theme .comment-list .fn { font-family: var(--ct-serif) !important; color: var(--ct-charcoal); }
body.citrine-theme .comment-list .comment-meta a,
body.citrine-theme .comment-list .comment-reply-link { color: var(--ct-copper) !important; font-family: var(--ct-sans); font-size: 12px; }

/* Top bar icons on inner pages: Conbiz yellow -> copper */
body.citrine-theme .header2 .topbar_call a i,
body.citrine-theme .header2 .topbar_mail a i { color: var(--ct-copper) !important; }

/* 20h. Follow-ups after first inner-page review */
/* Pull quote on posts is an Elementor icon-box with a yellow fill set in Elementor */
body.citrine-theme .elementor-widget-icon-box:has(.e-fas-quote-left) {
	background: var(--ct-ivory) !important;
	border-left: 2px solid var(--ct-copper) !important;
	box-shadow: none !important; border-radius: 0 !important;
	padding: 24px 28px !important; margin: 28px 0 !important;
}
body.citrine-theme .elementor-widget-icon-box:has(.e-fas-quote-left) .elementor-icon-box-description,
body.citrine-theme .elementor-widget-icon-box:has(.e-fas-quote-left) .elementor-icon-box-description p,
body.citrine-theme .elementor-widget-icon-box:has(.e-fas-quote-left) .elementor-heading-title {
	font-family: var(--ct-serif) !important; font-size: 20px !important; line-height: 1.5 !important;
	font-style: italic; font-weight: 400 !important; color: var(--ct-charcoal) !important;
}
body.citrine-theme .elementor-widget-icon-box:has(.e-fas-quote-left) .elementor-icon { font-size: 28px !important; }
/* Inner h1/h2 caps like the home sections; contact form title (h4) a size up */
body.citrine-theme:not(.home) h1.elementor-heading-title,
body.citrine-theme:not(.home) h2.elementor-heading-title { text-transform: uppercase !important; }
body.citrine-theme:not(.home) h4.elementor-heading-title { font-size: 22px !important; }
/* Comment form: Conbiz draws a second border inside the card */
body.citrine-theme .comment-respond .comment-form,
body.citrine-theme .commentsWrapper .comment-respond { border: 0 !important; box-shadow: none !important; }

/* ==========================================================================
   21. Client review fixes (22 Oct 2026)
   ========================================================================== */

/* 21a. Inner-page header = home header (desktop): 1280 container, nav right,
   no search / off-canvas icons, hairline under the bar. The bar sits
   transparent over the inner banner photo, as it does over the home hero;
   the banner gains the header height (121px) on top of its own 120px. */
@media (min-width: 1201px) {
	/*body.citrine-theme .header_top { display: none !important; }*/
	body.citrine-theme .header2 .header-navigation > .container { width: 100%; max-width: 1280px; padding-left: 20px; padding-right: 20px; }
	body.citrine-theme .main-nav,
	body.citrine-theme .toggle-block-container { display: flex; justify-content: flex-end; align-items: center; }
	body.citrine-theme .main-nav .navbar-nav { float: none; }
	body.citrine-theme .right-side-box .group-icon-btn,
	body.citrine-theme .right-side-box .search-btn { display: none !important; }
	body.citrine-theme:not(.home) .site-header__wrapper,
	body.citrine-theme:not(.home) .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 99; background: transparent !important; }
	body.citrine-theme:not(.home).admin-bar .site-header__wrapper { top: 32px; }
	body.citrine-theme:not(.home) .header2 .header-navigation:not(.sticky_header) { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, .1); box-shadow: none !important; }
	body.citrine-theme:not(.home) .inner-banner { padding-top: 241px !important; }
}

/* 21b. Third-level flyout opened past the right edge: open it to the left,
   chevron flipped to match. Its items are labels, not links (client request). */
@media (min-width: 1201px) {
	body.citrine-theme .main-nav .sub-menu .sub-menu { left: auto !important; right: 100% !important; }
	body.citrine-theme .main-nav .sub-menu > li.menu-item-has-children > a { padding-right: 40px !important; }
	body.citrine-theme .main-nav .sub-menu > li.menu-item-has-children > i { top: 50% !important; right: 14px !important; margin-top: 0 !important; transform: translateY(-50%) rotate(180deg); }
}
body.citrine-theme .main-nav .sub-menu .sub-menu > li > a {
	pointer-events: none; cursor: default;
	color: rgba(255, 255, 255, .8) !important; background: none !important;
}
body.citrine-theme .main-nav .sub-menu .sub-menu > li > a::before { content: none !important; }
body.citrine-theme .main-nav .sub-menu .sub-menu > li > i { display: none !important; }
body.citrine-theme .main-nav .sub-menu .sub-menu > li:hover > a { background: none !important; }

/* Client fix 1 (6 Nov 2026): Partner With Us - remove the grey bands beside the photo
   on tablet/mobile. The photo now runs edge to edge; the side gutter moves inside it. */
@media (max-width: 1024px) {
	body.citrine-theme .ct-home-partner > .elementor-container { padding-left: 0 !important; padding-right: 0 !important; }
	body.citrine-theme .ct-home-partner > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-left: 30px !important; padding-right: 30px !important; }
}
@media (max-width: 767px) {
	body.citrine-theme .ct-home-partner > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Client fix 2 (6 Nov 2026): Businesses & Investments - space after "complementary sectors"
   before the "Property & Development" heading on tablet/mobile (desktop already has 80px). */
@media (max-width: 1024px) {
	body.citrine-theme.page-id-14149 .elementor-element-5c58620 { padding-top: 70px !important; }
}
@media (max-width: 767px) {
	body.citrine-theme.page-id-14149 .elementor-element-5c58620 { padding-top: 60px !important; }
}