/*
This file is responsible only for providing theme information that are displayed
in `Apperance > Themes`. Do not write in here any CSS declarations.

Theme Name: Letsgo WordPress Theme
Theme URI: https://www.twodoyens.com/
Description: ES6, SCSS ready Wordpress theme.
Version: 1.0
Text Domain: letsgo
Author: letsgo
Author URI: https://www.facebook.com/valerian-okee/
Tags: wordpress, es6, scss, gulp, eslint, stylelint
License: GPLv2 License
License URI: https://wordpress.org/about/gpl/
*/

:root {
	--char: #2c3639;
	--slate: #3f4e4f;
	--tan: #a27b5c;
	--cream: #dcd7c9;
	--paper: #f1ede4;
	--surface: #ffffff;
	--tan-bright: #c2a084;
	--tan-deep: #7c5c41;
	--muted: #6e6a60;
	--line: rgba(162, 123, 92, 0.34);
	--line-soft: rgba(44, 54, 57, 0.1);
	--tan-grad: linear-gradient(
		135deg,
		var(--tan-bright) 0%,
		var(--tan) 48%,
		var(--tan-deep) 100%
	);
	--shadow: 0 30px 60px -45px rgba(44, 54, 57, 0.45);
	--r: 3px;
	--r-lg: 6px;
	--tex-dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH6CAYAAAByAjh1AAAIrUlEQVR42u3WMQ0AMAgAwVI9zCT4N4YKFnIn4aePrH4AAMANXwIAADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAAMDgAwCAwQcAAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQDA4AMAAAYfAAAw+AAAgMEHAAAMPgAAGHwAAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AAGDwAQDA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAAAGHwAADD4AAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAAMDgAwCAwQcAAAw+AABg8AEAAIMPAAAGXwIAADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAAMDgAwCAwQcAAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQDA4AMAAAYfAAAw+AAAgMEHAAAMPgAAGHwAAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AAGDwAQDA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAAAGHwAADD4AAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AABgywDqnwSPjdz86AAAAABJRU5ErkJggg==);
	--tex-tan: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH6CAYAAAByAjh1AAAIrElEQVR42u3WMREAMAgAsVKdOMENSlHBwiUSfvroygcAANzwJQAAAIMPAAAYfAAAwOADAAAGHwAADD4AAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAAMDgAwCAwQcAAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAGHwAAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AAGDwAQDA4AMAAAYfAAAw+AAAgMEHAAAMPgAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAAAGHwAADD4AAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAGDwJQAAAIMPAAAYfAAAwOADAAAGHwAADD4AAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAAw+AAAYfAAAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAAMDgAwCAwQcAAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAGHwAAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAgMEHAACDDwAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AABh8AAAw+AAAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAAgw8AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAMPgAAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAAMPgAAYPABAMDgAwAABh8AADD4AACAwQcAAIMPAAAYfAAAwOADAAAGHwAAMPgAAGDwAQAAgw8AABh8AADA4AMAAAYfAAAMPgAAYPABAACDDwAAGHwAADD4AACAwQcAAAw+AABg8AEAAIMPAAAGHwAAMPgAAIDBBwAADD4AAGDwAQDA4AMAAAYfAAAw+AAAgMEHAAAMPgAAGHwAAMDgAwAABh8AADD4AABg8AEAAIMPAAAYfAAAwOADAAAGHwAADD4AAGDwAQAAgw8AABh8AADA4AMAgMEHAAAMPgAAYPABAACDDwAABh8AADD4AACAwQcAAAw+AABg8AEAwOADAAAGHwAAMPgAAIDBBwAADD4AABh8AADA4AMAAAYfAAAw+AAAYPABAACDDwAAGHwAAMDgAwAABh8AAAw+AABg8AEAAIMPAAAYfAAAwOADAIDBBwAADD4AAGDwAQAAgw8AAAYfAAAw+AAAgMEHAAC2DIgEBW3j8hcZAAAAAElFTkSuQmCC);
	--bs-body-font-family: 'Poppins', sans-serif;
}
* {
	scroll-behavior: smooth;
}
body {
	background: var(--paper);
	color: var(--slate);
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	background-image:
		radial-gradient(
			1100px 640px at 82% -8%,
			rgba(162, 123, 92, 0.1),
			transparent 60%
		),
		var(--tex-dark);
	background-size:
		auto,
		720px auto;
	background-attachment: fixed, fixed;
}
h1,
h2,
h3,
h4,
h5,
h6,
.serif {
	font-family: 'Libre Baskerville', Georgia, serif;
	font-weight: 400;
	letter-spacing: 0.01em;
	color: var(--char);
}
::selection {
	background: var(--tan);
	color: #fff;
}
a {
	text-decoration: none;
}
.serif em,
.it {
	font-style: italic;
}
.eyebrow {
	font-size: 0.66rem;
	font-weight: 400;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--tan-deep);
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
}
.eyebrow::before {
	content: '';
	width: 30px;
	height: 1px;
	background: var(--tan-deep);
}
.eyebrow.light {
	color: var(--tan-bright);
}
.eyebrow.light::before {
	background: var(--tan-bright);
}
.eyebrow.center {
	justify-content: center;
}
.muted {
	color: var(--muted) !important;
}
.tan {
	color: var(--tan-deep) !important;
}
.lead-copy {
	color: var(--slate);
	font-weight: 300;
	line-height: 1.95;
}
.btn-tan {
	background: var(--tan-grad);
	color: #fff;
	border: 0;
	border-radius: var(--r);
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.72rem;
	padding: 0.85rem 1.7rem;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}
