/* LNTA Global Typography Style — fixes heading colors/fonts that were
   hardcoded per-widget in Elementor (mostly plain black, and a few
   off-brand fonts) instead of the site's own intended brand green
   (the theme's own --title-color/--body-color custom property is
   already rgb(34,83,33) / #225321 — these widgets just never used it).
   Each rule is scoped to a specific Elementor widget ID, not a blanket
   ".sec-title" rule, because at least one section intentionally uses
   a different accent color (orange) on a dark background — a broad
   override would have wrongly flattened that too. */

/* "Discover Liberia: Where rainforest..." mission section title */
.elementor-element-1dd5a27 .sec-title,
/* "Key Destinations" */
.elementor-element-ffa067e .sec-title,
/* "News & Articles" */
.elementor-element-0fbd195 .sec-title,
/* "Every Visit Becomes an Experience" */
.elementor-element-7928a5a .sec-title {
	color: #225321 !important;
}

/* "Warm Hospitality" / "Safety First" highlight cards */
.elementor-element-9d8cda8 .box-title {
	color: #225321 !important;
}

/* Both cards' icon field was left pointing at the same generic
   theme-demo pin icon (an external map4.svg from the tourm ThemeForest
   demo site) — same image for both cards, unrelated to either topic.
   icons.js tags each card by its heading text; hide the demo image and
   render a fitting icon in its place, matching the offline reference's
   circle-badge/emoji treatment used for this exact section. */
.elementor-element-9d8cda8 .about-item_img img {
	display: none !important;
}
.elementor-element-9d8cda8 .about-item_img {
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.lnta-about-icon--hospitality::before,
.lnta-about-icon--safety::before {
	font-size: 1.75rem;
	line-height: 1;
}
.lnta-about-icon--hospitality::before {
	content: "\1F3E1";
}
.lnta-about-icon--safety::before {
	content: "\1F6E1\FE0F";
}

/* Key Destinations carousel cards ("Kokon Ecolodge" etc.) render in
   Manrope while every other heading on the page is Montserrat — the
   white color is fine as-is (same treatment as the hero text over a
   photo), just the font needed aligning. */
.elementor-element-a32edb2 .box-title.title {
	font-family: "Montserrat", sans-serif !important;
}

/* Root-cause fix: any text on the homepage that isn't covered by a
   specific per-widget Elementor rule falls back to a global default
   of Inter — that's where the Manrope/JetBrains Mono/Inter mix-ups
   actually come from, on both genuine theme markup (e.g. the blog
   post date/read-time row) and the small text elements the LNTA
   plugins add (ticker, footer brand name, card "Learn More" links).
   Headings and paragraphs are safe to force broadly like this because
   icon glyphs on this theme always live on <i> or a dedicated
   .fa/[class*="icon"] span, never on h1-h6/p directly. */
.elementor-548 h1,
.elementor-548 h2,
.elementor-548 h3,
.elementor-548 h4,
.elementor-548 h5,
.elementor-548 h6,
.elementor-548 p {
	font-family: "Montserrat", sans-serif !important;
}