.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}: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);
} .navbar-nav .dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0;
} .navbar-nav .dropdown-menu {
width: 220px;
display: none;
transition: all 0.2s ease-in-out;
} @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 {
position: relative;
min-height: 90vh;
overflow: hidden;
background: var(--char);
display: flex;
align-items: center;
} .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(//www.letsgotoursrwanda.com/wp-content/themes/letsgo/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(//www.letsgotoursrwanda.com/wp-content/themes/letsgo/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 {
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;
}
} .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);
} .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);
} .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;
} .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;
} .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);
} .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);
} .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;
} .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 {
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(//www.letsgotoursrwanda.com/wp-content/themes/letsgo/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;
}
}  .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;
} .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;
} .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);
} .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-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(//www.letsgotoursrwanda.com/wp-content/themes/letsgo/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 {
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);
} .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;
} .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);
} .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;
}  .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;
} .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;
} .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;
} .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;
}  .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(//www.letsgotoursrwanda.com/wp-content/themes/letsgo/images/contact-us-alt.jpg) bottom center/cover;
background-size:
cover,
560px auto,
cover;
} .c-section {
background: url(//www.letsgotoursrwanda.com/wp-content/themes/letsgo/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 {
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; }
.entry-content h2,
.entry-content .h2 {
font-size: 2.25rem; font-weight: 700;
}
.entry-content h3,
.entry-content .h3 {
font-size: 1.75rem; }
.entry-content h4,
.entry-content .h4 {
font-size: 1.375rem; }
.entry-content h5,
.entry-content .h5 {
font-size: 1.125rem; }
.entry-content h6,
.entry-content .h6 {
font-size: 0.875rem; }
.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;
} .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 {
--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);
}