.btn-tan::after {
	content: '';
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(
		100deg,
		transparent,
		rgba(255, 255, 255, 0.5),
		transparent
	);
	transform: skewX(-20deg);
	transition: 0.6s;
}
.btn-tan:hover {
	color: #241a12;
	box-shadow: 0 12px 30px -12px rgba(162, 123, 92, 0.7);
}
.btn-tan:hover::after {
	left: 130%;
}
.btn-out {
	background: transparent;
	color: var(--tan-deep);
	border: 1px solid var(--tan);
	border-radius: var(--r);
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.72rem;
	padding: 0.85rem 1.6rem;
	transition: 0.3s;
}
.btn-out:hover {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}
.btn-out.light {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.5);
}
.btn-out.light:hover {
	color: #241a12;
	border-color: transparent;
}
.btn-ink {
	background: var(--char);
	color: var(--cream);
	border: 1px solid var(--char);
	border-radius: var(--r);
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.72rem;
	padding: 0.65rem 1.2rem;
	transition: 0.3s;
}
.btn-ink:hover {
	background: transparent;
	color: var(--char);
	border-color: var(--tan);
}
.b-tan {
	background: var(--tan-grad);
	color: #241a12;
	border-radius: 50rem;
	font-size: 0.6rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 0.3rem 0.7rem;
	font-weight: 500;
}
.b-tag {
	border: 1px solid var(--line);
	color: var(--slate);
	border-radius: 50rem;
	font-size: 0.6rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.22rem 0.65rem;
	background: var(--surface);
}
.pill {
	background: rgba(162, 123, 92, 0.14);
	border: 1px solid var(--line);
	color: var(--tan-deep);
	border-radius: 50rem;
	font-size: 0.62rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	padding: 0.34rem 0.9rem;
}
.pill-alt {
	background: rgba(162, 123, 92, 0.14);
	border: 1px solid #fff;
	color: #fff;
	border-radius: 50rem;
	font-size: 0.62rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	padding: 0.34rem 0.9rem;
}
.monogram {
	width: 46px;
	height: 46px;
	border: 1px solid var(--tan);
	border-radius: 50%;
	display: grid;
	place-content: center;
	font-family: 'Libre Baskerville', serif;
	font-size: 1.25rem;
	color: var(--tan-deep);
	position: relative;
	flex: 0 0 auto;
	background: var(--surface);
}
.monogram::after {
	content: '';
	position: absolute;
	inset: 3px;
	border: 1px solid var(--line);
	border-radius: 50%;
}
.bracket {
	position: relative;
}
.bracket::before,
.bracket::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-color: var(--tan);
	opacity: 0.85;
}
.bracket::before {
	top: 12px;
	left: 12px;
	border-top: 1px solid;
	border-left: 1px solid;
}
.bracket::after {
	bottom: 12px;
	right: 12px;
	border-bottom: 1px solid;
	border-right: 1px solid;
}
.panel {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}
.rule {
	height: 1px;
	background: linear-gradient(90deg, var(--tan), transparent);
	border: 0;
	opacity: 0.7;
}
.topbar {
	background: var(--char);
	font-size: 0.76rem;
	font-weight: 300;
}
.topbar a {
	color: var(--cream);
}
.topbar a:hover {
	color: var(--tan-bright);
}
.topbar .ico {
	color: var(--tan);
}
.nav-main {
	background: var(--surface);
	border-bottom: 1px solid var(--line-soft);
}
.brand-name {
	font-family: 'Libre Baskerville', serif;
	color: var(--char);
	font-size: 1.2rem;
	line-height: 1;
}
.brand-sub {
	font-size: 0.54rem;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--muted);
}
.navbar .nav-link {
	color: var(--slate);
	font-weight: 400;
	font-size: 0.82rem;
	letter-spacing: 0.04em;
	padding: 0.5rem 0.85rem !important;
	position: relative;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
	color: var(--tan-deep);
}
.navbar .nav-link.active::after {
	content: '';
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	bottom: 0.1rem;
	height: 1px;
	background: var(--tan);
}

/* Show dropdown on hover */
.navbar-nav .dropdown:hover > .dropdown-menu {
	display: block;
	margin-top: 0;
}

/* Optional: smooth fade */
.navbar-nav .dropdown-menu {
	width: 220px;
	display: none;
	transition: all 0.2s ease-in-out;
}

/* Keep Bootstrap behavior intact for mobile */
@media (max-width: 991px) {
	.navbar-nav .dropdown:hover > .dropdown-menu {
		display: none;
	}
}

.trust {
	background: var(--surface);
	border-bottom: 1px solid var(--line-soft);
}
.yrs {
	width: 58px;
	height: 58px;
	border: 1px solid var(--tan);
	border-radius: 50%;
	display: grid;
	place-content: center;
	text-align: center;
	line-height: 1;
	color: var(--tan-deep);
}
.yrs b {
	font-family: 'Libre Baskerville', serif;
	font-size: 1.05rem;
}
.yrs span {
	font-size: 0.4rem;
	letter-spacing: 0.12em;
	font-weight: 500;
}
.stars i {
	color: var(--tan);
	font-size: 0.72rem;
}
.rt-num {
	font-family: 'Libre Baskerville', serif;
	color: var(--char);
	font-size: 1.1rem;
}
.seal {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--char);
	color: var(--cream);
	display: grid;
	place-content: center;
	text-align: center;
	font-size: 0.42rem;
	letter-spacing: 0.06em;
	line-height: 1.2;
	padding: 6px;
}
/* HERO */
.hero {
	position: relative;
	min-height: 90vh;
	overflow: hidden;
	background: var(--char);
	display: flex;
	align-items: center;
}

/* about hero */
.about-hero {
	position: relative;
	min-height: 430px;
	overflow: hidden;
	background: var(--char);
}
.about-hero .bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(28, 34, 32, 0.92),
			rgba(28, 34, 32, 0.55) 50%,
			rgba(28, 34, 32, 0.15)
		),
		var(--tex-tan),
		url(images/about-us.jpg) center/cover;
	background-size:
		cover,
		520px auto,
		cover;
}
.about-hero .inner {
	position: relative;
	z-index: 2;
	color: var(--cream);
}
.about-hero h1 {
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	color: #fff;
	line-height: 1.05;
}
.about-hero p {
	max-width: 520px;
	color: #d9d3c6;
	font-weight: 300;
	line-height: 1.85;
}

.hero .bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(24, 30, 28, 0.94),
			rgba(24, 30, 28, 0.55) 55%,
			rgba(24, 30, 28, 0.2)
		),
		var(--tex-tan),
		url(images/home-gorilla-two.jpg) center/cover;
	background-size:
		cover,
		560px auto,
		cover;
}
.hero .inner {
	position: relative;
	z-index: 2;
	color: var(--cream);
}
.hero h1 {
	font-size: clamp(2.6rem, 6vw, 4.6rem);
	color: #fff;
	line-height: 1.04;
}
.hero h1 em {
	font-style: italic;
	color: var(--tan-bright);
}
.hero p {
	max-width: 540px;
	color: #dcd6c9;
	font-weight: 300;
	line-height: 1.9;
}
.hero .usp {
	color: #cfc9bc;
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.hero .usp i {
	color: var(--tan-bright);
}

.country-hero {
	position: relative;
	min-height: 420px;
	overflow: hidden;
	background: var(--char);
}
.country-hero .bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(28, 34, 32, 0.92),
			rgba(28, 34, 32, 0.5) 52%,
			rgba(28, 34, 32, 0.12)
		),
		var(--tex-tan),
		url('https://images.unsplash.com/photo-1516426122078-c23e76319801?q=80&w=1700&auto=format&fit=crop')
			center/cover;
	background-size:
		cover,
		520px auto,
		cover;
}
.country-hero .inner {
	position: relative;
	z-index: 2;
	color: var(--cream);
}
.country-hero h1 {
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	color: #fff;
	line-height: 1.05;
}
.country-hero p {
	max-width: 520px;
	color: #d9d3c6;
	font-weight: 300;
	line-height: 1.85;
}

/* ===== Single Hero ===== */
.single-hero {
	position: relative;
	min-height: 440px;
	overflow: hidden;
	background: var(--char);
}
.single-hero .bg {
	position: absolute;
	inset: 0;
	background-size:
		cover,
		520px auto,
		cover;
}
.single-hero .inner {
	position: relative;
	z-index: 2;
	color: var(--cream);
}
.single-hero h1 {
	font-size: clamp(2rem, 4.5vw, 3.2rem);
	color: #fff;
	line-height: 1.1;
}
.single-hero p {
	max-width: 520px;
	color: #d9d3c6;
	font-weight: 300;
	line-height: 1.8;
}

.scrolldown {
	position: absolute;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--cream);
	font-size: 1.3rem;
	z-index: 3;
	animation: bob 1.8s ease-in-out infinite;
	opacity: 0.8;
}
@keyframes bob {
	0%,
	100% {
		transform: translate(-50%, 0);
	}
	50% {
		transform: translate(-50%, 7px);
	}
}
.rise {
	opacity: 0;
	transform: translateY(16px);
	animation: r 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
}
.d1 {
	animation-delay: 0.05s;
}
.d2 {
	animation-delay: 0.2s;
}
.d3 {
	animation-delay: 0.36s;
}
.d4 {
	animation-delay: 0.52s;
}
@keyframes r {
	to {
		opacity: 1;
		transform: none;
	}
}
/* stats */
.stat b {
	font-family: 'Libre Baskerville', serif;
	font-size: clamp(1.8rem, 3.4vw, 2.4rem);
	color: var(--tan-deep);
	display: block;
	line-height: 1;
}
.stat span {
	font-size: 0.62rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--muted);
}
/* packages */
.pkg {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
	transition: 0.35s;
	height: 100%;
}
.pkg:hover {
	transform: translateY(-5px);
	border-color: var(--line);
	box-shadow: 0 40px 70px -45px rgba(44, 54, 57, 0.5);
}
.pkg .img {
	height: 168px;
	position: relative;
	background: linear-gradient(120deg, var(--slate), var(--char));
}
.pkg .img .ph {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}
.pkg .img .ov {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 42%, rgba(20, 24, 22, 0.78));
}
.pkg .img .pop {
	position: absolute;
	top: 0.7rem;
	left: 0.7rem;
	z-index: 2;
}
.pkg .img .loc {
	position: absolute;
	bottom: 0.6rem;
	left: 0.85rem;
	z-index: 2;
	color: #fff;
	font-family: 'Libre Baskerville', serif;
	font-size: 0.95rem;
}
.pk-price {
	font-family: 'Libre Baskerville', serif;
	font-size: 1.3rem;
	color: var(--tan-deep);
}
/* experiences */
.exp {
	position: relative;
	height: 300px;
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
	display: block;
}
.exp .ph {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	transition: transform 0.6s;
}
.exp:hover .ph {
	transform: scale(1.07);
}
.exp .ov {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(20, 24, 22, 0.1) 30%,
		rgba(20, 24, 22, 0.85)
	);
}
.exp .cap {
	position: absolute;
	left: 1.2rem;
	right: 1.2rem;
	bottom: 1.2rem;
	z-index: 2;
	color: #fff;
}
.exp .cap h5 {
	color: #fff;
	font-size: 1.3rem;
	margin: 0 0 0.2rem;
}
.exp .cap small {
	color: var(--tan-bright);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-size: 0.62rem;
}
/* places */
.scroll-x {
	display: flex;
	gap: 1.1rem;
	overflow-x: auto;
	padding-bottom: 0.5rem;
	scroll-snap-type: x mandatory;
}
.scroll-x::-webkit-scrollbar {
	height: 6px;
}
.scroll-x::-webkit-scrollbar-thumb {
	background: var(--line);
	border-radius: 50rem;
}
.place {
	flex: 0 0 250px;
	scroll-snap-align: start;
	border-radius: var(--r-lg);
	overflow: hidden;
	position: relative;
	height: 320px;
	box-shadow: var(--shadow);
	background: var(--char);
}
.place .ph {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}
.place .ov {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 40%, rgba(20, 24, 22, 0.85));
}
.place .cap {
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 2;
	color: #fff;
}
.place .cap h4 {
	color: #fff;
	font-size: 1.15rem;
	margin: 0;
}
.band-cream {
	background: var(--cream);
}
.band-dark {
	background: linear-gradient(135deg, #2c3639, #212827);
	background-image: var(--tex-tan);
	background-size: 560px auto;
	color: var(--cream);
}
.band-dark h2,
.band-dark h5 {
	color: #fff;
}
.band-dark h2 em {
	color: var(--tan-bright);
}
.feat {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
	transition: 0.3s;
	height: 100%;
}
.feat:hover {
	transform: translateY(-4px);
	border-color: var(--line);
}
.feat h6 {
	color: var(--char);
}
.icon-ci {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(162, 123, 92, 0.14);
	color: var(--tan-deep);
	display: grid;
	place-content: center;
	font-size: 1.1rem;
	flex: 0 0 auto;
}
/* steps */
.step .n {
	font-family: 'Libre Baskerville', serif;
	font-size: 1.4rem;
	color: var(--tan-deep);
}
.step {
	padding-left: 1.2rem;
	border-left: 1px solid var(--line);
}
/* testimonial */
.quote {
	background: var(--surface);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
	height: 100%;
}
.quote p {
	color: var(--slate);
	font-style: italic;
	font-family: 'Libre Baskerville', serif;
	font-size: 0.98rem;
	line-height: 1.7;
}
.quote .av {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
}
.quote .nm {
	font-family: 'Libre Baskerville', serif;
	color: var(--char);
	font-size: 0.9rem;
}
.quote .loc {
	font-size: 0.62rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
}
/* blog */
.post {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
	transition: 0.35s;
	height: 100%;
}
.post:hover {
	transform: translateY(-5px);
	border-color: var(--line);
}
.post .img {
	height: 180px;
	background-size: cover;
	background-position: center;
}
.post .date {
	font-size: 0.62rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tan-deep);
}
.post h5 {
	font-size: 1.1rem;
}
/* newsletter */
.news {
	background: linear-gradient(135deg, #ffffff, #f2ecdf);
}
.form-control.lux {
	background: var(--surface);
	border: 1px solid var(--line);
	color: var(--char);
	border-radius: var(--r);
	padding: 0.8rem 1rem;
}
.form-control.lux:focus {
	border-color: var(--tan);
	box-shadow: none;
}
/* cta + footer */
.cta {
	position: relative;
	overflow: hidden;
	background: var(--char);
	background-image: var(--tex-tan);
	background-size: 520px auto;
	color: #fff;
	border-radius: var(--r-lg);
}
.cta h2 {
	color: #fff;
	font-size: clamp(1.7rem, 3.4vw, 2.5rem);
	line-height: 1.15;
}
.cta-img {
	min-height: 320px;
	background: url(images/lets-go-group.jpg) center/cover;
	clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}
footer {
	background: #1a1f1c;
	color: #a7a99e;
	background-image: var(--tex-tan);
	background-size: 640px auto;
}
footer h6 {
	color: #fff;
	font-size: 0.72rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}
footer a {
	color: #a7a99e;
	font-size: 0.84rem;
	font-weight: 300;
}
footer a:hover {
	color: var(--tan-bright);
}
.f-soc {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid rgba(194, 160, 132, 0.3);
	color: var(--cream);
	display: grid;
	place-content: center;
	transition: 0.25s;
}
.f-soc:hover {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}
.cert {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	display: grid;
	place-content: center;
	color: var(--char);
	font-size: 0.42rem;
	letter-spacing: 0.04em;
	text-align: center;
	line-height: 1.15;
	padding: 0px;
}
.copy {
	background: #11150f;
	color: #7e8076;
	font-size: 0.78rem;
	font-weight: 300;
}
@media (max-width: 991px) {
	.hero {
		min-height: 78vh;
	}
}

/*============================================================================
# About Page
============================================================================*/

/* story */
.icon-sq {
	width: 46px;
	height: 46px;
	border-radius: var(--r);
	background: var(--tan-grad);
	color: #241a12;
	display: grid;
	place-content: center;
	font-size: 1.15rem;
	flex: 0 0 auto;
}
.icon-ci {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(162, 123, 92, 0.14);
	color: var(--tan-deep);
	display: grid;
	place-content: center;
	font-size: 1.1rem;
	flex: 0 0 auto;
}
.card-ink {
	background: var(--char);
	color: var(--cream);
	border-radius: var(--r-lg);
}
.card-ink h6 {
	color: #fff;
}
.card-ink p {
	color: #b7b5a8;
}
.gal {
	position: relative;
}
.gal img,
.gal .ph {
	width: 100%;
	border-radius: var(--r-lg);
	object-fit: cover;
	display: block;
	background: linear-gradient(120deg, var(--slate), var(--char));
}
.badge-years {
	position: absolute;
	left: -14px;
	bottom: 34px;
	background: var(--tan-grad);
	color: #241a12;
	border-radius: var(--r);
	padding: 0.7rem 0.9rem;
	text-align: center;
	box-shadow: var(--shadow);
}
.badge-years b {
	font-family: 'Libre Baskerville', serif;
	font-size: 1.6rem;
	display: block;
	line-height: 1;
}
.badge-years span {
	font-size: 0.54rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* places */
.scroll-x {
	display: flex;
	gap: 1.2rem;
	overflow-x: auto;
	padding-bottom: 0.5rem;
	scroll-snap-type: x mandatory;
}
.scroll-x::-webkit-scrollbar {
	height: 6px;
}
.scroll-x::-webkit-scrollbar-thumb {
	background: var(--line);
	border-radius: 50rem;
}
.place {
	flex: 0 0 300px;
	scroll-snap-align: start;
	border-radius: var(--r-lg);
	overflow: hidden;
	position: relative;
	height: 360px;
	box-shadow: var(--shadow);
	background: var(--char);
}
.place .ph {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}
.place .ov {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 40%, rgba(20, 24, 22, 0.85));
}
.place .cap {
	position: absolute;
	left: 1.1rem;
	right: 1.1rem;
	bottom: 1.1rem;
	z-index: 2;
	color: #fff;
}
.place .cap h4 {
	color: #fff;
	font-size: 1.3rem;
	margin: 0;
}
.nav-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--line);
}
.nav-dot.on {
	background: var(--tan);
	width: 20px;
	border-radius: 50rem;
}

/* bands */
.band-cream {
	background: var(--cream);
}
.band-dark {
	background: linear-gradient(135deg, #2c3639, #212827);
	background-image: var(--tex-tan);
	background-size: 560px auto;
	color: var(--cream);
}
.band-dark h2 {
	color: #fff;
}
.band-dark h2 em {
	color: var(--tan-bright);
}
.feat {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
	transition: 0.3s;
	height: 100%;
}
.feat:hover {
	transform: translateY(-4px);
	border-color: var(--line);
}
.feat h6 {
	color: var(--char);
}

/* team */
.av {
	border-radius: 50%;
	object-fit: cover;
	filter: grayscale(1) brightness(0.85);
	transition: 0.3s;
	border: 1px solid rgba(194, 160, 132, 0.3);
	background: var(--slate);
}
.av.lead {
	filter: none;
	border: 2px solid var(--tan);
}
.tcirc {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid rgba(194, 160, 132, 0.4);
	color: var(--cream);
	display: grid;
	place-content: center;
	transition: 0.3s;
}
.tcirc:hover {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}

/*============================================================================
# Blog Page
============================================================================*/

/* hero compact */
.blog-hero {
	position: relative;
	overflow: hidden;
	background: var(--char);
}
.blog-hero .bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(24, 30, 28, 0.93),
			rgba(24, 30, 28, 0.6) 55%,
			rgba(24, 30, 28, 0.3)
		),
		var(--tex-tan),
		url('https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=1700&auto=format&fit=crop')
			center/cover;
	background-size:
		cover,
		520px auto,
		cover;
}
.tag-hero .bg {
	background:
		linear-gradient(
			90deg,
			rgba(24, 30, 28, 0.93),
			rgba(24, 30, 28, 0.6) 55%,
			rgba(24, 30, 28, 0.3)
		),
		var(--tex-tan),
		url(images/tags.jpg) center/cover;
	background-size:
		cover,
		520px auto,
		cover;
}
.blog-hero .inner {
	position: relative;
	z-index: 2;
	color: var(--cream);
}
.blog-hero h1 {
	font-size: clamp(2.2rem, 5vw, 3.4rem);
	color: #fff;
	line-height: 1.06;
}
.blog-hero p {
	max-width: 540px;
	color: #dcd6c9;
	font-weight: 300;
	line-height: 1.85;
}
.crumb {
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #cfc9bc;
}
.crumb a {
	color: #cfc9bc;
}
.crumb a:hover {
	color: var(--tan-bright);
}

/* feature + posts */
.feature {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
}
.feature .img {
	min-height: 330px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.feature .img .cat {
	position: absolute;
	top: 1rem;
	left: 1rem;
}
.post {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
	transition: 0.35s;
	height: 100%;
}
.post:hover {
	transform: translateY(-5px);
	border-color: var(--line);
}
.post .img {
	height: 190px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.post .img .cat {
	position: absolute;
	top: 0.7rem;
	left: 0.7rem;
}
.post h5,
.post h5 a {
	font-size: 1.12rem;
	line-height: 1.35;
	color: var(--char);
}
.post h5:hover,
.post h5 a:hover {
	text-decoration: underline !important;
}

.post .lead-copy p {
	color: var(--slate) !important;
	font-weight: 300 !important;
	line-height: 1.95 !important;
}
.meta {
	font-size: 0.62rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
}
.readmore {
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--tan-deep);
}
/* toolbar */
.pill-cat {
	border: 1px solid var(--line);
	background: var(--surface);
	color: var(--slate);
	border-radius: 50rem;
	font-size: 0.66rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.45rem 1rem;
	font-weight: 500;
	transition: 0.25s;
	cursor: pointer;
}
.pill-cat:hover {
	color: var(--tan-deep);
	border-color: var(--tan);
}
.pill-cat.active {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}
.search-wrap {
	position: relative;
}
.search-wrap i {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--tan-deep);
}
.form-control.lux {
	background: var(--surface);
	border: 1px solid var(--line);
	color: var(--char);
	border-radius: var(--r);
	padding: 0.7rem 1rem;
}
.form-control.lux:focus {
	border-color: var(--tan);
	box-shadow: none;
}
/* sidebar */
.widget {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}
.widget h6 {
	font-size: 0.74rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--char);
}
.pop-item {
	display: flex;
	gap: 0.8rem;
	align-items: center;
}
.pop-item .th {
	width: 66px;
	height: 56px;
	border-radius: var(--r);
	background-size: cover;
	background-position: center;
	flex: 0 0 auto;
}
.pop-item .t {
	font-family: 'Libre Baskerville', serif;
	font-size: 0.84rem;
	color: var(--char);
	line-height: 1.3;
}
.cat-li {
	display: flex;
	justify-content: space-between;
	padding: 0.6rem 0;
	border-bottom: 1px solid var(--line-soft);
	color: var(--slate);
	font-size: 0.86rem;
	transition: 0.2s;
}
.cat-li:last-child {
	border-bottom: 0;
}
.cat-li:hover {
	color: var(--tan-deep);
	padding-left: 0.3rem;
}
.cat-li .ct {
	color: var(--muted);
	font-size: 0.74rem;
}
.tag {
	border: 1px solid var(--line);
	color: var(--slate);
	border-radius: var(--r);
	font-size: 0.66rem;
	padding: 0.3rem 0.6rem;
	display: inline-block;
	transition: 0.2s;
}
.tag:hover {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}
.callcard {
	background: linear-gradient(135deg, #2c3639, #212827);
	background-image: var(--tex-tan);
	background-size: 360px auto;
	color: var(--cream);
	border-radius: var(--r-lg);
}
/* pagination */
.page-link {
	color: var(--slate);
	border: 1px solid var(--line-soft);
	background: var(--surface);
	margin: 0 0.2rem;
	border-radius: var(--r) !important;
	font-size: 0.84rem;
}
.page-item.active .page-link {
	background: var(--tan-grad);
	border-color: transparent;
	color: #241a12;
}
.page-link:hover {
	color: var(--tan-deep);
}
.page-link:focus {
	box-shadow: none;
}

/*============================================================================
# Single Page
============================================================================*/

/* ===== Tabs ===== */
.lux-tabs {
	border-bottom: 1px solid var(--line-soft);
	gap: 1.6rem;
}
.lux-tabs .nav-link {
	background: none;
	border: 0;
	color: var(--muted);
	font-size: 0.74rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 0.2rem 0 0.9rem;
	border-bottom: 1px solid transparent;
	border-radius: 0;
}
.lux-tabs .nav-link.active {
	color: var(--tan-deep);
	border-bottom-color: var(--tan);
	background: none;
}

.panel {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}
.lead-copy {
	color: var(--slate);
	font-weight: 300;
	line-height: 1.95;
}

.itin .row-i {
	display: flex;
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--line-soft);
}
.itin .row-i:last-child {
	border-bottom: 0;
}
.itin .d {
	font-family: 'Libre Baskerville', serif;
	color: var(--tan-deep);
	white-space: nowrap;
	font-size: 0.92rem;
}
.itin .dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--tan);
	margin-top: 0.55rem;
	flex: 0 0 auto;
}

.share {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid var(--line);
	color: var(--tan-deep);
	display: grid;
	place-content: center;
	transition: 0.3s;
	background: var(--surface);
}
.share:hover {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}

/* ===== Booking card ===== */
.book {
	position: sticky;
	top: 1.5rem;
}
.price-old {
	color: var(--muted);
	text-decoration: line-through;
	font-size: 0.95rem;
}
.price {
	font-family: 'Libre Baskerville', serif;
	font-size: 2rem;
	color: var(--tan-deep);
}
.deposit {
	background: var(--paper);
	border-radius: var(--r);
	font-size: 0.8rem;
	color: var(--slate);
}
.wa {
	border: 1px solid #1faa53;
	color: #1faa53;
	background: #fff;
	border-radius: var(--r);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.72rem;
	padding: 0.8rem;
	transition: 0.3s;
}
.wa:hover {
	background: #1faa53;
	color: #fff;
}

/*============================================================================
# Single Page
============================================================================*/

.crumb {
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--muted);
}
.crumb a {
	color: var(--muted);
}
.crumb a:hover {
	color: var(--tan-deep);
}
.title {
	font-size: clamp(1.9rem, 4.4vw, 2.7rem);
	line-height: 1.16;
}
.dek {
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	font-size: 1.12rem;
	color: var(--slate);
	line-height: 1.65;
}
.byline img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	object-fit: cover;
}
.hero {
	width: 100%;
	height: clamp(240px, 40vw, 420px);
	background: url('https://images.unsplash.com/photo-1516426122078-c23e76319801?q=80&w=1500&auto=format&fit=crop')
		center/cover;
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}

.tag {
	border: 1px solid var(--line);
	border-radius: var(--r);
	font-size: 0.66rem;
	padding: 0.3rem 0.6rem;
	color: var(--slate);
	transition: 0.2s;
}
.tag:hover {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}
.author {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}
.author img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
}
/* sidebar */
.widget {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}
.widget h6 {
	font-size: 0.74rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--char);
}
.tour-item {
	display: flex;
	gap: 0.85rem;
	align-items: center;
	transition: 0.2s;
}
.tour-item:hover {
	transform: translateX(2px);
}
.tour-item .th {
	width: 74px;
	height: 62px;
	border-radius: var(--r);
	background-size: cover;
	background-position: center;
	flex: 0 0 auto;
	position: relative;
}
.tour-item .t {
	font-family: 'Libre Baskerville', serif;
	font-size: 0.86rem;
	color: var(--char);
	line-height: 1.3;
}
.tour-item .pr {
	font-family: 'Libre Baskerville', serif;
	color: var(--tan-deep);
	font-size: 0.84rem;
}

.sticky-side {
	position: sticky;
	top: 90px;
}

.entry-body a {
	text-decoration: underline;
	color: var(--tan-deep);
}
.entry-body a:hover {
	text-decoration: none;
}

.entry-body {
	font-weight: 300;
	line-height: 1.7;
}

.entry-body p {
	margin: 0 0 1.25rem;
}
.entry-body p:first-of-type::first-letter {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 0.8;
	float: left;
	color: var(--tan-deep);
	margin: 0.04em 0.12em 0 0;
}
.entry-body h2 {
	font-size: 1.4rem;
	margin: 2.2rem 0 0.8rem;
}

.entry-body h3 {
	font-size: 1.25rem;
	margin: 2rem 0 0.8rem;
}

.entry-body h4 {
	font-size: 1.1rem;
	margin: 1.8rem 0 0.6rem;
}

.entry-body h5 {
	font-size: 1rem;
	margin: 1.6rem 0 0.5rem;
}

.entry-body h6 {
	font-size: 0.9rem;
	margin: 1.4rem 0 0.4rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.entry-body blockquote {
	margin: 1.8rem 0;
	padding-left: 1.2rem;
	border-left: 2px solid var(--tan);
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	font-size: 1.25rem;
	color: var(--char);
	line-height: 1.5;
}
.entry-body a {
	text-decoration: underline;
}

/*============================================================================
# Contact Page
============================================================================*/

/* ===== Contact hero ===== */
.c-hero {
	position: relative;
	height: 440px;
	background: var(--char);
}
.c-hero .bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			180deg,
			rgba(28, 34, 32, 0.55) 0%,
			rgba(28, 34, 32, 0.1) 30%,
			rgba(28, 34, 32, 0.05) 100%
		),
		var(--tex-tan),
		url(images/contact-us-alt.jpg) bottom center/cover;
	background-size:
		cover,
		560px auto,
		cover;
}

/* ===== Contact section ===== */
.c-section {
	background: url(images/imigongo-updated-one.png);
	position: relative;
}
.c-pull {
	margin-top: -180px;
	position: relative;
	z-index: 3;
}
.panel {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
}
.lead-copy {
	color: var(--slate);
	font-weight: 300;
	line-height: 1.9;
}

.f-label {
	color: var(--char);
	font-size: 0.8rem;
	font-weight: 400;
	margin-bottom: 0.4rem;
	display: block;
}
.form-control.lux,
.form-select.lux {
	background: var(--surface);
	border: 1px solid var(--line);
	color: var(--char);
	border-radius: var(--r);
	font-weight: 300;
	padding: 0.7rem 0.9rem;
	font-size: 0.9rem;
}
.form-control.lux::placeholder {
	color: #b3aea3;
}
.form-control.lux:focus {
	background: var(--surface);
	border-color: var(--tan);
	box-shadow: 0 0 0 0.18rem rgba(162, 123, 92, 0.15);
	color: var(--char);
}

/* info cards */
.info {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
	transition: 0.3s;
}
.info:hover {
	border-color: var(--line);
	transform: translateX(4px);
}
.icon-tile {
	width: 50px;
	height: 50px;
	border-radius: var(--r);
	background: var(--tan-grad);
	color: #241a12;
	display: grid;
	place-content: center;
	font-size: 1.2rem;
	flex: 0 0 auto;
}
.info h6 {
	color: var(--char);
	font-size: 1rem;
	margin-bottom: 0.25rem;
}
.info .det {
	color: var(--slate);
	font-size: 0.88rem;
	line-height: 1.6;
	font-weight: 300;
}
.info .map-link {
	color: var(--tan-deep);
	font-size: 0.78rem;
	letter-spacing: 0.05em;
	text-decoration: underline;
}

.darken-link {
	color: #2c3639;
}

.darken-link:hover {
	text-decoration: underline;
}

.entry-content h1,
.entry-content .h1 {
	font-size: 3rem; /* 48px */
}

.entry-content h2,
.entry-content .h2 {
	font-size: 2.25rem; /* 36px */
	font-weight: 700;
}

.entry-content h3,
.entry-content .h3 {
	font-size: 1.75rem; /* 28px */
}

.entry-content h4,
.entry-content .h4 {
	font-size: 1.375rem; /* 22px */
}

.entry-content h5,
.entry-content .h5 {
	font-size: 1.125rem; /* 18px */
}

.entry-content h6,
.entry-content .h6 {
	font-size: 0.875rem; /* 14px */
}

.entry-content h1,
.entry-content .h1,
.entry-content h2,
.entry-content .h2 {
	line-height: 1.25;
	margin-bottom: 1.5rem;
}

.entry-content h3,
.entry-content .h3 {
	line-height: 1.3;
	margin-bottom: 1.25rem;
}
.entry-content h4,
.entry-content .h4 {
	line-height: 1.4;
	margin-bottom: 1rem;
}

.entry-content h5,
.entry-content .h5 {
	line-height: 1.4;
	margin-bottom: 0.75rem;
}
.entry-content h6,
.entry-content .h6 {
	line-height: 1.45;
	margin-bottom: 0.5rem;
	letter-spacing: 0.05em;
}

.entry-content p {
	line-height: 1.7;
	margin-bottom: 1.75rem;
}

.entry-content ul {
	margin-bottom: 2rem;
}

/* month tabs */
.mtab {
	border: 1px solid var(--line);
	background: var(--surface);
	color: var(--slate);
	border-radius: var(--r);
	font-size: 0.66rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.45rem 0.7rem;
	font-weight: 500;
}
.mtab.active {
	background: var(--tan-grad);
	color: #241a12;
	border-color: transparent;
}
/* accordion */
.accordion {
	--bs-accordion-bg: transparent;
}
.acc-info .accordion-item {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--line-soft);
}
.acc-info .accordion-button,
.info-faq h3,
.info-faq h4 {
	background: transparent;
	color: var(--char);
	font-size: 0.74rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 500;
	box-shadow: none;
	padding: 1.1rem 0.2rem;
}
.acc-info .accordion-button:not(.collapsed) {
	color: var(--tan-deep);
}
.acc-faq .accordion-item {
	background: var(--surface);
	border: 1px solid var(--line-soft);
	border-radius: var(--r) !important;
	margin-bottom: 0.55rem;
}
.acc-faq .accordion-button {
	background: var(--surface);
	color: var(--char);
	font-size: 0.9rem;
	font-weight: 400;
	box-shadow: none;
	border-radius: var(--r);
	padding: 1rem 1.1rem;
}
.acc-faq .accordion-button:not(.collapsed) {
	color: var(--tan-deep);
}
.accordion-button:focus {
	box-shadow: none;
	border-color: var(--line);
}
.accordion-button::after {
	width: 1rem;
	height: 1rem;
	background-size: 1rem;
	filter: saturate(0.6);
}
.accordion-body {
	color: var(--slate);
	font-weight: 300;
	font-size: 0.86rem;
	line-height: 1.8;
}
.callcard {
	background: var(--char);
	color: var(--cream);
	border-radius: var(--r-lg);
}

a.tour-card:hover h5 {
	text-decoration: underline !important;
}

a.tour-card:hover .btn-ink {
	background: transparent;
	color: var(--char);
	border-color: var(--tan);
}
